:root{--bg:#fbfbfd;--bg-2:#f0f0f3;--card:#fff;--text:#1d1d1f;--muted:#6e6e73;--line:#d2d2d7;--accent:#0071e3;--accent-ink:#06c;--bezel:#1d1d1f;--radius:22px;--max:1080px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", Roboto, sans-serif;--ease:cubic-bezier(.22, .61, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:64px}body{background:var(--bg);color:var(--text);font:17px/1.47 var(--font);letter-spacing:-.022em;-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.03em;margin:0}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 60%, transparent);outline-offset:3px;border-radius:6px}.skip{z-index:100;background:var(--text);color:#fff;border-radius:10px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.eyebrow{letter-spacing:.02em;color:var(--accent);margin:0 0 8px;font-size:14px;font-weight:600}.section-title{font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.07}.badge,.button{background:var(--text);color:#fff;letter-spacing:-.01em;border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;display:inline-flex}.button{background:var(--accent)}.button:hover{background:var(--accent-ink);text-decoration:none}.nav{z-index:100;background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid color-mix(in srgb, var(--line) 50%, transparent);position:sticky;top:0}.nav__inner{max-width:var(--max);justify-content:space-between;align-items:center;height:52px;margin:0 auto;padding:0 22px;display:flex}.nav__logo{letter-spacing:-.04em;color:var(--text);font-size:19px;font-weight:700}.nav__logo:hover{text-decoration:none}.nav__links{gap:22px;font-size:13px;display:flex}.nav__links a{color:var(--text);opacity:.8}.nav__links a:hover{opacity:1;text-decoration:none}.nav__lang{border:1px solid var(--line);border-radius:999px;padding:2px 10px}@media (max-width:860px){.nav{background:color-mix(in srgb, var(--bg) 88%, transparent)}}@media (max-width:560px){.nav__links a:not(.nav__lang):not(:last-of-type){display:none}.nav__links{gap:14px}}.tv{background:var(--bezel);border-radius:14px;padding:6px;box-shadow:0 40px 80px -20px #00000047,0 18px 36px -18px #0000004d;container-type:inline-size}.tv__glass{aspect-ratio:16/9;background:#000;border-radius:9px;position:relative;overflow:hidden}.tv__screen{color:#fff;opacity:0;transition:opacity .8s var(--ease);flex-direction:column;justify-content:center;padding:6cqw 8cqw;display:flex;position:absolute;inset:0}.tv__screen.is-on{opacity:1}.tv__screen--1{background:radial-gradient(120% 90% at 20% 10%,#ffb36b,#c2410c 60%,#431407)}.tv__screen--2{background:radial-gradient(120% 90% at 80% 20%,#6ee7b7,#047857 60%,#022c22)}.tv__screen--3{background:radial-gradient(120% 90% at 50% 0,#a78bfa,#4c1d95 60%,#1e1036)}.tv__screen--connected{text-align:center;background:radial-gradient(100% 100% at 50% 0,#2a2a2e,#0b0b0d);align-items:center;gap:2.5cqw}.tv__kicker{letter-spacing:.18em;text-transform:uppercase;opacity:.75;font-size:2.4cqw}.tv__title{letter-spacing:-.03em;margin:.6cqw 0 2.6cqw;font-size:7cqw;font-weight:700}.tv__items{margin:0;padding:0;font-size:2.9cqw;list-style:none}.tv__items li{border-bottom:1px solid #ffffff2e;justify-content:space-between;padding:1cqw 0;display:flex}.tv__check{background:#34c759;border-radius:50%;place-items:center;width:11cqw;height:11cqw;font-size:6cqw;display:grid}.tv__connected{font-size:4cqw;font-weight:600}.tv__screen.is-cycling{animation:12s infinite tv-cycle}.tv__screen--2.is-cycling{animation-delay:4s}.tv__screen--3.is-cycling{animation-delay:8s}@keyframes tv-cycle{0%,30%{opacity:1}36%,to{opacity:0}}.phone{aspect-ratio:9/19.5;width:22%;box-shadow:0 0 0 5px var(--bezel), 0 30px 50px -10px #0000004d;color:var(--muted);background:#fff;border-radius:18%/8.3%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;container-type:inline-size}.phone>*+*{margin-top:8cqw}.hero{max-width:var(--max);grid-template-columns:1fr 1.15fr;align-items:center;gap:48px;margin:0 auto;padding:clamp(56px,10vw,120px) 22px clamp(64px,9vw,120px);display:grid}.hero__title{letter-spacing:-.04em;font-size:clamp(40px,6.2vw,72px);font-weight:700;line-height:1.04}.hero__lead{color:var(--muted);max-width:30ch;margin:22px 0 32px;font-size:clamp(19px,2vw,22px);line-height:1.4}.hero__visual{padding:0 0 16% 19%;position:relative}.hero__tv{z-index:1;animation:rise 1.2s var(--ease) both;position:relative}.hero__phone{z-index:2;width:19%;animation:rise 1.2s .2s var(--ease) both;bottom:0;left:0}.phone__swatch{aspect-ratio:16/9;background:radial-gradient(120% 90% at 80% 20%,#6ee7b7,#047857 60%,#022c22);border-radius:8px;width:74%}.phone__label{color:var(--text);font-size:11cqw;font-weight:600}.phone__button{background:var(--accent);color:#fff;border-radius:999px;padding:4cqw 13cqw;font-size:11cqw;font-weight:600}.hero__beam{transform-origin:0;background:linear-gradient(90deg, transparent, var(--accent));width:24%;height:2px;animation:beam 4s 1.4s infinite var(--ease);opacity:0;position:absolute;bottom:34%;left:16%;transform:rotate(-24deg)}@keyframes beam{0%{opacity:0;clip-path:inset(0 100% 0 0)}35%{opacity:1;clip-path:inset(0)}80%,to{opacity:0;clip-path:inset(0)}}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:860px){.hero{text-align:center;grid-template-columns:1fr}.hero__lead{margin-inline:auto}.hero__visual{width:100%;max-width:560px;margin:0 auto}}.story{z-index:0;isolation:isolate;background:var(--card);border-top:1px solid color-mix(in srgb, var(--line) 50%, transparent);position:relative}.story__head{max-width:var(--max);text-align:center;margin:0 auto;padding:clamp(72px,10vw,128px) 22px 0}.story__body{max-width:var(--max);grid-template-columns:1fr 1.2fr;gap:56px;margin:0 auto;padding:0 22px 12vh;display:grid}.story__step{opacity:.25;min-height:78vh;transition:opacity .6s var(--ease), transform .6s var(--ease);flex-direction:column;justify-content:center;display:flex;transform:translateY(12px)}.story__step.is-active{opacity:1;transform:none}.story__title{font-size:clamp(28px,3.6vw,40px);font-weight:700;line-height:1.1}.story__text{color:var(--muted);max-width:34ch;margin:14px 0 0;font-size:19px}.story__sticky{align-items:center;height:380px;padding-right:15%;display:flex;position:sticky;top:calc(50vh - 190px)}.story__tv{width:100%}.story__phone{width:19%;transition:transform .6s var(--ease);bottom:6%;right:0}.phone>.phone__scan,.phone>.phone__plan,.phone>.phone__done{margin:0}.phone__scan,.phone__plan,.phone__done{opacity:0;transition:opacity .5s var(--ease);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.phone__radar{aspect-ratio:1;border:2px solid var(--accent);width:46%;animation:radar 1.8s infinite var(--ease);border-radius:50%}@keyframes radar{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}.phone__plan{color:#fff;align-items:stretch;gap:6cqw;margin:0;padding:16% 9%;font-size:9cqw;list-style:none}.phone__block{white-space:nowrap;text-overflow:ellipsis;border-radius:7cqw;padding:6cqw 7cqw;overflow:hidden}.phone__block--1{background:#c2410c}.phone__block--2{background:#047857}.phone__block--3{background:#4c1d95}.phone__done{color:#34c759;font-size:34cqw}.story__phone.is-step-0 .phone__scan,.story__phone.is-step-1 .phone__plan,.story__phone.is-step-2 .phone__done{opacity:1}.story__phone.is-step-2{transform:translateY(8px)scale(.94)}@media (max-width:860px){.story__body{grid-template-columns:1fr;gap:0}.story__stage{z-index:2;background:var(--card);grid-row:1;padding:16px 0 8px;position:sticky;top:52px}.story__sticky{max-width:min(340px,72vw);height:auto;margin:0 auto;padding-right:14%;position:relative;top:0}.story__step{text-align:center;justify-content:flex-start;align-items:center;min-height:92vh;padding-top:2vh}}.faq{max-width:760px;margin:0 auto;padding:clamp(72px,10vw,128px) 22px}.faq .section-title{text-align:center;margin-bottom:40px}.faq__item{border-bottom:1px solid var(--line)}.faq__item summary{cursor:pointer;padding:22px 36px 22px 0;font-size:20px;font-weight:600;list-style:none;position:relative}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";color:var(--muted);transition:transform .3s var(--ease);font-size:26px;font-weight:300;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.faq__item[open] summary:after{transform:translateY(-50%)rotate(45deg)}.faq__item p{color:var(--muted);max-width:60ch;margin:0 0 24px}.legal{max-width:720px;margin:0 auto;padding:clamp(56px,8vw,96px) 22px 96px}.legal__title{font-size:clamp(36px,5vw,52px);font-weight:700}.legal__updated{color:var(--muted);margin:10px 0 28px;font-size:14px}.legal__intro{font-size:21px;line-height:1.45}.legal h2{margin:40px 0 10px;font-size:22px}.legal p{margin:0 0 14px}.footer{background:var(--bg-2);color:var(--muted);font-size:12px}.footer__inner{max-width:var(--max);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin:0 auto;padding:22px;display:flex}.footer__links{flex-wrap:wrap;gap:18px;display:flex}.footer__links a{color:var(--muted)}@supports (animation-timeline:view()){.faq__item,.story__head,.legal section{animation:linear both rise;animation-timeline:view();animation-range:entry entry 40%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.tv__screen.is-cycling{opacity:0}.tv__screen--1.is-cycling{opacity:1}.story__step{opacity:1;transform:none}.hero__beam{display:none}}
