:root{--font-display: "Outfit", var(--font-sans);--font-sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", monospace;--site-width: 1280px;--surface-dark: #14121d;--screen-dark: #0e0d14;--accent-bright: #7a63f6;--violet-50: #f3f0fc;--violet-100: #e6e0f8;--violet-200: #cdc2f1;--violet-300: #b0a0e6;--violet-400: #9580da;--violet-500: #7b68ce;--violet-600: #6451b4;--violet-700: #503f93;--violet-800: #3c2f6e;--violet-900: #29204a;--slate-0: #ffffff;--slate-25: #fafafd;--slate-50: #f5f4fa;--slate-100: #edebf4;--slate-200: #e0ddec;--slate-300: #cbc7da;--slate-400: #a29db6;--slate-500: #7c778f;--slate-600: #5c5870;--slate-700: #423f54;--slate-800: #2a2738;--slate-900: #1a1726;--slate-950: #110f1a;--success: #2fa678;--success-soft: #e3f4ed;--warning: #d9912c;--warning-soft: #faf0dd;--danger: #d9534f;--danger-soft: #fae6e5;--info: #3e8fd4;--info-soft: #e2effa;--ch-light: #e6b23c;--ch-climate: #4fb3c9;--ch-energy: #2fa678;--ch-shade: #8a7fb8;--ch-security: #d9534f;--bg-base: #fbfaf8;--bg-surface: var(--slate-0);--bg-subtle: #f7f6f3;--bg-violet: var(--violet-50);--fg-1: #1b1a1f;--fg-2: #5f5d66;--fg-3: #76737e;--fg-on-violet: #ffffff;--border-1: rgba(27, 26, 31, .08);--border-2: var(--slate-300);--primary: #5b45e0;--primary-hover: #4534b8;--primary-press: var(--violet-700);--primary-soft: #ece9fd;--ring: color-mix(in oklch, var(--violet-500) 45%, transparent);--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 26px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--shadow-sm: 0 1px 2px rgba(41, 32, 74, .06), 0 1px 1px rgba(41, 32, 74, .04);--shadow-md: 0 4px 12px rgba(41, 32, 74, .08), 0 1px 3px rgba(41, 32, 74, .05);--shadow-lg: 0 12px 32px rgba(41, 32, 74, .12), 0 4px 10px rgba(41, 32, 74, .06);--shadow-xl: 0 24px 60px rgba(41, 32, 74, .18);--glow-violet: 0 0 0 1px rgba(123, 104, 206, .25), 0 8px 28px rgba(123, 104, 206, .28);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-inout: cubic-bezier(.65, 0, .35, 1);--dur-fast: .14s;--dur-base: .22s;--dur-slow: .42s}[data-theme=dark],.theme-dark{--bg-base: var(--slate-950);--bg-surface: #1b1828;--bg-subtle: #241f33;--bg-violet: #241d3b;--fg-1: #f4f2fb;--fg-2: #b6b1c9;--fg-3: #837e97;--fg-on-violet: #ffffff;--border-1: #2e2a3e;--border-2: #3c3752;--primary: var(--violet-400);--primary-hover: var(--violet-300);--primary-press: var(--violet-500);--primary-soft: #241d3b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 18px rgba(0, 0, 0, .45);--shadow-lg: 0 18px 44px rgba(0, 0, 0, .55);--shadow-xl: 0 30px 70px rgba(0, 0, 0, .6);--glow-violet: 0 0 0 1px rgba(149, 128, 218, .35), 0 10px 34px rgba(123, 104, 206, .4)}.t-display-xl{font-family:var(--font-display);font-weight:700;font-size:72px;line-height:1;letter-spacing:.5px;color:var(--fg-1)}.t-display{font-family:var(--font-display);font-weight:700;font-size:54px;line-height:1.05;letter-spacing:.5px;color:var(--fg-1)}.t-h1{font-family:var(--font-display);font-weight:700;font-size:40px;line-height:1.1;letter-spacing:.4px;color:var(--fg-1)}.t-h2{font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1.15;letter-spacing:.3px;color:var(--fg-1)}.t-h3{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.25;color:var(--fg-1)}.t-h4{font-family:var(--font-sans);font-weight:700;font-size:18px;line-height:1.3;color:var(--fg-1)}.t-body-lg{font-family:var(--font-sans);font-weight:400;font-size:18px;line-height:1.55;color:var(--fg-2)}.t-body{font-family:var(--font-sans);font-weight:400;font-size:16px;line-height:1.55;color:var(--fg-2)}.t-body-sm{font-family:var(--font-sans);font-weight:400;font-size:14px;line-height:1.5;color:var(--fg-2)}.t-caption{font-family:var(--font-sans);font-weight:400;font-size:13px;line-height:1.4;color:var(--fg-3)}.t-overline{font-family:var(--font-sans);font-weight:700;font-size:12px;line-height:1.3;letter-spacing:1.4px;text-transform:uppercase;color:var(--fg-3)}.t-value{font-family:var(--font-mono);font-weight:500;font-variant-numeric:tabular-nums;color:var(--fg-1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-base);color:var(--fg-1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}img{display:block}a{color:inherit;text-decoration:none}section{position:relative}main{flex:1 0 auto}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em}.wrap{max-width:var(--site-width);margin:0 auto;padding:0 56px}.center{text-align:center;display:flex;flex-direction:column;align-items:center}.nav{position:sticky;top:0;z-index:30;background:transparent;border-bottom:1px solid transparent;transition:background var(--dur-base),border-color var(--dur-base),color var(--dur-base)}.nav.is-scrolled,.nav.is-open{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:color-mix(in srgb,var(--bg-base) 72%,transparent);border-bottom-color:var(--border-1)}.nav.is-open{background:color-mix(in srgb,var(--bg-base) 96%,transparent)}.nav--over-hero{margin-bottom:-69px}.nav--over-hero:not(.is-scrolled):not(.is-open){background:transparent;color:#fff;.nav__logo{filter:invert(1)}.nav__link,.nav__toggle{color:#fff}.nav__toggle{border-color:#ffffff40}}@media(prefers-reduced-motion:reduce){.nav{transition:none}}.nav__row{display:flex;align-items:center;gap:28px;height:68px}.nav__brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.nav__logo{width:auto;height:40px}.nav__link[aria-current=page]{color:var(--fg-1)}.nav__links{display:flex;gap:24px;margin-left:auto}.nav__link{font-size:14px;font-weight:600;color:var(--fg-2);white-space:nowrap;&:hover{color:var(--fg-1)}}.nav__actions{display:flex;align-items:center;gap:14px}.nav__toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;margin-left:4px;padding:0;border:1px solid var(--border-1);border-radius:var(--r-sm);background:transparent;color:var(--fg-1);cursor:pointer;& svg{width:22px;height:22px}}.nav__toggle-close,.nav.is-open .nav__toggle-open{display:none}.nav.is-open .nav__toggle-close{display:inline-flex}.btn{font-family:var(--font-sans);font-weight:700;font-size:14px;border-radius:var(--r-pill);padding:11px 20px;background:transparent;border:1px solid transparent;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all var(--dur-fast);white-space:nowrap;& svg{width:17px;height:17px}}.btn--primary{background:var(--primary);color:#fff;&:hover{background:var(--primary-hover)}&:active{transform:scale(.97)}}.btn--ghost{color:var(--fg-1);&:hover{color:var(--primary)}}.band{padding:64px 0}.footer{padding:48px 0 32px;border-top:1px solid var(--border-1);font-size:14px;color:var(--fg-2)}.footer__main{display:flex;justify-content:space-between;gap:24px 48px;align-items:flex-start;padding-bottom:32px}.footer__logo{display:block;width:auto;height:36px}.footer__tagline{margin:12px 0 0;color:var(--fg-3)}.footer__links{display:flex;flex-wrap:wrap;gap:12px 32px;padding-top:6px}.footer__links a{color:var(--fg-1);font-weight:500}.footer__links a:hover{color:var(--primary)}.footer__base{display:flex;flex-direction:column;gap:8px;padding-top:24px;font-size:12px;color:var(--fg-3)}.footer__legal{margin:0;line-height:1.6}:focus-visible{outline:3px solid var(--primary);outline-offset:4px}[id]{scroll-margin-top:88px}@media(max-width:920px){.wrap{padding-inline:24px}.nav__row{gap:12px}.nav__actions,.nav__toggle{margin-left:auto}.nav__toggle{display:inline-flex}.nav__links{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;margin-left:0;padding:8px 0;background:color-mix(in srgb,var(--bg-base) 96%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-1);box-shadow:var(--shadow-lg);display:none}.nav.is-open .nav__links{display:flex}.nav__link{padding:14px 28px;font-size:16px}}@media(max-width:720px){.footer__main{flex-direction:column}}@media(max-width:460px){.nav__actions{display:none}}a.appstore{display:inline-flex;align-items:center;gap:10px;background:#000;color:#fff;border:0;border-radius:12px;padding:8px 14px;text-align:left;text-decoration:none;cursor:pointer;&:hover{color:#fff;text-decoration:none}& svg{width:26px;height:26px}}.appstore__text{display:flex;flex-direction:column;line-height:1.05;& small{font-size:11px}& b{font-size:22px;font-weight:600;font-family:var(--font-sans)}}a.appstore--compact{gap:7px;padding:6px 11px;border-radius:10px;& svg{width:22px;height:22px}& small{font-size:9px}& b{font-size:18px}}.grid-backdrop{position:absolute;inset:0}.grid-backdrop__cells{position:absolute;inset:0;overflow:hidden;display:grid;grid-template-columns:repeat(12,1fr);gap:10px;padding:10px;opacity:.4}.grid-backdrop__cell{aspect-ratio:1;border-radius:12px;background:#ffffff0b;animation:grid-backdrop-pulse 3s ease-in-out infinite alternate}@keyframes grid-backdrop-pulse{to{background:#7a63f638}}.grid-backdrop__glow{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 30%,rgba(91,69,224,.25),transparent 70%)}@media(prefers-reduced-motion:reduce){.grid-backdrop__cell{animation:none}}.band--dark{background:var(--slate-950);color:#fff;.kicker{color:var(--violet-300)}.sec-sub{color:#b6b1c9}}.kicker{font-weight:700;font-size:15px;color:var(--primary)}.sec-title{font-family:var(--font-display);font-weight:700;font-size:46px;line-height:1.08;letter-spacing:.8px;margin:14px 0 0}.sec-sub{font-size:18px;line-height:1.55;color:var(--fg-2);max-width:620px;margin:18px 0 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.home-screen{width:300px;border-radius:42px;padding:18px 16px 26px;position:relative;overflow:hidden;background:linear-gradient(165deg,#2a2350,#3b2f6e 45%,#4fb3c9 130%);box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.12)}.home-screen__status{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:14px;font-weight:600;padding:4px 8px 14px}.home-screen__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-screen__widget{background:#14121c8c;backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:13px}.home-screen__widget--med{grid-column:span 2}.home-screen__widget-head{display:flex;align-items:center;gap:8px;color:#fff;font-size:12px;font-weight:700;margin-bottom:10px}.home-screen__widget-icon{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;& svg{width:13px;height:13px}}.home-screen__light-row{display:flex;gap:8px}.home-screen__light{flex:1;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff;& svg{width:18px;height:18px}}.home-screen__light--on{background:var(--ch-light);color:#3a2a07}.home-screen__light--off{background:#ffffff1f}.home-screen__dock{display:flex;justify-content:space-around;margin-top:20px;padding:0 4px}.home-screen__app{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;color:#fff;& svg{width:24px;height:24px}}.watch{width:200px;height:240px;border-radius:54px;background:#000;padding:16px;box-shadow:var(--shadow-xl);position:relative;border:3px solid #1a1a1a}.watch__screen{width:100%;height:100%;border-radius:42px;background:radial-gradient(120% 90% at 50% 0%,#7b68ce4d,#0a0810 70%);padding:14px;display:flex;flex-direction:column}.watch__time{color:#fff;font-family:var(--font-mono);font-size:15px;font-weight:600;text-align:right;margin-bottom:8px}.watch__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1}.watch__tile{border-radius:14px;display:grid;place-items:center;background:#ffffff14;& svg{width:20px;height:20px;color:#fff}}.watch__tile--on{background:var(--ch-light);& svg{color:#3a2a07}}.watch__tile--climate{background:#4fb3c938;& svg{color:var(--ch-climate)}}.cta{background:var(--violet-600);background-image:radial-gradient(80% 120% at 50% -10%,var(--violet-400),var(--violet-700));color:#fff;text-align:center;border-radius:var(--r-xl);padding:64px 32px;margin:0;& h2{font-family:var(--font-display);font-weight:700;font-size:48px;margin:0;letter-spacing:.9px}& p{font-size:18px;color:#e6e0f8;margin:16px auto 30px;max-width:480px}}@media(max-width:920px){.split{grid-template-columns:1fr;gap:40px}}.page-header{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--bg-base),var(--bg-subtle));color:var(--fg-1);border-bottom:1px solid var(--border-1)}.page-header__inner{padding:72px 24px 78px;max-width:760px;margin:0 auto;text-align:center}.page-header__eyebrow{font-weight:700;font-size:15px;color:var(--primary);display:inline-flex;align-items:center;gap:9px}.page-header__pip{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 12px var(--primary)}.page-header h1{font-family:var(--font-display);font-weight:700;font-size:clamp(38px,5.5vw,58px);line-height:1.03;letter-spacing:-.015em;color:var(--fg-1);margin:18px 0 0;& em{font-style:normal;color:var(--primary)}}.page-header__lead{font-size:19px;line-height:1.55;color:var(--fg-2);margin:22px auto 0;max-width:560px}.page-header__cta{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:32px;flex-wrap:wrap}.editor-intro{position:relative;min-height:100svh;padding-top:69px;display:flex;align-items:center;background:var(--surface-dark);& h1{font-family:var(--font-display);font-weight:700;font-size:clamp(36px,5.5vw,58px);line-height:1.03;letter-spacing:-.015em;color:#fff;margin:0}}.editor-intro__wrap{position:relative;width:100%;padding-block:48px}.editor-intro__card{max-width:760px;margin:0 auto;padding:48px 40px;text-align:center;background:#14121d99;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-xl);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px #00000073}.editor-intro__lead{font-size:18px;line-height:1.55;color:#ffffffbf;margin:20px auto 0;max-width:580px}.editor-intro__cta{margin-top:32px;font-size:17px;padding:16px 32px;& svg{width:20px;height:20px}}@media(max-width:640px){.editor-intro__card{padding:32px 20px}}.feature-block{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:72px 0;border-bottom:1px solid var(--border-1);&:last-child{border-bottom:0}}.feature-block--rev .feature-block__art{order:-1}.feature-block__art{display:flex;justify-content:center}.feature-block h2{font-family:var(--font-display);font-weight:700;font-size:27px;line-height:1.2;margin:12px 0 0;color:var(--fg-1)}.feature-block p{font-size:17px;line-height:1.6;color:var(--fg-2);margin:18px 0 0;max-width:480px}.feature-block__icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);& svg{width:26px;height:26px}}.vg{width:100%;max-width:420px;aspect-ratio:4 / 3;border-radius:var(--r-xl);background:var(--violet-900);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px;overflow:hidden}.vg-row{display:flex;align-items:center;justify-content:center;gap:14px}.vg-tile{background:#14121cb8;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:13px;width:132px;color:#fff}.vg-tile--wide{width:100%;max-width:286px}.vg-tile--ghost{background:transparent;border:2px dashed rgba(255,255,255,.25);display:grid;place-items:center;color:#ffffff73;min-height:96px;& svg{width:22px;height:22px}}.vg-tile__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.vg-tile__icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;& svg{width:16px;height:16px}}.vg-tile__name{font-size:12px;font-weight:700;color:#fff}.vg-tile__sub{font-size:10px;color:#9b96ad;margin-top:2px}.vg-tile__value{font-family:var(--font-mono);font-size:16px;margin-top:5px}.vg-toggle{width:34px;height:21px;border-radius:999px;position:relative;background:#3a3550;&:after{content:"";position:absolute;top:2.5px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff}}.vg-toggle--on{background:var(--ch-light);&:after{left:15px}}.vg-light-row{display:flex;gap:7px}.vg-light{flex:1;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;background:#ffffff1f;& svg{width:16px;height:16px}}.vg-light--on{background:var(--ch-light);color:#3a2a07}.vg-pill{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#cfcadd;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 14px;& svg{width:13px;height:13px;color:var(--violet-300)}}.vg-pulse{width:7px;height:7px;border-radius:50%;background:var(--ch-energy);box-shadow:0 0 10px var(--ch-energy)}.vg-clock{text-align:center;color:#fff;& small{display:block;font-size:12px;font-weight:700;color:#b6b1c9;letter-spacing:1px}& strong{display:block;font-family:var(--font-sans);font-weight:300;font-size:58px;line-height:1.05;letter-spacing:1px}}.vg-lock-widgets{display:flex;gap:10px}.vg-lock-widget{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#ffffff24;backdrop-filter:blur(10px);color:#fff;& svg{width:20px;height:20px}}.vg-lock-widget--on{background:#e6b23c47;color:var(--ch-light)}.vg-link{color:var(--violet-300);display:grid;place-items:center;& svg{width:22px;height:22px}}.vg-list{background:#14121cb8;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:8px;width:128px}.vg-list__row{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#fff;& svg{width:14px;height:14px;color:var(--violet-300);flex:none}}.vg-watch{width:108px;height:128px;border-radius:30px;background:#000;border:3px solid #1a1a1a;padding:9px;box-shadow:var(--shadow-lg)}.vg-watch__grid{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:5px}.vg-watch__tile{border-radius:9px;display:grid;place-items:center;background:#ffffff1a;color:#fff;& svg{width:13px;height:13px}}.vg-watch__tile--on{background:var(--ch-light);color:#3a2a07}.vg-chip{display:inline-flex;flex-direction:column;align-items:center;gap:8px;padding:16px 18px;border-radius:16px;background:#14121cb8;border:1px solid rgba(255,255,255,.14);color:#fff;font-size:11px;font-weight:700;& svg{width:24px;height:24px;color:var(--violet-300)}}.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--fg-2);background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--r-pill);padding:8px 14px;& svg{width:15px;height:15px;color:var(--primary)}}.faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq__item{border:1px solid var(--border-1);border-radius:var(--r-md);background:var(--bg-surface);overflow:hidden}.faq__q{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:20px 22px;margin:0;font-family:var(--font-sans);font-size:17px;font-weight:700;color:var(--fg-1);text-align:left;cursor:pointer;list-style:none;&::-webkit-details-marker{display:none}& svg{width:20px;height:20px;color:var(--fg-3);flex:none;transition:transform var(--dur-fast)}}.faq__item[open] .faq__q svg{transform:rotate(45deg)}.faq__a{padding:0 22px 22px;font-size:15px;line-height:1.6;color:var(--fg-2);& p{margin:0 0 12px;&:last-child{margin-bottom:0}}}.prose{max-width:720px;margin:0 auto;& h2{font-family:var(--font-display);font-weight:700;font-size:23px;color:var(--fg-1);margin:44px 0 0}& h2:first-child{margin-top:0}& p,li{font-size:16px;line-height:1.65;color:var(--fg-2)}& p{margin:14px 0 0}& ul{margin:14px 0 0;padding-left:22px}& li{margin:8px 0}& strong{color:var(--fg-1)}}.prose__updated{font-size:14px;color:var(--fg-3);margin:0 0 8px}@media(max-width:920px){.page-header h1{font-size:42px}.feature-block{grid-template-columns:1fr;gap:36px}.feature-block--rev .feature-block__art{order:0}}
