:root{
  --bg:#060606; --panel:#0c0d0f; --panel2:#101113; --text:#f4f4f2; --muted:#9b9b9a;
  --orange:#ff6a00; --orange2:#ff9a3c; --line:rgba(255,106,0,.24);
  --shadow:0 0 45px rgba(255,106,0,.13); --max:1220px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:"Space Grotesk",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 25%,rgba(255,106,0,.07),transparent 35%),radial-gradient(circle at 85% 80%,rgba(255,120,0,.045),transparent 30%);z-index:-4}
.noise{position:fixed;inset:-50%;z-index:30;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:noise .2s steps(2) infinite}
@keyframes noise{0%{transform:translate(0,0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(-2%,-1%)}}
.grid{position:fixed;inset:0;z-index:-3;opacity:.22;background-image:linear-gradient(rgba(255,106,0,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,106,0,.075) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 88%);animation:gridMove 14s linear infinite}
@keyframes gridMove{to{background-position:70px 70px}}
.scan{position:fixed;left:0;right:0;top:-8%;height:2px;background:linear-gradient(90deg,transparent,var(--orange),transparent);box-shadow:0 0 22px var(--orange);z-index:29;opacity:.55;animation:scan 7s linear infinite}
@keyframes scan{to{top:108%}}
.cursor-glow{position:fixed;width:260px;height:260px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,106,0,.13),transparent 65%);transform:translate(-50%,-50%);mix-blend-mode:screen}
.progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:100;background:transparent}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange),var(--orange2));box-shadow:0 0 15px var(--orange)}
.nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),1180px);height:58px;border:1px solid var(--line);background:rgba(7,7,7,.72);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 18px;z-index:90;box-shadow:var(--shadow)}
.brand{color:#fff;text-decoration:none;font:600 13px "JetBrains Mono",monospace;letter-spacing:.08em}.brand b{color:var(--orange);margin:0 5px}.brand-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px var(--orange);margin-right:8px}
.nav-links{display:flex;gap:24px}.nav-links a{color:#a9a9a9;text-decoration:none;font:500 10px "JetBrains Mono";letter-spacing:.12em;transition:.25s}.nav-links a:hover{color:var(--orange)}
.nav-status{font:500 9px "JetBrains Mono";color:#aaa}.nav-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px var(--orange);margin-right:7px;animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}
main{position:relative;z-index:1}.hero{min-height:100vh;max-width:var(--max);margin:auto;padding:150px 30px 70px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}
.eyebrow{font:600 10px "JetBrains Mono";letter-spacing:.13em;color:var(--orange);display:flex;gap:14px;align-items:center;margin-bottom:26px}.eyebrow em{color:#777;font-style:normal}
h1{font-size:clamp(68px,9.2vw,132px);line-height:.79;letter-spacing:-.075em;font-weight:700}.hero h1 strong{color:var(--orange);text-shadow:0 0 35px rgba(255,106,0,.28)}
.hero-sub{max-width:660px;color:#9e9e9e;font-size:16px;line-height:1.7;margin-top:30px}.hero-actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;font:600 10px "JetBrains Mono";letter-spacing:.1em;padding:14px 18px;border:1px solid var(--line);transition:.25s}.btn.primary{color:#080808;background:var(--orange);border-color:var(--orange);box-shadow:0 0 28px rgba(255,106,0,.2)}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 0 42px rgba(255,106,0,.4)}.btn.ghost{color:#ddd}.btn.ghost:hover{color:var(--orange);border-color:var(--orange)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);max-width:650px;margin-top:55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics div{padding:16px 13px;border-right:1px solid var(--line)}.metrics div:last-child{border-right:0}.metrics b{display:block;font-size:27px;color:var(--orange)}.metrics span{font:500 8px/1.35 "JetBrains Mono";color:#777;letter-spacing:.06em}
.hero-core{height:560px;position:relative;display:grid;place-items:center;perspective:900px}.core{width:210px;height:210px;border:1px solid rgba(255,106,0,.65);border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,rgba(255,106,0,.2),rgba(255,106,0,.025) 52%,transparent 70%);box-shadow:0 0 45px rgba(255,106,0,.22),inset 0 0 45px rgba(255,106,0,.12);transform:rotateX(58deg);animation:coreFloat 4s ease-in-out infinite}.core-ring{position:absolute;width:165px;height:165px;border:2px solid var(--orange);border-radius:50%;border-top-color:transparent;animation:spin 4s linear infinite}.core span,.core strong,.core small{position:relative;z-index:2}.core span{font:600 10px "JetBrains Mono";color:#aaa}.core strong{font-size:28px;letter-spacing:-.05em;color:var(--orange);text-shadow:0 0 18px rgba(255,106,0,.6)}.core small{font:500 7px "JetBrains Mono";color:#777;margin-top:4px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes coreFloat{50%{transform:rotateX(58deg) translateY(-12px)}}
.orbit{position:absolute;border:1px solid rgba(255,106,0,.2);border-radius:50%;box-shadow:0 0 18px rgba(255,106,0,.06)}.orbit-a{width:350px;height:350px;transform:rotateX(65deg) rotateY(20deg);animation:orbitA 9s linear infinite}.orbit-b{width:460px;height:240px;transform:rotateY(65deg) rotateX(20deg);animation:orbitB 12s linear infinite reverse}.orbit-c{width:500px;height:500px;border-style:dashed;animation:spin 25s linear infinite}.crosshair{width:530px;height:530px;position:absolute;background:linear-gradient(90deg,transparent 49.8%,rgba(255,106,0,.12) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,106,0,.12) 50%,transparent 50.2%);border-radius:50%}
@keyframes orbitA{to{transform:rotateX(65deg) rotateY(20deg) rotateZ(360deg)}}@keyframes orbitB{to{transform:rotateY(65deg) rotateX(20deg) rotateZ(360deg)}}
.hud{position:absolute;font:500 8px "JetBrains Mono";color:#777;border-left:2px solid var(--orange);padding-left:8px;animation:float 3s ease-in-out infinite}.hud-a{top:20%;left:5%}.hud-b{top:61%;right:2%;animation-delay:.8s}.hud-c{bottom:16%;left:18%;animation-delay:1.4s}@keyframes float{50%{transform:translateY(-9px);color:#bbb}}
.ticker{border-block:1px solid var(--line);height:45px;display:flex;align-items:center;justify-content:center;gap:25px;overflow:hidden;white-space:nowrap;color:#777;font:600 9px "JetBrains Mono";letter-spacing:.15em}.ticker b{color:var(--orange)}
.section{max-width:var(--max);margin:auto;padding:120px 30px}.dark-section{max-width:none;padding-inline:max(30px,calc((100% - var(--max))/2));background:linear-gradient(180deg,rgba(255,106,0,.025),transparent);border-block:1px solid rgba(255,106,0,.08)}
.section-head{margin-bottom:55px}.section-head>span,.tag{font:600 9px "JetBrains Mono";color:var(--orange);letter-spacing:.13em}.section-head h2{font-size:clamp(42px,5.5vw,78px);line-height:.92;letter-spacing:-.055em;margin-top:14px}.section-head p{color:#888;margin-top:14px}
.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.panel{background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid rgba(255,106,0,.16);padding:32px;position:relative;overflow:hidden;box-shadow:inset 0 0 50px rgba(255,106,0,.015)}.panel:after,.niche-card:after,.hook-card:after{content:"";position:absolute;top:-100%;left:-20%;width:10%;height:300%;background:linear-gradient(90deg,transparent,rgba(255,150,70,.15),transparent);transform:rotate(18deg);animation:sweep 7s linear infinite}@keyframes sweep{to{left:130%}}
.panel h3{font-size:32px;letter-spacing:-.04em;margin:12px 0 18px}.panel p{color:#929292;line-height:1.7;font-size:14px;margin-top:12px}.clean{list-style:none;margin-top:25px}.clean li{padding:18px 0;border-top:1px solid rgba(255,106,0,.12)}.clean b{display:block;font:600 9px "JetBrains Mono";color:#ddd;margin-bottom:6px}.clean span{display:block;color:#888;font-size:13px;line-height:1.5}
.niche-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.niche-card{min-height:260px;padding:25px;border:1px solid rgba(255,106,0,.15);background:#090a0b;position:relative;overflow:hidden;transition:.3s}.niche-card:hover{transform:translateY(-9px);border-color:rgba(255,106,0,.55);box-shadow:0 18px 45px rgba(255,106,0,.1)}.niche-card i{font:500 10px "JetBrains Mono";color:var(--orange);font-style:normal}.niche-card h3{margin-top:95px;font-size:24px}.niche-card p{color:#808080;font-size:12px;line-height:1.55;margin-top:10px}.card-line{position:absolute;bottom:20px;left:25px;width:55px;height:2px;background:var(--orange);box-shadow:0 0 12px var(--orange)}
.workflow{display:grid;grid-template-columns:1fr 1fr;gap:18px}.folder pre{margin-top:25px;background:#050506;border:1px solid rgba(255,106,0,.12);padding:22px;color:#c5c5c5;overflow:auto;font:12px/1.7 "JetBrains Mono"}.folder code{color:#ff9a3c}.stack{display:grid;gap:12px}.stack-card{padding:23px;border:1px solid rgba(255,106,0,.13);background:#0a0b0c;display:grid;grid-template-columns:105px 1fr;gap:5px 15px;transition:.25s}.stack-card:hover,.stack-card.active{border-color:rgba(255,106,0,.5);box-shadow:0 0 28px rgba(255,106,0,.08)}.stack-card span{font:600 8px "JetBrains Mono";color:var(--orange);grid-row:span 2}.stack-card b{font-size:20px}.stack-card small{color:#7e7e7e;line-height:1.5}
.hook-section{background:radial-gradient(circle at 70% 45%,rgba(255,106,0,.07),transparent 35%)}.hook-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hook-card{min-height:300px;padding:28px;border:1px solid rgba(255,106,0,.17);background:linear-gradient(160deg,#101010,#080808);position:relative;overflow:hidden;transition:.3s}.hook-card:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:0 20px 55px rgba(255,106,0,.1)}.hook-card>span{font:500 10px "JetBrains Mono";color:var(--orange)}.hook-card h3{font-size:28px;margin-top:125px}.hook-card p{color:#888;line-height:1.55;font-size:13px;margin-top:10px}
.deploy-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.spec-row{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid rgba(255,106,0,.12);font:600 10px "JetBrains Mono"}.spec-row b{color:#777}.spec-row strong{color:#ddd}.volume{margin-top:28px;border:1px solid rgba(255,106,0,.18);padding:22px;text-align:center}.volume span,.volume small{display:block;font:600 8px "JetBrains Mono";color:#777}.volume strong{display:block;font-size:65px;line-height:1;color:var(--orange);text-shadow:0 0 25px rgba(255,106,0,.3)}
.bar{margin-top:23px}.bar label{display:flex;justify-content:space-between;font:500 9px "JetBrains Mono";color:#999}.bar label b{color:var(--orange)}.bar i{display:block;height:5px;margin-top:9px;background:linear-gradient(90deg,var(--orange) var(--w),#242424 var(--w));box-shadow:0 0 12px rgba(255,106,0,.18)}.source-note{display:block;color:#666;font-size:9px;margin-top:25px}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid rgba(255,106,0,.14)}.stage{padding:28px;background:#090a0b;min-height:250px;border-right:1px solid rgba(255,106,0,.14);position:relative}.stage:last-child{border:0}.stage b{font-size:42px;color:var(--orange);letter-spacing:-.06em}.stage span{display:block;font:600 9px "JetBrains Mono";color:#777;margin-top:-2px}.stage p{color:#888;font-size:12px;line-height:1.6;margin-top:55px}
.formula{text-align:center;position:relative;overflow:hidden}.formula-orbit{position:absolute;width:600px;height:600px;border:1px dashed rgba(255,106,0,.12);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-40%);animation:spin 25s linear infinite}.equation{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;margin:70px auto 45px;max-width:1000px}.equation span,.equation strong{font-size:clamp(22px,3vw,42px);letter-spacing:-.04em}.equation span{color:#bbb}.equation strong{color:var(--orange);text-shadow:0 0 22px rgba(255,106,0,.2)}.equation b{font-size:30px;color:#666}.formula blockquote{max-width:800px;margin:auto;color:#9b9b9b;font-size:17px;line-height:1.7;border-top:1px solid var(--line);padding-top:25px}
.final-cta{min-height:70vh;display:grid;place-items:center;text-align:center;padding:100px 30px;position:relative;overflow:hidden;border-top:1px solid rgba(255,106,0,.12)}.final-cta h2{font-size:clamp(60px,9vw,125px);line-height:.82;letter-spacing:-.07em;margin:20px 0 25px}.final-cta h2 em{font-style:normal;color:var(--orange);text-shadow:0 0 35px rgba(255,106,0,.25)}.final-cta p{max-width:680px;color:#777;line-height:1.65;margin:0 auto 25px;font-size:13px}.cta-orb{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(255,106,0,.12),transparent 63%);animation:orb 5s ease-in-out infinite}@keyframes orb{50%{transform:scale(1.12);opacity:.7}}
footer{display:flex;justify-content:space-between;padding:25px 30px;border-top:1px solid rgba(255,106,0,.14);color:#5f5f5f;font:500 8px "JetBrains Mono";letter-spacing:.08em}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:950px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:140px}.hero-core{height:430px}.niche-grid,.hook-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr}.two-col,.workflow,.deploy-grid{grid-template-columns:1fr}.section{padding-block:90px}}
@media(max-width:600px){.nav{top:10px;width:calc(100% - 20px)}.nav-status{display:none}.hero{padding:115px 18px 50px}.hero h1{font-size:64px}.eyebrow{display:block;line-height:1.7}.eyebrow em{display:block;margin-top:4px}.hero-sub{font-size:14px}.hero-actions{flex-direction:column}.metrics{grid-template-columns:1fr 1fr;margin-top:35px}.metrics div{border-bottom:1px solid var(--line)}.hero-core{height:340px}.orbit-a{width:230px;height:230px}.orbit-b{width:300px;height:160px}.orbit-c{width:330px;height:330px}.crosshair{width:350px;height:350px}.core{width:160px;height:160px}.core strong{font-size:22px}.hud{font-size:7px}.section{padding:75px 18px}.dark-section{padding-inline:18px}.section-head{margin-bottom:35px}.section-head h2{font-size:43px}.panel{padding:23px}.niche-grid,.hook-grid,.timeline{grid-template-columns:1fr}.niche-card{min-height:210px}.niche-card h3{margin-top:70px}.hook-card{min-height:230px}.hook-card h3{margin-top:75px}.stage{min-height:190px}.stage p{margin-top:30px}.equation{gap:9px;margin-top:45px}.equation span,.equation strong{font-size:23px}.equation b{font-size:20px}.formula-orbit{width:380px;height:380px}.final-cta{min-height:65vh;padding-inline:20px}footer{display:block;line-height:2.2}.ticker{justify-content:flex-start;gap:18px;padding-left:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}