:root{--gold:#d4a017;--gold-bright:#f0c850;--green:#2ecc71;--bg:#060607;--surface:#0e0e10;--line:#ffffff12;--text:#ececec;--muted:#8a8a8a;--gold-grad:linear-gradient(135deg, #f0c850 0%, #d4a017 40%, #8b6914 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;overflow-x:hidden}#hexbg{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}::selection{background:#d4a01759}#cursor-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#d4a01712 0%,#2ecc7108 40%,#0000 70%);border-radius:50%;width:500px;height:500px;transition:opacity .4s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}@media (hover:none){#cursor-glow{display:none}}#scroll-progress{background:linear-gradient(90deg, var(--gold), var(--green));z-index:200;width:0%;height:2px;position:fixed;top:0;left:0;box-shadow:0 0 12px #d4a01799}nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);background:#0e0e1099;border-radius:100px;align-items:center;gap:6px;padding:8px 10px;transition:border-color .4s;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #00000080}nav:hover{border-color:#d4a01740}nav .brand-mark{cursor:pointer;width:auto;height:34px;margin-left:6px;display:block}nav a{color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;border-radius:100px;padding:8px 14px;font-size:12.5px;text-decoration:none;transition:color .25s,background .25s}nav a:hover,nav a.active{color:var(--gold-bright);background:#d4a01714}@media (width<=860px){nav a{display:none}nav a.cta-nav{display:block}}nav a.cta-nav{color:#0a0a0a;background:var(--gold-grad);font-weight:600}nav a.cta-nav:hover{filter:brightness(1.15)}#hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}#particles{z-index:1;position:absolute;inset:0}.hero-inner{z-index:2;text-align:center;max-width:1000px;padding:0 24px;position:relative}.hero-logo{filter:drop-shadow(0 0 32px #d4a0174d);opacity:0;width:auto;height:clamp(80px,13vw,130px);margin:0 auto 20px;animation:.9s cubic-bezier(.22,1,.36,1) 50ms forwards rise;display:block}.hero-kicker{color:var(--green);letter-spacing:3px;opacity:0;margin-bottom:24px;font-family:JetBrains Mono,monospace;font-size:13px;animation:.9s cubic-bezier(.22,1,.36,1) .2s forwards rise}.hero-kicker:before{content:"// ";opacity:.5}h1.hero-title{letter-spacing:-2px;font-family:Space Grotesk,sans-serif;font-size:clamp(44px,8.5vw,108px);font-weight:700;line-height:1.02}h1 .line{display:block;overflow:hidden}h1 .line span{animation:1s cubic-bezier(.22,1,.36,1) forwards slideUp;display:inline-block;transform:translateY(110%)}h1 .line:nth-child(2) span{animation-delay:.15s}.grad-text{background:linear-gradient(90deg,#f0c850,#d4a017,#2ecc71,#f0c850) 0 0/300% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:1s cubic-bezier(.22,1,.36,1) .15s forwards slideUp,6s linear 1s infinite gradShift}@keyframes gradShift{to{background-position:300% 0}}@keyframes slideUp{to{transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-sub{max-width:560px;color:var(--muted);opacity:0;margin:28px auto 0;font-size:clamp(15px,2vw,18px);line-height:1.7;animation:.9s cubic-bezier(.22,1,.36,1) .7s forwards rise}.typed{color:var(--gold-bright);font-family:JetBrains Mono,monospace;font-size:.92em}.typed:after{content:"▌";color:var(--green);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.hero-ctas{opacity:0;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:44px;animation:.9s cubic-bezier(.22,1,.36,1) .9s forwards rise;display:flex}.btn{letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;will-change:transform;border:none;border-radius:10px;padding:16px 36px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .3s;display:inline-block;position:relative}.btn-gold{background:var(--gold-grad);color:#0a0a0a}.btn-gold:hover{box-shadow:0 12px 40px #d4a01759}.btn-gold:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{color:var(--gold);background:0 0;border:1px solid #d4a01766}.btn-ghost:hover{border-color:var(--gold);background:#d4a01714}@media (width<=520px){.hero-ctas{flex-direction:column;align-items:stretch;padding:0 8px}.btn{text-align:center}}.scroll-hint{z-index:2;color:var(--muted);letter-spacing:3px;text-transform:uppercase;opacity:0;flex-direction:column;align-items:center;gap:10px;font-size:11px;animation:1s 1.6s forwards rise;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-hint .wheel{background:linear-gradient(to bottom, var(--gold), transparent);width:1px;height:36px;animation:1.8s ease-in-out infinite wheelDrop}@keyframes wheelDrop{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);z-index:2;background:#ffffff04;padding:18px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{gap:56px;width:max-content;animation:30s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track span{color:var(--muted);letter-spacing:2px;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:14px;transition:color .3s}.marquee-track span:hover{color:var(--gold-bright)}.marquee-track em{color:var(--green);margin-right:10px;font-style:normal}@keyframes marquee{to{transform:translate(-50%)}}section{z-index:2;max-width:1160px;margin:0 auto;padding:130px 24px;position:relative}@media (width<=640px){section{padding:84px 20px}}.label{color:var(--gold);letter-spacing:4px;text-transform:uppercase;margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:12px}.label:before{content:"[";color:var(--green);margin-right:6px}.label:after{content:"]";color:var(--green);margin-left:6px}h2{letter-spacing:-1px;margin-bottom:20px;font-family:Space Grotesk,sans-serif;font-size:clamp(30px,4.5vw,52px);font-weight:600;line-height:1.1}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(48px)}.reveal.in{opacity:1;transform:none}h2 .scramble-char{color:var(--green);opacity:.8}.about-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:64px;margin-top:36px;display:grid}@media (width<=860px){.about-grid{grid-template-columns:1fr;gap:36px}}.about-grid p{color:var(--muted);margin-bottom:20px;font-size:16.5px;line-height:1.85}.about-grid p strong{color:var(--gold-bright);font-weight:500}.stats{grid-template-columns:1fr 1fr;gap:18px;display:grid}.stat{border:1px solid var(--line);background:linear-gradient(160deg,#d4a0170d,#0e0e1099);border-radius:16px;padding:30px 26px;transition:border-color .4s,transform .4s}.stat:hover{border-color:#2ecc7159;transform:translateY(-4px)}.stat .num{background:var(--gold-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:44px;font-weight:700}.stat .lbl{color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin-top:6px;font-size:13px}.cards{perspective:1200px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;margin-top:36px;display:grid}.card{background:var(--surface);border:1px solid var(--line);transform-style:preserve-3d;border-radius:18px;padding:34px 30px;transition:border-color .4s;position:relative;overflow:hidden}.card:before{content:"";opacity:0;background:radial-gradient(600px circle at var(--mx,50%) var(--my,50%), #d4a0171a, transparent 45%);pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.card:hover:before{opacity:1}.card:hover{border-color:#d4a0174d}.card .icon{width:48px;height:48px;color:var(--gold-bright);background:#d4a01714;border:1px solid #d4a0172e;border-radius:12px;place-items:center;margin-bottom:20px;font-size:22px;display:grid;transform:translateZ(30px)}.card h3{margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:600;transform:translateZ(24px)}.card p{color:var(--muted);margin-bottom:18px;font-size:14px;line-height:1.7;transform:translateZ(16px)}.tags{flex-wrap:wrap;gap:6px;display:flex;transform:translateZ(12px)}.tags span{color:var(--gold);background:#d4a01712;border:1px solid #d4a01726;border-radius:5px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:10.5px}.timeline{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:40px;display:grid;position:relative}@media (width<=860px){.timeline{grid-template-columns:1fr 1fr}}@media (width<=520px){.timeline{grid-template-columns:1fr}}.timeline:before{content:"";background:linear-gradient(90deg, var(--gold), var(--green));transform-origin:0;height:1px;transition:transform 1.6s cubic-bezier(.22,1,.36,1) .3s;position:absolute;top:27px;left:4%;right:4%;transform:scaleX(0)}@media (width<=860px){.timeline:before{display:none}}.timeline.in:before{transform:scaleX(1)}.packet{background:var(--gold-bright);opacity:0;z-index:1;border-radius:50%;width:10px;height:10px;position:absolute;top:22px;left:4%;box-shadow:0 0 14px 3px #f0c8508c}.timeline.in .packet{animation:4.5s cubic-bezier(.4,0,.4,1) 2s infinite packetRun}.packet:after{content:"";background:linear-gradient(90deg,#0000,#f0c85099);border-radius:2px;width:46px;height:3px;position:absolute;top:3.5px;right:8px}@keyframes packetRun{0%{opacity:0;background:var(--gold-bright);left:4%}6%{opacity:1}94%{opacity:1}to{opacity:0;background:var(--green);left:95%}}@media (width<=860px){.packet{display:none}}.step{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:60px 24px 30px;transition:transform .4s,border-color .4s;position:relative}.step:hover{border-color:#2ecc714d;transform:translateY(-6px)}.step .dot{background:var(--bg);border:2px solid var(--gold);border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:18px;left:24px}.step .dot:after{content:"";background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #2ecc7180}50%{box-shadow:0 0 0 7px #2ecc7100}}.step .num{color:var(--gold);letter-spacing:3px;margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:12px}.step h3{margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:20px}.step p{color:var(--muted);font-size:14px;line-height:1.7}.proj-list{margin-top:36px}.proj{background:var(--surface);border:1px solid var(--line);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 28px;margin-bottom:18px;padding:34px 32px;transition:border-color .4s,background .4s;display:grid;position:relative;overflow:hidden}@media (width<=700px){.proj{grid-template-columns:1fr;padding:26px 22px}.proj .status{justify-self:start}.proj h3{font-size:19px}}.proj:after{content:"";background:linear-gradient(var(--gold), var(--green));opacity:0;width:3px;transition:opacity .4s;position:absolute;top:0;bottom:0;left:0}.proj:hover{background:#111113;border-color:#d4a01740}.proj:hover:after{opacity:1}.proj h3{font-family:Space Grotesk,sans-serif;font-size:22px}.proj .meta{color:var(--muted);grid-column:1/-1;max-width:720px;font-size:14.5px;line-height:1.7}.proj .tags{grid-column:1/-1;margin-top:12px}.spark-wrap{grid-column:1/-1;align-items:center;gap:16px;margin-top:16px;display:flex}.spark-wrap canvas{flex:1;min-width:0;height:44px}.spark-lbl{color:#555;letter-spacing:1.5px;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:10.5px}.spark-lbl b{color:var(--green);font-weight:500}.status{letter-spacing:1px;border-radius:100px;justify-self:end;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:11.5px}.status.live{color:var(--gold-bright);background:#d4a0171a;border:1px solid #d4a0174d}.status.live:before{content:"●";color:var(--green);margin-right:8px;animation:1.6s step-end infinite blink}.status.wip{color:var(--muted);border:1px solid var(--line);background:#ffffff0a}.status.done{color:var(--green);background:#2ecc7114;border:1px solid #2ecc7140}.terminal{border:1px solid var(--line);background:#0a0a0c;border-radius:16px;margin-top:36px;font-family:JetBrains Mono,monospace;font-size:13.5px;overflow:hidden;box-shadow:0 24px 80px #0009}.term-bar{border-bottom:1px solid var(--line);background:#101013;align-items:center;gap:8px;padding:14px 18px;display:flex}.term-bar i{border-radius:50%;width:12px;height:12px}.term-bar i:first-child{background:#ff5f56}.term-bar i:nth-child(2){background:#ffbd2e}.term-bar i:nth-child(3){background:#27c93f}.term-bar span{color:var(--muted);margin-left:12px;font-size:12px}.term-body{min-height:200px;padding:24px 26px;line-height:2}.term-body .ln{opacity:0;transition:opacity .3s}.term-body .ln.on{opacity:1}.term-body .prompt{color:var(--green)}.term-body .cmd{color:var(--text)}.term-body .out{color:var(--muted)}.term-body .ok{color:var(--gold-bright)}.globe-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-top:20px;display:grid}@media (width<=860px){.globe-grid{grid-template-columns:1fr}}#globe{aspect-ratio:1;width:100%;max-width:520px;margin:0 auto;display:block}.globe-facts{flex-direction:column;gap:14px;display:flex}.fact{border:1px solid var(--line);color:var(--muted);background:#0e0e1099;border-radius:14px;align-items:center;gap:14px;padding:18px 22px;font-size:15px;transition:border-color .4s,transform .4s;display:flex}.fact:hover{border-color:#d4a0174d;transform:translate(6px)}.fact b{color:var(--text);font-weight:500}.fact .mono-ic{color:var(--green);font-family:JetBrains Mono,monospace;font-size:16px}.contact-wrap{text-align:center}.contact-wrap p.sub{color:var(--muted);max-width:480px;margin:0 auto 40px;font-size:16px;line-height:1.7}.big-cta{color:var(--text);overflow-wrap:anywhere;font-family:Space Grotesk,sans-serif;font-size:clamp(17px,4.6vw,56px);font-weight:700;text-decoration:none;transition:color .3s;display:inline-block;position:relative}.big-cta:after{content:"";background:linear-gradient(90deg, var(--gold), var(--green));transform-origin:100%;width:100%;height:3px;transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-6px;left:0;transform:scaleX(0)}.big-cta:hover{color:var(--gold-bright)}.big-cta:hover:after{transform-origin:0;transform:scaleX(1)}.radar{display:inline-block;position:relative}.radar .ring{opacity:0;pointer-events:none;border:1px solid #d4a01759;border-radius:50%;width:100%;height:140%;animation:3.5s cubic-bezier(.2,.6,.4,1) infinite ping;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6)}.radar .ring:nth-child(2){border-color:#2ecc714d;animation-delay:1.15s}.radar .ring:nth-child(3){animation-delay:2.3s}@keyframes ping{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}12%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%)scale(1.7)}}.form-divider{color:#555;letter-spacing:3px;text-transform:uppercase;margin:56px 0 28px;font-family:JetBrains Mono,monospace;font-size:11px}.cform{text-align:left;flex-direction:column;gap:16px;max-width:640px;margin:0 auto;display:flex}.cform .row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=560px){.cform .row{grid-template-columns:1fr}}.cform input,.cform textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff08;border-radius:10px;outline:none;padding:14px 16px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .3s}.cform input:focus,.cform textarea:focus{border-color:#d4a01780}.cform textarea{resize:vertical;min-height:140px}.cform .btn{align-self:center}.form-error{color:#e74c3c;text-align:center;font-size:14px}.sent-box{background:#2ecc710d;border:1px solid #2ecc7133;border-radius:16px;max-width:640px;margin:0 auto;padding:56px 24px}.sent-box .mark{color:var(--green);margin-bottom:12px;font-size:36px}.sent-box h3{color:var(--green);margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:22px}.sent-box p{color:var(--muted);font-size:15px}footer{z-index:2;border-top:1px solid var(--line);text-align:center;color:var(--muted);padding:40px 24px;font-size:13px;position:relative}footer .mono{color:#555;letter-spacing:1px;margin-top:8px;font-family:JetBrains Mono,monospace;font-size:11px}footer .footer-banner{object-fit:contain;width:auto;max-width:92%;height:72px;margin:0 auto 18px;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}