:root{color-scheme:dark;--bg:#101317;--panel:#191d22;--fg:#f4f0e9;--muted:#b5bac1;--amber:#ffbd83;--line:#ffffff20;--room-brightness:.78}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,summary{cursor:pointer}img,video{max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--amber);outline-offset:6px}.wrap{max-width:1280px;padding-inline:48px;margin-inline:auto}.skip{position:absolute;left:20px;top:-80px;z-index:10;background:var(--amber);color:var(--bg);padding:12px}.skip:focus{top:12px}.nav{height:98px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:flex;align-items:center;gap:11px;font-size:25px;letter-spacing:-1px;font-weight:650}.wordmark img{border-radius:10px}.nav nav{display:flex;gap:32px;align-items:center;font-size:14px}.nav nav>a{padding-block:10px}.nav-cta{border:1px solid #ffffff40;padding:9px 16px;border-radius:8px}.nav-cta span{margin-left:10px}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:50px;align-items:center;padding-top:32px;padding-bottom:48px}.eyebrow{font-size:12px;letter-spacing:1.9px;font-weight:650;color:var(--amber);margin:0 0 22px}.sun-mark{font-size:20px;margin-right:7px;vertical-align:-1px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5vw,70px);line-height:1.07;letter-spacing:-3.5px;font-weight:530;margin-bottom:24px}em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--amber)}h1 em{white-space:nowrap}p{margin-bottom:20px}.lede{font-size:18px;line-height:1.65;color:var(--muted);max-width:485px}.hero-actions{margin-top:30px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border:1px solid transparent;border-radius:9px;font-size:15px;font-weight:650;line-height:1.45;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--amber);color:#231910}.primary:hover{background:#ffd0a5}.primary img{border-radius:4px}.secondary{border-color:#ffffff38;background:#ffffff05}.secondary:hover{background:#ffffff0d}.cta-note{font-size:13px;color:var(--muted)}.iphone-link{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:25px;font-size:14px}.iphone-link>span:first-of-type{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:2px 8px}.evening-visual{position:relative;isolation:isolate;min-height:555px;border-radius:20px;overflow:hidden;background:#222c36;border:1px solid #ffffff15}.room-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:56% center;filter:brightness(var(--room-brightness));transition:filter .08s linear;z-index:-2}.evening-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05080b65,transparent 35%,#05080b66);z-index:-1;pointer-events:none}.visual-heading{padding:28px;color:#fff;text-shadow:0 1px 14px #0008}.visual-heading>span{display:block;font-size:11px;letter-spacing:2px}.visual-heading strong{font-family:Georgia,serif;font-weight:400;font-size:30px}.dimmer-demo{position:absolute;bottom:24px;left:24px;right:24px;background:#101317d9;backdrop-filter:blur(18px);padding:20px 22px 15px;border:1px solid #ffffff25;border-radius:14px}.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.demo-heading label{font-size:14px}.demo-heading output{font-size:27px;font-weight:500;color:var(--amber);font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:32px;cursor:pointer;accent-color:var(--amber);margin:12px 0 0}.range-labels{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.2px;color:#c6c9cd}.dimmer-demo p{font-size:12px;color:var(--muted);margin:12px 0 0}.promise-strip{display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding-block:25px;font-size:14px;color:#d3d5d8}.promise-strip span:before{content:"✓";color:var(--amber);margin-right:10px}.section{padding-block:96px}h2{font-size:clamp(34px,3.6vw,47px);line-height:1.15;letter-spacing:-1.8px;font-weight:500;margin-bottom:25px}.section-intro>p:not(.eyebrow),.setup-intro>p:not(.eyebrow),.app-copy>p:not(.eyebrow):not(.app-price),.origin p:not(.eyebrow){color:var(--muted)}.how{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.section-intro>p{max-width:485px}.ceiling-card{background:linear-gradient(140deg,#24272a,#171b20);border:1px solid var(--line);border-radius:18px;padding:28px 30px}.card-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;letter-spacing:1.4px;color:var(--muted)}.card-topline .small{font-size:12px;letter-spacing:0}.ceiling-numbers{display:flex;align-items:center;gap:23px;margin:19px 0 8px}.ceiling-numbers strong{font-size:47px;letter-spacing:-2px;font-weight:500}.ceiling-numbers strong span{font-size:25px}.ceiling-arrow{font-size:22px;color:var(--muted)}.amber{color:var(--amber)}.ceiling-card svg{display:block;width:100%;margin-top:10px}.grid{stroke:#ffffff12;fill:none}.line{stroke:var(--amber);stroke-width:3;fill:none;stroke-linejoin:round}.curve-labels{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:var(--muted);margin:8px 0 22px}.ceiling-card>p{font-size:14px;color:var(--muted);margin-bottom:0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;padding-bottom:96px}.benefits article{border-top:1px solid #ffffff35;padding-top:22px}.benefit-number{font-size:11px;color:var(--amber);letter-spacing:1.2px}.benefits h3{font-size:26px;line-height:1.24;letter-spacing:-.7px;font-weight:550;margin:20px 0 16px}.benefits p{color:var(--muted);font-size:15px;margin:0}.app-section{background:#191c21;border-block:1px solid var(--line)}.app-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:92px;align-items:center}.app-demo{display:flex;flex-direction:column;align-items:center}.phone-preview{max-width:280px;padding:7px;border-radius:35px;border:1px solid #ffffff30;background:#0a0e13;box-shadow:0 20px 70px #0007}.phone-preview video{display:block;width:100%;height:auto;border-radius:29px;aspect-ratio:1320 / 2868}.play-control{background:none;border:1px solid #ffffff30;border-radius:30px;color:var(--muted);font-size:13px;min-height:40px;margin-top:20px;padding:8px 15px}.platform-label{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:26px}.platform-label span{font-size:11px;letter-spacing:1.2px;color:var(--amber);margin-left:5px}.app-copy>p{max-width:440px}.app-steps{list-style:none;margin:30px 0 32px;padding:0}.app-steps li{display:flex;gap:18px;margin:20px 0}.app-steps li>span{color:var(--amber);font-size:12px;padding-top:3px}.app-steps strong{font-weight:550;font-size:17px}.app-steps p{margin:3px 0 0;color:var(--muted);font-size:14px}.app-price{font-size:30px;margin-bottom:6px}.app-price span{font-size:14px;color:var(--muted);margin-left:8px}.small{font-size:13px;color:var(--muted)}.setup-intro{text-align:center;margin-bottom:45px}.setup-intro h2 br{display:none}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px;margin:auto}.platform{padding:34px;border:1px solid var(--line);border-radius:18px;background:#ffffff03;display:flex;flex-direction:column}.platform.available{border-color:#ffbd8355;background:linear-gradient(130deg,#ffbd8309,#ffffff03)}.platform-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.platform-heading img{object-fit:contain}.status{font-size:11px;letter-spacing:1px;color:var(--amber);border:1px solid #ffbd8340;padding:4px 9px;border-radius:5px}.muted-status{color:var(--muted);border-color:var(--line)}.apple-platform-icons{display:flex;gap:8px;align-items:center}.platform h3{font-size:26px;font-weight:550;letter-spacing:-.8px;line-height:1.3;margin:27px 0 12px}.price{font-size:34px;letter-spacing:-1px;margin-bottom:22px}.price span{font-size:14px;letter-spacing:0;color:var(--muted);margin-left:6px}.platform>p:not(.price){color:var(--muted);font-size:15px}.platform .requirements{font-size:14px;border-top:1px solid var(--line);padding-top:20px;margin-top:auto}.platform .button{width:100%;margin:2px 0 14px}.platform .small{font-size:12px;text-align:center;margin:0}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{font-size:17px;line-height:1.45;min-height:65px;padding:20px 30px 20px 0;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:2px;top:18px;color:var(--amber);font-size:22px}details[open] summary:after{content:"−"}details p{color:var(--muted);font-size:15px;margin:0 0 22px;max-width:560px}.origin{display:flex;gap:30px;padding-block:64px 80px;border-top:1px solid var(--line)}.origin>img{border-radius:15px;margin-top:2px}.origin .eyebrow{margin-bottom:16px}.origin h2{font-size:34px}.origin p:not(.eyebrow){max-width:570px}.text-link{border-bottom:1px solid #ffffff40;padding-bottom:4px;font-size:14px}.text-link span{margin-left:10px}footer{padding-block:28px 35px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}footer .wordmark{color:var(--fg);font-size:22px}footer>div{display:flex;gap:25px}a:hover:not(.button){color:var(--amber)}
@media(min-width:1500px){.hero{padding-top:50px;padding-bottom:60px}}@media(max-width:1000px){.wrap{padding-inline:30px}.hero{gap:30px}h1{font-size:56px}.evening-visual{min-height:520px}.how{gap:40px}.app-grid{gap:45px}.benefits{gap:25px}.section{padding-block:75px}.platform{padding:28px}.faq{gap:40px}}@media(max-width:760px){.wrap{padding-inline:22px}.nav{height:78px}.nav nav{gap:15px}.nav nav>a:not(.nav-cta){display:none}.wordmark{font-size:23px}.hero{grid-template-columns:1fr;gap:32px;padding-top:25px;padding-bottom:30px}.hero-copy{max-width:570px}h1{font-size:clamp(43px,8.8vw,64px);letter-spacing:-2.4px;margin-bottom:20px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:17px}.lede{font-size:16px;max-width:500px;margin-bottom:0}.hero-actions{margin-top:23px}.iphone-link{margin-top:20px;font-size:13px}.hero .button{width:100%;max-width:410px}.cta-note{font-size:12px}.evening-visual{min-height:410px;max-width:600px}.visual-heading{padding:22px}.visual-heading strong{font-size:28px}.dimmer-demo{left:18px;right:18px;bottom:18px;padding:16px 18px 14px}.promise-strip{flex-direction:column;gap:8px;padding-block:22px;font-size:13px}.section{padding-block:60px}.how,.app-grid,.faq{grid-template-columns:1fr;gap:30px}h2{font-size:37px;letter-spacing:-1.4px}.ceiling-card{padding:24px}.benefits{grid-template-columns:1fr;padding-bottom:60px;gap:30px}.benefits h3{font-size:25px;margin-top:15px}.benefits h3 br{display:none}.benefits p{max-width:500px}.app-copy{grid-row:1}.app-grid{gap:40px}.phone-preview{max-width:245px}.app-steps{margin:24px 0}.app-steps li{margin:19px 0}.platform-label span{font-size:10px;letter-spacing:.8px}.platform-grid{grid-template-columns:1fr;gap:20px}.setup-intro{text-align:left;margin-bottom:30px}.setup-intro h2 br{display:block}.platform{padding:26px}.faq{gap:10px}.faq h2 br{display:none}.origin{padding-block:45px;gap:18px}.origin>img{width:42px;height:42px;border-radius:11px}.origin h2{font-size:28px}.origin p:not(.eyebrow){font-size:15px}footer{flex-wrap:wrap;gap:16px}footer>div{width:100%}.nav-cta{font-size:13px}.app-price{font-size:29px}}@media(max-width:370px){.wrap{padding-inline:18px}h1{font-size:42px}.button{font-size:14px;padding-inline:14px;gap:8px}.iphone-link{gap:6px}.evening-visual{min-height:390px}.platform-label span{width:100%;margin:5px 0 0}.origin>img{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

@media(max-width:760px){.hero{padding-top:16px;gap:24px}.hero-copy .eyebrow{margin-bottom:14px}.hero h1{margin-bottom:16px}.hero-actions{margin-top:18px}.iphone-link{margin-top:14px}.evening-visual{min-height:300px}.visual-heading strong{font-size:25px}.visual-heading{padding:18px 22px}.dimmer-demo{padding:13px 16px 11px}.dimmer-demo p{margin-top:8px}.range-labels{font-size:9px}}
@media(max-width:370px){.nav{gap:10px}.nav .wordmark{font-size:21px;gap:8px}.nav .wordmark img{width:32px;height:32px}.nav-cta{font-size:12px;padding:9px 10px;white-space:nowrap}.nav-cta span{margin-left:5px}}
