:root{--bg:#0f0f10;--surface:#151517;--elev:#1b1b1e;--border:#232327;--text:#f7f7f8;--muted:#b7b7c0;--accent:linear-gradient(135deg,#86b6ff,#d2a8ff 60%,#ffb6b6);--radius:14px;--shadow:0 10px 30px rgba(0,0,0,.35);--beige-50:#f9f3e9;--beige-200:#e6d8c3;--beige-400:#d5c2a1;--beige-700:#9b8c73;--beige-900:#3a3328}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-ambient{position:relative;background:radial-gradient(circle at 30% 20%,var(--beige-200,#e6d8c3),#0f0f10 70%);animation:gradientShift 18s ease-in-out infinite alternate}.bg-ambient:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 60% at 50% 50%,rgba(0,0,0,.25),transparent 60%);mix-blend-mode:multiply;opacity:.35}@keyframes gradientShift{0%{background-position:0 0;filter:saturate(1)}to{background-position:100% 100%;filter:saturate(1.05)}}h1{font-size:clamp(2rem,5vw,3.25rem);letter-spacing:-.02em;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}h2{font-size:clamp(1.5rem,3.5vw,2.125rem);letter-spacing:-.01em;text-shadow:0 1px 1px rgba(0,0,0,.05)}h2,h3{font-weight:500}h3{font-size:clamp(1.25rem,2.5vw,1.5rem)}p{line-height:1.6;color:var(--muted);text-shadow:0 1px 1px rgba(0,0,0,.02)}.section{padding:80px 0;margin:0 auto}.section-lg{padding:160px 0;margin:0 auto}.section-xl{padding:240px 0;margin:0 auto}.space-y-micro>*+*{margin-top:8px}.space-y-sm>*+*{margin-top:16px}.space-y-md>*+*{margin-top:24px}.space-y-lg>*+*{margin-top:32px}.container{max-width:1200px;margin:0 auto;padding:24px 20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.pill{border-radius:999px;padding:8px 12px;border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,filter .2s ease}.btn-primary{background:#fff;color:#0f0f10}.btn-primary:hover{transform:translateY(-2px) rotate(.25deg);box-shadow:var(--shadow);filter:brightness(1.02)}.btn-ghost{background:transparent;color:#fff;border:1px solid var(--border)}.btn-ghost:hover{background:hsla(0,0%,100%,.04);transform:translateY(-1px) rotate(.15deg)}.sticky-col{position:sticky;top:16px;align-self:start}.nav-blur{backdrop-filter:blur(8px);background:rgba(15,15,16,.45);border-bottom:1px solid var(--border)}.cursor-glow{position:fixed;width:300px;height:300px;border-radius:999px;pointer-events:none;z-index:1000;background:radial-gradient(closest-side,hsla(38,50%,80%,.14),hsla(0,0%,100%,0) 70%);filter:blur(14px)}.snap-x{scroll-snap-type:x mandatory}.snap{scroll-snap-align:center}.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.reveal.on{opacity:1;transform:translateY(0)}.reveal-blur{opacity:0;transform:translateY(60px);filter:blur(8px);transition:opacity 1.2s cubic-bezier(.25,1,.5,1),transform 1.2s cubic-bezier(.25,1,.5,1),filter 1.2s cubic-bezier(.25,1,.5,1)}.reveal-blur.on{opacity:1;transform:translateY(0);filter:blur(0)}@keyframes gentleDrift{0%{transform:translateY(0)}50%{transform:translateY(6px)}to{transform:translateY(0)}}.drift{animation:gentleDrift 6s ease-in-out infinite}.motion-blur-in{filter:blur(8px);opacity:0;transform:translateY(60px);transition:filter 1.2s cubic-bezier(.25,1,.5,1),opacity 1.2s cubic-bezier(.25,1,.5,1),transform 1.2s cubic-bezier(.25,1,.5,1)}.motion-blur-in.visible{filter:blur(0);opacity:1;transform:translateY(0)}.motion-fade-in{opacity:0;transform:translateY(80px);transition:opacity 1.2s cubic-bezier(.25,1,.5,1),transform 1.2s cubic-bezier(.25,1,.5,1)}.motion-fade-in.visible{opacity:1;transform:translateY(0)}.header-glass{backdrop-filter:blur(12px);background:rgba(15,15,16,.6);border-bottom:1px solid hsla(0,0%,100%,.05)}.footer-gradient{background:linear-gradient(180deg,transparent,hsla(36,41%,83%,.2) 40%,hsla(38,38%,73%,.4))}.social-link{transition:all .3s ease}.social-link:hover{color:var(--beige-200);text-shadow:0 0 8px hsla(36,41%,83%,.4);transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0) translateX(0);opacity:.3}25%{transform:translateY(-10px) translateX(5px);opacity:.6}50%{transform:translateY(-5px) translateX(-3px);opacity:.4}75%{transform:translateY(-15px) translateX(8px);opacity:.5}}