:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-body:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-accent:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--primitive-bg:#0a0b0a;--primitive-ink:#f8f7f0;--primitive-mint:#5eead4;--primitive-amber:#fbbf24;--primitive-cobalt:#7dd3fc;--primitive-space:#475569;--primitive-radius:#64748b;--space-1:6px;--space-2:10px;--space-3:14px;--space-4:18px;--space-5:22px;--space-6:30px;--space-7:42px;--space-8:62px;--radius-1:3px;--radius-2:4px;--radius-pill:999px;--motion-fast:.3s ease-in-out;--background:#0a0b0a;--background-end:#14130f;--grid-line:#ffffff09;--surface-raised:#111210d6;--surface-soft:#ffffff0a;--surface-quiet:#ffffff07;--text-primary:#f8f7f0;--text-secondary:#c7c0ae;--text-muted:#918a7c;--border-subtle:#dcd6be29;--border-strong:#5eead46b;--action-primary:#5eead4;--action-primary-text:#07100f;--action-secondary:#ffffff0b;--focus-ring:#5eead461;--shadow-elevated:0 22px 76px #0000004d;--shadow-swatch:linear-gradient(135deg, #111210, #5eead452);--command-bg:#0d0e0de0;--hero-panel-bg:#111210d6;--toggle-track:#5eead414;--toggle-active:#5eead4;--toggle-active-text:#07100f;--card-accent:#fbbf24;--chip-fill:#14b8a61a;--chip-text:#dffdf8;--visual-gradient:linear-gradient(135deg, #5eead429, transparent 48%), linear-gradient(45deg, #fbbf241a, transparent 58%)}[data-brand=product]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:"Avenir Next", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-accent:"Avenir Next", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--primitive-bg:#f7f9fc;--primitive-ink:#101828;--primitive-mint:#14b8a6;--primitive-amber:#f59e0b;--primitive-cobalt:#2563eb;--primitive-space:#94a3b8;--primitive-radius:#64748b;--space-5:26px;--space-6:36px;--space-7:52px;--space-8:76px;--radius-1:8px;--radius-2:8px;--background:#f7f9fc;--background-end:#eef5ff;--grid-line:#2563eb13;--surface-raised:#ffffffeb;--surface-soft:#2563eb11;--surface-quiet:#14b8a613;--text-primary:#101828;--text-secondary:#475467;--text-muted:#667085;--border-subtle:#10182821;--border-strong:#2563eb61;--action-primary:#2558d4;--action-primary-text:#fff;--action-secondary:#2563eb14;--focus-ring:#2563eb40;--shadow-elevated:0 24px 70px #10182821;--shadow-swatch:linear-gradient(135deg, #fff, #2563eb47);--command-bg:#ffffffe0;--hero-panel-bg:#ffffffe6;--toggle-track:#2563eb17;--toggle-active:#2558d4;--toggle-active-text:#fff;--card-accent:#2563eb;--chip-fill:#2563eb14;--chip-text:#1d4ed8;--visual-gradient:linear-gradient(135deg, #2563eb24, transparent 46%), linear-gradient(45deg, #14b8a621, transparent 60%)}html,body{background:var(--background);color:var(--text-primary);font-family:var(--font-body);scroll-behavior:smooth;margin:0;padding:0}html{scroll-padding-top:118px}*{box-sizing:border-box}body{min-width:320px}a,button{color:inherit;font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.page-shell{background:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), linear-gradient(180deg, var(--background) 0%, var(--background-end) 100%);background-size:42px 42px,42px 42px,auto;min-height:100vh;overflow-x:hidden}[data-brand=product] .page-shell{background:linear-gradient(180deg, var(--background) 0%, var(--background-end) 100%)}.skip-link{z-index:60;min-height:42px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-1);color:var(--action-primary-text);background:var(--action-primary);box-shadow:var(--shadow-elevated);transition:transform var(--motion-fast);align-items:center;font-weight:800;text-decoration:none;display:inline-flex;position:fixed;top:12px;left:50%;transform:translate(-50%,-140%)}.skip-link:focus,.skip-link:focus-visible{transform:translate(-50%)}.command-bar{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-4);width:min(1180px,100% - 32px);min-height:64px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-2);background:var(--command-bg);box-shadow:var(--shadow-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin:0;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.brand,nav,.header-actions,.hero-actions,.status-pill,.brand-toggle,.contact-actions,footer,footer div{align-items:center;display:flex}.brand{gap:var(--space-2);min-width:148px;color:var(--text-primary);font-family:var(--font-accent);font-size:14px;font-weight:700;text-decoration:none}.brand-mark{border:1px solid color-mix(in srgb, var(--action-primary), transparent 42%);border-radius:var(--radius-1);width:38px;height:38px;color:var(--action-primary);background:var(--surface-soft);place-items:center;display:grid}nav{gap:var(--space-1)}nav a,.nav-cta,footer a{color:var(--text-secondary);transition:color var(--motion-fast), background var(--motion-fast), border-color var(--motion-fast);font-size:14px;text-decoration:none}nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-1)}nav a:hover,.nav-cta:hover,footer a:hover{color:var(--text-primary)}.header-actions{justify-content:flex-end;gap:var(--space-2)}.nav-cta{min-height:42px;padding:0 var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-1);background:var(--surface-soft);align-items:center;font-weight:700;display:inline-flex}.brand-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-2);background:var(--toggle-track);gap:2px;min-height:42px;padding:3px}.brand-toggle span{padding:0 var(--space-2);color:var(--text-muted);font-family:var(--font-accent);font-size:12px;font-weight:700}.brand-toggle button{border-radius:var(--radius-1);min-width:82px;min-height:34px;color:var(--text-secondary);transition:color var(--motion-fast), background var(--motion-fast), transform var(--motion-fast);background:0 0;border:0;font-size:12px;font-weight:800}.brand-toggle button:hover{color:var(--text-primary)}.brand-toggle button.is-active{color:var(--toggle-active-text);background:var(--toggle-active)}main{z-index:1;width:min(1180px,100% - 32px);padding:116px 0 var(--space-5);margin:0 auto;position:relative}.hero{align-items:center;gap:var(--space-7);padding:var(--space-7) 0 var(--space-8);grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);display:grid}.hero-copy{max-width:760px}.status-pill{gap:var(--space-2);width:fit-content;max-width:100%;margin-bottom:var(--space-5);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--action-primary);background:var(--surface-soft);font-family:var(--font-accent);text-transform:uppercase;padding:8px 12px;font-size:12px;font-weight:800;line-height:1.35}.pulse{border-radius:var(--radius-pill);background:var(--action-primary);width:8px;height:8px;box-shadow:0 0 20px color-mix(in srgb, var(--action-primary), transparent 20%);flex:none}.typed-name{width:fit-content;min-height:42px;margin:0 0 var(--space-3);color:var(--text-primary);font-family:var(--font-accent);font-size:30px;font-weight:800}.typed-name span{white-space:nowrap;border-right:2px solid var(--action-primary);min-width:12ch;animation:.9s step-end infinite blink-caret;display:inline-block}.eyebrow,.section-kicker,.project-status,.token-tier{margin:0 0 var(--space-3);color:var(--action-primary);font-family:var(--font-accent);text-transform:uppercase;font-size:12px;font-weight:800;line-height:1.45}h1,h2,h3,p{margin-top:0}h1{max-width:820px;margin-bottom:var(--space-5);letter-spacing:0;font-size:72px;line-height:.98}h2{letter-spacing:0;margin-bottom:0;font-size:44px;line-height:1.04}h3{letter-spacing:0}.hero-lede,.section-heading>p,.sample-card p,.project-body p{color:var(--text-secondary);font-size:18px;line-height:1.65}.hero-lede{max-width:680px;margin-bottom:var(--space-6)}.hero-actions{gap:var(--space-3);flex-wrap:wrap}.button,.icon-link{border-radius:var(--radius-1);min-height:48px;transition:transform var(--motion-fast), border-color var(--motion-fast), background var(--motion-fast), color var(--motion-fast), box-shadow var(--motion-fast);justify-content:center;align-items:center;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.button{padding:0 var(--space-4)}.button:hover,.icon-link:hover,.project-card:hover,.token-column:hover,.sample-card:hover{transform:translateY(-2px)}.sample-button:hover{transform:none}.primary{color:var(--action-primary-text);background:var(--action-primary);border:1px solid var(--action-primary);box-shadow:0 14px 34px color-mix(in srgb, var(--action-primary), transparent 84%)}.secondary,.icon-link{color:var(--text-primary);background:var(--action-secondary);border:1px solid var(--border-subtle)}.icon-link{width:48px;font-family:var(--font-accent);flex:0 0 48px;font-size:13px}.hero-panel,.project-card,.token-column,.sample-card{border:1px solid var(--border-subtle);border-radius:var(--radius-2);background:var(--surface-raised);box-shadow:var(--shadow-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel{background:var(--hero-panel-bg);overflow:hidden}.portrait-frame{padding:var(--space-4)}.portrait-image-shell{aspect-ratio:1;border:1px solid var(--border-subtle);border-radius:var(--radius-1);background:var(--surface-soft);width:100%;position:relative;overflow:hidden}.portrait-placeholder{background:var(--visual-gradient), var(--surface-quiet);position:absolute;inset:0}.portrait-placeholder:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:1.4s ease-in-out infinite portrait-sheen;position:absolute;inset:0;transform:translate(-100%)}.portrait-image-shell img{z-index:1;aspect-ratio:1;object-fit:cover;filter:saturate(.94)contrast(1.05);width:100%;height:100%;display:block;position:relative}.status-grid{border-top:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;display:grid}.status-grid div{min-height:96px;padding:var(--space-4);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.status-grid span{margin-bottom:var(--space-2);color:var(--text-muted);font-family:var(--font-accent);text-transform:uppercase;font-size:12px;font-weight:800;display:block}.status-grid strong{color:var(--text-primary);font-size:15px;line-height:1.35}.section{padding:var(--space-8) 0;scroll-margin-top:118px}.section-heading{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:minmax(0,.95fr) minmax(280px,.7fr);align-items:end;display:grid}.section-heading.compact{margin-bottom:var(--space-5)}.section-heading>p{max-width:520px;margin-bottom:0}.system-grid{gap:var(--space-4);grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);align-items:start;display:grid}.token-board{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.token-column{justify-content:space-between;gap:var(--space-5);min-height:100%;padding:var(--space-5);transition:transform var(--motion-fast), border-color var(--motion-fast);flex-direction:column;display:flex}.token-column:hover{border-color:var(--border-strong)}.token-column h3{color:var(--text-primary);margin-bottom:0;font-size:21px;line-height:1.2}.token-column ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.token-column li{align-items:center;gap:var(--space-2);min-height:46px;padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-1);background:var(--surface-quiet);grid-template-columns:28px minmax(0,1fr) auto;display:grid}.token-column li span:not(.token-swatch){overflow-wrap:anywhere;color:var(--text-primary);font-family:var(--font-accent);font-size:12px;font-weight:800}.token-column li strong{color:var(--text-muted);font-size:12px}.token-swatch{border:1px solid var(--border-subtle);border-radius:var(--radius-1);width:26px;height:26px}.component-lab{gap:var(--space-3);display:grid}.lab-header{min-height:48px;padding:0 var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-2);background:var(--surface-soft);justify-content:space-between;align-items:center;display:flex}.lab-header span{color:var(--text-muted);font-family:var(--font-accent);font-size:12px;font-weight:800}.lab-header strong{color:var(--action-primary);font-size:13px}.sample-card{padding:var(--space-5);transition:transform var(--motion-fast), border-color var(--motion-fast)}.sample-card:hover{border-color:var(--border-strong)}.sample-card h3{margin-bottom:var(--space-3);color:var(--text-primary);font-size:28px}.sample-card p{margin-bottom:var(--space-4);font-size:16px}.sample-actions{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.sample-button{cursor:default;-webkit-user-select:none;user-select:none}.project-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.project-card{transition:transform var(--motion-fast), border-color var(--motion-fast);overflow:hidden}.project-card:hover{border-color:var(--border-strong)}.project-marker{min-height:132px;padding:var(--space-4);color:color-mix(in srgb, var(--card-accent), transparent 42%);background:var(--visual-gradient), var(--surface-quiet);border-bottom:1px solid var(--border-subtle);align-items:flex-end;font-size:60px;font-weight:900;line-height:1;display:flex}.project-body{padding:var(--space-5)}.project-body h3{margin-bottom:var(--space-3);color:var(--text-primary);font-size:24px;line-height:1.18}.project-status{color:var(--card-accent)}.project-body p{min-height:84px;margin-bottom:var(--space-4);font-size:16px}.tag-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag-row span{min-height:30px;padding:0 var(--space-2);border:1px solid color-mix(in srgb, var(--action-primary), transparent 72%);border-radius:var(--radius-pill);color:var(--chip-text);background:var(--chip-fill);align-items:center;font-size:12px;font-weight:750;line-height:1.2;display:inline-flex}.contact-close{gap:var(--space-5);border-top:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.contact-close h2{max-width:780px}.contact-actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap}footer{z-index:1;width:min(1180px,100% - 32px);padding:var(--space-5) 0 var(--space-7);color:var(--text-muted);justify-content:space-between;margin:0 auto;font-size:14px;position:relative}footer div{gap:var(--space-4)}.page-shell,.command-bar,.hero-panel,.project-card,.token-column,.sample-card,.button,.icon-link,.brand-toggle,.tag-row span,.lab-header,.portrait-image-shell{transition:background var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast), color var(--motion-fast), transform var(--motion-fast)}@media (min-width:1081px){[data-brand=product] .command-bar{min-height:72px;padding:12px 16px}[data-brand=product] .hero{gap:var(--space-8);grid-template-columns:minmax(320px,.74fr) minmax(0,1.08fr)}[data-brand=product] .hero-panel{order:1}[data-brand=product] .hero-copy{order:2;max-width:700px}[data-brand=product] .system-grid{gap:var(--space-6);grid-template-columns:minmax(340px,.72fr) minmax(0,1.42fr)}[data-brand=product] .component-lab{order:-1}[data-brand=product] .project-grid{grid-template-columns:1fr}[data-brand=product] .project-card{grid-template-columns:150px minmax(0,1fr);display:grid}[data-brand=product] .project-marker{min-height:100%;padding-top:var(--space-5);justify-content:center;align-items:flex-start;font-size:42px}[data-brand=product] .project-body{column-gap:var(--space-6);grid-template-columns:minmax(220px,.42fr) minmax(0,.58fr);align-items:start;display:grid}[data-brand=product] .project-body h3,[data-brand=product] .project-body .project-status{grid-column:1}[data-brand=product] .project-body p,[data-brand=product] .project-body .tag-row{grid-column:2}[data-brand=product] .project-body p{min-height:0}}@media (max-width:1080px){.hero,.system-grid,.section-heading,.contact-close{grid-template-columns:1fr}.hero{gap:var(--space-6)}.project-grid{grid-template-columns:1fr}.project-card{grid-template-columns:minmax(220px,.52fr) minmax(0,1fr);display:grid}.project-body p{min-height:0}.contact-actions{justify-content:flex-start}}@media (max-width:900px){.command-bar{align-items:flex-start;top:10px}nav{display:none}main{padding-top:104px}.hero{padding-top:var(--space-5)}.token-board{grid-template-columns:1fr}html{scroll-padding-top:106px}.section{scroll-margin-top:106px}}@media (max-width:680px){.command-bar{gap:var(--space-2);width:min(100% - 40px,1180px);padding:var(--space-2);flex-wrap:wrap}.brand{min-width:auto}.brand-text,.nav-cta,.brand-toggle span{display:none}.header-actions{flex:auto;justify-content:flex-end}.brand-toggle{width:100%;max-width:206px}.brand-toggle button{flex:1 1 0;min-width:0}main,footer{width:min(100% - 40px,1180px)}h1{font-size:44px}h2{font-size:32px}.typed-name{font-size:24px}.hero-lede,.section-heading>p{font-size:16px}.hero-actions .button{width:calc(100% - 60px)}.status-grid{grid-template-columns:1fr}.section{padding:54px 0}.project-card{display:block}.project-marker{min-height:116px}.sample-actions .button{flex:130px}footer{align-items:flex-start;gap:var(--space-3);flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.typed-name span,.portrait-placeholder:after{animation:none}.button,.icon-link,.project-card,.token-column,.sample-card,.page-shell,.command-bar,.hero-panel,.brand-toggle,.tag-row span,.lab-header,.portrait-image-shell{transition:none}.button:hover,.icon-link:hover,.project-card:hover,.token-column:hover,.sample-card:hover{transform:none}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--action-primary)}}@keyframes portrait-sheen{to{transform:translate(100%)}}