:root{--forest:#173d32;--forest-2:#245747;--cream:#f7f1e5;--paper:#fffaf0;--ink:#18201d;--muted:#66716b;--clay:#b8593c;--gold:#d6a53e;--line:rgba(23,61,50,.16);--shadow:0 28px 70px rgba(23,61,50,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Noto Kufi Arabic,sans-serif;line-height:1.8}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.26;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 5.5vw;background:#f7f1e5e6;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:700;direction:ltr}.brand b{color:var(--clay)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50% 50% 48% 12%;background:var(--forest);color:var(--cream);font-family:serif}.site-header nav{display:flex;gap:30px;font-size:13px;font-weight:600}.site-header nav a:hover{color:var(--clay)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border-radius:3px;font-size:13px;font-weight:700;transition:.25s ease;border:1px solid transparent;cursor:pointer}.button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #173d3226}.button-small{min-height:42px;padding:0 18px}.button-primary{background:var(--forest);color:#fff}.button-light{background:var(--paper);color:var(--forest)}.button-outline{border-color:var(--forest);color:var(--forest)}.button-warm{background:var(--gold);color:#17241f}.hero{min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;padding:70px 7vw 90px;overflow:hidden}.eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--clay);font-size:12px;font-weight:800;letter-spacing:.03em}.eyebrow:before{content:"";width:38px;height:1px;background:currentColor}.hero h1,.section-heading h2,.maintenance h2,.future h2,.final-cta h2{margin:18px 0 22px;font-family:Aref Ruqaa,serif;font-size:clamp(48px,6.4vw,92px);font-weight:700;line-height:1.06;letter-spacing:-.03em}.hero h1 em,.maintenance h2 em{color:var(--clay);font-style:normal}.hero-copy>p{max-width:670px;font-size:17px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:26px;margin:36px 0 42px}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink)}.hero-facts{display:flex;gap:0;border-top:1px solid var(--line);padding-top:24px}.hero-facts>div{display:flex;align-items:center;gap:10px;padding:0 22px;border-left:1px solid var(--line)}.hero-facts>div:first-child{padding-right:0}.hero-facts strong{font-family:Aref Ruqaa,serif;font-size:38px;color:var(--forest)}.hero-facts span{font-size:10px;line-height:1.6;color:var(--muted)}.hero-visual{position:relative;min-height:580px}.arch{position:absolute;inset:0 8% 0 0;border-radius:260px 260px 8px 8px;overflow:hidden;background:var(--forest);box-shadow:var(--shadow)}.arch img{width:100%;height:100%;object-fit:cover;object-position:top}.floating-card{position:absolute;bottom:45px;right:-4%;width:230px;padding:22px;background:var(--clay);color:#fff;box-shadow:var(--shadow)}.floating-card span{display:block;font-size:10px;opacity:.8}.floating-card strong{display:block;font-family:Aref Ruqaa,serif;font-size:28px}.floating-card a{font-size:11px;border-bottom:1px solid rgba(255,255,255,.6)}.sun{position:absolute;top:6%;left:-3%;width:115px;height:115px;border-radius:50%;background:var(--gold);z-index:-1}.promise{display:flex;align-items:center;justify-content:center;gap:28px;padding:27px 5vw;background:var(--forest);color:#fff}.promise p{margin:0;font-family:Aref Ruqaa,serif;font-size:21px}.promise span{width:7px;height:7px;border-radius:50%;background:var(--gold)}.demo-section,.packages,.steps{padding:120px 7vw}.section-heading{max-width:900px;margin:0 auto 60px;text-align:center}.section-heading h2{font-size:clamp(42px,5.4vw,74px)}.section-heading p{max-width:720px;margin:auto;color:var(--muted)}.demo-frame{position:relative;max-width:1150px;margin:auto;padding:25px 25% 25px 25px;background:#e4d7c4;box-shadow:var(--shadow)}.demo-frame img{width:100%;max-height:620px;object-fit:cover;object-position:top}.demo-note{position:absolute;left:0;bottom:45px;width:34%;padding:30px;background:var(--forest);color:#fff}.demo-note span{font-size:10px;color:var(--gold)}.demo-note h3{margin:7px 0;font-family:Aref Ruqaa,serif;font-size:34px}.demo-note p{font-size:12px;opacity:.76}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1400px;margin:auto;align-items:start}.package-card{position:relative;background:var(--paper);border:1px solid var(--line);box-shadow:0 15px 45px #173d320f}.package-card.featured{margin-top:-22px;border:2px solid var(--clay)}.package-card.smart{background:var(--forest);color:#fff}.popular{position:absolute;top:-17px;right:22px;z-index:2;padding:6px 15px;background:var(--clay);color:#fff;font-size:10px}.package-image{position:relative;height:245px;overflow:hidden}.package-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s ease}.package-card:hover .package-image img{transform:scale(1.04)}.package-image span{position:absolute;left:15px;bottom:-10px;color:#fff;font-family:Aref Ruqaa,serif;font-size:72px;text-shadow:0 3px 18px #000}.package-body{padding:32px}.package-kicker{font-size:10px;color:var(--clay);font-weight:700}.smart .package-kicker{color:var(--gold)}.package-body h3{margin:6px 0;font-family:Aref Ruqaa,serif;font-size:38px}.price{display:flex;align-items:flex-end;gap:9px;padding-bottom:22px;border-bottom:1px solid var(--line)}.price strong{font-family:Aref Ruqaa,serif;font-size:56px;line-height:1;color:var(--clay)}.smart .price strong{color:var(--gold)}.price span,.price small{font-size:10px;color:var(--muted)}.smart .price span,.smart .price small{color:#cad6d1}.package-body ul{min-height:455px;margin:25px 0;padding:0;list-style:none}.package-body li{position:relative;margin:11px 0;padding-right:22px;font-size:11px;color:var(--muted)}.smart li{color:#d4ddd9}.package-body li:before{content:"✓";position:absolute;right:0;color:var(--clay);font-weight:800}.smart li:before{color:var(--gold)}.package-body .button{width:100%}.maintenance{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;padding:110px 8vw;background:#e7dac8}.maintenance-title h2{font-size:clamp(46px,5vw,70px)}.maintenance-title p{color:var(--muted)}.maintenance-list>div{display:grid;grid-template-columns:55px 1fr;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.maintenance-list b{font-family:Aref Ruqaa,serif;font-size:30px;color:var(--clay)}.maintenance-list span{font-size:14px;font-weight:600}.maintenance-list small{display:block;margin-top:24px;color:var(--muted);font-size:10px}.future{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;align-items:center;padding:100px 8vw;background:var(--clay);color:#fff}.future h2{font-size:clamp(45px,5vw,68px)}.future .eyebrow{color:#ffe5cf}.future>p{font-size:15px;opacity:.84}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps-grid>div{padding:35px;border-left:1px solid var(--line)}.steps-grid>div:last-child{border:0}.steps-grid b{font-family:Aref Ruqaa,serif;font-size:38px;color:var(--clay)}.steps-grid h3{font-family:Aref Ruqaa,serif;font-size:29px}.steps-grid p{font-size:12px;color:var(--muted)}.payment-note{text-align:center;margin-top:30px;font-size:12px}.final-cta{margin:0 5vw 70px;padding:90px 6vw;text-align:center;background:var(--forest);color:#fff}.final-cta>span{color:var(--gold);font-weight:800}.final-cta h2{font-size:clamp(48px,6vw,78px)}.final-cta>p{color:#c8d4cf}.cta-actions{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:35px}.cta-actions>a:not(.button){font-size:11px;border-bottom:1px solid #fff}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 6vw;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer>div{display:flex;gap:20px;direction:ltr}.whatsapp-float{position:fixed;left:22px;bottom:22px;z-index:30;display:flex;align-items:center;gap:12px;padding:12px 17px;background:#25d366;color:#10291d;border-radius:40px;box-shadow:0 12px 30px #0000002e;font-size:11px;font-weight:800}.whatsapp-float b{font-size:20px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}@media(max-width:1000px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{min-height:520px}.promise{overflow:auto;justify-content:flex-start}.package-grid{grid-template-columns:1fr;max-width:680px;gap:35px}.package-card.featured{margin-top:0}.package-body ul{min-height:auto}.maintenance,.future{grid-template-columns:1fr}.demo-frame{padding:20px}.demo-note{position:relative;left:auto;bottom:auto;width:100%}.steps-grid{grid-template-columns:1fr}.steps-grid>div{border-left:0;border-bottom:1px solid var(--line)}}@media(max-width:650px){.site-header{padding:13px 18px}.site-header .button{display:none}.brand{font-size:17px}.hero{min-height:auto;padding:50px 22px 75px}.hero h1{font-size:52px}.hero-copy>p{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column}.hero-facts{justify-content:space-between}.hero-facts>div{padding:0 8px;gap:5px}.hero-facts strong{font-size:29px}.hero-facts span{font-size:8px}.hero-visual{min-height:430px}.arch{inset:0 5%}.floating-card{right:0;bottom:25px;width:205px}.sun{width:80px;height:80px}.promise{gap:14px;padding:20px}.promise p{min-width:max-content;font-size:16px}.demo-section,.packages,.steps{padding:85px 20px}.section-heading{text-align:right}.section-heading h2{font-size:45px}.demo-frame{padding:10px}.package-body{padding:26px 22px}.package-image{height:210px}.maintenance,.future{padding:80px 23px}.steps-grid>div{padding:25px 12px}.final-cta{margin:0 12px 45px;padding:70px 20px}.final-cta h2{font-size:45px}.cta-actions{flex-direction:column}.final-cta .button{width:100%}footer{flex-direction:column;gap:18px;text-align:center}.whatsapp-float span{display:none}.whatsapp-float{padding:12px 17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}.phone-link{direction:ltr;unicode-bidi:isolate;white-space:nowrap}.phone-label{direction:rtl;unicode-bidi:isolate;display:inline-block}.cta-actions .phone-link{display:inline-flex;align-items:center;gap:5px}.final-cta h2{font-family:Noto Kufi Arabic,sans-serif;font-size:clamp(35px,4.6vw,66px);font-weight:700;line-height:1.65;letter-spacing:-.035em;text-wrap:balance}footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;padding:34px 6vw;border-top:1px solid var(--line)}.footer-brand{display:flex;align-items:center;gap:26px;min-width:0}.footer-brand p{margin:0;padding-right:26px;border-right:1px solid var(--line);line-height:1.8}.footer-contact{display:flex;align-items:center;gap:22px;white-space:nowrap}.footer-contact>span{font-size:10px;color:var(--clay);font-weight:700}.footer-phones{display:flex;direction:ltr;gap:10px}.footer-phones a{display:inline-flex;padding:9px 13px;border:1px solid var(--line);border-radius:2px;color:var(--forest);font-size:11px;font-weight:700}@media(max-width:760px){footer{grid-template-columns:1fr;justify-items:center;gap:25px;text-align:center}.footer-brand{flex-direction:column;gap:13px}.footer-brand p{padding:0;border:0;max-width:320px}.footer-contact{flex-direction:column;gap:10px}.footer-phones{flex-wrap:wrap;justify-content:center}}.hero-visual .arch{inset:0 8% 86px 0}.visual-caption{position:absolute;right:8%;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border:1px solid var(--line);background:var(--paper);box-shadow:0 14px 35px #173d3214}.visual-caption div{display:flex;align-items:center;gap:12px}.visual-caption span{font-size:9px;color:var(--clay)}.visual-caption strong{font-family:Aref Ruqaa,serif;font-size:25px}.visual-caption a{font-size:10px;font-weight:700;color:var(--forest);border-bottom:1px solid var(--forest)}.demo-frame{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:0;max-width:1180px;margin:auto;padding:20px;background:#e4d7c4;box-shadow:var(--shadow)}.demo-image{min-width:0;overflow:hidden;background:var(--paper)}.demo-frame .demo-image img{width:100%;height:100%;min-height:470px;object-fit:cover;object-position:top}.demo-frame .demo-note{position:static;width:auto;display:flex;flex-direction:column;justify-content:center;padding:38px;background:var(--forest);color:#fff}.demo-note .button{margin-top:18px}.package-image{height:245px;background:#e8dfd1}.package-dashboard img{object-fit:contain;background:#f6f0e5}.package-card:hover .package-image img{transform:scale(1.025)}.service-collage{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--gold)}.service-collage img{min-width:0;object-fit:cover;object-position:top}.package-media-caption{display:flex;align-items:center;gap:15px;min-height:58px;padding:10px 22px;background:#e8ddca;border-bottom:1px solid var(--line)}.package-media-caption b{font-family:Aref Ruqaa,serif;font-size:26px;color:var(--clay)}.package-media-caption span{font-size:9px;font-weight:700;color:var(--forest)}.smart .package-media-caption{background:#102f27;border-color:#ffffff1f}.smart .package-media-caption b{color:var(--gold)}.smart .package-media-caption span{color:#fff}@media(max-width:1000px){.demo-frame{grid-template-columns:1fr;padding:16px}.demo-frame .demo-image img{min-height:360px}.hero-visual{min-height:560px}}@media(max-width:650px){.hero-visual{min-height:485px}.hero-visual .arch{inset:0 5% 76px}.visual-caption{right:5%;padding:14px}.visual-caption strong{font-size:21px}.demo-frame{padding:8px}.demo-frame .demo-image img{min-height:250px}.demo-frame .demo-note{padding:28px}.package-image,.service-collage{height:220px}}