.home{& a:not(.appstore){color:var(--accent-bright);text-decoration:none;&:hover{color:var(--primary);text-decoration:underline}}}.hero{position:relative;padding-top:69px;background:var(--surface-dark)}.hero__content{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 56px}.hero__copy{display:flex;flex-direction:column;align-items:center;gap:20px;padding:56px 0 30px;max-width:760px;>*{animation:hm-fade-up .7s cubic-bezier(.22,.61,.36,1) backwards}>*:nth-child(2){animation-delay:.09s}>*:nth-child(3){animation-delay:.18s}& h1{margin:0;font-size:clamp(38px,6vw,60px);line-height:1.04;letter-spacing:-.015em;font-weight:700;color:#fff;text-wrap:balance;& strong{font-weight:900}}>p{margin:0;font-size:19px;line-height:1.55;color:#fff;max-width:56ch;text-wrap:pretty}}@keyframes hm-fade-up{0%{opacity:0;transform:translateY(18px)}}.hero__cta{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:8px}.hero__cta-note{font-size:13px;color:#fff}.phone{width:300px;border-radius:46px;background:#000;padding:10px;box-shadow:0 -20px 80px #7a63f659,0 30px 60px #00000080;margin-bottom:-190px}.phone__screen{border-radius:37px;background:linear-gradient(160deg,#241f38,#171422 55%,#100e18);padding:18px 16px 22px;display:flex;flex-direction:column;gap:16px}.phone__status{display:flex;justify-content:space-between;align-items:center;padding:2px 10px 0;>span{font-size:12px;font-weight:600;color:#fff}}.phone__status-icons{display:flex;gap:5px;align-items:center;& i{width:14px;height:8px;border-radius:2px;background:#fffc}& b{width:18px;height:9px;border-radius:3px;border:1px solid rgba(255,255,255,.5)}}.phone__widgets{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scene-widget{background:#ffffff17;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1;backdrop-filter:blur(6px);transition:transform .14s ease-in,background .3s ease;&.is-pressed{transform:scale(.94);transition-timing-function:ease-out}&.is-active{background:#7a63f659}}.scene-widget__icon{width:28px;height:28px;border-radius:8px;background:var(--accent-bright)}.scene-widget__label{display:flex;flex-direction:column;gap:2px;text-align:left;& span{font-size:13px;font-weight:600;color:#fff}& small{font-size:10.5px;color:#ffffff80}}.phone__tiles{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.phone__tile{border-radius:14px;background:#ffffff17;display:grid;place-items:center;& span{width:20px;height:20px;border-radius:6px;background:#ffffff40}}.phone__tile--on{background:var(--accent-bright);& span{background:#ffffffe6}}.dim-widget{background:#ffffff17;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between}.dim-widget__label{display:flex;flex-direction:column;gap:2px;text-align:left;& span{font-size:13px;font-weight:600;color:#fff}& small{font-size:10.5px;color:#ffffff80}}.dim-widget__track{width:64px;height:8px;border-radius:99px;background:#ffffff24;overflow:hidden}.dim-widget__fill{height:100%;width:40%;background:var(--accent-bright);border-radius:99px;transition:width .5s ease}.phone__dock{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:2px 4px}.phone__app{aspect-ratio:1;border-radius:13px;background:#ffffff1f}.phone__app--knx{background:var(--accent-bright);display:grid;place-items:center;& span{width:14px;height:14px;border-radius:4px;background:#fff}}.home-main{padding:250px 56px 76px;max-width:var(--site-width);margin:0 auto}.watch-feature{margin-top:72px;background:var(--surface-dark);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);padding:56px;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;color:#fff;.kicker{color:var(--violet-300)}.sec-sub{color:#b6b1c9}.chip-row{list-style:none;padding:0;margin-bottom:0}.chip{color:#e6e0f8;background:#ffffff0f;border-color:#ffffff1f;& svg{color:var(--violet-300)}}}.watch-feature__art{display:flex;justify-content:center}.wf-watch{position:relative;width:260px;aspect-ratio:540 / 860}.wf-watch__bezel{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 30px 50px rgba(0,0,0,.5))}.wf-watch__screen{position:absolute;left:12.59%;top:21.63%;width:74.81%;height:56.98%;border-radius:20.8%/17.1%;background:#000;padding:16px 12px;display:flex;flex-direction:column;gap:7px;overflow:hidden}.wf-watch__time{align-self:flex-end;margin-right:8px;font-family:var(--font-mono);font-size:13px;font-weight:600;color:#fff}.wf-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;padding:9px 12px;border-radius:16px;background:#ffffff1a;& svg{width:18px;height:18px}}.wf-row__label{display:flex;flex-direction:column;font-size:12px;font-weight:600;color:#fff;& small{font-size:10px;font-weight:500;color:#ffffff8c}}.wf-row--light svg{color:var(--ch-light)}.wf-row__bar{flex-basis:100%;height:4px;border-radius:2px;background:#ffffff26;& span{display:block;width:60%;height:100%;border-radius:inherit;background:var(--ch-light)}}.wf-row--shade svg{color:var(--ch-shade)}.wf-row--scene{padding:5px;border-radius:999px;background:#7b68ce47;.wf-row__label{font-size:11px;color:#ffffffbf}}.wf-row__knob{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--violet-400);& svg{width:15px;height:15px;color:#fff}}.final-cta{margin-top:72px;display:flex;flex-direction:column;align-items:center;gap:10px;& h2{text-wrap:balance}}.final-cta__note{margin-bottom:14px;font-size:20px;font-weight:500;color:#e6e0f8}@media(max-width:880px){.hero__content{padding:0 24px}.phone{margin-bottom:-140px}.home-main{padding:190px 24px 56px}.watch-feature{grid-template-columns:1fr;padding:36px 24px}.watch-feature .sec-title{font-size:34px}}@media(prefers-reduced-motion:reduce){.hero__copy>*{animation:none}}
