:root{--bg:#0a0a0f;--bg-raise:#12121b;--ink:#e9e9f2;--muted:#9b9bb0;--accent:#4fd8eb;--line:#22222e;--font:"Helvetica Neue", Helvetica, Arial, system-ui, sans-serif}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.6}a{color:var(--accent);text-decoration:none}h1,h2,h3{letter-spacing:-.02em;font-weight:700;line-height:1.1}section{max-width:1100px;margin:0 auto;padding:6rem 1.5rem}.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;margin-bottom:.75rem;font-size:.8rem}h2{margin-bottom:2rem;font-size:clamp(1.8rem,4vw,2.6rem)}.nav{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#0a0a0fbf;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.nav .brand{letter-spacing:.08em;color:var(--ink);font-weight:700}.nav ul{gap:1.5rem;padding:0;list-style:none;display:flex}.nav ul a{color:var(--muted);font-size:.9rem}.nav ul a:hover{color:var(--ink)}.nav .cta{border:1px solid var(--accent);white-space:nowrap;border-radius:999px;padding:.4rem 1rem;font-size:.9rem}@media (width<=720px){.nav ul{display:none}}.hero-track{max-width:none;height:100vh;padding:0;position:relative}.morph .hero-track{height:500vh}.hero-sticky{background:radial-gradient(ellipse at 50% 40%, #101322 0%, var(--bg) 70%);justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}#constellation{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-copy{text-align:center;z-index:1;pointer-events:none;padding:0 1rem;position:relative}.hero-copy h1{letter-spacing:.12em;font-size:clamp(2.4rem,7vw,5rem)}.hero-copy .tag{margin-top:1rem;font-size:clamp(1.2rem,3vw,1.8rem)}.hero-copy .sub{color:var(--muted);margin-top:.75rem}.hero-phase{z-index:1;opacity:0;pointer-events:none;max-width:26rem;position:absolute;bottom:6rem;left:2rem}.hero-phase .num{color:var(--accent);letter-spacing:.2em;font-size:.85rem}.hero-phase h2{margin:.4rem 0;font-size:1.6rem}.hero-phase p{color:var(--muted);font-size:.95rem}.scroll-hint{color:var(--muted);letter-spacing:.25em;text-transform:uppercase;font-size:.75rem;animation:2.4s ease-in-out infinite bob;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}@keyframes bob{50%{transform:translate(-50%,6px)}}.grid{gap:1.25rem;display:grid}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{background:var(--bg-raise);border:1px solid var(--line);will-change:transform;border-radius:12px;padding:1.5rem;transition:transform .15s,border-color .2s}.card:hover{border-color:var(--accent)}.card h3{margin-bottom:.6rem;font-size:1.1rem}.card p{color:var(--muted);font-size:.95rem}.card .label,.card dt{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem;font-size:.72rem}.card dl{margin:0}.card dl div{margin-top:.8rem}.card dd{color:var(--muted);margin:.2rem 0 0;font-size:.95rem}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem;padding:0;display:grid}.steps li{border-top:2px solid var(--accent);padding-top:1rem;list-style:none}.steps li:before{counter-increment:step;content:"0" counter(step);color:var(--accent);letter-spacing:.2em;margin-bottom:.5rem;font-size:.85rem;display:block}.steps h3{margin-bottom:.4rem;font-size:1.05rem}.steps p{color:var(--muted);font-size:.95rem}.stack-list{flex-wrap:wrap;gap:.6rem;padding:0;list-style:none;display:flex}.stack-list li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.35rem .9rem;font-size:.85rem}.stack-note{color:var(--muted);margin-top:1.25rem}.stack-note strong{color:var(--ink)}.section-head{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.section-head h2{margin-bottom:0}#db-cylinder{flex:none;width:140px;height:140px}@media (width<=720px){#db-cylinder{display:none}}.about p{max-width:46rem;color:var(--muted);margin-bottom:1rem;font-size:1.05rem}.about p strong{color:var(--ink)}.contact{text-align:center}.contact p{color:var(--muted);margin-bottom:2rem}.button{background:var(--accent);color:#06060a;border-radius:999px;padding:.9rem 1.8rem;font-weight:600;display:inline-block}.button:hover{filter:brightness(1.1)}.contact .email{color:var(--muted);margin-top:1.25rem;display:block}footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);padding:2rem 1.5rem;font-size:.85rem}.typing:after{content:"";background:var(--accent);vertical-align:-.12em;width:.08em;height:1em;margin-left:.08em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-hint{animation:none}.card{transition:none}}