:root{color-scheme:dark;--bg:#080a1e;--bg2:#10102c;--panel:#161632;--panel2:#1d1a42;--ink:#f9f6ff;--muted:#b9b5d2;--lavender:#b99cff;--violet:#9473f8;--cyan:#8be0d8;--border:rgba(200,185,255,.15);--max:1220px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,summary{font:inherit}button,a,summary,input{ -webkit-tap-highlight-color:transparent }
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #e0caff;outline-offset:4px}
img,svg{max-width:100%}img{display:block}p{margin:0}h1,h2,h3{letter-spacing:-.055em;line-height:1.08;margin:0}h2{font-size:clamp(2.45rem,4.2vw,4.2rem)}h3{font-size:clamp(1.35rem,2.1vw,1.8rem)}
.container{width:min(var(--max),calc(100% - 84px));margin-inline:auto;position:relative}.skip{position:fixed;z-index:100;left:18px;top:-80px;padding:10px 18px;background:white;color:#1b1230;border-radius:10px}.skip:focus{top:14px}
.sky{position:absolute;inset:0 0 auto;z-index:0;height:1350px;pointer-events:none;background:radial-gradient(circle at 76% 14%,rgba(108,70,219,.19),transparent 31%),radial-gradient(circle at 15% 31%,rgba(44,57,144,.23),transparent 26%),radial-gradient(1px 1px at 3% 15%,#bbb3f5 98%,transparent),radial-gradient(2px 2px at 22% 35%,#8776b0 98%,transparent),radial-gradient(1px 1px at 34% 8%,#bbb3f5 98%,transparent),radial-gradient(2px 2px at 68% 3%,#aaa5e8 98%,transparent),radial-gradient(1px 1px at 89% 26%,#c3bee6 98%,transparent),radial-gradient(2px 2px at 96% 11%,#7e6dac 98%,transparent),linear-gradient(180deg,#0b0a23 0%,#0b1025 72%,transparent);opacity:.97}
.header{height:88px;position:sticky;top:0;z-index:80;background:rgba(9,9,29,.78);border-bottom:1px solid rgba(172,147,242,.10);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.header-inner{height:100%;display:flex;align-items:center;gap:36px}.logo{display:inline-flex;align-items:center;gap:12px;font-size:1.46rem;letter-spacing:-.055em;font-weight:800;white-space:nowrap}.logo img{border-radius:13px;box-shadow:0 0 22px #8468dd33}.desktop-nav{display:flex;gap:31px;justify-content:center;align-items:center;margin-inline:auto}.desktop-nav a{font-size:.89rem;color:#c5c0db;transition:color .2s}.desktop-nav a:hover{color:white}.header-right{display:flex;align-items:center;gap:15px;margin-inline-start:auto}.language{position:relative;z-index:90}.language>summary{list-style:none;cursor:pointer;display:flex;gap:9px;align-items:center;border:1px solid var(--border);background:rgba(79,61,119,.24);padding:9px 13px;border-radius:12px;color:#e8e0ff;font-size:.82rem;font-weight:700}.language>summary::-webkit-details-marker,.mobile-nav summary::-webkit-details-marker{display:none}.language-current{letter-spacing:.08em}.language-list{position:absolute;top:calc(100% + 12px);inset-inline-end:0;display:grid;grid-template-columns:repeat(2,1fr);width:270px;padding:10px;background:#1b1836;border:1px solid #8f7acf55;border-radius:17px;box-shadow:0 22px 55px #000a;z-index:100;gap:3px}.language-list a{padding:8px 10px;font-size:.83rem;border-radius:8px;white-space:nowrap}.language-list a:hover,.language-list a[aria-current=page]{background:#6952a855}.mobile-nav{display:none}
.eyebrow{display:flex;gap:12px;align-items:center;color:#c5adff;text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.20em;line-height:1.7}.eyebrow-line{width:34px;height:1px;background:#ad91ff}
.hero-section{position:relative;padding:56px 0 106px;isolation:isolate}.hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;min-height:690px}.hero-copy{position:relative;z-index:3;padding-bottom:34px}.hero h1{font-size:clamp(4.2rem,7vw,7.8rem);letter-spacing:-.075em;margin:26px 0 29px;line-height:1.06}.hero h1 em{font-style:normal;background:linear-gradient(107deg,#f2e8ff 3%,#c4a6ff 48%,#8a85ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;white-space:nowrap}.hero-lead{max-width:560px;color:#c8c1da;font-size:1.13rem;line-height:1.92}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;align-items:center;margin:31px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:100px;min-height:53px;padding:12px 24px;font-size:.92rem;font-weight:750;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button svg{width:21px;height:21px}.button-primary{background:linear-gradient(128deg,#c8b0ff,#9277ea);color:#150b2e;box-shadow:0 14px 38px #8e6cf044}.button-secondary{border:1px solid #c0afe04f;color:#e6dcff;background:#29234266}.micro{display:flex;gap:10px;align-items:center;color:#aba4c6;font-size:.81rem}.micro-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px #89dcd2aa}
.hero-visual{position:relative;height:700px;border-radius:260px 260px 52px 52px;overflow:hidden;isolation:isolate;background:#17133a;border:1px solid #9f84fa39;box-shadow:0 24px 115px #0008,0 0 100px #624ba82e}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;filter:saturate(.9) contrast(1.02)}.hero-visual::before{position:absolute;z-index:1;inset:0;content:"";background:linear-gradient(90deg,rgba(19,15,55,.36),transparent 30%),linear-gradient(180deg,rgba(9,8,34,.19),transparent 45%,rgba(8,10,32,.62))}.hero-luminosity{position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 88% 70%,rgba(143,105,255,.45),transparent 38%);mix-blend-mode:screen}.hero-phone{position:absolute!important;z-index:4!important;width:31%;right:6%;bottom:9%;transform:rotate(8deg);filter:drop-shadow(0 20px 30px #000b)}.orbit{position:absolute;z-index:2;border:1px solid #d9aaff4a;border-radius:50%;pointer-events:none}.orbit-one{width:370px;height:370px;bottom:-170px;right:-110px;box-shadow:0 0 90px #a167e622}.orbit-two{width:490px;height:490px;bottom:-230px;right:-165px}.hero-star{position:absolute;z-index:3;color:#d5bbff;text-shadow:0 0 22px #c9aaff}.star-1{top:12%;right:18%;font-size:37px}.star-2{top:17%;left:22%;font-size:16px}.star-3{bottom:21%;left:10%;font-size:26px}.hero-visual-caption{position:absolute;z-index:4;bottom:35px;left:28px;display:flex;align-items:center;gap:9px;color:white;font-size:.96rem;font-weight:800;letter-spacing:-.02em}.crescent{font-size:2.3rem;color:#cab2ff;line-height:1}.hero-visual-caption small{display:block;font-weight:450;font-size:.68rem;letter-spacing:.01em;color:#c7bedc}
.device{border:6px solid #0e1025;background:#100e24;border-radius:27px;overflow:hidden;box-shadow:0 25px 60px #0009,0 0 0 2px #bcaaff70;aspect-ratio:759/1536;padding:0;position:relative}.device img{width:100%;height:100%;object-fit:cover}.device-camera{position:absolute;top:7px;left:50%;width:12%;height:6px;border-radius:99px;background:#0b0b1b;z-index:2;transform:translateX(-50%)}
.section-heading{max-width:820px;margin:0 auto 55px}.section-heading.center{text-align:center}.section-heading.center .eyebrow{justify-content:center}.section-heading h2{margin:12px 0 20px}.section-heading>p:last-child{color:var(--muted);font-size:1.04rem}
.intro-section{padding:82px 0 122px;background:linear-gradient(180deg,transparent 0%,#12102b 60%,#0d0c24 100%)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.feature-card{position:relative;background:linear-gradient(155deg,#1b1a39,#13142d);border:1px solid #b2a0e524;border-radius:27px;overflow:hidden;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:#9c80e58c;transform:translateY(-4px)}.feature-illustration{height:260px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 80%,#4d3d9178,transparent 48%),linear-gradient(160deg,#221d4a,#13152c);display:flex;justify-content:center;align-items:center}.feature-illustration::after{content:"";position:absolute;inset:auto 0 0;height:60px;background:linear-gradient(transparent,#191731)}.timer-dial{width:192px;height:192px;border:10px solid #575077;border-top-color:#bc9eff;border-right-color:#bc9eff;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-8deg);box-shadow:0 0 60px #8666cd2f}.timer-dial::before{content:"";position:absolute;inset:12px;border:1px dashed #8675bd66;border-radius:50%}.dial-num{font-size:4.4rem;font-weight:300;line-height:1;letter-spacing:-.07em;transform:rotate(8deg)}.timer-dial small{font-size:.83rem;color:#d5cbea;transform:rotate(8deg)}.dial-dot{position:absolute;width:16px;height:16px;background:white;border-radius:50%;bottom:26px;right:-7px;box-shadow:0 0 25px #fff}.feature-illustration img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:brightness(.76)}.dim-mask{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 49%,#050916b9 51% 100%);border-right:1px solid #dbb8ff6d;mix-blend-mode:multiply}.dim-moon{font-size:8rem;color:#e0cdff;text-shadow:0 0 50px #af91ff;z-index:1}.stop-illustration{background:radial-gradient(circle at 50% 68%,#32225e,transparent 60%),linear-gradient(180deg,#1e1d44,#0b1229)}.stop-moon{font-size:12rem;color:#b699ff;opacity:.16;position:absolute;top:-70px;right:12px}.stop-icons{display:flex;align-items:center;justify-content:center;gap:14px;z-index:2}.stop-icons span{display:grid;place-items:center;border:1px solid #c1aaf78a;border-radius:50%;width:74px;height:74px;background:linear-gradient(135deg,#674badba,#3a2a7e);box-shadow:0 7px 27px #a98afa34}.stop-icons span:nth-child(2){width:85px;height:85px;background:linear-gradient(140deg,#8c6bed,#654aca)}.stop-icons svg{width:32px;height:32px;stroke:#f9f7ff;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.feature-content{padding:30px 29px 34px}.feature-index{display:block;font-size:.73rem;letter-spacing:.16em;color:#baa2f8;font-weight:750;margin-bottom:14px}.feature-content h3{margin-bottom:12px}.feature-content p{font-size:.94rem;color:#bcb7d3;line-height:1.8}
.video-section{padding:110px 0;background:radial-gradient(circle at 83% 43%,#46327766,transparent 38%),linear-gradient(120deg,#0b0d27,#181137)}.video-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.video-copy h2{margin:16px 0 23px;max-width:540px}.video-copy>p:not(.eyebrow){color:var(--muted);font-size:1.09rem;max-width:550px;line-height:1.85}.video-note{display:flex;align-items:center;gap:17px;margin-top:32px;color:#e2d7fa;font-size:.85rem}.note-play{display:grid;place-items:center;width:46px;height:46px;background:#9d82fa2b;border:1px solid #b59ffc68;border-radius:50%;color:#dfceff}.video-frame{margin:auto;position:relative;width:min(100%,315px);padding:8px;border-radius:38px;background:linear-gradient(135deg,#bda4ff77,#20193f,#c3a3ff5c);box-shadow:0 32px 100px #0009,0 0 75px #8e63ee3c}.video-frame video{display:block;width:100%;aspect-ratio:9/16;height:auto;border-radius:31px;object-fit:cover;background:#07071d}.video-sheen{position:absolute;inset:-35px -60px;z-index:-1;pointer-events:none;border-radius:50%;border:1px solid #9886e41b;box-shadow:0 0 0 42px #9b80ee08,0 0 0 95px #9b80ee05}
.screens-section{padding:114px 0 130px;background:linear-gradient(180deg,#0d0e28,#0b0d23)}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;align-items:end;max-width:980px;margin:auto}.screen-item{margin:0;position:relative;text-align:center}.screen-item::before{content:"";position:absolute;top:18%;left:50%;transform:translateX(-50%);width:90%;height:60%;background:#8066cb29;filter:blur(60px);border-radius:50%}.screen-device{max-width:240px;width:88%;margin-inline:auto;z-index:1}.screen-focus .screen-device{width:96%;max-width:259px;transform:translateY(-12px);box-shadow:0 35px 95px #000b,0 0 0 2px #c6aeff8a}.screen-item figcaption{margin-top:31px;font-size:.98rem;font-weight:700}.screen-item figcaption span{display:block;color:#9c8abe;font-size:.76rem;font-weight:700;letter-spacing:.14em;margin-bottom:4px}
.dimming-section{padding:108px 0;background:#11102b}.dimming-layout{display:grid;grid-template-columns:1fr 1fr;gap:115px;align-items:center}.dimming-demo{max-width:500px;margin:auto;width:100%;padding:20px 20px 23px;background:#181635;border:1px solid #9f8fd249;border-radius:29px;box-shadow:0 23px 67px #0007}.dimming-demo-scene{height:300px;border-radius:20px;overflow:hidden;position:relative;background:#1a1851}.dimming-demo-scene img{width:100%;height:100%;object-fit:cover;object-position:50% 46%}.demo-overlay{position:absolute;inset:0;background:#01010d;opacity:.38;pointer-events:none}.demo-float{position:absolute;top:12px;right:20px;font-size:3.1rem;opacity:.6;color:#dbc6ff}.dimming-demo label{margin-top:23px;margin-bottom:15px;display:flex;justify-content:space-between;gap:14px;font-size:.88rem;font-weight:700}.dimming-demo output{font-variant-numeric:tabular-nums;color:#bba3ff}.dimming-demo input[type=range]{width:100%;accent-color:#b497ff;cursor:pointer}.dimming-demo>p{font-size:.75rem;color:#9b97b9;margin-top:13px}.dimming-copy h2{margin:13px 0 19px}.dimming-copy>p:not(.eyebrow){color:#c2bcd9;font-size:1.04rem;line-height:1.9}.soft-rule{height:1px;background:#a38cd632;margin:27px 0;width:78%}.dimming-copy p.quiet-copy{color:#8e89af;font-size:.86rem}
.premium-section{padding:115px 0;background:radial-gradient(circle at 7% 70%,#53439b40,transparent 32%),#0b0c23}.premium-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:65px;align-items:center}.premium-copy h2{margin:19px 0 22px}.premium-copy>p:not(.eyebrow){font-size:1.06rem;color:var(--muted);line-height:1.86}.premium-art{width:145px;height:145px;margin-top:33px;border-radius:33px;filter:drop-shadow(0 0 30px #a083f055)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.price-card{border:1px solid #aaa0e337;border-radius:26px;padding:25px 22px 27px;min-height:330px;background:#191830}.plus-card{background:linear-gradient(150deg,#5c469d,#211d47 59%,#191532);border-color:#b7a0ff8c;box-shadow:0 15px 65px #7151ce2c}.price-top{display:flex;flex-direction:column;gap:7px;margin-bottom:25px}.price-top span{font-size:.79rem;letter-spacing:.14em;font-weight:750;color:#cab8ff}.price-top strong{font-size:2.4rem;letter-spacing:-.07em;line-height:1.25}.price-top small{font-size:.79rem;color:#e2d5fc}.price-card ul{list-style:none;padding:0;margin:0;display:grid;gap:15px}.price-card li{position:relative;padding-inline-start:24px;color:#d0c9e2;font-size:.87rem;line-height:1.6}.price-card li::before{content:"✓";position:absolute;inset-inline-start:0;color:#b4eedc;font-weight:bold}
.trust-section{padding:95px 0;background:linear-gradient(140deg,#15142f,#141330)}.trust-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:center}.trust-visual{position:relative;width:100%;max-width:410px;height:340px;border-radius:250px 250px 36px 36px;overflow:hidden;border:1px solid #c0a3ff38;box-shadow:0 24px 70px #0007}.trust-visual img{width:100%;height:100%;object-fit:cover;object-position:center 50%}.trust-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#11132a93,transparent 68%)}.trust-orbit{position:absolute;right:20px;top:21px;font-size:33px;color:#fff2ff;text-shadow:0 0 12px #dec5ff}.trust-copy h2{margin:15px 0 21px}.trust-copy>p:not(.eyebrow){color:#c4bfd6;line-height:1.86;font-size:1.02rem}.trust-pills{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.trust-pills span{padding:9px 15px;border-radius:99px;border:1px solid #a894df5e;background:#43346b5e;color:#ebe4ff;font-size:.82rem}
.faq-section{padding:120px 0;background:#0a0b20}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-layout h2{margin-top:15px}.faq-items{display:grid;gap:12px}.faq-items details{background:#17162e;border:1px solid #ac9ce32c;border-radius:16px;transition:background .2s}.faq-items details[open]{background:#211c40}.faq-items summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;padding:22px 24px;font-weight:700;font-size:.97rem}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{font-size:1.7rem;color:#b69eff;font-weight:350;line-height:1}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items p{padding:0 24px 25px;color:#bcb4d7;font-size:.93rem;line-height:1.8}
.last-cta{padding:20px 0 100px;background:#0a0b20}.final-card{position:relative;text-align:center;padding:65px 24px 59px;border:1px solid #bc9fff57;border-radius:37px;overflow:hidden;background:radial-gradient(ellipse at 50% 18%,#5f4a9973,transparent 56%),linear-gradient(140deg,#272045,#16192f)}.final-card>*{position:relative;z-index:1}.final-card .eyebrow{justify-content:center}.final-card h2{margin:16px 0;font-size:clamp(2.4rem,5vw,4.8rem)}.final-card>p:not(.eyebrow){color:#d0c7e2;margin-bottom:26px}.coming-chip{display:inline-flex;align-items:center;gap:12px;padding:13px 22px;border-radius:99px;background:#cbb5ff;color:#1b1232;font-weight:800;font-size:.9rem}.coming-icon{font-size:1.15rem;color:#4d2a9a}.final-card>small{display:block;margin-top:17px;color:#b0a8c4;font-size:.72rem}.final-halo{position:absolute;z-index:0;left:7%;top:5%;font-size:15rem;opacity:.13;color:#d5c0ff;transform:rotate(-15deg)}
.footer{background:#08091b;border-top:1px solid #a89de026;padding:47px 0 58px}.footer-inner{display:grid;grid-template-columns:1fr 1.6fr;align-items:center;gap:13px 25px}.footer-brand{font-size:1.18rem}.footer-inner p{grid-row:2;grid-column:1/-1;color:#817b9e;font-size:.82rem}.footer nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:13px 27px}.footer nav a{color:#bdb6d2;font-size:.85rem}.footer nav a:hover{color:white}
[dir=rtl] .hero-copy,[dir=rtl] .feature-content,[dir=rtl] .price-card{text-align:start}[dir=rtl] .hero-phone{right:auto;left:6%;transform:rotate(-8deg)}[dir=rtl] .hero-visual-caption{left:auto;right:28px}[dir=rtl] .star-1{right:auto;left:18%}[dir=rtl] .device-camera{left:50%}[dir=rtl] .video-note{direction:rtl}
@media(min-width:1440px){.hero{grid-template-columns:1.02fr .98fr}.hero-visual{height:740px}}
@media(max-width:1150px){.container{width:min(var(--max),calc(100% - 56px))}.desktop-nav{gap:19px}.hero h1{font-size:clamp(3.8rem,7vw,6.2rem)}.hero{gap:29px}.hero-visual{height:610px}.dimming-layout{gap:58px}.trust-layout{gap:58px}.premium-grid{gap:32px}}
@media(max-width:900px){.header{height:76px}.desktop-nav{display:none}.mobile-nav{display:block;position:relative}.mobile-nav>summary{width:41px;height:41px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:1px solid var(--border);border-radius:12px;cursor:pointer;list-style:none}.mobile-nav>summary span{width:19px;height:2px;background:#e5dafa;border-radius:5px}.mobile-nav nav{position:absolute;top:calc(100% + 10px);inset-inline-end:0;width:205px;z-index:90;background:#1b1838;border:1px solid #8f7acf55;border-radius:14px;box-shadow:0 20px 55px #000b;padding:10px;display:grid;gap:3px}.mobile-nav nav a{padding:10px 12px;border-radius:7px;font-size:.86rem}.mobile-nav nav a:hover{background:#6750a855}.hero{grid-template-columns:1fr 1fr;gap:24px;min-height:560px}.hero h1{font-size:clamp(3.5rem,8vw,5.5rem)}.hero-visual{height:530px}.hero-phone{width:34%}.feature-grid{gap:12px}.feature-content{padding:25px 20px}.feature-illustration{height:220px}.video-layout{gap:40px}.premium-grid,.trust-layout{gap:36px}.price-card{padding:22px 16px}.dimming-layout{gap:35px}}
@media(max-width:720px){.container{width:calc(100% - 36px)}.hero-section{padding:42px 0 80px}.hero{grid-template-columns:1fr;gap:31px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:clamp(3.55rem,10vw,6rem);margin:14px 0 20px}.hero-lead{font-size:1.01rem;line-height:1.78}.hero-visual{height:490px;max-width:550px;width:100%;margin:auto;border-radius:220px 220px 37px 37px}.hero-phone{width:28%;bottom:6%;right:6%}.intro-section,.video-section,.screens-section,.dimming-section,.premium-section,.trust-section,.faq-section{padding:75px 0}.section-heading{margin-bottom:37px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-card{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:226px}.feature-illustration{height:100%;min-height:224px}.feature-content{padding:24px 20px}.feature-content h3{font-size:1.5rem}.feature-content p{font-size:.88rem;line-height:1.67}.timer-dial{width:126px;height:126px;border-width:7px}.dial-num{font-size:3.2rem}.stop-icons{flex-direction:column;gap:3px}.stop-icons span,.stop-icons span:nth-child(2){width:53px;height:53px}.stop-icons svg{width:25px;height:25px}.video-layout{grid-template-columns:1fr;gap:40px}.video-copy{text-align:center}.video-copy .eyebrow{justify-content:center}.video-copy h2,.video-copy>p:not(.eyebrow){margin-inline:auto}.video-note{justify-content:center}.video-frame{width:min(75vw,300px)}.screens-section{overflow:hidden}.screen-grid{gap:12px}.screen-device{width:100%;border-width:4px;border-radius:17px}.screen-item figcaption{font-size:.78rem;margin-top:17px}.dimming-layout{grid-template-columns:1fr;gap:39px}.dimming-copy{grid-row:1}.dimming-demo-scene{height:265px}.premium-grid{grid-template-columns:1fr;gap:32px}.premium-art{display:none}.trust-layout{grid-template-columns:1fr;gap:32px}.trust-visual{height:300px;max-width:none}.faq-layout{grid-template-columns:1fr;gap:30px}.footer-inner{grid-template-columns:1fr}.footer nav{grid-column:1;justify-content:flex-start}.footer-inner p{grid-row:auto}}
@media(max-width:450px){.logo{font-size:1.25rem;gap:7px}.logo img{width:38px;height:38px}.header-inner{gap:8px}.language>summary{padding:8px 9px;gap:4px}.hero h1{font-size:clamp(3.1rem,12vw,4.1rem)}.hero-visual{height:410px}.hero-actions{gap:10px}.button{padding:10px 18px;font-size:.82rem;min-height:46px}.micro{font-size:.72rem}.feature-card{grid-template-columns:38% 62%}.feature-illustration{min-height:238px}.feature-content{padding:18px 17px}.feature-content h3{font-size:1.25rem}.feature-content p{font-size:.82rem}.feature-index{margin-bottom:8px}.timer-dial{width:102px;height:102px}.dial-num{font-size:2.8rem}.feature-illustration .dim-moon{font-size:5rem}.screen-grid{gap:8px}.screen-item figcaption{font-size:.69rem}.price-card{padding:22px 15px}.pricing-grid{gap:9px}.price-card li{font-size:.79rem}.price-top strong{font-size:2rem}.last-cta{padding-bottom:55px}.final-card{padding:58px 20px;border-radius:26px}.header .language-list{width:250px}}
@media(max-width:360px){.feature-card{grid-template-columns:1fr}.feature-illustration{min-height:185px;height:185px}.feature-content{padding:22px}.hero h1{font-size:3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.feature-card{transition:none}.button:hover,.feature-card:hover{transform:none}}

/* V4: owner-approved hero badge, functional video action and non-cropping fullscreen. */
.hero-store-row{display:flex;align-items:center;flex-wrap:wrap;column-gap:22px;row-gap:14px;margin-top:4px}
.google-play-group{display:inline-flex;align-items:center;flex-direction:column;gap:4px;flex-shrink:0}
.google-play-badge{display:block;width:195px;max-width:100%;height:auto;aspect-ratio:380/113;object-fit:contain}
.store-coming{font-size:.72rem;font-weight:600;color:#b7abd2;letter-spacing:.01em}
.hero-store-row .micro{max-width:270px;flex-wrap:wrap;line-height:1.5}
.button{cursor:pointer}.video-note{appearance:none;border:0;background:none;padding:0;text-align:start;cursor:pointer;max-width:100%;font-weight:500}
.video-note .note-play{flex-shrink:0;transition:background .2s,transform .2s}
.video-note:hover .note-play{background:#a389f060;transform:scale(1.08)}
.video-note:hover>span:last-child{text-decoration:underline;text-underline-offset:4px}
.video-status{color:#edd2ff;font-size:.85rem;margin-top:12px}
.video-frame video{object-fit:contain;object-position:center;background:#050509}
.video-frame video:fullscreen,.video-frame video:-webkit-full-screen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center center!important;border-radius:0!important;background:#000!important}
@media(min-width:901px){
  .hero-section{padding:50px 0 70px;overflow:hidden}
  .hero-section::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a0b23 0%,rgba(10,11,35,.96) 25%,rgba(10,11,35,.75) 43%,rgba(10,11,35,.14) 74%),linear-gradient(0deg,#0a0b23 0%,transparent 30%),url('assets/img/hero-wide-v5.webp');background-size:cover;background-position:center,center,center 50%;opacity:1}
  .hero{grid-template-columns:1.04fr .96fr;min-height:665px}
  .hero-visual{height:600px;background:transparent;border:0;box-shadow:none;overflow:visible;isolation:auto}
  .hero-photo,.hero-visual::before,.hero-luminosity,.hero-visual-caption{display:none}
  .hero-phone{width:40%;right:1%;bottom:8%;transform:rotate(8deg)}
  .hero-store-row{margin-top:0}
}
@media(max-width:900px){.hero-store-row{margin-top:0}.google-play-badge{width:175px}}
@media(max-width:720px){.hero-store-row{gap:16px;align-items:center}.hero-store-row .micro{max-width:100%}.google-play-badge{width:185px}.video-note{margin-inline:auto}}
@media(max-width:380px){.hero-store-row{align-items:flex-start}.google-play-badge{width:165px}}

/* V5: photographic wide hero specifically composed for desktop: the sleeper's face stays visible. */
@media(min-width:901px){
  .hero-section::before{
    background-image:linear-gradient(90deg,rgba(9,9,30,.88) 0%,rgba(9,9,30,.66) 28%,rgba(9,9,30,.13) 52%,transparent 72%),linear-gradient(180deg,rgba(9,9,30,.1) 0%,transparent 63%,rgba(9,9,30,.35) 100%),url('assets/img/hero-wide-v5.webp');
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
  }
  .hero-phone{width:34%;right:-5%;bottom:3%;transform:rotate(7deg)}
}
@media(min-width:901px) and (max-width:1180px){
  .hero-phone{width:34%;right:3%;bottom:8%}
  .hero-section::before{background-position:57% center}
}
/* Tablet and mobile: retain the original sharp portrait with deliberate face framing. */
@media(max-width:900px){.hero-photo{object-position:34% 46%}}
@media(max-width:720px){.hero-photo{object-position:37% 48%}.hero-phone{width:27%;right:3%;bottom:5%}}
[dir=rtl] .hero-phone{right:auto}
@media(min-width:901px){[dir=rtl] .hero-phone{left:-5%;right:auto;transform:rotate(-7deg)}}

/* Mirror the photo composition for Arabic, keeping the sleeper away from RTL headlines. */
@media(min-width:901px){[dir=rtl] .hero-section::before{transform:scaleX(-1)}}
