@font-face{font-family:Cairo;src:url('assets/Cairo-Variable.ttf') format('truetype');font-weight:200 1000;font-display:swap}
:root{color-scheme:light dark;--bg:#f6f4ed;--text:#142e39;--muted:#53666b;--line:#d1dbd5;--accent:#096c69;--surface:#e9eee7;--rust:#95472d;--button:#103e44;--button-text:#fffaf0;--shadow:0 28px 70px #17394222;--focus:#ac4828}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#071322;--text:#f5f3ea;--muted:#adbdc2;--line:#2b424b;--accent:#70d7cb;--surface:#102530;--rust:#dd977c;--button:#8be0d2;--button-text:#071c26;--shadow:0 28px 80px #0008;--focus:#f4aa83}}
:root[data-theme=dark]{color-scheme:dark;--bg:#071322;--text:#f5f3ea;--muted:#adbdc2;--line:#2b424b;--accent:#70d7cb;--surface:#102530;--rust:#dd977c;--button:#8be0d2;--button-text:#071c26;--shadow:0 28px 80px #0008;--focus:#f4aa83}
:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Cairo,system-ui,sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}button:disabled{cursor:default}img{object-fit:contain;max-width:100%;height:auto;display:block}svg{width:24px;height:24px;flex-shrink:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:650;line-height:1.16}h2{font-size:clamp(2rem,4.7vw,3.75rem);letter-spacing:-.045em}h3{font-size:clamp(1.9rem,3.6vw,3rem);letter-spacing:-.035em}p+p{margin-top:1rem}em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px;border-bottom:1px solid var(--line)}.identity{min-width:0;display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;letter-spacing:-.02em}.site-header nav{flex-shrink:0;display:flex;gap:28px;align-items:center}.site-header nav>a{text-decoration:none;font-size:.88rem}.theme-control{border:1px solid var(--line);border-radius:30px;background:transparent;padding:7px 13px;display:flex;align-items:center;gap:7px;font-size:.8rem;min-height:44px}.theme-control[hidden]{display:none}.theme-control>span:first-child{font-size:1.2rem}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;padding-top:70px;padding-bottom:90px;align-items:center;min-height:850px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.69rem;font-weight:750;color:var(--accent);display:flex;gap:12px;align-items:center;line-height:1.8}.small-line{display:inline-block;width:27px;height:1px;background:var(--rust)}.wordmark{position:relative;width:200px;margin-top:28px;margin-bottom:20px}.wordmark img{width:100%;height:auto}.wordmark .white{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .wordmark .white{display:block}:root:not([data-theme=light]) .wordmark .ink{display:none}}:root[data-theme=dark] .wordmark .white{display:block}:root[data-theme=dark] .wordmark .ink{display:none}h1{font-size:clamp(4.3rem,7.7vw,7rem);letter-spacing:-.065em;line-height:.98;margin-bottom:28px}h1 em{display:inline-block;margin-top:.06em;letter-spacing:-.06em}.hero-description{font-size:1.04rem;max-width:440px;color:var(--muted);line-height:1.8}.download-area{margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:60px;padding:14px 24px;border-radius:6px;background:var(--button);color:var(--button-text);font-size:.99rem;font-weight:750;text-decoration:none;box-shadow:0 8px 26px #071e2920;transition:transform .2s}.button:hover{color:var(--button-text);transform:translateY(-2px)}.download-meta{font-size:.76rem;color:var(--muted);margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.quiet-link{font-size:.73rem;color:var(--muted);display:inline-block;margin-top:3px}.store-controls{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.store-controls button{background:transparent;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;text-align:left;gap:10px;padding:9px 14px;line-height:1.4;font-weight:650;font-size:.85rem;min-height:60px}.store-controls small{display:block;color:var(--muted);font-weight:400;font-size:.65rem;margin-top:3px}.store-controls button:hover{background:var(--surface)}.hero-visual{overflow:clip;isolation:isolate;position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;padding-top:34px}.hero-visual:before{content:'';position:absolute;inset:5% -10%;border-radius:50%;background:radial-gradient(ellipse,#48bdac33 0%,#2296a11a 35%,transparent 68%);z-index:-1}.orbit{position:absolute;width:110%;aspect-ratio:1;top:10%;border:1px solid var(--line);border-radius:50%;transform:rotate(-25deg) scaleX(.8)}.orbit:after{content:'';position:absolute;top:25%;left:4%;width:7px;height:7px;border-radius:50%;background:var(--rust)}.visual-note{position:absolute;top:0;font:italic 1rem Georgia,serif;color:var(--muted);letter-spacing:.02em}.phone{width:min(300px,100%);justify-self:center;position:relative}.phone picture{display:block;border:7px solid #17232d;border-radius:34px;overflow:hidden;box-shadow:var(--shadow);background:#071322}.phone img{width:100%;height:auto;aspect-ratio:1/2}.hero-phone{width:min(282px,80%);transform:rotate(5deg);margin:20px 0 25px}.hero-phone picture{border-width:7px}.image-caption{text-align:center;font-size:.67rem;color:var(--muted);line-height:1.5;margin-top:16px}.visual-index{position:absolute;right:-25px;bottom:150px;writing-mode:vertical-rl;font-size:.65rem;letter-spacing:.2em;color:var(--muted)}.reminder-band{position:relative;isolation:isolate;overflow:hidden;background:#0a202e;color:#f9f6ed;padding-block:85px}.reminder-band .eyebrow{color:#83d8cc}.reminder-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;align-items:center}.reminder-intro{font-size:1.55rem;line-height:1.45;margin-top:20px;letter-spacing:-.025em}.aurora{position:absolute;z-index:-1;width:80%;height:220%;left:25%;top:-60%;background:radial-gradient(ellipse,#3bb5a32b,transparent 65%);transform:rotate(-30deg);animation:aurora 18s ease-in-out infinite alternate;will-change:transform,opacity}.reminder-band .aurora{animation-play-state:paused}.reminder-band.is-visible .aurora{animation-play-state:running}@keyframes aurora{to{transform:translateX(-14%) rotate(4deg);opacity:.5}}body.is-hidden .aurora{animation-play-state:paused!important}.reading-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px;font-size:.76rem}.reading-controls fieldset{border:1px solid #4c6970;border-radius:30px;padding:6px 13px;display:flex;gap:12px;margin:0}.reading-controls label{display:flex;align-items:center;gap:6px;min-height:32px;cursor:pointer}.reading-controls input{accent-color:#7fd9ce;width:16px;height:16px;margin:0}.reading-controls button{background:transparent;color:#c7dbdc;border:0;text-decoration:underline;text-underline-offset:5px;font-size:.72rem;padding:6px;min-height:44px}.reading-controls button[hidden]{display:none}.reading-stage{display:grid;align-items:center;min-width:0}.reading{grid-area:1/1;transition:opacity .24s ease,visibility .24s;line-height:1.8;align-self:center}.reading h2{font-size:1.6rem;letter-spacing:-.02em;margin-bottom:16px;line-height:1.6}.reading p{font-size:1rem;margin:0;color:#c8dcd9}.reading-ar{visibility:hidden;opacity:0;line-height:2.1}.reading-ar h2{letter-spacing:0;font-size:1.6rem;line-height:1.8}.reading-ar p{line-height:2.2;font-size:1.1rem}.reminder-layout:has(#lang-ar:checked) .reading-ar{visibility:visible;opacity:1}.reminder-layout:has(#lang-ar:checked) .reading-en{visibility:hidden;opacity:0}.section-heading{max-width:650px;margin-bottom:70px}.section-heading h2{margin:18px 0 24px}.section-heading>p:last-child{color:var(--muted);max-width:520px}.walkthrough{padding-block:100px 60px}.walk-step{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:70px 95px;border-bottom:1px solid var(--line)}.walk-step.reverse .step-copy{grid-column:2}.walk-step.reverse figure{grid-column:1;grid-row:1}.step-number{color:var(--rust);font-size:1rem;display:flex;gap:20px;align-items:center;margin-bottom:28px}.step-number span{font-size:.66rem;letter-spacing:.2em;color:var(--muted)}.step-copy>p:not(.step-number){color:var(--muted);margin-top:24px;max-width:430px}.feature-note{display:flex;gap:18px;font-size:.88rem;border-top:1px solid var(--line);padding-top:24px}.feature-note>span:first-child{font-size:1.6rem;color:var(--accent);line-height:1.2}.feature-note strong{display:block;color:var(--text);font-size:.92rem;margin-bottom:6px}.phone figcaption{font-size:.69rem;color:var(--muted);line-height:1.6;text-align:center;margin-top:20px}.step-copy .pull-quote{font:italic 1.4rem/1.5 Georgia,serif;color:var(--accent)!important;border-left:2px solid var(--rust);padding-left:20px}.last-step{border:0}.screens-note{font-size:.7rem;color:var(--muted);max-width:620px;border-left:2px solid var(--line);padding-left:20px}.installation{padding-block:90px;display:grid;grid-template-columns:1fr 1fr;gap:95px;border-block:1px solid var(--line)}.installation h2{font-size:2.6rem;margin:20px 0 25px}.installation p{color:var(--muted);font-size:.92rem}.installation>div>p:last-child{font-size:.78rem}.installation li{margin-block:12px}.installation ol{padding-left:24px}details{border-bottom:1px solid var(--line);padding-block:21px}summary{font-size:1rem;font-weight:650;cursor:pointer;line-height:1.6;padding-right:5px}details p,details ol{font-size:.93rem;color:var(--muted);margin-top:18px}.fine{font-size:.75rem!important;line-height:1.8;color:var(--muted)}.faq{padding-block:90px;max-width:860px}.faq .section-heading{margin-bottom:28px}.closing{text-align:center;padding-block:65px 100px;display:flex;align-items:center;flex-direction:column}.closing .eyebrow{margin:22px 0}.closing h2{font-size:clamp(2.4rem,5vw,4.3rem)}.closing>p:not(.eyebrow){color:var(--muted);margin-top:20px}.text-cta{font-size:1.1rem;font-weight:700;margin-top:25px;text-decoration:none;border-bottom:1px solid var(--accent);padding:9px 0}.text-cta span{margin-left:18px;color:var(--accent)}.smallprint{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:40px;border-top:1px solid var(--line)}.smallprint h2{font-size:.8rem;letter-spacing:.02em;margin-bottom:16px}.smallprint p,.smallprint a{font-size:.71rem;color:var(--muted)}footer{border-top:1px solid var(--line);padding-block:26px 32px;display:flex;justify-content:space-between;gap:30px;font-size:.74rem;color:var(--muted)}footer p>span{margin-inline:8px}footer small{display:block;font-size:.65rem;margin-top:4px}footer nav{display:flex;gap:22px;flex-wrap:wrap}footer a{text-decoration:none}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;visibility:hidden;background:var(--text);color:var(--bg);border:1px solid var(--line);padding:17px 22px;width:max-content;max-width:min(520px,calc(100% - 32px));border-radius:10px;box-shadow:var(--shadow);z-index:20;font-size:.85rem;transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none}.toast.visible{transform:translate(-50%,0);visibility:visible;opacity:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:10px;left:15px;transform:translateY(-200%);z-index:50;background:var(--bg);padding:10px}.skip:focus{transform:none}.document{max-width:780px;padding-block:70px 120px}.document h1{font-size:3rem;line-height:1.2;margin:25px 0}.document h2{font-size:1.5rem;margin:35px 0 20px}.document p{margin-top:18px}.document ul{padding-left:25px}
@media(min-width:1500px){.hero{padding-block:90px 110px}.hero-phone{width:310px}}
@media(max-width:900px){.wrap{width:calc(100% - 56px)}.hero{gap:30px;min-height:0;padding-top:50px}.hero-phone{width:245px}.hero-visual .visual-index{display:none}.reminder-layout{gap:40px;grid-template-columns:1fr 1.2fr}.walk-step{gap:55px}.installation{gap:45px}.site-header nav{gap:20px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}body{font-size:16px}.site-header{padding-block:17px;gap:10px}.identity{gap:8px;font-size:.86rem}.identity img{width:35px;height:35px}.site-header nav{gap:12px}.site-header nav>a{font-size:.72rem}.site-header .identity span{overflow-wrap:anywhere}.site-header nav>a:nth-child(2){display:none}.theme-control{padding:6px 10px}.theme-control #theme-label{display:none}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:55px;gap:55px}.hero-copy{max-width:470px}.hero .eyebrow{font-size:.61rem;letter-spacing:.12em}.wordmark{width:172px;margin-block:23px 20px}h1{font-size:clamp(3rem,20vw,6rem);letter-spacing:-.06em;overflow-wrap:anywhere}.hero-description{font-size:.96rem;max-width:390px}.download-area{margin-top:25px}.button{max-width:100%;flex-wrap:wrap;padding:14px 20px;gap:12px;font-size:.94rem;min-height:58px}.store-controls{gap:10px}.store-controls button{padding:9px 12px;font-size:.8rem;gap:8px}.store-controls small{font-size:.61rem}.hero-visual{padding-top:30px}.hero-phone{width:260px;max-width:82%;transform:rotate(3deg)}.orbit{width:92%;top:15%;max-width:420px}.image-caption{margin-top:8px}.visual-note{font-size:.95rem}.reminder-band{padding-block:52px}.reminder-layout{grid-template-columns:1fr;gap:38px}.reminder-intro{font-size:1.4rem}.reading-controls{margin-top:22px}.reading h2,.reading-ar h2{font-size:1.45rem}.reading p{font-size:.94rem}.reading-ar p{font-size:1rem}.walkthrough{padding-block:65px 50px}.section-heading{margin-bottom:25px}.section-heading h2{margin-block:18px}.section-heading>p:last-child{font-size:.94rem}.walk-step{grid-template-columns:1fr;gap:40px;padding-block:45px 55px}.walk-step.reverse .step-copy{grid-column:auto}.walk-step.reverse figure{grid-column:auto;grid-row:auto}.step-number{margin-bottom:20px}.step-copy>p:not(.step-number){font-size:.94rem;margin-top:20px}.phone{width:270px;max-width:90%}.phone picture{border-width:6px;border-radius:31px}.phone figcaption{font-size:.66rem}.installation{grid-template-columns:1fr;gap:20px;padding-block:55px}.installation h2{font-size:2.2rem}.faq{padding-block:60px}.faq .section-heading{margin-bottom:10px}details{padding-block:20px}summary{font-size:.94rem}.reading-controls fieldset{flex-wrap:wrap}.eyebrow{overflow-wrap:anywhere}.step-copy,.installation>div,.smallprint>div{min-width:0}.closing{padding-block:40px 65px}.closing>p:not(.eyebrow){font-size:.9rem}.smallprint{grid-template-columns:1fr;gap:30px;padding-block:32px}footer{flex-direction:column;gap:20px}footer nav{gap:25px}.toast{bottom:18px}.document h1{font-size:2.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}