@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-tracking:initial}}}.visible{visibility:visible}.container{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.min-h-screen{min-height:100vh}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[rgba\(0\,255\,136\,0\.3\)\]{border-color:#00ff884d}.text-center{text-align:center}.text-\[0\.6rem\]{font-size:.6rem}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.4em\]{--tw-tracking:.4em;letter-spacing:.4em}.tracking-\[0\.25em\]{--tw-tracking:.25em;letter-spacing:.25em}.tracking-\[0\.35em\]{--tw-tracking:.35em;letter-spacing:.35em}.text-\[rgba\(222\,253\,244\,0\.6\)\]{color:#defdf499}.text-\[rgba\(222\,253\,244\,0\.55\)\]{color:#defdf48c}.text-\[rgba\(222\,253\,244\,0\.68\)\]{color:#defdf4ad}.text-\[rgba\(222\,253\,244\,0\.75\)\]{color:#defdf4bf}.text-\[rgba\(222\,253\,244\,0\.78\)\]{color:#defdf4c7}.text-\[var\(--muted\)\]{color:var(--muted)}.text-\[var\(--neon-green\)\]{color:var(--neon-green)}.uppercase{text-transform:uppercase}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media (hover:hover){.hover\:text-\[var\(--neon-pink\)\]:hover{color:var(--neon-pink)}}:root{--font-sans:"Space Grotesk",system-ui,sans-serif;--font-mono:"Space Mono",monospace;--foreground:#00d4aa;--background:#0a0a0a;--surface:#00d4aa14;--surface-strong:#00d4aa1f;--border:#00d4aa66;--border-strong:#00d4aab3;--muted:#00b894;--accent:#ff4d6d;--accent-soft:#ff6b85;--border-width:2px;--shadow-soft:0 4px 16px #00d4aa33;--shadow-hero:0 12px 32px #00d4aa40;--neon-green:#00d4aa;--neon-pink:#ff4d6d;--neon-blue:#4d9de0;--neon-purple:#8b5cf6;--dark-matrix:#000;--matrix-green:#010;--glitch-red:#f06;--glitch-blue:#06f;--gradient-matrix:linear-gradient(45deg,#000,#010,#000);--gradient-neon:linear-gradient(135deg,#0f8,#f06,#08f);--gradient-glitch:linear-gradient(90deg,#f06,#0f8,#06f,#f06);--gradient-organic:radial-gradient(ellipse at center,#0f8,transparent 70%)}@layer base{*{border-color:var(--border)}body{font-family:var(--font-sans);color:var(--foreground);background:radial-gradient(circle at 20% 20%,#00ff8826,transparent 50%),radial-gradient(circle at 80% 80%,#ff00661f,transparent 50%),linear-gradient(45deg,#000,#010,#000),var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:500;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(135deg,#00d4aa08,#0000 50%),linear-gradient(225deg,#ff4d6d05,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";pointer-events:none;opacity:.02;z-index:-2;background:url(/spectrogram-bg.png) 50%/cover no-repeat;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:-.01em;text-shadow:0 0 10px #00ff8880;font-weight:800;line-height:1.1;position:relative}h1{letter-spacing:-.02em;background:var(--gradient-neon);-webkit-text-fill-color:transparent;text-shadow:2px 0 0 var(--glitch-red),-2px 0 0 var(--glitch-blue),0 2px 0 var(--neon-green),0 0 8px #00d4aa66;filter:drop-shadow(0 0 6px #00d4aa4d);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.8rem,6vw,4.2rem);animation:4s ease-in-out infinite glitchText}h1:before,h1:after{content:attr(data-text);background:var(--gradient-neon);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;width:100%;height:100%;position:absolute;top:0;left:0}h1:before{z-index:-1;animation:.8s infinite glitch1}h1:after{z-index:-2;animation:.8s infinite glitch2}h2{background:linear-gradient(45deg,var(--neon-green),var(--neon-pink));-webkit-text-fill-color:transparent;text-shadow:0 0 15px #0f89;filter:drop-shadow(0 0 8px #0f86);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.6rem,4vw,2.4rem);position:relative}h2:after{content:"";background:var(--gradient-neon);width:0;height:3px;box-shadow:0 0 10px var(--neon-green);transition:width .8s;animation:3s ease-in-out infinite neonPulse;position:absolute;bottom:-12px;left:0}h2:hover:after{width:80px}h3{color:var(--neon-green);text-shadow:0 0 8px #00ff8880;font-size:clamp(1.2rem,3vw,1.8rem)}@keyframes glitchText{0%,to{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}}@keyframes glitch1{0%,to{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}}@keyframes glitch2{0%,to{transform:translate(0)}20%{transform:translate(3px,-3px)}40%{transform:translate(3px,3px)}60%{transform:translate(-3px,-3px)}80%{transform:translate(-3px,3px)}}@keyframes neonPulse{0%,to{opacity:1;box-shadow:0 0 10px var(--neon-green),0 0 20px var(--neon-green)}50%{opacity:.9;box-shadow:0 0 20px var(--neon-green),0 0 40px var(--neon-green),0 0 60px var(--neon-pink)}}::selection{background:var(--foreground);color:var(--background)}a{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;transition:opacity .15s}a:hover{opacity:.6}}@layer components{.mono{font-family:var(--font-mono);font-weight:400}.hero-shell{box-shadow:var(--shadow-hero),inset 0 0 0 2px #0f89,0 0 80px #0f86,0 0 120px #f063;border:3px solid var(--neon-green);background:linear-gradient(135deg,#00ff8826,#000000e6),radial-gradient(circle at 30% 20%,#f063,#0000 60%);border-radius:0;padding:5rem;animation:3s ease-in-out infinite heroGlow;position:relative;overflow:hidden}@keyframes heroGlow{0%,to{box-shadow:var(--shadow-hero),inset 0 0 0 2px #0f89,0 0 80px #0f86,0 0 120px #f063}50%{box-shadow:var(--shadow-hero),inset 0 0 0 2px #0f8,0 0 120px #0f8c,0 0 180px #f066,0 0 240px #08f3}}.hero-shell:before{content:"";pointer-events:none;mix-blend-mode:normal;opacity:.45;background:linear-gradient(90deg,#00ff881a 0,#0000 4% 96%,#00ff881a 100%),repeating-linear-gradient(90deg,#0000,#0000 120px,#00ff8826 121px,#0000 122px);position:absolute;inset:0}.hero-grid{align-items:start;gap:3rem;display:grid}@media (min-width:1024px){.hero-grid{grid-template-columns:minmax(320px,1fr) minmax(260px,.9fr);gap:5rem}}.hero-intro{flex-direction:column;gap:1.75rem;max-width:34rem;display:flex}.hero-meta{border-bottom:2px solid #0f86;align-items:center;gap:1.5rem;padding-bottom:1.5rem;display:flex}.hero-logomark{background:linear-gradient(90deg,#00ff881a,#00ff880d),#000000e6;border:3px solid #0f8c;border-radius:4px;place-items:center;width:64px;height:64px;display:grid;box-shadow:inset 0 0 0 1px #00ff884d}.hero-title{letter-spacing:-.018em;text-transform:none;text-wrap:balance;font-size:clamp(2.4rem,4.2vw,3.4rem);line-height:1.04}.hero-lede{color:#00ff88e6;text-shadow:0 0 5px #00ff884d;max-width:32rem;font-size:1rem;line-height:1.7}.hero-focus{border-top:2px solid #00ff884d;flex-wrap:wrap;gap:.5rem;padding-top:1.25rem;display:flex}.hero-tag{font-family:var(--font-mono);letter-spacing:.35em;text-transform:uppercase;color:var(--neon-green);text-shadow:0 0 5px #00ff8880;background:#00ff881a;border:2px solid #0f89;padding:.4rem .8rem;font-size:.6rem;font-weight:600}.hero-locations{border-top:2px solid #00ff884d;flex-direction:column;gap:.75rem;padding-top:1.5rem;display:flex}.hero-visual{background:linear-gradient(145deg,#000000f2,#001100e6),radial-gradient(circle at 40% 20%,#00ff8826,#0000 65%);border:3px solid #0f89;border-radius:0;min-height:380px;margin-top:2.5rem;position:relative;box-shadow:inset 0 0 0 2px #00ff881a,0 40px 100px #0006}.spectrogram-scene{position:absolute;inset:0}.hero-visual:after{content:"";mix-blend-mode:screen;opacity:.35;background:linear-gradient(#40ff8d38 0%,#0000 20% 80%,#40ff8d2e 100%);animation:6s linear infinite scanline;position:absolute;inset:0}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.section-offset-left{margin-left:clamp(0rem,6vw,4rem)}.section-offset-right{margin-right:clamp(0rem,6vw,4rem)}@media (max-width:900px){.section-offset-left,.section-offset-right{margin:0}}.project-ledger{border-top:3px solid #00ff8880;border-bottom:3px solid #0f86;flex-direction:column;display:flex;position:relative;overflow:hidden}.project-ledger:before{content:"";pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 0 40%,#00ff882e,#0000 70%);width:45%;height:140%;position:absolute;top:-20%;right:-15%}.project-ledger__row{border-top:2px solid #00ff8840;grid-template-columns:minmax(80px,120px) minmax(220px,1fr) minmax(240px,1fr);align-items:start;gap:2rem;padding:2.25rem 0;display:grid}.project-ledger__row:nth-of-type(odd){background:linear-gradient(90deg,#00ff880d,#0000 70%)}.project-ledger__row:nth-of-type(2n){background:linear-gradient(270deg,#ff00660d,#0000 70%)}.project-ledger__row:first-of-type{border-top:none}@media (max-width:900px){.project-ledger__row{grid-template-columns:1fr;gap:1.5rem}}.project-ledger__meta{flex-direction:column;gap:.6rem;display:flex}.project-ledger__index{font-family:var(--font-mono);letter-spacing:.4em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.project-ledger__timeline{letter-spacing:.3em;text-transform:uppercase;color:#0f8c;font-size:.65rem}.project-ledger__title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:1.1rem}.project-ledger__summary{color:#00ff88e6;max-width:46ch;margin-top:.75rem;font-size:.95rem;line-height:1.7}.project-ledger__facets{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;display:grid}.project-ledger__facet{letter-spacing:.28em;text-transform:uppercase;color:var(--neon-green);text-shadow:0 0 5px #00ff8880;background:#00ff881a;border:2px solid #0f89;justify-content:space-between;align-items:center;padding:.4rem .8rem;font-size:.6rem;font-weight:600;display:inline-flex}.panel-grid{gap:2.25rem;display:grid}@media (min-width:1024px){.panel-grid{grid-template-columns:minmax(360px,1fr) minmax(240px,.8fr);gap:2.75rem}}.section-number{font-family:var(--font-mono);letter-spacing:.12em;color:var(--neon-green);text-shadow:0 0 8px #00ff8880;font-size:.8rem;font-weight:700}.label{font-family:var(--font-mono);letter-spacing:.18em;color:var(--neon-green);text-transform:uppercase;text-shadow:0 0 8px #00ff8880;z-index:2;font-size:.7rem;font-weight:700;position:relative}.process-step{border-left:var(--border-width)solid var(--border-strong);margin-bottom:1.75rem;padding-left:1.25rem}.panel{border:3px solid var(--neon-green);box-shadow:var(--shadow-soft),inset 0 0 0 2px #00ff884d,0 0 30px #0f83;color:var(--foreground);background:linear-gradient(135deg,#00ff8814,#000000f2),radial-gradient(circle at 20% 20%,#ff00661f,#0000 50%);border-radius:0;padding:2.5rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.panel:before{content:"";background:linear-gradient(90deg,#0000,#00ff8826,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.panel:is(:hover,:focus-within){box-shadow:0 32px 80px #0f86,0 0 0 2px var(--neon-pink),0 0 60px #0f89,0 0 100px #ff00664d;border-color:var(--neon-pink);transform:translateY(-8px)scale(1.02)}.panel:is(:hover,:focus-within):before{left:100%}.panel p{color:#defdf4c7;text-shadow:0 0 5px #00ff8840}.facet-pill{text-transform:uppercase;letter-spacing:.28em;color:var(--neon-green);text-shadow:0 0 5px #00ff8880;background:#00ff881a;border:2px solid #0f89;padding:.4rem .8rem;font-weight:600}.architect-divider{padding-top:3rem;position:relative}.architect-divider:before{content:"";background:linear-gradient(90deg,#0f89,#0f83 70%,#f06c 100%);height:3px;position:absolute;top:0;left:0;right:0}.manifesto-grid{gap:1.75rem;display:grid}@media (min-width:1024px){.manifesto-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}.manifesto-card{background:linear-gradient(135deg,#00ff8814,#000000f2),radial-gradient(circle at 20% 20%,#ff00661f,#0000 50%);border:3px solid #0f89;flex-direction:column;gap:1.25rem;min-height:240px;padding:2rem;display:flex;box-shadow:0 20px 40px #0f83,inset 0 0 0 2px #0f83,0 0 20px #00ff881a}.manifesto-card h3{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.35em;color:var(--neon-green);text-shadow:0 0 8px #00ff8880;font-size:.8rem;font-weight:700}.manifesto-card p{color:#00ff88e6;text-shadow:0 0 5px #00ff884d;font-size:1.1rem;font-weight:500;line-height:1.7}.capability-track{scrollbar-width:thin;scrollbar-color:var(--neon-green)transparent;z-index:1;gap:1.5rem;margin:0 -2rem;padding:2rem;display:flex;position:relative;overflow:auto visible}.capability-track::-webkit-scrollbar{height:6px}.capability-track::-webkit-scrollbar-track{background:0 0}.capability-track::-webkit-scrollbar-thumb{background:var(--neon-green);border-radius:3px}.fade-in{opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94);transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94);transform:translate(-50px)}.slide-in-left.visible{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94);transform:translate(50px)}.slide-in-right.visible{opacity:1;transform:translate(0)}.scale-in{opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94);transform:scale(.9)}.scale-in.visible{opacity:1;transform:scale(1)}.section-offset-left{margin-left:-1rem;transform:rotate(-.3deg)}.section-offset-right{margin-right:-1rem;transform:rotate(.3deg)}@media (min-width:1024px){.section-offset-left{margin-left:-2rem;transform:rotate(-.5deg)}.section-offset-right{margin-right:-2rem;transform:rotate(.5deg)}}.capability-card{border:2px solid var(--neon-green);cursor:pointer;min-width:200px;color:var(--foreground);z-index:1;background:linear-gradient(135deg,#00d4aa0f,#000000f2),radial-gradient(circle at 30% 30%,#ff4d6d14,#0000 60%);flex-direction:column;flex-shrink:0;gap:1rem;padding:1.5rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00d4aa33,inset 0 0 0 1px #00d4aa33,0 0 12px #00d4aa26}.capability-card:before{content:"";opacity:0;background:linear-gradient(135deg,#00ff881f,#ff006614);transition:opacity .4s;position:absolute;inset:0}.capability-card:hover{box-shadow:0 16px 32px #00d4aa4d,0 0 0 2px var(--neon-pink),0 0 24px #00d4aa66,0 0 40px #ff4d6d33;border-color:var(--neon-pink);transform:translateY(-6px)scale(1.01)}.capability-card:hover:before{opacity:1}.capability-card:hover strong{color:var(--neon-pink);text-shadow:0 0 15px var(--neon-pink);transform:translate(6px)}.capability-card strong{font-family:var(--font-mono);letter-spacing:.35em;text-transform:uppercase;color:var(--neon-green);text-shadow:0 0 8px #00ff8880;font-size:.75rem;font-weight:700;transition:all .3s}.capability-card p{color:var(--foreground);text-shadow:0 0 5px #00ff884d;font-weight:500}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}