@font-face{font-family:Clash Display;src:url(/fonts/clash-display-variable.woff2)format("woff2-variations");font-weight:200 700;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-latin-wght-normal.woff2)format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Clash Display Fallback;src:local(Arial);size-adjust:112.38%;ascent-override:79.19%;descent-override:22.25%;line-gap-override:8.01%}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);size-adjust:109.69%;ascent-override:89.71%;descent-override:26.62%;line-gap-override:0%}@font-face{font-family:JetBrains Mono Fallback;src:local(Courier New);size-adjust:99.98%;ascent-override:102.02%;descent-override:30%;line-gap-override:0%}:root{--bg:#0b0d10;--bg-raised:#11141a;--surface:#161a22;--surface-hover:#1b2029;--border-subtle:#232833;--border-strong:#323947;--border-input:#57616f;--text:#eef1f4;--text-secondary:#b7c0ca;--muted:#8e98a4;--accent:#57c7b1;--accent-strong:#7fd8c6;--accent-dim:#57c7b124;--accent-ghost:#57c7b10f;--font-display:"Clash Display", "Clash Display Fallback", system-ui, sans-serif;--font-sans:"Space Grotesk", "Space Grotesk Fallback", system-ui, sans-serif;--font-mono:"JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, "Courier New", monospace;--text-display:clamp(3.25rem, 8.5vw + .5rem, 7.5rem);--text-h2:clamp(2.25rem, 3.5vw + 1rem, 3.75rem);--text-h3:clamp(1.5rem, 1vw + 1.15rem, 1.875rem);--text-lede:clamp(1.125rem, .4vw + 1rem, 1.3125rem);--text-base:1.0625rem;--text-sm:.875rem;--text-label:.8125rem;--text-chip:.75rem;--shadow-1:inset 0 1px 0 #ffffff0a, 0 1px 2px #0006;--shadow-2:inset 0 1px 0 #ffffff0d, 0 2px 4px #0006, 0 12px 32px -12px #00000080;--shadow-3:inset 0 1px 0 #ffffff0f, 0 4px 8px #0006, 0 24px 48px -16px #0000008c;--glow-cta:0 0 24px #57c7b12e;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--section-gap:clamp(7rem, 8vw + 3rem, 11rem);--card-pad:clamp(1.75rem, 3vw, 2.75rem);--shell-width:1100px;--measure:62ch;--ease-out:cubic-bezier(.16, 1, .3, 1);--speed:.12s;--speed-reveal:.6s}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-weight:400;line-height:1.7}body:after{content:"";z-index:2147483647;opacity:.025;pointer-events:none;background:url(/noise.svg) 0 0/160px;position:fixed;inset:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);text-wrap:balance}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.section,.hero-inner,.hero-foot{width:100%;max-width:calc(var(--shell-width) + 3rem);margin-inline:auto;padding-inline:1.5rem}.section{padding-block:calc(var(--section-gap) / 2)}.section:last-of-type{padding-bottom:var(--section-gap)}.section>p{max-width:var(--measure)}#contact{outline:none}.section-head{align-items:center;column-gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:auto 1fr;display:grid}.eyebrow{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.18em;color:var(--accent)}.section-head:after{content:"";background:linear-gradient(90deg, var(--border-subtle), transparent);height:1px}.section-head h2{margin-top:var(--space-4);font-size:var(--text-h2);letter-spacing:-.02em;grid-column:1/-1;font-weight:600;line-height:1.02}.hero{align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-bg:before,.hero-bg:after{content:"";border-radius:50%;width:160vmax;height:160vmax;position:absolute}.hero-bg:before{background:radial-gradient(closest-side,#57c7b117,#0000 70%);animation:75s ease-in-out infinite alternate drift-a;bottom:-105vmax;left:-55vmax}.hero-bg:after{background:radial-gradient(closest-side,#607da50d,#0000 70%);animation:95s ease-in-out infinite alternate drift-b;top:-115vmax;right:-50vmax}@keyframes drift-a{0%{transform:translate(0)rotate(0)}to{transform:translate(16vmax,-10vmax)rotate(35deg)}}@keyframes drift-b{0%{transform:translate(0)}to{transform:translate(-14vmax,10vmax)}}.hero-canvas{z-index:0;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.hero-canvas.is-on{opacity:1}.hero-scrim{z-index:1;pointer-events:none;background:radial-gradient(90rem 60rem at 28% 42%, #0b0d1080, transparent 65%), linear-gradient(to bottom, transparent 62%, var(--bg) 100%);position:absolute;inset:0}.hero-inner{z-index:2;padding-block:var(--space-9);position:relative}.hero h1{font-size:var(--text-display);letter-spacing:-.025em;text-shadow:0 1px 2px #0b0d1080;font-weight:600;line-height:.98}.hero-role{font-family:var(--font-mono);font-size:var(--text-base);color:var(--accent);letter-spacing:.08em;margin-top:var(--space-5);text-shadow:0 1px 2px #0b0d1080}.hero-intro{font-size:var(--text-lede);color:var(--text-secondary);max-width:34em;margin-top:var(--space-5);text-shadow:0 1px 2px #0b0d1080;line-height:1.6}.hero .button{margin-top:var(--space-7)}.hero-foot{inset-inline:0;z-index:2;justify-content:space-between;align-items:center;gap:var(--space-4);display:flex;position:absolute;bottom:clamp(1.5rem,4vh,3rem)}.hero-meta{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.08em;color:var(--muted);display:inline-flex}.meta-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite pulse}.scroll-cue{color:var(--muted);animation:2s ease-in-out infinite nudge}.scroll-cue svg{width:14px;height:9px;display:block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes nudge{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:.4;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.hero-bg:before,.hero-bg:after,.meta-dot,.scroll-cue,.live-link:before{animation:none}}.button{font:inherit;font-size:var(--text-base);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-1);transition:border-color var(--speed) ease, color var(--speed) ease, background-color var(--speed) ease, box-shadow var(--speed) ease;background:0 0;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;display:inline-block}.button:hover{border-color:var(--border-input)}.button-primary{background:var(--text);border-color:var(--text);color:var(--bg)}.button-primary:hover{background:#fff;border-color:#fff}.button-accent{background:var(--accent);border-color:var(--accent);color:var(--bg)}.button-accent:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.button-accent .num{font-family:var(--font-mono);font-weight:400}button[disabled]{opacity:.6;cursor:default}a:not(.button):not(.live-link){color:var(--accent);text-underline-offset:3px;transition:color var(--speed) ease;text-decoration:underline;text-decoration-thickness:1px}a:not(.button):not(.live-link):hover{color:var(--accent-strong)}.card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--card-pad);margin-top:var(--space-8);box-shadow:var(--shadow-2);transition:border-color .15s,box-shadow .15s,translate .15s}.card:first-of-type{margin-top:0}@media (hover:hover){.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-3)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.card:hover{translate:0 -2px}}@media (width>=900px){.card{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(400px,500px);column-gap:clamp(2rem,4vw,3.5rem);display:grid}.card-head{grid-area:1/1}.card-body{grid-area:2/1}.card-media{grid-area:1/2/span 2;align-self:center}}.card h3{font-size:var(--text-h3);letter-spacing:-.01em;font-weight:500;line-height:1.12}.card-body>p{margin-top:var(--space-5);max-width:var(--measure)}.card-cta{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-subtle);align-items:center;gap:var(--space-4) var(--space-5);flex-wrap:wrap;display:flex}.card-cta .call-row{margin:0}.card-cta .button-accent{box-shadow:var(--shadow-1), var(--glow-cta);padding:.85rem 1.6rem}.card-cta .button-accent:hover{box-shadow:var(--shadow-1), 0 0 32px #57c7b142}.card-cta .demo-note{font-size:var(--text-sm);color:var(--muted);max-width:34ch;margin:0}.card-link{margin-top:var(--space-5)}.live-link{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text);border:1px solid var(--border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-1);transition:border-color var(--speed) ease;padding:.35rem .9rem;text-decoration:none;display:inline-flex}.live-link:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2.5s ease-in-out infinite pulse}.live-link:hover{border-color:var(--border-strong)}.live-link .ext{width:8px;height:8px;stroke:var(--muted);stroke-width:1.2px;fill:none;transition:translate .14s}.live-link:hover .ext{translate:1px -1px}.chips{gap:var(--space-2);margin:var(--space-4) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.chips li{font-family:var(--font-mono);font-size:var(--text-chip);letter-spacing:.04em;color:var(--muted);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:3px 12px;line-height:1.6;box-shadow:inset 0 1px #ffffff08}.card-media{margin-top:var(--space-5);background-color:var(--bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-image:radial-gradient(#eef1f40d 1px,#0000 1px);background-size:20px 20px;place-items:center;padding:clamp(1.25rem,2vw,2rem);display:grid;box-shadow:inset 0 1px 4px #00000059}@media (width>=900px){.card-media{margin-top:0}}.diagram{width:100%;max-width:480px;height:auto;display:block}.diagram .box{fill:var(--bg-raised);stroke:var(--border-strong);stroke-width:1px}.diagram text{font-family:var(--font-mono);fill:var(--text);font-size:15px}.diagram .ann{fill:var(--muted);letter-spacing:.05em;font-size:12px}.diagram .flow{stroke:var(--muted);stroke-width:1.5px;fill:none}.diagram .state{stroke:var(--muted);stroke-width:1.5px;stroke-dasharray:3 5;stroke-linecap:round;fill:none}.diagram .head{fill:var(--muted)}.diagram .port{fill:var(--accent)}.notes{margin-top:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#00000026}.notes summary{justify-content:space-between;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);cursor:pointer;transition:color var(--speed) ease, background-color var(--speed) ease;padding:.8rem 1rem;list-style:none;display:flex}.notes summary::-webkit-details-marker{display:none}.notes summary:after{content:"";background:linear-gradient(var(--muted), var(--muted)) center / 11px 1.5px no-repeat, linear-gradient(var(--muted), var(--muted)) center / 1.5px 11px no-repeat;width:11px;height:11px;transition:rotate .15s var(--ease-out);flex:none}.notes[open] summary:after{rotate:45deg}.notes[open] summary{border-bottom:1px solid var(--border-subtle)}.notes summary:hover{color:var(--text);background:#ffffff05}.notes summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.notes p{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);max-width:72ch;margin:0;padding:.8rem 1rem;line-height:1.7}.contact-grid{align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}@media (width>=900px){.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,560px)}}.contact-aside p{max-width:var(--measure);font-size:var(--text-lede);color:var(--text-secondary);line-height:1.6}#contact-form{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:clamp(1.5rem,3vw,2.25rem)}.field{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.field label{font-size:var(--text-sm);color:var(--muted);transition:color var(--speed) ease}.field:focus-within label{color:var(--accent)}.field input,.field textarea{font:inherit;font-size:var(--text-base);color:var(--text);background:var(--bg);border:1px solid var(--border-input);transition:border-color var(--speed) ease;border-radius:8px;padding:.8rem .95rem}.field textarea{resize:vertical;min-height:8rem}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.hp{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}#turnstile-slot{min-width:300px;min-height:65px;margin-bottom:var(--space-5)}#contact-form .button-accent{padding:.8rem 2.2rem}#form-status{min-height:1.75rem;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--muted)}#form-status.is-error{color:var(--text)}.contact-foot{justify-content:space-between;align-items:baseline;gap:var(--space-3);border-top:1px solid var(--border-subtle);margin-top:var(--space-9);padding-top:var(--space-5);flex-wrap:wrap;display:flex}.contact-note{color:var(--muted);font-size:var(--text-sm)}.contact-link a .ext{stroke:currentColor;stroke-width:1.2px;fill:none;width:8px;height:8px;margin-left:.35rem}@media (prefers-reduced-motion:no-preference){html.js .reveal,html.js .reveal-group>*{opacity:0;translate:0 12px}html.js .reveal.is-in,html.js .reveal-group.is-in>*{opacity:1;transition:opacity var(--speed-reveal) var(--ease-out), translate var(--speed-reveal) var(--ease-out);translate:0}html.js .reveal-group.is-in>:nth-child(2){transition-delay:90ms}html.js .reveal-group.is-in>:nth-child(3){transition-delay:.18s}}