:root{--void:#03050f;--deep:#060d1f;--mid:#0f2044;--navy:#162a5c;--pastel1:#a8d4f0;--pastel2:#c5e3f7;--pastel3:#dff0fb;--cream:#f0f7ff;--glow:#a8d4f059;--glow2:#a8d4f014;--gold:#f0c070;--text:#e8f4fd;--muted:#c5e3f78c;--lum-glow:#46e3d3;--lum-ink:#02201d;--lum-text:#e4f3f0;--lum-muted:#d6eee9a8;--lum-surface:#041315;--lum-surface-2:#06191c;--lum-surface-3:#020b0c;--lum-chip:#0a2225b8;--lum-paper:#e8d8b0;--lum-paper-ink:#2b2416;--brand-blue:#1b7fe8;--color-bg:var(--void);--color-bg-deep:var(--deep);--color-text:var(--text);--color-heading:var(--cream);--color-heading-strong:#fff;--color-accent:var(--pastel1);--color-accent-strong:var(--pastel2);--color-on-accent:#06101f;--color-text-muted:#c5e3f79e;--color-text-soft:#c5e3f7c7;--color-text-faint:#c5e3f79e;--color-label:#a8d4f0c7;--color-card-title:#fff;--color-success:var(--lum-glow);--color-on-success:var(--lum-ink);--color-warning:var(--gold);--color-on-warning:#2b2416;--color-danger:#ff9e94;--color-danger-bg:#ff9e9414;--color-danger-border:#ff9e9466;--tier-free:var(--pastel1);--tier-free-bg:#a8d4f014;--tier-free-border:#a8d4f04d;--tier-kit:var(--lum-glow);--tier-kit-bg:#46e3d314;--tier-kit-border:#46e3d359;--tier-sub:var(--gold);--tier-sub-bg:#f0c07014;--tier-sub-border:#f0c07066;--border-hair:#a8d4f00f;--border-faint:#a8d4f01a;--border-card:#a8d4f01f;--border-active:#a8d4f026;--border-subtle:#a8d4f038;--border-outline:#a8d4f040;--border-cta:#a8d4f04d;--border-strong:#a8d4f080;--border-hover:#a8d4f0a6;--border-kit:#46e3d359;--border-kit-soft:#46e3d329;--border-kit-strong:#46e3d366;--border-gold-dashed:#f0c07080;--fill-active:#a8d4f014;--fill-hover:#a8d4f01a;--fill-glass:#a8d4f01f;--fill-glass-hover:#a8d4f033;--fill-chip:#a8d4f029;--fill-faint:#a8d4f008;--surface-card:#08102a80;--surface-card-2:#080f2699;--surface-raised:#0b1b338c;--surface-dropdown:#060d1ff2;--surface-footer:#03050f99;--surface-pill:#03050fa6;--surface-control:#060c20b8;--surface-input:#020a0b99;--surface-input-blue:#060d1fb3;--fill-kit-hover:#46e3d31a;--scrim:#03050fd1;--star:#e8f4fde6;--glow-btn:0 0 24px #a8d4f033;--glow-nav:0 0 20px #a8d4f026;--glow-kit:0 0 28px #46e3d373;--shadow-dropdown:0 16px 48px #0006;--shadow-feature:0 30px 80px #00000073;--shadow-card:0 18px 50px #00000059;--logo-glow:drop-shadow(0 0 10px #a8d4f080);--drop-lift:drop-shadow(0 18px 40px #00000073);--gradient-kit:radial-gradient(60% 80% at 85% 50%, #46e3d329 0%, #04131500 70%);--gradient-sky:radial-gradient(70% 55% at 72% 30%, #162a5c73 0%, #03050f00 70%);--gradient-gold:radial-gradient(60% 80% at 85% 50%, #f0c0701f 0%, #03050f00 70%);--gradient-fade-bottom:linear-gradient(180deg, #03050f00 0%, #03050feb 100%);--lab-wire:#a8d4f0;--lab-wire-live:#46e3d3;--lab-metal:#8fa3b8;--lab-bulb-off:#c5e3f72e;--lab-bulb-on:#f0c070;--lab-bulb-glow:#f0c07073;--lab-battery:#162a5c;--lab-water:#3fa0e68c;--lab-water-dirty:#967846b3;--lab-sand:#d9c08c;--lab-gravel:#8c8170;--lab-charcoal:#2a2f38;--lab-cotton:#eef4fa;--lab-luminol:#46e3d3;--lab-stain:#783c328c;--print-paper:#fff;--print-ink:#0f2044;--print-muted:#4a5a72;--print-rule:#c5d6e6;--print-accent:#1b7fe8;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-kit:"Barlow Condensed", "Plus Jakarta Sans", system-ui, sans-serif;--text-xs:.625rem;--text-nav:.6875rem;--text-sm:.8125rem;--text-base:1rem;--text-md:.9375rem;--text-lead:1.0625rem;--text-lg:1.375rem;--text-h3:2.125rem;--text-h2:3.5rem;--text-h1:4.5rem;--text-display:5.25rem;--tracking-nav:3px;--tracking-label:4px;--tracking-btn:2.5px;--tracking-display:-.02em;--tracking-display-tight:-.03em;--radius-btn:3px;--radius-nav:4px;--radius-sm:6px;--radius-md:8px;--radius-row:10px;--radius-dropdown:12px;--radius-card:14px;--radius-feature:18px;--radius-panel:20px;--radius-pill:999px;--space:.25rem;--page-max:1100px;--page-wide:1200px;--page-gutter:40px;--header-h:94px;--section-y:120px;--ease:cubic-bezier(.4, 0, .2, 1);--dur-fast:.2s;--dur:.3s;--dur-slow:.4s;--focus-ring:2px solid var(--pastel1);--focus-offset:3px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.site{--sx-bg:#f6f8fc;--sx-bg-tint:#eef4fc;--sx-surface:#fff;--sx-surface-2:#f9fbfe;--sx-sunken:#f0f4f9;--sx-border:#e3e9f2;--sx-border-strong:#cbd7e6;--sx-text:#26354a;--sx-muted:#5a6a80;--sx-heading:#0c1a30;--sx-brand:#1b7fe8;--sx-accent:#1670d4;--sx-accent-hover:#125fb6;--sx-accent-strong:#1260b3;--sx-accent-soft:#1b7fe814;--sx-accent-softer:#1b7fe80d;--sx-accent-ring:#1b7fe840;--sx-on-accent:#fff;--sx-navy:#0f2044;--sx-navy-2:#162a5c;--sx-on-navy:#e8f2fd;--sx-on-navy-muted:#e8f2fdb8;--sx-success:#08694f;--sx-success-soft:#0b7a5c14;--sx-warning:#8a5a00;--sx-warning-soft:#d696141a;--sx-danger:#c0392b;--sx-danger-soft:#c0392b12;--sx-danger-border:#c0392b59;--sx-shadow-sm:0 1px 2px #0c1a300d, 0 1px 3px #0c1a300a;--sx-shadow:0 6px 20px #0c1a3012;--sx-shadow-lg:0 24px 60px #0c1a301f;--sx-shadow-blue:0 10px 30px #1670d438;--sx-scrim:#0c1a3052;--sx-header:#ffffffdb;--sx-glow:radial-gradient(60% 60% at 70% 20%, #1b7fe824 0%, #1b7fe800 70%);--sx-grid-line:#1670d40f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.studio,.studio[data-theme=light]{--st-bg:#f4f7fb;--st-surface:#fff;--st-surface-2:#f7f9fc;--st-sunken:#eef3f9;--st-border:#e2e9f2;--st-border-strong:#cad7e7;--st-text:#1d2a3d;--st-muted:#5b6b80;--st-faint:#5b6b80;--st-heading:#0c1a30;--st-brand:#1b7fe8;--st-accent:#1670d4;--st-accent-hover:#1468c2;--st-accent-strong:#1260b3;--st-accent-soft:#1b7fe817;--st-accent-ring:#1b7fe847;--st-on-accent:#fff;--st-success:#0b7a5c;--st-success-soft:#0b7a5c17;--st-warning:#8a5a00;--st-warning-soft:#d696141f;--st-danger:#c0392b;--st-danger-soft:#c0392b14;--st-shadow-sm:0 1px 2px #0c1a300f, 0 1px 3px #0c1a300a;--st-shadow:0 4px 16px #0c1a3014;--st-shadow-lg:0 24px 64px #0c1a302e;--st-scrim:#0c1a3052;--st-sidebar:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.studio[data-theme=dark]{--st-bg:#0f1828;--st-surface:#162235;--st-surface-2:#1a283d;--st-sunken:#121d2e;--st-border:#24354e;--st-border-strong:#33496a;--st-text:#d9e4f1;--st-muted:#9aabc1;--st-faint:#8a9cb3;--st-heading:#f1f6fc;--st-brand:#5aa9f5;--st-accent:#5aa9f5;--st-accent-hover:#7dbcf8;--st-accent-strong:#7dbcf8;--st-accent-soft:#5aa9f51f;--st-accent-ring:#5aa9f559;--st-on-accent:#06101f;--st-success:#4fd1ae;--st-success-soft:#4fd1ae1f;--st-warning:#f0c070;--st-warning-soft:#f0c0701f;--st-danger:#ff9e94;--st-danger-soft:#ff9e941a;--st-shadow-sm:0 1px 2px #00000040;--st-shadow:0 4px 16px #00000047;--st-shadow-lg:0 24px 64px #00000080;--st-scrim:#03081299;--st-sidebar:#131f31;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.5;overflow-x:hidden}img,svg,video,canvas{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}::selection{background:var(--glow);color:var(--color-heading)}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-nav)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;border-radius:var(--radius-nav);background:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-mono);font-size:var(--text-nav);letter-spacing:var(--tracking-btn);text-transform:uppercase;transition:transform var(--dur) var(--ease);padding:10px 18px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.page{z-index:1;padding-top:var(--header-h);min-height:calc(100vh - 200px);position:relative}.container{width:100%;max-width:calc(var(--page-max) + 2 * var(--page-gutter));padding-inline:var(--page-gutter);margin-inline:auto}.container-wide{width:100%;max-width:calc(var(--page-wide) + 2 * var(--page-gutter));padding-inline:var(--page-gutter);margin-inline:auto}.section{padding-block:var(--section-y)}.section-tight{padding-block:72px}.stack{flex-direction:column;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (max-width:720px){:root{--page-gutter:20px;--section-y:80px;--header-h:76px}}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-heading);text-wrap:balance;font-weight:400}.display{font-family:var(--font-display);font-weight:300;font-size:clamp(3rem, 6.4vw, var(--text-display));letter-spacing:var(--tracking-display-tight);color:var(--color-heading);line-height:1.02}.h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2.75rem, 5.2vw, var(--text-h1));letter-spacing:var(--tracking-display);line-height:1.1}.h2{font-family:var(--font-display);font-weight:400;font-size:clamp(2.25rem, 4vw, var(--text-h2));letter-spacing:var(--tracking-display);line-height:1.05}.h3{font-family:var(--font-display);font-weight:400;font-size:clamp(1.6rem, 2.6vw, var(--text-h3));letter-spacing:var(--tracking-display);line-height:1.2}.h4{font-family:var(--font-display);font-weight:400;font-size:var(--text-lg);letter-spacing:var(--tracking-display);line-height:1.22}.italic-accent{color:var(--color-accent);font-style:italic;font-weight:300}.lead{font-size:var(--text-lead);color:var(--color-text-muted);max-width:560px;line-height:1.7}.subtitle{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:var(--text-lg);letter-spacing:.01em;color:var(--color-text-soft);line-height:1.5}.muted{color:var(--color-text-muted)}.small{font-size:var(--text-sm);line-height:1.75}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-label);display:inline-block}.mono{font-family:var(--font-mono)}.kit-title{font-family:var(--font-kit);text-transform:uppercase;letter-spacing:.005em;color:var(--lum-text);font-weight:700;line-height:.98}.prose{font-size:var(--text-md);color:var(--color-text-soft);line-height:1.85}.prose p+p{margin-top:1em}.prose a,.link{color:var(--color-accent);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px;transition:text-decoration-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease)}.prose a:hover,.link:hover{color:var(--color-accent-strong);text-decoration-color:currentColor}.btn{--btn-pad-y:13px;--btn-pad-x:28px;padding:var(--btn-pad-y) var(--btn-pad-x);border-radius:var(--radius-btn);border:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:var(--text-nav);letter-spacing:var(--tracking-nav);text-transform:uppercase;white-space:nowrap;color:var(--color-text-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:10px;font-weight:400;line-height:1.5;display:inline-flex}.btn:hover{color:var(--color-heading);background:var(--fill-glass-hover);border-color:var(--border-hover);box-shadow:var(--glow-btn)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-glass{color:var(--color-heading);background:var(--fill-glass);border-color:var(--border-strong)}.btn-solid{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent);-webkit-backdrop-filter:none;backdrop-filter:none}.btn-solid:hover{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--glow-nav);transform:translateY(-1px)}.btn-outline{color:var(--color-accent);border-color:var(--border-outline)}.btn-outline:hover{color:var(--color-accent);background:var(--fill-hover);border-color:var(--border-outline);box-shadow:var(--glow-nav)}.btn-kit{color:var(--lum-ink);background:var(--lum-glow);border-radius:var(--radius-sm);letter-spacing:var(--tracking-btn);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#0000;font-weight:700}.btn-kit:hover{color:var(--lum-ink);background:var(--lum-glow);box-shadow:var(--glow-kit);border-color:#0000;transform:translateY(-1px)}.btn-kit-ghost{color:var(--lum-text);border-color:var(--border-kit-strong);border-radius:var(--radius-sm);letter-spacing:var(--tracking-btn);font-weight:700}.btn-kit-ghost:hover{color:var(--lum-text);background:var(--fill-kit-hover);border-color:var(--lum-glow);box-shadow:none}.btn-sm{--btn-pad-y:8px;--btn-pad-x:14px;border-radius:var(--radius-nav)}.btn-xs{--btn-pad-y:6px;--btn-pad-x:12px;font-size:var(--text-xs);letter-spacing:var(--tracking-btn)}.btn-lg{--btn-pad-y:15px;--btn-pad-x:30px}.btn-block{width:100%}.btn-danger{color:var(--color-danger);border-color:var(--color-danger-border)}.btn-danger:hover{color:var(--color-danger);background:var(--color-danger-bg);border-color:var(--color-danger);box-shadow:none}.text-link{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-btn);text-transform:uppercase;color:var(--color-accent);transition:color var(--dur-fast) var(--ease)}.text-link:hover{color:var(--color-heading)}.card{background:var(--surface-card);border:1px solid var(--border-card);border-radius:var(--radius-panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:relative}.card-pad{padding:40px}.card-pad-sm{padding:24px}@media (max-width:720px){.card-pad{padding:24px}}.card-link{transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease)}.card-link:hover{border-color:var(--border-subtle);box-shadow:var(--shadow-card);transform:translateY(-2px)}.feature-card{background:var(--lum-surface);background-image:var(--gradient-kit);border:1px solid var(--border-kit);border-radius:var(--radius-feature);box-shadow:var(--shadow-feature);color:var(--lum-text);position:relative}.divider{background:var(--border-faint);border:0;height:1px}.badge{border-radius:var(--radius-pill);border:1px solid var(--border-cta);background:var(--fill-active);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-accent);white-space:nowrap;align-items:center;gap:7px;padding:5px 11px;line-height:1.4;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.badge-plain:before{display:none}.badge-free{color:var(--tier-free);background:var(--tier-free-bg);border-color:var(--tier-free-border)}.badge-kit{color:var(--tier-kit);background:var(--tier-kit-bg);border-color:var(--tier-kit-border)}.badge-sub{color:var(--tier-sub);background:var(--tier-sub-bg);border-color:var(--tier-sub-border)}.badge-danger{color:var(--color-danger);background:var(--color-danger-bg);border-color:var(--color-danger-border)}.chip{border-radius:var(--radius-pill);background:var(--lum-chip);border:1px solid var(--border-kit-soft);color:var(--lum-text);font-size:var(--text-sm);white-space:nowrap;align-items:center;padding:6px 12px;font-weight:600;display:inline-flex}.chip-blue{background:var(--fill-active);border-color:var(--border-faint);color:var(--color-text-soft)}.field{flex-direction:column;gap:8px;display:flex}.label{color:var(--color-heading);font-size:.875rem;font-weight:700}.hint{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.input,.select,.textarea{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-input-blue);width:100%;min-height:48px;color:var(--color-heading);font-size:var(--text-base);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);padding:0 14px}.textarea{resize:vertical;min-height:110px;padding:12px 14px;line-height:1.6}.input::placeholder,.textarea::placeholder{color:var(--color-text-faint)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--glow2), var(--glow-nav);outline:none}.input[aria-invalid=true]{border-color:var(--color-danger-border)}.input-code{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;text-align:center;min-height:64px;font-size:1.25rem}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--pastel1) 50%), linear-gradient(135deg, var(--pastel1) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px;padding-right:40px}.checkbox{cursor:pointer;color:var(--color-text-soft);font-size:var(--text-md);align-items:center;gap:10px;display:inline-flex}.checkbox input{width:18px;height:18px;accent-color:var(--pastel1)}.alert{border-radius:var(--radius-row);border:1px solid var(--border-subtle);background:var(--fill-active);color:var(--color-text-soft);font-size:var(--text-md);align-items:flex-start;gap:12px;padding:14px 18px;line-height:1.6;display:flex}.alert-success{border-color:var(--border-kit);background:var(--tier-kit-bg);color:var(--lum-text)}.alert-warning{border:1px dashed var(--border-gold-dashed);background:var(--tier-sub-bg)}.alert-danger{border-color:var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger)}.table-wrap{border:1px solid var(--border-card);border-radius:var(--radius-card);background:var(--surface-card);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th{text-align:left;font-family:var(--font-mono);font-weight:400;font-size:var(--text-xs);letter-spacing:2px;text-transform:uppercase;color:var(--color-label);border-bottom:1px solid var(--border-faint);white-space:nowrap;padding:14px 16px}.table td{border-bottom:1px solid var(--border-hair);color:var(--color-text-soft);vertical-align:middle;padding:14px 16px}.table tr:last-child td{border-bottom:0}.table code,code.code{font-family:var(--font-mono);color:var(--color-heading);letter-spacing:.06em;font-size:.92em}.page-head{padding-top:72px;padding-bottom:48px}.page-head .display,.page-head .h1{margin-top:18px}.page-head .lead{margin-top:20px}.page-head-center{text-align:center}.page-head-center .lead{margin-inline:auto}@media print{body{background:var(--print-paper);color:var(--print-ink)}body>header,body>footer,.skip-link,[aria-hidden=true][class*=sky],[data-print=hide]{display:none!important}.page{padding-top:0}h1,h2,h3,h4,.h1,.h2,.h3,.h4,.lead,.prose,p,li{color:var(--print-ink)!important}.card,.table-wrap{border-color:var(--print-rule);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{animation:rise .7s var(--ease) both}.rise-2{animation:rise .7s 80ms var(--ease) both}.rise-3{animation:rise .7s .16s var(--ease) both}.rise-4{animation:rise .7s .24s var(--ease) both}
