:root{--ink-950:oklch(14% .035 248);--ink-900:oklch(20% .045 248);--ink-800:oklch(28% .05 248);--ink-700:oklch(38% .055 248);--ink-600:oklch(50% .05 248);--ink-500:oklch(62% .04 248);--ink-400:oklch(74% .025 248);--ink-300:oklch(84% .015 248);--ink-200:oklch(91% .01 248);--ink-100:oklch(95.5% .006 248);--ink-50:oklch(98% .004 248);--cyan-900:oklch(35% .1 220);--cyan-700:oklch(55% .14 220);--cyan-500:oklch(74% .16 220);--cyan-400:oklch(82% .14 220);--cyan-300:oklch(88% .1 220);--cyan-200:oklch(93% .06 220);--cyan-100:oklch(96.5% .03 220);--signal-700:oklch(62% .18 150);--signal-500:oklch(78% .2 150);--signal-300:oklch(90% .12 150);--signal-100:oklch(96% .05 150);--warn-500:oklch(78% .16 75);--warn-100:oklch(96% .04 75);--error-500:oklch(65% .22 25);--error-100:oklch(96% .04 25);--surface:var(--ink-50);--surface-raised:#fff;--surface-sunken:var(--ink-100);--surface-inverse:var(--ink-950);--fg:var(--ink-950);--fg-muted:var(--ink-600);--fg-subtle:var(--ink-500);--fg-inverse:var(--ink-50);--border:var(--ink-200);--border-strong:var(--ink-300);--accent:var(--cyan-500);--accent-fg:var(--ink-950);--accent-soft:var(--cyan-100);--font-sans:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:44px;--text-4xl:60px;--text-5xl:80px;--leading-tight:1.08;--leading-snug:1.25;--leading-body:1.55;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.04em;--tracking-mono:.02em;--s-0:0;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--s-24:96px;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-2xl:28px;--r-pill:999px;--shadow-xs:0 1px 2px oklch(14% .035 248/.06);--shadow-sm:0 1px 2px oklch(14% .035 248/.06), 0 2px 6px oklch(14% .035 248/.04);--shadow-md:0 2px 4px oklch(14% .035 248/.06), 0 8px 24px oklch(14% .035 248/.08);--shadow-lg:0 4px 12px oklch(14% .035 248/.08), 0 16px 48px oklch(14% .035 248/.1);--shadow-glow:0 0 0 4px oklch(74% .16 220/.18);--ease-out:cubic-bezier(.16, .84, .24, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur-base:.22s;--dur-slow:.42s;--container-max:1280px;--container-pad:32px}[data-theme=dark]{--surface:var(--ink-950);--surface-raised:var(--ink-900);--surface-sunken:oklch(10% .03 248);--surface-inverse:var(--ink-50);--fg:var(--ink-50);--fg-muted:var(--ink-400);--fg-subtle:var(--ink-500);--fg-inverse:var(--ink-950);--border:oklch(28% .04 248);--border-strong:oklch(38% .05 248);--accent-soft:oklch(32% .08 220);--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 2px #0006, 0 2px 6px #0000004d;--shadow-md:0 2px 4px #0006, 0 8px 24px #0006;--shadow-lg:0 4px 12px #00000080, 0 16px 48px #00000080}*{box-sizing:border-box}html,body{margin:0;padding:0}html{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);color:var(--fg);background:var(--surface);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{background:var(--surface);min-height:100vh;color:var(--fg);transition:background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out)}h1,h2,h3,h4,h5{letter-spacing:var(--tracking-tight);font-weight:600;line-height:var(--leading-tight);color:var(--fg);margin:0}.container{max-width:var(--container-max);padding:0 var(--container-pad);margin:0 auto}.site-header{z-index:50;background:color-mix(in oklab, var(--surface) 90%, transparent);-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--s-8);height:64px;display:flex}.brand{align-items:center;gap:var(--s-3);font-family:var(--font-sans);letter-spacing:var(--tracking-tight);font-weight:600;font-size:var(--text-md);color:var(--fg);text-decoration:none;display:inline-flex}.brand__mark{background:var(--ink-950);border-radius:8px;place-items:center;width:28px;height:28px;display:grid;position:relative;overflow:hidden}.brand__mark:before,.brand__mark:after{content:"";background:linear-gradient(90deg, transparent 46%, var(--cyan-500) 50%, transparent 54%);position:absolute;inset:0}.brand__mark:after{background:linear-gradient(90deg, transparent 46%, var(--signal-500) 50%, transparent 54%);opacity:.85;transform:rotate(60deg)}.brand small{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);border-left:1px solid var(--border);margin-left:6px;padding-left:8px;font-size:10px}.nav{align-items:center;gap:var(--s-1);display:flex}.nav a{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted);border-radius:var(--r-sm);transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);padding:8px 12px;text-decoration:none}.nav a:hover{color:var(--fg);background:var(--surface-sunken)}.nav a.is-active{color:var(--fg)}.header-actions{align-items:center;gap:var(--s-2);display:flex}.theme-toggle{appearance:none;border:1px solid var(--border);background:var(--surface-raised);border-radius:var(--r-md);cursor:pointer;width:36px;height:36px;color:var(--fg);transition:border-color var(--dur-fast), background var(--dur-fast);place-items:center;font-size:14px;display:grid}.theme-toggle:hover{border-color:var(--border-strong)}.hero{border-bottom:1px solid var(--border);padding:96px 0 64px;position:relative;overflow:hidden}.hero__grid{grid-template-columns:1.4fr 1fr;align-items:end;gap:64px;display:grid}.hero__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted);align-items:center;gap:10px;margin-bottom:28px;display:inline-flex}.hero__eyebrow:before{content:"";background:var(--ink-700);width:28px;height:1px}.hero h1{font-size:clamp(48px, 7vw, var(--text-5xl));letter-spacing:-.035em;margin-bottom:24px;font-weight:600}.hero h1 em{background:linear-gradient(110deg, var(--cyan-700), var(--cyan-500) 55%, var(--signal-500));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero__lede{font-size:var(--text-lg);color:var(--fg-muted);max-width:56ch;line-height:1.45}.hero__meta{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted);flex-direction:column;gap:16px;padding-bottom:8px;display:flex}.hero__meta dl{grid-template-columns:1fr 1fr;gap:8px 16px;margin:0;display:grid}.hero__meta dt{color:var(--fg-subtle)}.hero__meta dd{color:var(--fg);margin:0}.fiber-strands{opacity:.6;pointer-events:none;width:60%;height:80%;position:absolute;top:10%;right:-10%}[data-theme=dark] .fiber-strands{opacity:.4}.section{border-bottom:1px solid var(--border);padding:96px 0}.section__head{grid-template-columns:220px 1fr;gap:48px;margin-bottom:56px;display:grid}.section__num{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted);padding-top:8px}.section__num span{color:var(--fg);margin-top:6px;display:block}.section h2{font-size:var(--text-3xl);letter-spacing:-.03em;margin-bottom:20px;font-weight:600}.section__lede{font-size:var(--text-md);color:var(--fg-muted);max-width:60ch;line-height:1.55}.section__body{gap:48px;display:grid}.subsection h3{font-size:var(--text-md);letter-spacing:var(--tracking-tight);margin-bottom:8px;font-weight:600}.subsection__caption{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);margin-bottom:24px}.color-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.swatch{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-raised);overflow:hidden}.swatch__chip{border-bottom:1px solid var(--border);height:96px}.swatch__meta{font-family:var(--font-mono);font-size:var(--text-xs);padding:12px 14px}.swatch__name{color:var(--fg);letter-spacing:.04em;text-transform:uppercase;font-weight:500}.swatch__val{color:var(--fg-muted);margin-top:4px;font-size:10.5px}.scale-row{border:1px solid var(--border);border-radius:var(--r-md);grid-template-columns:repeat(11,1fr);display:grid;overflow:hidden}.scale-row>div{aspect-ratio:1/1.2;font-family:var(--font-mono);letter-spacing:.08em;align-items:flex-end;padding:10px;font-size:10px;display:flex}.type-specimen{border-top:1px solid var(--border);gap:8px;padding:32px 0;display:grid}.type-specimen:first-child{border-top:0;padding-top:0}.type-specimen__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted);letter-spacing:.08em;text-transform:uppercase;gap:16px;display:flex}.type-specimen__sample{color:var(--fg)}.demo{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-raised);overflow:hidden}.demo__head{border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.demo__body{background:radial-gradient(circle at 1px 1px, var(--border) 1px, transparent 1px) 0 0 / 16px 16px, var(--surface-raised);flex-wrap:wrap;align-items:center;gap:16px;min-height:140px;padding:40px;display:flex}.demo__body.is-stacked{flex-direction:column;align-items:stretch}.demo__body.is-plain{background:var(--surface-raised)}.btn{--bg:var(--ink-950);--color:var(--fg-inverse);--bd:transparent;border-radius:var(--r-md);border:1px solid var(--bd);background:var(--bg);height:44px;color:var(--color);font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:.01em;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{box-shadow:var(--shadow-glow);outline:none}.btn--primary{--bg:var(--ink-950);--color:var(--ink-50)}.btn--primary:hover{--bg:var(--ink-800)}.btn--accent{--bg:var(--cyan-500);--color:var(--ink-950);position:relative}.btn--accent:hover{--bg:var(--cyan-400)}.btn--ghost{--bg:transparent;--color:var(--fg);--bd:var(--border-strong)}.btn--ghost:hover{--bg:var(--surface-sunken)}.btn--quiet{--bg:transparent;--color:var(--fg);--bd:transparent}.btn--quiet:hover{--bg:var(--surface-sunken)}.btn--sm{height:32px;font-size:var(--text-xs);border-radius:var(--r-sm);padding:0 12px}.btn--lg{height:56px;font-size:var(--text-md);border-radius:var(--r-lg);padding:0 28px}.btn[disabled],.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn .dot{background:var(--signal-500);width:6px;height:6px;box-shadow:0 0 0 0 var(--signal-500);animation:pulse 1.8s var(--ease-out) infinite;border-radius:999px}@keyframes pulse{0%{box-shadow:0 0 oklch(78% .2 150/.6)}70%{box-shadow:0 0 0 8px oklch(78% .2 150/0)}to{box-shadow:0 0 oklch(78% .2 150/0)}}.field{flex-direction:column;gap:6px;max-width:320px;display:flex}.field__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}.input,.select,.textarea{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--fg);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-md);height:44px;transition:border-color var(--dur-fast), box-shadow var(--dur-fast);outline:none;width:100%;padding:0 14px}.textarea{resize:vertical;height:auto;min-height:100px;padding:12px 14px}.input:focus,.select:focus,.textarea:focus{border-color:var(--cyan-500);box-shadow:var(--shadow-glow)}.input::placeholder,.textarea::placeholder{color:var(--fg-subtle)}.field__help{font-size:var(--text-xs);color:var(--fg-muted)}.field.is-error .input{border-color:var(--error-500)}.field.is-error .field__help{color:var(--error-500)}.check{font-size:var(--text-sm);cursor:pointer;color:var(--fg);align-items:center;gap:10px;display:inline-flex}.check input{display:none}.check__box{border:1.5px solid var(--border-strong);background:var(--surface-raised);width:18px;height:18px;transition:all var(--dur-fast);border-radius:5px;place-items:center;display:grid}.check__box svg{opacity:0;transition:opacity var(--dur-fast)}.check input:checked+.check__box{background:var(--ink-950);border-color:var(--ink-950)}.check input:checked+.check__box svg{opacity:1}.radio__box{border-radius:999px}.radio__box:after{content:"";width:8px;height:8px;transition:background var(--dur-fast);background:0 0;border-radius:999px}.check input[type=radio]:checked+.radio__box:after{background:var(--ink-50)}.check input[type=radio]:checked+.radio__box{background:var(--ink-950);border-color:var(--ink-950)}.switch{cursor:pointer;font-size:var(--text-sm);align-items:center;gap:10px;display:inline-flex}.switch input{display:none}.switch__track{background:var(--ink-300);width:36px;height:22px;transition:background var(--dur-base);border-radius:999px;position:relative}.switch__track:after{content:"";width:18px;height:18px;box-shadow:var(--shadow-sm);transition:left var(--dur-base) var(--ease-out);background:#fff;border-radius:999px;position:absolute;top:2px;left:2px}.switch input:checked+.switch__track{background:var(--ink-950)}.switch input:checked+.switch__track:after{left:16px}.badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--r-pill);background:var(--surface-sunken);color:var(--fg);border:1px solid var(--border);align-items:center;gap:6px;padding:4px 10px;font-size:10.5px;display:inline-flex}.badge--accent{background:var(--cyan-100);color:var(--cyan-900);border-color:var(--cyan-300)}.badge--signal{background:var(--signal-100);color:var(--signal-700);border-color:var(--signal-300)}.badge--warn{background:var(--warn-100);color:oklch(42% .16 75);border-color:oklch(85% .1 75)}.badge--error{background:var(--error-100);color:oklch(45% .22 25);border-color:oklch(85% .1 25)}.badge--solid{background:var(--ink-950);color:var(--ink-50);border-color:var(--ink-950)}.badge .led{background:currentColor;border-radius:999px;width:6px;height:6px}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--dur-base), transform var(--dur-base), box-shadow var(--dur-base);padding:24px}.card:hover{border-color:var(--border-strong)}.card__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:10px}.card__title{font-size:var(--text-md);letter-spacing:var(--tracking-tight);margin-bottom:8px;font-weight:600}.card__body{font-size:var(--text-sm);color:var(--fg-muted);line-height:1.55}.plan{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-xl);flex-direction:column;flex:1;gap:20px;min-width:240px;padding:28px;display:flex;position:relative}.plan--featured{background:var(--ink-950);color:var(--ink-50);border-color:var(--ink-950)}.plan--featured .plan__name,.plan--featured .plan__feature{color:var(--ink-50)}.plan--featured .plan__sub{color:var(--ink-300)}.plan--featured .plan__price__amount{color:var(--cyan-500)}.plan__name{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted)}.plan__speed{letter-spacing:-.04em;font-size:clamp(48px,5vw,64px);font-weight:600;line-height:1}.plan__speed sub{letter-spacing:0;color:var(--fg-muted);vertical-align:baseline;margin-left:4px;font-size:18px;font-weight:400}.plan--featured .plan__speed sub{color:var(--ink-300)}.plan__sub{font-size:var(--text-sm);color:var(--fg-muted)}.plan__features{border-top:1px solid;border-color:var(--border);flex-direction:column;gap:10px;margin:0;padding:20px 0 0;list-style:none;display:flex}.plan--featured .plan__features{border-color:oklch(30% .05 248)}.plan__feature{font-size:var(--text-sm);align-items:center;gap:10px;display:flex}.plan__feature:before{content:"";width:14px;height:14px;color:var(--cyan-700);background-color:#0000;background-image:linear-gradient(45deg,#0000 47%,currentColor 47% 53%,#0000 53%),linear-gradient(-45deg,#0000 47%,currentColor 47% 53%,#0000 53%);background-position:4px 7px,0 4px;background-repeat:no-repeat;background-size:8px 8px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-shrink:0}.plan--featured .plan__feature:before{color:var(--cyan-500)}.plan__price{font-family:var(--font-mono);align-items:baseline;gap:4px;display:flex}.plan__price__amount{font-family:var(--font-sans);font-size:var(--text-xl);letter-spacing:-.02em;font-weight:600}.plan__price__cur,.plan__price__per{font-size:var(--text-xs);color:var(--fg-muted)}.stat{border:1px solid var(--border);background:var(--surface-raised);border-radius:var(--r-lg);padding:24px;position:relative;overflow:hidden}.stat__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted)}.stat__value{letter-spacing:-.035em;margin-top:8px;font-size:clamp(36px,4vw,48px);font-weight:600;line-height:1}.stat__delta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--signal-700);align-items:center;gap:6px;margin-top:12px;display:inline-flex}.table{border-collapse:separate;border-spacing:0;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-md);width:100%;font-size:var(--text-sm);overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:14px 18px}.table tr:last-child td{border-bottom:0}.table th{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);background:var(--surface-sunken);font-weight:500}.table td.num{font-family:var(--font-mono)}.tabs{background:var(--surface-sunken);border-radius:var(--r-md);gap:2px;padding:4px;display:inline-flex}.tabs button{appearance:none;color:var(--fg-muted);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:all var(--dur-fast);background:0 0;border:0;border-radius:7px;padding:6px 14px}.tabs button.is-active{background:var(--surface-raised);color:var(--fg);box-shadow:var(--shadow-xs)}.alert{border:1px solid var(--border);border-left:3px solid var(--ink-950);border-radius:var(--r-md);background:var(--surface-raised);gap:14px;padding:16px 20px;display:flex}.alert__icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.alert__title{font-weight:600;font-size:var(--text-sm);margin-bottom:4px}.alert__body{font-size:var(--text-sm);color:var(--fg-muted);line-height:1.5}.alert--accent{border-left-color:var(--cyan-500)}.alert--signal{border-left-color:var(--signal-500)}.alert--warn{border-left-color:var(--warn-500)}.alert--error{border-left-color:var(--error-500)}.coverage{background:var(--ink-950);border-radius:var(--r-lg);border:1px solid var(--border);height:200px;color:var(--ink-50);position:relative;overflow:hidden}.coverage:before{content:"";background-image:linear-gradient(var(--ink-800) 1px, transparent 1px), linear-gradient(90deg, var(--ink-800) 1px, transparent 1px);opacity:.5;background-position:50%;background-size:32px 32px;position:absolute;inset:0}.coverage__node{background:var(--cyan-500);width:10px;height:10px;box-shadow:0 0 0 0 var(--cyan-500);border-radius:999px;animation:2.4s infinite pulse;position:absolute}.coverage__label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-300);font-size:10px;position:absolute}.sample-hero{background:var(--ink-950);color:var(--ink-50);border-radius:var(--r-xl);grid-template-columns:1.3fr 1fr;gap:48px;padding:56px;display:grid;position:relative;overflow:hidden}.sample-hero__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-500);align-items:center;gap:10px;margin-bottom:24px;display:flex}.sample-hero h3{letter-spacing:-.035em;color:var(--ink-50);margin-bottom:20px;font-size:clamp(36px,4vw,52px);font-weight:600;line-height:1.05}.sample-hero p{font-size:var(--text-md);color:var(--ink-300);max-width:50ch;margin:0 0 32px;line-height:1.5}.sample-hero__actions{gap:12px;display:flex}.sample-hero__speedometer{border:1px solid var(--ink-800);border-radius:var(--r-lg);background:oklch(20% .05 248);flex-direction:column;gap:16px;padding:24px;display:flex}.sample-hero__speedometer__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-400);justify-content:space-between;display:flex}.sample-hero__speedometer__value{letter-spacing:-.04em;color:var(--cyan-500);font-size:56px;font-weight:600;line-height:1}.sample-hero__speedometer__bar{background:var(--ink-800);border-radius:999px;height:4px;position:relative;overflow:hidden}.sample-hero__speedometer__bar:after{content:"";background:linear-gradient(90deg, var(--cyan-700), var(--cyan-500), var(--signal-500));border-radius:999px;position:absolute;inset:0 25% 0 0}.spacing-row{font-family:var(--font-mono);font-size:var(--text-xs);flex-direction:column;gap:8px;display:flex}.spacing-row__line{align-items:center;gap:20px;display:flex}.spacing-row__bar{background:var(--ink-950);border-radius:2px;height:12px}.spacing-row__label{color:var(--fg-muted);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;width:80px}.spacing-row__val{color:var(--fg);margin-left:auto}.radii-grid{grid-template-columns:repeat(7,1fr);gap:12px;display:grid}.radii-grid>div{aspect-ratio:1;background:var(--ink-950);font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-300);text-transform:uppercase;place-items:end;padding:12px;font-size:10px;display:grid}.shadows-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.shadows-grid>div{aspect-ratio:1.2;border-radius:var(--r-md);background:var(--surface-raised);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);place-items:center;display:grid}.token-list{font-family:var(--font-mono);font-size:var(--text-xs);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.token-list__row{border-bottom:1px solid var(--border);background:var(--surface-raised);grid-template-columns:200px 1fr 1fr;align-items:center;padding:12px 16px;display:grid}.token-list__row:last-child{border-bottom:0}.token-list__name{color:var(--fg);letter-spacing:.04em}.token-list__val{color:var(--fg-muted)}.token-list__sample{border:1px solid var(--border);border-radius:4px;justify-self:end;width:56px;height:24px}.site-footer{border-top:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted);padding:48px 0}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.muted{color:var(--fg-muted)}@media (width<=900px){.hero__grid{grid-template-columns:1fr;gap:32px}.section__head{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.section{padding:64px 0}.sample-hero{grid-template-columns:1fr;padding:32px}.radii-grid{grid-template-columns:repeat(4,1fr)}.shadows-grid{grid-template-columns:repeat(2,1fr)}.scale-row{grid-template-columns:repeat(6,1fr)}}:root{--seeg-orange:#f39200;--seeg-orange-deep:#e07f00;--seeg-orange-soft:#fff1dc;--seeg-orange-tint:#ffe3b8;--seeg-blue:#1b3a8c;--seeg-blue-deep:#122a66;--seeg-blue-soft:#e8ecf6;--seeg-ink:#0f1b3d;--seeg-ink-2:#2a3551;--seeg-ink-3:#4a5470;--seeg-gray-1:#b5baca;--seeg-gray-2:#d6dae5;--seeg-gray-3:#f2f4f9;--seeg-green:#2a9d8f;--seeg-green-deep:#1f7a6e;--seeg-green-soft:#e5f4f2;--seeg-yellow:#f4c430;--seeg-yellow-soft:#fef6d6;--seeg-red:#e63946;--seeg-red-soft:#fce3e5;--seeg-bg:#fafbfd;--seeg-surface:#fff;--seeg-sunken:var(--seeg-gray-3);--seeg-line:#eceef4;--seeg-line-2:var(--seeg-gray-2);--seeg-fg:var(--seeg-ink);--seeg-fg-2:var(--seeg-ink-3);--seeg-fg-3:#7a82a0;--seeg-dark:var(--seeg-ink);--seeg-dark-2:var(--seeg-blue-deep);--seeg-cyan:var(--seeg-orange);--seeg-cyan-d:var(--seeg-orange-deep);--seeg-cyan-s:var(--seeg-orange-soft);--seeg-green-d:var(--seeg-green-deep);--seeg-amber:var(--seeg-yellow);--seeg-font-display:"Mulish", system-ui, -apple-system, "Helvetica Neue", sans-serif;--seeg-font-body:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--seeg-font-mono:"JetBrains Mono", ui-monospace, monospace}.phone{background:var(--seeg-bg);width:375px;height:812px;color:var(--seeg-fg);font-family:var(--seeg-font-body);border-radius:0;flex-direction:column;font-size:14px;line-height:1.4;display:flex;position:relative;overflow:hidden}.phone h1,.phone h2,.phone h3{font-family:var(--seeg-font-display)}.phone--dark{background:var(--seeg-ink);color:#fff}.statusbar{height:44px;font-family:var(--seeg-font-display);letter-spacing:-.01em;color:inherit;z-index:5;flex:0 0 44px;justify-content:space-between;align-items:center;padding:0 24px 0 28px;font-size:15px;font-weight:700;display:flex;position:relative}.statusbar__icons{align-items:center;gap:6px;display:flex}.statusbar__icons svg{display:block}.phone__body{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.phone__scroll{flex:1;padding:0 20px 16px;overflow:hidden}.homebar{background:var(--seeg-fg);opacity:.85;z-index:10;border-radius:999px;width:134px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.phone--dark .homebar{opacity:.85;background:#fff}.appbar{justify-content:space-between;align-items:center;gap:12px;padding:12px 20px 16px;display:flex}.appbar__title{font-family:var(--seeg-font-display);letter-spacing:-.025em;font-size:22px;font-weight:800}.appbar__sub{font-family:var(--seeg-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--seeg-fg-3);margin-top:2px;font-size:10px}.appbar__icon{background:var(--seeg-surface);border:1px solid var(--seeg-line);width:40px;height:40px;color:var(--seeg-fg);border-radius:12px;flex-shrink:0;place-items:center;display:grid;position:relative}.appbar__icon .dot{background:var(--seeg-red);border:2px solid var(--seeg-surface);border-radius:999px;width:7px;height:7px;position:absolute;top:9px;right:9px}.appbar__avatar{background:linear-gradient(135deg, var(--seeg-orange), var(--seeg-orange-deep));color:#fff;width:40px;height:40px;font-family:var(--seeg-font-display);letter-spacing:.04em;border-radius:999px;flex-shrink:0;place-items:center;font-size:14px;font-weight:800;display:grid}.tabbar{background:var(--seeg-surface);border-top:1px solid var(--seeg-line);flex:0 0 86px;align-items:stretch;height:86px;padding:8px 4px 24px;display:flex;position:relative}.phone--dark .tabbar{background:var(--seeg-dark-2);border-top-color:#ffffff14}.tabbar__item{color:var(--seeg-fg-3);font-family:var(--seeg-font-mono);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:9.5px;display:flex}.tabbar__item svg{display:block}.tabbar__item.is-active{color:var(--seeg-ink)}.phone--dark .tabbar__item{color:#ffffff73}.phone--dark .tabbar__item.is-active{color:#fff}.tabbar__fab{background:var(--seeg-orange);color:#fff;border:4px solid var(--seeg-bg);border-radius:999px;place-items:center;width:60px;height:60px;display:grid;position:absolute;top:-22px;left:50%;transform:translate(-50%);box-shadow:0 10px 22px #f3920073}.phone--dark .tabbar__fab{border-color:var(--seeg-ink)}.heroCard{background:var(--seeg-ink);color:#fff;border-radius:24px;padding:24px;position:relative;overflow:hidden}.heroCard:before{content:"";pointer-events:none;background:radial-gradient(circle at 85% 15%,#f3920033,#0000 50%),linear-gradient(135deg,#0000 60%,#2a9d8f1a);position:absolute;inset:0}.heroCard>*{position:relative}.heroCard__top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.heroCard__status{font-family:var(--seeg-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--seeg-green);align-items:center;gap:8px;font-size:10px;display:inline-flex}.heroCard__status .led{background:var(--seeg-green);border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 3px #2a9d8f40}.heroCard__plan{font-family:var(--seeg-font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3;border:1px solid #ffffff26;border-radius:999px;padding:4px 10px;font-size:10px}.heroCard__speed{font-family:var(--seeg-font-display);letter-spacing:-.045em;align-items:baseline;font-size:64px;font-weight:800;line-height:1;display:flex}.heroCard__speed sub{color:#fff9;vertical-align:baseline;margin-left:6px;font-size:18px;font-weight:500}.heroCard__caption{color:#ffffffb3;margin-top:8px;font-size:13px}.heroCard__bars{border-top:1px solid #ffffff1a;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:22px;padding-top:18px;display:grid}.heroCard__bar__lbl{font-family:var(--seeg-font-mono);letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;margin-bottom:4px;font-size:9px}.heroCard__bar__val{font-family:var(--seeg-font-display);letter-spacing:-.02em;font-size:18px;font-weight:800}.heroCard__bar__val small{color:#ffffff8c;margin-left:3px;font-size:11px;font-weight:400}.pulseDot{background:var(--seeg-green);width:7px;height:7px;box-shadow:0 0 0 0 var(--seeg-green);animation:seegPulse 1.8s var(--ease-out) infinite;border-radius:999px;display:inline-block}@keyframes seegPulse{0%{box-shadow:0 0 #2a9d8f99}70%{box-shadow:0 0 0 8px #2a9d8f00}to{box-shadow:0 0 #2a9d8f00}}.section__lbl{font-family:var(--seeg-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--seeg-fg-3);justify-content:space-between;align-items:center;margin:24px 0 12px;font-size:10px;display:flex}.section__lbl a,.section__lbl button{color:var(--seeg-fg);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;text-decoration:none}.actions{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.actionTile{background:var(--seeg-surface);border:1px solid var(--seeg-line);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;display:flex}.actionTile__icon{background:var(--seeg-sunken);width:36px;height:36px;color:var(--seeg-fg);border-radius:12px;place-items:center;display:grid}.actionTile__icon--accent{background:var(--seeg-orange-soft);color:var(--seeg-orange-deep)}.actionTile__icon--signal{background:var(--seeg-green-soft);color:var(--seeg-green-deep)}.actionTile__icon--blue{background:var(--seeg-blue-soft);color:var(--seeg-blue)}.actionTile__icon--dark{background:var(--seeg-ink);color:var(--seeg-orange)}.actionTile__lbl{letter-spacing:.01em;color:var(--seeg-fg);font-size:10.5px;font-weight:600;line-height:1.15;font-family:var(--seeg-font-display)}.tile{background:var(--seeg-surface);border:1px solid var(--seeg-line);border-radius:16px;padding:16px}.tile--row{align-items:center;gap:12px;display:flex}.tile__icon{background:var(--seeg-sunken);width:40px;height:40px;color:var(--seeg-fg);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.tile__title{font-family:var(--seeg-font-display);letter-spacing:-.01em;color:var(--seeg-fg);font-size:14.5px;font-weight:700;line-height:1.2}.tile__sub{color:var(--seeg-fg-3);margin-top:3px;font-size:12px;line-height:1.35}.f-input{background:var(--seeg-surface);border:1px solid var(--seeg-line-2);width:100%;height:52px;font-family:var(--seeg-font-body);color:var(--seeg-fg);border-radius:14px;padding:0 16px;font-size:15px}.f-input::placeholder{color:var(--seeg-fg-3)}.f-input:focus{border-color:var(--seeg-orange);outline:none;box-shadow:0 0 0 4px #f392002e}.f-lbl{font-family:var(--seeg-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--seeg-fg-3);margin-bottom:8px;font-size:10px;display:block}.m-btn{height:52px;font-family:var(--seeg-font-display);letter-spacing:-.005em;cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:0 22px;font-size:15px;font-weight:700;display:inline-flex}.m-btn--primary{background:var(--seeg-ink);color:#fff}.m-btn--accent{background:var(--seeg-orange);color:#fff;box-shadow:0 6px 16px #f392004d}.m-btn--blue{background:var(--seeg-blue);color:#fff}.m-btn--ghost{color:var(--seeg-fg);border-color:var(--seeg-line-2);background:0 0}.m-btn--soft{background:var(--seeg-sunken);color:var(--seeg-fg)}.m-btn--danger{background:var(--seeg-red-soft);color:var(--seeg-red)}.otp{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.otp__cell{aspect-ratio:1;border:1.5px solid var(--seeg-line-2);background:var(--seeg-surface);font-family:var(--seeg-font-mono);letter-spacing:-.02em;border-radius:14px;place-items:center;font-size:24px;font-weight:600;display:grid}.otp__cell.is-active{border-color:var(--seeg-orange);box-shadow:0 0 0 3px #f3920026}.otp__cell.is-empty{color:var(--seeg-fg-3)}.gauge{width:260px;height:260px;margin:0 auto;position:relative}.gauge__svg{width:100%;height:100%}.gauge__center{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.gauge__val{font-family:var(--seeg-font-display);letter-spacing:-.04em;font-size:56px;font-weight:800;line-height:1}.gauge__unit{font-family:var(--seeg-font-mono);letter-spacing:.16em;text-transform:uppercase;color:#fff9;font-size:11px}.gauge__phase{font-family:var(--seeg-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--seeg-orange);margin-top:6px;font-size:10px}.row{border-bottom:1px solid var(--seeg-line);align-items:center;gap:12px;padding:14px 0;display:flex}.row:last-child{border-bottom:0}.row__icon{background:var(--seeg-sunken);width:38px;height:38px;color:var(--seeg-fg);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.row__title{font-family:var(--seeg-font-display);letter-spacing:-.005em;color:var(--seeg-fg);font-size:14px;font-weight:600}.row__sub{color:var(--seeg-fg-3);margin-top:2px;font-size:12px}.row__chev{color:var(--seeg-fg-3);flex-shrink:0}.chatMsg{border-radius:18px;max-width:78%;padding:10px 14px;font-size:14px;line-height:1.4}.chatMsg--ai{background:var(--seeg-surface);border:1px solid var(--seeg-line);border-bottom-left-radius:6px;align-self:flex-start}.chatMsg--me{background:var(--seeg-ink);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.divider{background:var(--seeg-line);border:0;height:1px;margin:0}.chip{font-family:var(--seeg-font-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--seeg-sunken);color:var(--seeg-fg);border:1px solid var(--seeg-line);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;display:inline-flex}.chip--signal{background:var(--seeg-green-soft);color:var(--seeg-green-deep);border-color:#bce2dc}.chip--accent{background:var(--seeg-orange-soft);color:var(--seeg-orange-deep);border-color:var(--seeg-orange-tint)}.chip--warn{background:var(--seeg-yellow-soft);color:#8a6b0e;border-color:#f4df8a}.chip--dark{background:var(--seeg-ink);color:#fff;border-color:var(--seeg-ink)}.chip--blue{background:var(--seeg-blue-soft);color:var(--seeg-blue);border-color:#c8d2ea}.dc-artboard__inner{background:var(--seeg-bg)}.colorRef{background:var(--seeg-surface);border:1px solid var(--seeg-line);font-family:var(--seeg-font-body);color:var(--seeg-fg);box-sizing:border-box;border-radius:18px;flex-direction:column;gap:18px;width:100%;padding:24px;display:flex}.colorRef__head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.colorRef__title{font-family:var(--seeg-font-display);letter-spacing:-.02em;font-size:18px;font-weight:800}.colorRef__sub{font-family:var(--seeg-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--seeg-fg-3);font-size:10px}.colorRef__row{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.colorChip{border:1px solid var(--seeg-line);background:var(--seeg-surface);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.colorChip__sw{border-bottom:1px solid var(--seeg-line);height:70px}.colorChip__meta{font-family:var(--seeg-font-mono);letter-spacing:.04em;padding:10px 12px 12px;font-size:10px}.colorChip__name{font-family:var(--seeg-font-display);letter-spacing:0;text-transform:none;color:var(--seeg-fg);font-size:12.5px;font-weight:700}.colorChip__hex{color:var(--seeg-fg-3);text-transform:uppercase;margin-top:2px}.colorChip__role{color:var(--seeg-fg-3);margin-top:4px;line-height:1.35}html,body,#root{height:100%}body{background:var(--seeg-bg,#fafbfd);color:var(--seeg-fg,#0f1b3d);font-family:var(--seeg-font-body,"Plus Jakarta Sans"), system-ui, sans-serif;-webkit-font-smoothing:antialiased;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);margin:0}.app-frame{background:var(--seeg-bg);min-height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);box-sizing:border-box;justify-content:center;align-items:stretch;display:flex}@media (width>=720px){.app-frame{background:radial-gradient(circle at 30% 20%, oklch(97% .01 248) 0%, transparent 55%), radial-gradient(circle at 80% 80%, oklch(98% .005 220) 0%, transparent 55%), var(--seeg-bg,#fafbfd);align-items:center;padding:32px}.app-frame .phone{box-shadow:0 0 0 1px var(--seeg-line-2,#d6dae5), 0 20px 60px oklch(14% .035 248/.15);border-radius:44px}}button{cursor:pointer;font-family:inherit}.app-route{justify-content:center;width:100%;display:flex}.dev-nav{z-index:100;background:var(--seeg-surface);border:1px solid var(--seeg-line);font-family:var(--seeg-font-mono), monospace;border-radius:10px;align-items:center;gap:6px;padding:6px;font-size:11px;display:flex;position:fixed;top:12px;right:12px;box-shadow:0 8px 24px oklch(14% .035 248/.1)}.dev-nav select{font:inherit;color:var(--seeg-fg);background:0 0;border:0;outline:none;padding:4px 6px}.dev-nav__label{letter-spacing:.1em;text-transform:uppercase;color:var(--seeg-fg-3);padding-left:6px}