:root{--ink:#04080f;--ink2:#080f1c;--surface:#0c1524;--surface2:#111d30;--border:#ffffff0f;--border-active:#52ddbe59;--emerald:#52ddbe;--emerald-dim:#52ddbe1f;--emerald-glow:#52ddbe59;--gold:#f0c060;--gold-dim:#f0c0601a;--sky:#60c8f0;--sky-dim:#60c8f01a;--rose:#f06080;--text-primary:#eef2fa;--text-secondary:#7a8da8;--text-tertiary:#3a4d65;--font-display:"Bricolage Grotesque",sans-serif;--font-mono:"DM Mono",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--r-sm:6px;--r-md:12px;--r-lg:18px;--r-xl:24px;--r-2xl:32px;--r-full:9999px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.45,0,.55,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--ink);color:var(--text-primary);font-family:var(--font-display);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--emerald-dim);color:var(--emerald)}.container{max-width:1160px;padding:0 var(--space-6);z-index:1;margin:0 auto;position:relative}.display-xl{letter-spacing:-3px;font-size:clamp(48px,7vw,88px);font-weight:800;line-height:1}.display-lg{letter-spacing:-2px;font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.05}.display-md{letter-spacing:-1px;font-size:clamp(26px,3.5vw,44px);font-weight:700;line-height:1.1}.btn{align-items:center;gap:var(--space-2);border-radius:var(--r-md);font-family:var(--font-display);cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap;border:none;padding:12px 26px;font-size:14px;font-weight:600;display:inline-flex}.btn-emerald{background:var(--emerald);color:var(--ink);box-shadow:0 0 32px var(--emerald-glow)}.btn-emerald:hover{box-shadow:0 0 48px var(--emerald-glow);filter:brightness(1.08);transform:translateY(-2px)}.btn-outline{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--border-active);color:var(--emerald);background:var(--emerald-dim)}.btn-ghost{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text-primary);border-color:#ffffff1f}.btn-sm{padding:8px 18px;font-size:13px}.btn-lg{padding:16px 36px;font-size:16px;font-weight:700}.badge{align-items:center;gap:var(--space-2);border-radius:var(--r-full);font-family:var(--font-mono);letter-spacing:.5px;padding:5px 14px;font-size:11px;font-weight:500;display:inline-flex}.badge-emerald{background:var(--emerald-dim);color:var(--emerald);border:1px solid #52ddbe33}.badge-gold{background:var(--gold-dim);color:var(--gold);border:1px solid #f0c06033}.badge-sky{background:var(--sky-dim);color:var(--sky);border:1px solid #60c8f033}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color .25s,transform .25s,box-shadow .25s}.card:hover{border-color:var(--border-active);transform:translateY(-3px);box-shadow:0 24px 60px #0000004d}.section{padding:var(--space-24)0}.section-sm{padding:var(--space-16)0}.eyebrow{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--emerald);margin-bottom:var(--space-3);font-size:11px}.noise:after{content:"";pointer-events:none;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.orb{filter:blur(100px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.orb-1{background:radial-gradient(circle,#52ddbe0f 0%,#0000 70%);width:700px;height:700px;top:-200px;left:-200px}.orb-2{background:radial-gradient(circle,#60c8f00d 0%,#0000 70%);width:600px;height:600px;bottom:-100px;right:-150px}.orb-3{background:radial-gradient(circle,#f0c0600a 0%,#0000 70%);width:500px;height:500px;animation:12s ease-in-out infinite orbFloat;top:40%;left:30%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(60px,-40px)scale(1.1)}66%{transform:translate(-40px,30px)scale(.95)}}@keyframes scanLine{0%{top:0%}to{top:100%}}.reveal{opacity:0;transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transform:translateY(32px)}.reveal.visible{opacity:1;transform:none}.reveal-left{opacity:0;transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transform:translate(-32px)}.reveal-left.visible{opacity:1;transform:none}.reveal-right{opacity:0;transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transform:translate(32px)}.reveal-right.visible{opacity:1;transform:none}.pulse-dot{background:var(--emerald);width:7px;height:7px;box-shadow:0 0 0 0 var(--emerald-glow);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--emerald-glow)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.token-key{color:#60c8f0}.token-str{color:#f0c060}.token-num{color:#a8e896}.token-pct{color:var(--emerald)}.token-dim{color:var(--text-tertiary)}.token-comment{color:var(--text-tertiary);font-style:italic}.grad-emerald{background:linear-gradient(135deg,var(--text-primary)0%,var(--emerald)60%,var(--sky)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grad-gold{background:linear-gradient(135deg,var(--gold)0%,#f08060 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.divider{background:linear-gradient(90deg,transparent,var(--border),transparent);height:1px;margin:0}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@media (max-width:768px){.display-xl{letter-spacing:-2px}.display-lg{letter-spacing:-1.5px}}@media (max-width:1024px){.container{padding:0 var(--space-5)}.section{padding:var(--space-20)0}}@media (max-width:480px){html{font-size:15px}.container{padding:0 var(--space-4)}.section{padding:var(--space-12)0}.section-sm{padding:var(--space-8)0}.display-xl{letter-spacing:-1.5px;font-size:clamp(32px,10vw,52px)}.display-lg{letter-spacing:-1px;font-size:clamp(26px,8vw,40px)}.display-md{font-size:clamp(20px,6vw,30px)}.btn{padding:12px 20px;font-size:14px}.btn-lg{padding:14px 24px;font-size:15px}}