:root{--ink-950:#04070d;--ink-900:#070b14;--ink-850:#0a101d;--ink-800:#0d1525;--ink-700:#14202f;--surface:#ffffff07;--surface-2:#ffffff0d;--line:#96b4dc1f;--line-strong:#a0c8ff42;--text:#e9eef9;--text-dim:#93a4c0;--text-faint:#5d6f8a;--cyan:#2dd4e6;--cyan-2:#6cecf7;--amber:#ffb24d;--amber-2:#ffd28a;--violet:#9a8cff;--rose:#ff7aa2;--glow-cyan:0 0 .4em #2dd4e68c;--glow-amber:0 0 .5em #ffb24d80;--radius:18px;--radius-sm:11px;--maxw:1180px;--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--font-body:"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--ink-950);color:var(--text);letter-spacing:.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;font-size:17px;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;background:radial-gradient(58em 40em at 12% -8%, #2dd4e61a, transparent 60%), radial-gradient(46em 38em at 92% 4%, #9a8cff1a, transparent 58%), radial-gradient(52em 40em at 78% 88%, #ffb24d12, transparent 60%), linear-gradient(180deg, var(--ink-950) 0%, var(--ink-900) 38%, var(--ink-950) 100%);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}img,svg{display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{color:#fff;background:#2dd4e647}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(20px,5vw,48px)}section{position:relative}.eyebrow{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--cyan-2);border:1px solid var(--line);background:var(--surface);border-radius:100px;align-items:center;gap:.55em;padding:.4em .85em;font-size:.72rem;display:inline-flex}.eyebrow .dot{background:var(--cyan);width:6px;height:6px;box-shadow:var(--glow-cyan);border-radius:50%}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.018em;font-optical-sizing:auto;font-weight:400;line-height:1.02}.display{font-size:clamp(2.9rem,7.4vw,5.6rem);font-weight:380}.display em{color:#0000;background:linear-gradient(105deg, var(--cyan-2), var(--cyan) 45%, var(--amber-2) 110%);-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:340}h2.section-title{letter-spacing:-.02em;font-size:clamp(2rem,4.6vw,3.3rem);font-weight:380}h2.section-title em{color:var(--amber-2);font-style:italic}.lede{color:var(--text-dim);max-width:38ch;font-size:clamp(1.06rem,1.7vw,1.32rem);line-height:1.55}.muted{color:var(--text-dim)}.mono{font-family:var(--font-mono)}.btn{letter-spacing:.005em;transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .35s var(--ease), border-color .35s var(--ease);will-change:transform;border:1px solid #0000;border-radius:100px;align-items:center;gap:.6em;padding:.92em 1.5em;font-size:.96rem;font-weight:600;display:inline-flex}.btn svg{width:1.05em;height:1.05em}.btn-primary{color:#03121a;background:linear-gradient(120deg, var(--cyan-2), var(--cyan) 60%, #19b6c8);box-shadow:0 0 0 1px #2dd4e666,0 14px 40px -14px #2dd4e6b3}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #6cecf7b3,0 20px 52px -14px #2dd4e6d9}.btn-ghost{color:var(--text);border-color:var(--line-strong);background:var(--surface)}.btn-ghost:hover{border-color:var(--cyan);background:var(--surface-2);transform:translateY(-2px);box-shadow:0 0 0 1px #2dd4e64d}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, var(--surface-2), var(--surface));backdrop-filter:blur(6px);transition:transform .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease);padding:1.7rem 1.6rem;position:relative;overflow:hidden}.card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:0;transition:opacity .4s var(--ease);background:linear-gradient(160deg,#2dd4e666,#0000 40%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.card:hover{border-color:#0000;transform:translateY(-5px);box-shadow:0 26px 60px -28px #000c}.card:hover:after{opacity:1}.card .badge{border:1px solid var(--line);width:44px;height:44px;color:var(--cyan-2);background:#2dd4e61a;border-radius:12px;place-items:center;margin-bottom:1.1rem;display:grid}.card .badge svg{width:22px;height:22px}.card.amber .badge{color:var(--amber-2);background:#ffb24d1f}.card.violet .badge{color:var(--violet);background:#9a8cff1f}.card h3{letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.3rem}.card p{color:var(--text-dim);font-size:.98rem;line-height:1.55}.js .reveal{opacity:0;transform:translateY(18px)}.js .reveal.revealed{opacity:1;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}.reveal{opacity:1;transform:none}}
