@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap";
.hn-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background-color:#0a0b0ce6;border-bottom:1px solid #f5f5f50d;justify-content:center;width:100vw;height:64px;display:flex;position:fixed;top:0;left:0}.hn-navbar:after{content:"";background:linear-gradient(90deg,#0000,#d6ff3f1a,#0000);width:100%;height:1px;position:absolute;bottom:-1px;left:0}.hn-container{justify-content:space-between;align-items:center;width:100%;max-width:1400px;height:100%;padding:0 4%;display:flex}.hn-left{align-items:center;gap:var(--space-16);cursor:pointer;opacity:.8;transition:opacity .3s;display:flex}.hn-left:hover{opacity:1}.hn-logo-wrap{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.hn-logo-wrap svg{fill:currentColor;width:100%;height:100%}.hn-brand{font-family:var(--font-display);letter-spacing:.2em;color:var(--color-text-primary);font-size:1.1rem;font-weight:700}.hn-center{align-items:center;gap:var(--space-32);display:flex}.hn-nav-item{font-family:var(--font-mono);letter-spacing:.15em;color:#f5f5f580;cursor:pointer;padding:var(--space-8) 0;background:0 0;border:none;font-size:.65rem;transition:color .3s;position:relative}.hn-nav-item:hover{color:#f5f5f5e6}.hn-nav-item.is-active{color:var(--color-accent-base)}.hn-nav-item.is-active:after{content:"";background:var(--color-accent-base);width:4px;height:4px;box-shadow:0 0 8px var(--color-accent-base);border-radius:50%;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.hn-right{align-items:center;gap:var(--space-24);display:flex}.hn-join-btn{color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:.15em;cursor:pointer;background:0 0;border:1px solid #f5f5f533;padding:8px 16px;font-size:.65rem;transition:all .3s}.hn-join-btn:hover{border-color:var(--color-accent-base);color:var(--color-accent-base)}.hn-status{align-items:center;gap:var(--space-8);font-family:var(--font-mono);letter-spacing:.15em;color:#f5f5f566;font-size:.55rem;display:flex}.hn-status-dot{background:var(--color-accent-base);border-radius:50%;width:4px;height:4px;animation:2s infinite pulseDot}.desktop-only{display:flex}.mobile-only{display:none}.hn-mobile-right{align-items:center;gap:var(--space-16)}.hn-menu-btn{color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:.15em;cursor:pointer;background:0 0;border:none;font-size:.65rem}.hn-mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9998;opacity:0;pointer-events:none;background:#0a0b0cf2;flex-direction:column;width:100vw;height:calc(100vh - 64px);transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:64px;left:0;transform:translateY(-100%)}.hn-mobile-menu.is-open{opacity:1;pointer-events:all;transform:translateY(0)}.hn-mm-container{padding:var(--space-48) 4%;gap:var(--space-24);flex-direction:column;display:flex}.hn-mm-item{text-align:left;font-family:var(--font-display);letter-spacing:.1em;color:#f5f5f580;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .3s}.hn-mm-item.is-active{color:var(--color-accent-base)}.hn-mm-item.highlight{color:var(--color-text-primary)}.hn-mm-divider{width:100%;height:1px;margin:var(--space-16) 0;background:#f5f5f51a}@media (max-width:900px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}:root{--color-bg-base:#0a0a0a;--color-bg-panel:#171a1e;--color-bg-elevated:#1e2227;--color-border:#2c313a;--color-accent-base:#d6ff3f;--color-accent-high:#e5ff7f;--color-accent-dim:#7c9922;--color-secondary-base:#707a8c;--color-secondary-high:#949eaf;--color-text-primary:#f5f5f5;--color-text-secondary:#a6aebc;--glow-accent:#d6ff3f26;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"IBM Plex Mono", monospace;--space-4:4px;--space-8:8px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--space-96:96px;--grid-gap:var(--space-24);--content-max-width:1400px;--radius-system:0px;--border-system:1px solid var(--color-border);--transition-base:.3s ease;--transition-reveal:1.2s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.8s cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-body);background-image:linear-gradient(#2c313a4d 1px,#0000 1px),linear-gradient(90deg,#2c313a4d 1px,#0000 1px);background-position:top;background-size:40px 40px;min-height:100vh;font-weight:400;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600;line-height:1.1}.main-content{max-width:var(--content-max-width);padding:0 var(--space-24);gap:var(--space-96);padding-bottom:var(--space-96);flex-direction:column;margin:0 auto;display:flex}.section-wrapper{opacity:0;width:100%;min-height:50vh;transition:opacity var(--transition-reveal), transform var(--transition-reveal);flex-direction:column;justify-content:center;display:flex;position:relative;transform:translateY(30px)}.section-wrapper.is-visible{opacity:1;transform:translateY(0)}.system-header{z-index:100;padding:var(--space-24) 4%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0a0a0ad9;border-bottom:1px solid #2c313a80;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.system-header .logo{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:.05em;text-transform:uppercase;font-size:1.25rem;font-weight:700}.system-panel{border:var(--border-system);padding:var(--space-24);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#171a1e99;position:relative}.status-window{border:1px solid var(--color-border);padding:var(--space-24);gap:var(--space-16);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#1e2227d9;flex-direction:column;display:flex;box-shadow:0 10px 40px #000c}.system-label{font-family:var(--font-mono);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.status-indicator{align-items:center;gap:var(--space-8);font-family:var(--font-mono);color:var(--color-accent-base);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;display:inline-flex}.status-indicator:before{content:"";background-color:var(--color-accent-base);width:6px;height:6px;box-shadow:0 0 10px var(--glow-accent);animation:2s ease-in-out infinite pulse;display:block}@keyframes pulse{0%{opacity:.5;box-shadow:0 0 4px var(--color-accent-base)}50%{opacity:1;box-shadow:0 0 12px var(--color-accent-base)}to{opacity:.5;box-shadow:0 0 4px var(--color-accent-base)}}.btn-primary{color:var(--color-accent-base);border:1px solid var(--color-accent-base);padding:12px var(--space-24);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-base);background-color:#d6ff3f0d;font-size:.9rem;font-weight:500;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#d6ff3f33,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{box-shadow:0 0 20px var(--glow-accent);background-color:#d6ff3f26}.btn-secondary{color:var(--color-text-secondary);border:var(--border-system);padding:12px var(--space-24);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-base);background-color:#0000;font-size:.9rem;font-weight:500}.btn-secondary:hover{border-color:var(--color-text-primary);color:var(--color-text-primary);background-color:#ffffff0d}.section-header{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:var(--space-24);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-8);font-size:2.5rem;font-weight:600;display:inline-block}.stat-display{flex-direction:column;display:flex}.stat-display .stat-value{font-family:var(--font-mono);color:var(--color-text-primary);font-size:2.5rem;font-weight:500;line-height:1.1}.progress-container{background-color:var(--color-border);width:100%;height:2px;position:relative;overflow:hidden}.progress-bar{background-color:var(--color-accent-base);width:0%;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.system-divider{background-color:var(--color-border);width:100%;height:1px;margin:var(--space-16) 0;border:none}.module-container{gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.terminal-element{background-color:var(--color-bg-panel);border:var(--border-system);padding:var(--space-24);font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.85rem}.system-header .logo{font-family:var(--font-display);letter-spacing:.1em;color:var(--color-text-primary);font-size:1.25rem;font-weight:700}@keyframes hgCrossTravel{0%{opacity:0;left:-100px}10%{opacity:1}90%{opacity:1}to{opacity:0;left:100vw}}@keyframes hgPulse{0%{opacity:.5}to{opacity:1}}@keyframes hgVertSignal{0%{opacity:0;top:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.hero-identity-mark{margin-bottom:var(--space-8)}.hafnir-logo-svg{width:64px;height:64px;color:var(--color-text-primary);opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) 1.8s forwards logoResolve}.hl-bracket-left{stroke-dasharray:200;stroke-dashoffset:200px;animation:1s cubic-bezier(.16,1,.3,1) 1.9s forwards drawLine}.hl-bracket-right{stroke-dasharray:200;stroke-dashoffset:-200px;animation:1s cubic-bezier(.16,1,.3,1) 1.9s forwards drawLine}.hl-core-polygon{stroke-dasharray:150;stroke-dashoffset:150px;opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) 2.2s forwards drawLine,.4s 2.2s forwards fadeIn}.hl-core-pulse{opacity:0;transform-origin:50%;fill:var(--color-accent-base);animation:.5s cubic-bezier(.16,1,.3,1) 2.5s forwards pulseIn,.5s ease-out 3.5s forwards logoSettle;transform:scale(0)}@keyframes logoResolve{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes fadeIn{to{opacity:1}}@keyframes pulseIn{to{opacity:1;filter:drop-shadow(0 0 12px var(--color-accent-base));transform:scale(1)}}@keyframes logoSettle{to{fill:var(--color-text-primary);filter:drop-shadow(0 0 #0000)}}.boot-overlay{background-color:var(--color-bg-base);z-index:9999;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}.boot-overlay.is-complete{opacity:0;visibility:hidden;pointer-events:none}.boot-terminal{font-family:var(--font-mono);color:var(--color-accent-base);letter-spacing:.1em;text-shadow:0 0 10px var(--glow-accent);font-size:1.25rem}.hero-wrapper{perspective:1200px;background-color:#030805;justify-content:center;align-items:center;width:100vw;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-atmosphere{pointer-events:none;z-index:0;background:radial-gradient(circle at 65% 50%, #d6ff3f0a 0%, #0f231426 30%, #0a0a0acc 70%, var(--color-bg-base) 100%);opacity:0;animation:3s cubic-bezier(.16,1,.3,1) 2s forwards atmosphereInit,12s ease-in-out 5s infinite alternate atmosphereBreathe;position:absolute;inset:-20vw}@keyframes atmosphereInit{0%{opacity:0;filter:blur(30px);transform:scale(.9)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes atmosphereBreathe{0%{opacity:1;transform:scale(1)translate(0)}to{opacity:.85;transform:scale(1.05)translate(-1%,-1%)}}.hero-architecture{pointer-events:none;z-index:0;transform:translate(0, calc(var(--scroll-y,0) * -.4px)) scale(calc(1 + (var(--scroll-y,0) * .0008)));opacity:0;justify-content:center;align-items:center;transition:transform .15s cubic-bezier(.2,.8,.2,1);animation:2s cubic-bezier(.16,1,.3,1) 2.5s forwards architectureInit;display:flex;position:absolute;inset:-10vw}@keyframes architectureInit{0%{opacity:0;filter:brightness(2);transform:scale(.95)}to{opacity:1;filter:brightness();transform:scale(1)}}.network-grid-bg{opacity:0;clip-path:inset(100% 0 0);background-image:linear-gradient(#d6ff3f0d 1px,#0000 1px),linear-gradient(90deg,#d6ff3f0d 1px,#0000 1px);background-position:50%;background-size:80px 80px;animation:3s cubic-bezier(.8,0,.2,1) 2.5s forwards gridSweep;position:absolute;inset:0}@keyframes gridSweep{0%{opacity:0;clip-path:inset(100% 0 0)}50%{opacity:.8;clip-path:inset(0)}to{opacity:.4;clip-path:inset(0)}}.gateway-structure{border:1px solid #707a8c1a;position:absolute;inset:10%;box-shadow:inset 0 0 150px #000000f2}.gateway-structure.distant{border-color:#707a8c0d;transform:translateZ(-200px)scale(.9)}.gateway-pillar-left,.gateway-pillar-right{background:linear-gradient(#0000,#d6ff3f1a,#0000);width:1px;position:absolute;top:0;bottom:0}.gateway-pillar-left{left:15%}.gateway-pillar-right{right:15%}.gateway-structure.foreground{border-color:#707a8c33;transform:translateZ(50px)scale(1.05)}.gateway-top-beam,.gateway-bottom-beam{background:linear-gradient(90deg,#0000,#d6ff3f33,#0000);height:1px;position:absolute;left:-10vw;right:-10vw;box-shadow:0 0 20px #d6ff3f1a}.gateway-top-beam{top:15%}.gateway-bottom-beam{bottom:15%}.ys-container{gap:var(--space-48);grid-template-columns:1fr}.network-identity-console{max-width:100%}.nic-data-grid{grid-template-columns:1fr}.hero-container{z-index:10;width:100%;max-width:var(--content-max-width);gap:var(--space-64);transform:translateY(calc(var(--scroll-y,0) * -.2px));grid-template-columns:1fr;align-items:center;margin:0 auto;padding:0 4%;display:grid;position:relative}@media (min-width:1024px){.ys-container{gap:var(--space-48);grid-template-columns:1fr}.network-identity-console{max-width:100%}.nic-data-grid{grid-template-columns:1fr}.hero-container{grid-template-columns:1fr 1fr}}.hero-content{gap:var(--space-24);flex-direction:column;display:flex}.hero-headline{text-transform:uppercase;color:var(--color-text-primary);letter-spacing:-.03em;margin:0;font-size:clamp(3rem,6vw,5.5rem);font-weight:700;line-height:1.05}.hero-description{color:var(--color-text-secondary);max-width:500px;font-size:clamp(1rem,1.5vw,1.25rem)}.hero-actions{gap:var(--space-16);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.protocol-indicators{gap:var(--space-8);margin-top:var(--space-16);padding:var(--space-16);border-left:2px solid var(--color-accent-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#171a1e66;flex-direction:column;display:flex}.protocol-row{justify-content:space-between;align-items:center;max-width:320px;display:flex}.hero-visual{perspective:1200px;justify-content:center;align-items:center;display:flex;position:relative}.network-console{-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);width:100%;max-width:500px;transform-style:preserve-3d;opacity:0;clip-path:inset(0 50%);background-color:#0a0a0ab3;border:1px solid #2c313a66;flex-direction:column;animation:1.2s cubic-bezier(.16,1,.3,1) 3.2s forwards consoleFrameInit;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #000000e6,inset 0 0 0 1px #ffffff08,0 0 40px #d6ff3f0d}@keyframes consoleFrameInit{0%{opacity:0;clip-path:inset(0 50%);transform:translateY(40px)scale(.98)}50%{opacity:1;clip-path:inset(0);transform:translateY(10px)scale(.99)}to{opacity:1;clip-path:inset(0);transform:translateY(0)scale(1)}}.scanline{pointer-events:none;z-index:50;background:linear-gradient(#0000,#d6ff3f08,#0000);width:100%;height:100%;animation:4s linear infinite scanlineAnim;position:absolute;top:0;left:0}@keyframes scanlineAnim{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.console-section{padding:var(--space-24);border-bottom:1px solid #2c313a66}.console-header,.identity-section,.stats-section,.sys-status-section,.console-footer{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards dataResolve}.console-header{animation-delay:3.6s}.identity-section{animation-delay:3.9s}.stats-section{animation-delay:4.2s}.sys-status-section{animation-delay:4.5s}.console-footer{animation-delay:4.8s}@keyframes dataResolve{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}.console-header{padding:var(--space-16) var(--space-24);border-bottom:1px solid #2c313acc;border-top:2px solid var(--color-accent-base);background-color:#1e222780;justify-content:space-between;align-items:center;display:flex}.console-status{align-items:center;gap:var(--space-8);display:flex}.pulse-dot{background-color:var(--color-accent-base);width:6px;height:6px;box-shadow:0 0 8px var(--glow-accent);animation:2s ease-in-out infinite pulseData}@keyframes pulseData{0%,to{opacity:.5;box-shadow:0 0 4px var(--color-accent-base)}50%{opacity:1;box-shadow:0 0 12px var(--color-accent-base)}}.micro-label{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.1em;margin-bottom:var(--space-8);text-transform:uppercase;font-size:.75rem;display:block}.identity-section{gap:var(--space-8);flex-direction:column;display:flex}.identity-value{font-family:var(--font-mono);color:var(--color-text-primary);letter-spacing:.05em;font-size:1.5rem;font-weight:500}.identity-barcode{background:repeating-linear-gradient(90deg, var(--color-border), var(--color-border) 2px, transparent 2px, transparent 4px);width:120px;height:4px;margin-top:var(--space-8);opacity:.5}.stats-section{gap:var(--space-24);background-color:#171a1e4d;grid-template-columns:1fr 1fr;display:grid}.stat-block{flex-direction:column;display:flex}.macro-value{font-family:var(--font-mono);color:var(--color-text-primary);font-size:1.25rem;font-weight:500}.sys-status-section{gap:var(--space-16);flex-direction:column;display:flex}.sys-row{justify-content:space-between;align-items:center;display:flex}.sys-row .micro-label{margin-bottom:0}.sys-value{font-family:var(--font-mono);color:var(--color-text-primary);font-size:.85rem}.blinking{animation:6s infinite valueUpdate}@keyframes valueUpdate{0%,95%{opacity:1}97%{opacity:.5;color:var(--color-accent-base)}to{opacity:1}}.value-highlight{color:var(--color-accent-base);text-shadow:0 0 10px #d6ff3f4d}.ambient-intelligence-layer{pointer-events:none;z-index:2;opacity:0;animation:2s cubic-bezier(.16,1,.3,1) 2.9s forwards intelligenceInit;position:absolute;inset:0}@keyframes intelligenceInit{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur()}}.particle-canvas{width:100%;height:100%;position:absolute;inset:0}.ai-core-visual{opacity:.2;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:absolute;top:35%;left:20%}.ai-ring{border:1px solid var(--color-border);border-radius:50%;position:absolute}.ai-ring.outer{border-style:dashed;width:160px;height:160px;animation:30s linear infinite slowSpin}.ai-ring.middle{border-color:#a6aebc33;width:100px;height:100px;animation:20s linear infinite slowSpinReverse}.ai-node{animation:4s ease-in-out infinite slowPulse;position:absolute}.ai-pulse{animation:3s ease-in-out infinite pulseData}@keyframes slowSpin{0%{transform:rotateX(60deg)rotate(0)}to{transform:rotateX(60deg)rotate(360deg)}}@keyframes slowSpinReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes slowPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hafnir-glyph{color:var(--color-text-secondary);opacity:.6;margin-right:var(--space-8);vertical-align:middle}.glyph-active{color:var(--color-accent-base);opacity:1}.console-footer{padding:var(--space-24);background-color:#1e222733}.console-btn{text-align:center;width:100%}.ai-activation-light{opacity:0;z-index:100;background:linear-gradient(90deg,#0000 0%,#f5f5f51a 30%,#d6ff3f99 50%,#f5f5f51a 70%,#0000 100%) 0 0/200% 100%;width:100vw;height:2px;animation:4s cubic-bezier(.16,1,.3,1) 2.2s forwards aiLightBoot,8s linear 2.2s infinite aiLightSweep;position:absolute;bottom:0;left:0}@keyframes aiLightBoot{0%{opacity:0;filter:brightness();transform:scaleY(1);box-shadow:0 0 #d6ff3f00}25%{opacity:1;filter:brightness(1.5);transform:scaleY(1.5);box-shadow:0 -40px 100px #d6ff3f26}70%{opacity:1;filter:brightness(1.2);transform:scaleY(1.5);box-shadow:0 -40px 100px #d6ff3f26}to{opacity:.25;filter:brightness();transform:scaleY(1);box-shadow:0 -10px 30px #d6ff3f0d}}@keyframes aiLightSweep{0%{background-position:200% 0}to{background-position:-200% 0}}.overview-section{background-color:#090a0b;border-top:1px solid #f5f5f50d;align-items:center;width:100vw;max-width:100vw;min-height:100svh;display:flex;position:relative;overflow:hidden}.overview-container{z-index:10;max-width:var(--content-max-width);padding:var(--space-48) var(--space-24);gap:var(--space-48);grid-template-columns:1fr 1fr;align-items:center;width:100%;margin:0 auto;display:grid;position:relative}.overview-headline{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text-primary);margin:var(--space-24) 0;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1}.overview-ambient-bg{pointer-events:none;z-index:0;background:radial-gradient(circle at 60%,#282c3066 0%,#121314 60%);width:100vw;position:absolute;inset:0}.overview-grid{opacity:.8;background-image:linear-gradient(#b4bec805 1px,#0000 1px),linear-gradient(90deg,#b4bec805 1px,#0000 1px);background-position:50%;background-size:100px 100px;width:100vw;position:absolute;inset:0;transform:perspective(1200px)rotateX(75deg)translateY(-300px)translateZ(-300px)}.overview-statement{margin-top:var(--space-32);gap:var(--space-24);flex-direction:column;display:flex}.overview-statement p{color:var(--color-text-secondary);margin:0;font-size:1.125rem;line-height:1.6}.sys-status-row{align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);background:#d6ff3f08;border:1px solid #d6ff3f26;width:fit-content;display:flex}.lime-text{color:var(--color-accent-base)!important}.overview-visual{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.hafnir-layered-architecture{perspective:1500px;width:100%;height:500px;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative}.hla-layer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:250px;height:250px;transform-style:preserve-3d;background:#14161899;border:1px solid #c8d2dc26;justify-content:center;align-items:center;animation:10s ease-in-out infinite alternate layerDrift;display:flex;position:absolute}.hla-layer-5{opacity:.1;animation-delay:0s;transform:rotateX(60deg)rotate(-45deg)translateZ(-160px)}.hla-layer-4{opacity:.3;animation-delay:1s;transform:rotateX(60deg)rotate(-45deg)translateZ(-80px)}.hla-layer-3{opacity:.6;animation-delay:2s;transform:rotateX(60deg)rotate(-45deg)translateZ(0)}.hla-layer-2{opacity:.9;animation-delay:3s;transform:rotateX(60deg)rotate(-45deg)translateZ(80px)}.hla-layer-1{opacity:1;background:#d6ff3f08;border-color:#d6ff3f66;animation-delay:4s;transform:rotateX(60deg)rotate(-45deg)translateZ(160px)}@keyframes layerDrift{0%{margin-top:0}to{margin-top:-15px}}.hla-layer-label{font-family:var(--font-mono);color:var(--color-text-secondary);transform-origin:0 100%;letter-spacing:.05em;white-space:nowrap;font-size:.75rem;position:absolute;bottom:-30px;right:-30px;transform:rotate(45deg)rotateX(-60deg)}.active-label{color:var(--color-accent-base)}.hla-data-spine{background:#c8d2dc26;width:1px;position:absolute;top:50px;bottom:50px;left:50%;transform:translate(-50%)translateZ(0)}.hla-spine-traveler{background:var(--color-accent-base);width:5px;height:60px;box-shadow:0 0 15px var(--color-accent-base);animation:6s linear infinite dataSpineTravel;position:absolute;top:0;left:-2px}@keyframes dataSpineTravel{0%{opacity:0;transform:translateY(-50px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(450px)}}.hla-core-pulse{border:1px dashed var(--color-accent-base);border-radius:50%;width:40px;height:40px;animation:10s linear infinite coreSpinPulse}@keyframes coreSpinPulse{0%{filter:brightness();transform:rotate(0)scale(1)}50%{filter:brightness(1.5);transform:rotate(180deg)scale(1.1)}to{filter:brightness();transform:rotate(360deg)scale(1)}}.the-system-section{background-color:#06020a;border-top:1px solid #f5f5f50d;align-items:center;width:100vw;max-width:100vw;min-height:100svh;display:flex;position:relative;overflow:hidden}.ts-ambient-bg{pointer-events:none;z-index:0;background:radial-gradient(circle at 40% 60%,#141618cc 0%,#030405 70%);width:100vw;position:absolute;inset:0}.ts-architecture-lines{opacity:.8;background-image:linear-gradient(#b4bec805 1px,#0000 1px),linear-gradient(90deg,#b4bec805 1px,#0000 1px);background-position:50%;background-size:100px 100px;width:100vw;position:absolute;inset:0;transform:perspective(1200px)rotateX(75deg)translateY(-300px)translateZ(-300px)}.ts-headline{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text-primary);margin:var(--space-24) 0;font-size:clamp(2rem,4vw,3.25rem);font-weight:700;line-height:1.1}.ts-statement{margin-top:var(--space-32);gap:var(--space-24);flex-direction:column;display:flex}.ts-statement p{color:var(--color-text-secondary);margin:0;font-size:1.125rem;line-height:1.6}.ts-visual{width:100%;padding:var(--space-48) 0;justify-content:center;display:flex;position:relative}.system-progression-loop{width:100%;max-width:600px;padding:var(--space-48) 0;position:relative}.spl-module-grid{background-image:linear-gradient(#f5f5f505 1px,#0000 1px),linear-gradient(90deg,#f5f5f505 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 80%);mask-image:radial-gradient(circle,#000 0%,#0000 80%)}.spl-spine{background:#f5f5f50d;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.spl-spine-signal{background:var(--color-accent-base);width:4px;height:100px;box-shadow:0 0 15px var(--color-accent-base);animation:16s linear infinite spineTravel;position:absolute;top:0;left:-1px}@keyframes spineTravel{0%{opacity:0;transform:translateY(-100px)}5%{opacity:1}95%{opacity:1}to{opacity:0;transform:translateY(800px)}}.spl-stages-wrapper{gap:var(--space-48);z-index:2;flex-direction:column;display:flex;position:relative}.spl-stage-block{align-items:center;width:50%;display:flex;position:relative}.spl-stage-block.align-left{justify-content:flex-end;padding-right:40px;left:0}.spl-stage-block.align-right{justify-content:flex-start;padding-left:40px;left:50%}.spl-connector{background:#f5f5f50d;width:40px;height:2px;position:absolute;top:50%}.align-left .spl-connector{right:0}.align-right .spl-connector{left:0}.spl-connector-signal{background:var(--color-accent-base);width:0%;height:2px;position:absolute;top:0}.spl-stage-architecture{padding:var(--space-16) var(--space-24);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141618cc;border:1px solid #f5f5f51a;width:220px;position:relative;overflow:hidden}.spl-stage-grid-pulse{opacity:0;background:#d6ff3f0d;position:absolute;inset:0}.spl-stage-content{z-index:2;gap:var(--space-8);flex-direction:column;display:flex;position:relative}.spl-stage-header{justify-content:space-between;align-items:center;display:flex}.spl-stage-id{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.7rem}.spl-stage-indicator{background:#f5f5f533;border-radius:50%;width:6px;height:6px}.spl-stage-label{font-family:var(--font-display);letter-spacing:.05em;color:var(--color-text-primary);font-size:1.125rem;font-weight:700}.spl-stage-meta{font-family:var(--font-mono);color:var(--color-accent-base);opacity:0;font-size:.65rem}.spl-stage-0 .spl-connector-signal{animation:16s linear .5s infinite connectorFireLeft}.spl-stage-0 .spl-stage-grid-pulse{animation:16s linear 1s infinite stagePulse}.spl-stage-0 .spl-stage-indicator{animation:16s linear 1s infinite indicatorFire}.spl-stage-0 .spl-stage-meta{animation:16s linear 1s infinite metaFire}.spl-stage-1 .spl-connector-signal{animation:16s linear 2.5s infinite connectorFireRight}.spl-stage-1 .spl-stage-grid-pulse{animation:16s linear 3s infinite stagePulse}.spl-stage-1 .spl-stage-indicator{animation:16s linear 3s infinite indicatorFire}.spl-stage-1 .spl-stage-meta{animation:16s linear 3s infinite metaFire}.spl-stage-2 .spl-connector-signal{animation:16s linear 4.5s infinite connectorFireLeft}.spl-stage-2 .spl-stage-grid-pulse{animation:16s linear 5s infinite stagePulse}.spl-stage-2 .spl-stage-indicator{animation:16s linear 5s infinite indicatorFire}.spl-stage-2 .spl-stage-meta{animation:16s linear 5s infinite metaFire}.spl-stage-3 .spl-connector-signal{animation:16s linear 6.5s infinite connectorFireRight}.spl-stage-3 .spl-stage-grid-pulse{animation:16s linear 7s infinite stagePulse}.spl-stage-3 .spl-stage-indicator{animation:16s linear 7s infinite indicatorFire}.spl-stage-3 .spl-stage-meta{animation:16s linear 7s infinite metaFire}.spl-stage-4 .spl-connector-signal{animation:16s linear 8.5s infinite connectorFireLeft}.spl-stage-4 .spl-stage-grid-pulse{animation:16s linear 9s infinite stagePulse}.spl-stage-4 .spl-stage-indicator{animation:16s linear 9s infinite indicatorFire}.spl-stage-4 .spl-stage-meta{animation:16s linear 9s infinite metaFire}.spl-stage-5 .spl-connector-signal{animation:16s linear 10.5s infinite connectorFireRight}.spl-stage-5 .spl-stage-grid-pulse{animation:16s linear 11s infinite stagePulse}.spl-stage-5 .spl-stage-indicator{animation:16s linear 11s infinite indicatorFire}.spl-stage-5 .spl-stage-meta{animation:16s linear 11s infinite metaFire}.spl-stage-6 .spl-connector-signal{animation:16s linear 12.5s infinite connectorFireLeft}.spl-stage-6 .spl-stage-grid-pulse{animation:16s linear 13s infinite stagePulse}.spl-stage-6 .spl-stage-indicator{animation:16s linear 13s infinite indicatorFire}.spl-stage-6 .spl-stage-meta{animation:16s linear 13s infinite metaFire}.spl-stage-7 .spl-connector-signal{animation:16s linear 14.5s infinite connectorFireRight}.spl-stage-7 .spl-stage-grid-pulse{animation:16s linear 15s infinite stagePulse}.spl-stage-7 .spl-stage-indicator{animation:16s linear 15s infinite indicatorFire}.spl-stage-7 .spl-stage-meta{animation:16s linear 15s infinite metaFire}@keyframes connectorFireRight{0%,to{opacity:0;width:0%;left:0;right:auto}1%{opacity:1;width:100%;left:0;right:auto}5%{opacity:0;width:0%;left:100%;right:auto}}@keyframes connectorFireLeft{0%,to{opacity:0;width:0%;left:auto;right:0}1%{opacity:1;width:100%;left:auto;right:0}5%{opacity:0;width:0%;left:auto;right:100%}}@keyframes stagePulse{0%,to{opacity:0}5%{opacity:1}25%{opacity:0}}@keyframes indicatorFire{0%,to{box-shadow:none;background:#f5f5f533}5%,25%{background:var(--color-accent-base);box-shadow:0 0 10px var(--color-accent-base)}}@keyframes metaFire{0%,to{opacity:0;transform:translate(-5px)}5%,25%{opacity:1;transform:translate(0)}}.your-status-section{background-color:#0a0202;border-top:1px solid #f5f5f50d;align-items:center;width:100vw;max-width:100vw;min-height:100svh;display:flex;position:relative;overflow:hidden}.ys-ambient-bg{pointer-events:none;z-index:0;background:radial-gradient(circle at 70%,#14161899 0%,#050607 60%);width:100vw;position:absolute;inset:0}.ys-depth-field{opacity:.15;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ys-architectural-ring{border:1px dashed #f5f5f580;border-radius:50%;width:800px;height:800px;animation:60s linear infinite slowSpin;transform:rotateX(60deg)}.ys-visual{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.network-identity-console{width:100%;max-width:550px;margin-top:var(--space-48);position:relative}.nic-grid-connectors{height:100px;position:absolute;top:-100px;left:0;right:0}.nic-power-line{background:#f5f5f51a;width:1px;position:absolute;top:0;bottom:0}.nic-power-line.left{left:20%}.nic-power-line.right{right:20%}.nic-power-signal{background:var(--color-accent-base);width:1px;height:40px;box-shadow:0 0 10px var(--color-accent-base);opacity:0;position:absolute;top:-20px;left:20%}.nic-power-signal.fire-signal{animation:.8s ease-out forwards gridSignalFire}@keyframes gridSignalFire{0%{opacity:0;transform:translateY(0)}10%{opacity:1}to{opacity:0;transform:translateY(120px)}}.nic-chassis{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0e10e6;border:1px solid #f5f5f526;padding:2px;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.nic-init-overlay{z-index:10;justify-content:center;align-items:center;gap:var(--space-24);background:#0a0a0af2;flex-direction:column;display:flex;position:absolute;inset:0}.nic-init-text{font-family:var(--font-mono);color:var(--color-accent-base);text-shadow:0 0 8px #d6ff3f66;align-items:center;gap:var(--space-12);letter-spacing:.05em;font-size:.85rem;display:flex}.nic-init-bar{background:#f5f5f51a;width:200px;height:2px}.nic-init-progress{background:var(--color-accent-base);height:100%;box-shadow:0 0 10px var(--color-accent-base);transition:width .3s ease-out}.nic-interface{opacity:0;background:#14161880;flex-direction:column;transition:opacity .5s,transform .5s;display:flex;position:relative;transform:translateY(10px)}.network-identity-console.is-stable .nic-interface{opacity:1;transform:translateY(0)}.nic-header{padding:var(--space-16) var(--space-24);background:#f5f5f505;border-bottom:1px solid #f5f5f51a;justify-content:space-between;align-items:center;display:flex}.nic-id{font-family:var(--font-display);letter-spacing:.05em;color:var(--color-text-primary);margin-top:var(--space-4);font-size:1.25rem;font-weight:700}.nic-body{padding:var(--space-24);gap:var(--space-32);flex-direction:column;display:flex}.nic-layer-title{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.1em;margin-bottom:var(--space-16);padding-bottom:var(--space-8);border-bottom:1px dashed #f5f5f51a;font-size:.65rem}.nic-data-grid{gap:var(--space-16);grid-template-columns:repeat(3,1fr);display:grid}.nic-data-item{gap:var(--space-4);flex-direction:column;display:flex}.nic-label{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.75rem}.nic-value{font-family:var(--font-display);color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.nic-value.pending{color:orange}.nic-progression-main{align-items:center;gap:var(--space-32);display:flex}.nic-level-block{background:#f5f5f505;border:1px solid #f5f5f526;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.nic-level-label{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.65rem}.nic-level-value{font-family:var(--font-display);color:var(--color-text-primary);font-size:2rem;font-weight:700;line-height:1}.nic-xp-block{gap:var(--space-8);flex-direction:column;flex-grow:1;display:flex}.nic-xp-header{justify-content:space-between;display:flex}.nic-xp-bar-container{background:#f5f5f51a;border-radius:2px;width:100%;height:4px;overflow:hidden}.nic-xp-bar-fill{background:var(--color-accent-base);width:15%;height:100%;box-shadow:0 0 8px var(--color-accent-base)}.nic-footer{padding:var(--space-12) var(--space-24);background:#0a0a0a80;border-top:1px solid #f5f5f51a;justify-content:space-between;align-items:center;display:flex}.nic-signal-blips{gap:4px;display:flex}.nic-blip{background:#f5f5f533;width:4px;height:4px}.nic-blip.active{background:var(--color-accent-base);animation:1s infinite blink}.nic-sys-stamp{font-family:var(--font-mono);color:#f5f5f54d;font-size:.6rem}.hafnir-gate-section{background-color:#030405;border-top:1px solid #f5f5f50d;align-items:center;width:100vw;max-width:100vw;min-height:100svh;display:flex;position:relative;overflow:hidden}.hg-ambient-bg{pointer-events:none;z-index:0;width:100vw;position:absolute;inset:0}.hg-depth-environment{background:radial-gradient(circle,#d6ff3f08 0%,#030405 70%);position:absolute;inset:0}.hg-cross-axis-line{z-index:0;background:#f5f5f50d;height:1px;position:absolute;left:0;right:0}.hg-cross-axis-line.top-line{top:25%}.hg-cross-axis-line.bottom-line{top:75%}.hg-cross-signal{background:var(--color-accent-base);width:100px;height:2px;box-shadow:0 0 10px var(--color-accent-base);animation:8s linear infinite hgCrossTravel;position:absolute;top:74.9%;left:-100px}.hg-content{z-index:10;padding-right:var(--space-32);flex-direction:column;display:flex;position:relative}.hg-content-header{margin-bottom:var(--space-48);display:flex}.hg-sys-badge{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.25em;text-transform:uppercase;border-left:2px solid var(--color-accent-base);background:#f5f5f50d;padding:4px 12px;font-size:.75rem}.hg-headline{margin-top:calc(var(--space-16) * -1);margin-bottom:var(--space-48)}.hg-statement{max-width:480px;font-family:var(--font-sans);color:#f5f5f5d9;margin-bottom:var(--space-64);font-size:1.05rem;line-height:1.7}.hg-progression-flow{gap:var(--space-24);margin-bottom:var(--space-64);background:0 0;flex-direction:column;max-width:450px;display:flex}.hg-pf-label{font-family:var(--font-mono);color:#8faf32;letter-spacing:.15em;text-transform:uppercase;font-size:.7rem}.hg-pf-track{justify-content:space-between;align-items:center;padding:0 4px;display:flex;position:relative}.hg-pf-line{z-index:0;background:#f5f5f51a;height:1px;position:absolute;top:5px;left:0;right:0}.hg-pf-step{align-items:center;gap:var(--space-12);z-index:1;background:#030405;flex-direction:column;padding:0 8px;display:flex;position:relative}.hg-pf-node{background:#111;border:1px solid #f5f5f54d;border-radius:50%;width:10px;height:10px}.hg-pf-node.lime{background:var(--color-accent-base);border-color:var(--color-accent-base);box-shadow:0 0 10px var(--color-accent-base)}.hg-pf-text{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.1em;text-transform:uppercase;font-size:.65rem}.hg-founding-designation{gap:var(--space-16);margin-bottom:var(--space-64);flex-direction:column;display:flex}.hg-fd-header{align-items:center;gap:var(--space-12);display:flex}.hg-fd-indicator{background:var(--color-accent-base);width:8px;height:8px}.hg-fd-title{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-primary);font-size:.8rem;font-weight:600}.hg-fd-benefits{gap:var(--space-24);display:flex}.hg-fd-benefit{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.05em;align-items:center;gap:8px;font-size:.75rem;display:flex}.hg-fd-bullet{background:#8faf32;border-radius:50%;width:4px;height:4px}.hg-cta{align-items:center;gap:var(--space-32);margin-top:var(--space-32);display:flex}.hg-cta-secondary{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.1em;cursor:pointer;text-transform:uppercase;font-size:.75rem;transition:color .3s}.hg-cta-secondary:hover{color:var(--color-text-primary)}.hg-visual{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.hafnir-gate-architecture{perspective:1500px;justify-content:center;align-items:center;width:100%;max-width:600px;height:700px;display:flex;position:relative}.hg-gate-frame{background:#0a0a0a66;border:1px solid #f5f5f51a;position:absolute}.hg-gate-frame.outer{width:90%;height:100%;transform:translateZ(-100px);box-shadow:inset 0 0 60px #000c}.hg-gate-frame.inner{border:1px dashed #f5f5f533;width:50%;height:70%;transform:translateZ(-50px)}.hg-arch-core-light{filter:blur(20px);background:linear-gradient(#d6ff3f0d 0%,#0000 100%);animation:6s infinite alternate hgPulse;position:absolute;inset:0}.hg-beam{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0ae6;border:1px solid #f5f5f526;position:absolute;box-shadow:inset 0 0 20px #000000e6,0 20px 40px #00000080}.hg-beam-inner{border:1px dashed #f5f5f50d;position:absolute;inset:6px}.hg-system-text{font-family:var(--font-mono);color:#f5f5f54d;letter-spacing:.2em;white-space:nowrap;font-size:.6rem;position:absolute;bottom:20px;left:50%;transform:translate(-50%)rotate(-90deg)}.hg-beam-left{width:80px;top:-5%;bottom:-5%;left:5%;transform:translateZ(80px)}.hg-beam-right{width:80px;top:-5%;bottom:-5%;right:5%;transform:translateZ(80px)}.hg-beam-top{height:60px;top:5%;left:-5%;right:-5%;transform:translateZ(120px)}.hg-arch-node{background:#000;border:1px solid #f5f5f533;width:80px;height:60px;position:absolute;top:5%;transform:translateZ(130px)}.left-node{left:5%}.right-node{right:5%}.hg-internal-light{filter:blur(40px);z-index:-1;background:radial-gradient(circle,#d6ff3f1a 0%,#0000 60%);animation:8s infinite alternate hgPulse;position:absolute;inset:30%}.hg-quest-pathway{z-index:10;justify-content:center;gap:var(--space-48);flex-direction:column;display:flex;position:absolute;inset:0}.hg-quest-module{padding:var(--space-24);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1114f2;border:1px solid #f5f5f526;border-radius:4px;width:70%;position:relative;box-shadow:0 10px 40px #000c}.module-left{align-self:flex-start;transform:translateZ(100px)translate(-20px)}.module-right{align-self:flex-end;transform:translateZ(50px)translate(20px)}.hg-hardware-connector{z-index:-1;background:#f5f5f533;width:100px;height:1px;position:absolute;top:50%}.left-connect{left:100%}.right-connect{right:100%}.hg-quest-header{gap:var(--space-12);font-family:var(--font-mono);padding-bottom:var(--space-12);margin-bottom:var(--space-24);letter-spacing:.05em;border-bottom:1px dashed #f5f5f51a;font-size:.75rem;display:flex}.hg-quest-id{color:#8faf32}.hg-quest-name{color:var(--color-text-primary);letter-spacing:.1em;font-weight:500}.hg-quest-steps{padding:0 var(--space-8);justify-content:space-between;align-items:center;display:flex;position:relative}.hg-quest-steps:before{content:"";z-index:0;background:#f5f5f51a;height:1px;position:absolute;top:50%;left:20px;right:20px}.hg-q-step{z-index:1;align-items:center;gap:var(--space-12);background:#0f1114;flex-direction:column;padding:0 12px;display:flex;position:relative}.hg-q-dot{background:#f5f5f533;border-radius:50%;width:8px;height:8px}.hg-q-dot.lime{background:var(--color-accent-base);box-shadow:0 0 10px var(--color-accent-base);animation:2s infinite blink}.hg-q-label{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.1em;font-size:.65rem;line-height:1.2}.hg-q-label.usdc{color:#8faf32;margin-top:var(--space-4);font-weight:600}.hg-central-data-path{background:#f5f5f50d;width:2px;position:absolute;top:10%;bottom:10%;left:50%;transform:translate(-50%)translateZ(-20px)}.hg-cdp-signal{background:var(--color-accent-base);width:4px;height:60px;box-shadow:0 0 15px var(--color-accent-base);animation:5s linear infinite hgVertSignal;position:absolute;top:0;left:-1px}.hafnir-progression-section{background-color:#0a0501;border-top:1px solid #f5f5f50d;flex-direction:column;justify-content:center;width:100vw;max-width:100vw;min-height:100svh;padding:120px 0;display:flex;position:relative;overflow:hidden}.tp-ambient-bg{pointer-events:none;z-index:0;width:100vw;position:absolute;inset:0}.tp-depth-environment{background:radial-gradient(circle at 50% 100%, #8faf320d 0%, #171a1e80 40%, var(--color-bg-base) 80%);position:absolute;inset:0}.tp-volumetric-depth{z-index:1;background:linear-gradient(#0a0a0ae6 0%,#0000 20% 80%,#0a0a0ae6 100%);position:absolute;inset:0}.tp-container{z-index:10;flex-direction:column;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 4%;display:flex;position:relative}.tp-content-header{text-align:center;margin-bottom:var(--space-96);flex-direction:column;align-items:center;display:flex}.tp-sys-badge{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.25em;text-transform:uppercase;width:fit-content;margin-bottom:var(--space-32);background:#f5f5f505;border:1px solid #f5f5f50d;padding:4px 12px;font-size:.75rem}.tp-headline{color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:var(--space-24);font-size:clamp(2.5rem,5vw,4rem);line-height:1.1}.tp-statement{max-width:600px;font-family:var(--font-sans);color:#f5f5f5b3;font-size:1.1rem;line-height:1.7}.tp-visual-map{width:100%;margin-top:var(--space-48);justify-content:center;display:flex;position:relative}.tp-architecture{flex-direction:column;width:100%;max-width:1200px;display:flex;position:relative}.tp-signal-rail{z-index:1;background:linear-gradient(90deg,#0000 0%,#f5f5f51a 10% 90%,#0000 100%);height:2px;position:absolute;top:40px;left:0;right:0}.tp-signal-traveler{background:var(--color-accent-base);width:150px;height:4px;box-shadow:0 0 20px var(--color-accent-base);animation:12s linear infinite tpTravelHoriz;position:absolute;top:-1px;left:0}@keyframes tpTravelHoriz{0%{opacity:0;left:-150px}5%{opacity:1}90%{opacity:1}to{opacity:0;left:100%}}.tp-stages{z-index:2;justify-content:space-between;align-items:flex-start;width:100%;display:flex;position:relative}.tp-stage{text-align:center;flex-direction:column;align-items:center;width:18%;display:flex;position:relative}.tp-stage-node{width:80px;height:80px;margin-bottom:var(--space-24);justify-content:center;align-items:center;display:flex;position:relative}.tp-node-core{z-index:2;background:#000;border:2px solid #f5f5f533;border-radius:50%;width:12px;height:12px;transition:all .3s}.tp-node-ring{z-index:1;border:1px dashed #f5f5f51a;border-radius:50%;transition:all .3s;position:absolute;inset:20px}.tp-stage-data{align-items:center;gap:var(--space-8);opacity:.5;flex-direction:column;transition:all .3s;display:flex}.tp-sd-title{font-family:var(--font-display);letter-spacing:.15em;color:var(--color-text-primary);font-size:1.2rem;font-weight:700}.tp-sd-subtitle{font-family:var(--font-mono);color:#8faf32;letter-spacing:.1em;text-transform:uppercase;font-size:.65rem}.tp-stage-xp .tp-node-core{animation:12s linear 1s infinite tpHCore}.tp-stage-xp .tp-node-ring{animation:12s linear 1s infinite tphRing}.tp-stage-xp .tp-stage-data{animation:12s linear 1s infinite tphData}.tp-stage-level .tp-node-core{animation:12s linear 3s infinite tpHCore}.tp-stage-level .tp-node-ring{animation:12s linear 3s infinite tphRing}.tp-stage-level .tp-stage-data{animation:12s linear 3s infinite tphData}.tp-stage-rank .tp-node-core{animation:12s linear 5s infinite tpHCore}.tp-stage-rank .tp-node-ring{animation:12s linear 5s infinite tphRing}.tp-stage-rank .tp-stage-data{animation:12s linear 5s infinite tphData}.tp-stage-title .tp-node-core{animation:12s linear 7s infinite tpHCore}.tp-stage-title .tp-node-ring{animation:12s linear 7s infinite tphRing}.tp-stage-title .tp-stage-data{animation:12s linear 7s infinite tphData}.tp-stage-status .tp-node-core{animation:12s linear 9s infinite tpHCore}.tp-stage-status .tp-node-ring{animation:12s linear 9s infinite tphRing}.tp-stage-status .tp-status-destination{animation:12s linear 9s infinite tphFragment}@keyframes tpHCore{0%,to{box-shadow:none;background:#000;border-color:#f5f5f533}5%,15%{background:var(--color-accent-base);border-color:var(--color-accent-base);box-shadow:0 0 20px var(--color-accent-base)}}@keyframes tphRing{0%,to{border-color:#f5f5f51a;transform:scale(1)}5%,15%{border-color:#d6ff3f4d;transform:scale(1.2)}}@keyframes tphData{0%,to{opacity:.5;transform:translateY(0)}5%,15%{opacity:1;transform:translateY(-5px)}}@keyframes tphFragment{0%,to{border-color:#f5f5f51a;transform:translateY(0);box-shadow:0 20px 40px #00000080}5%,15%{border-color:var(--color-accent-base);transform:translateY(-5px);box-shadow:0 0 40px #d6ff3f33}}.tp-title-progression{align-items:center;gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-12);border-top:1px dashed #f5f5f51a;flex-direction:column;display:flex}.tp-title-rank{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.1em;font-size:.65rem}.tp-title-rank.lime-text{color:var(--color-accent-base);font-weight:600}.tp-title-arrow{color:#f5f5f51a;font-size:.6rem;transform:rotate(90deg)}.tp-stage-status{width:28%}.tp-status-destination{padding:var(--space-16) var(--space-24);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:left;background:#0c0e10f2;border:1px solid #f5f5f51a;width:100%;transition:all .3s;position:relative;box-shadow:0 20px 40px #00000080}.tp-sf-header{padding-bottom:var(--space-12);margin-bottom:var(--space-16);border-bottom:1px dashed #f5f5f51a;justify-content:space-between;align-items:center;display:flex}.tp-sf-id{font-family:var(--font-mono);color:#8faf32;letter-spacing:.15em;font-size:.6rem}.tp-sf-dot{background:var(--color-accent-base);border-radius:50%;width:6px;height:6px;animation:2s infinite blink}.tp-sf-data{gap:var(--space-8);margin-bottom:var(--space-16);flex-direction:column;display:flex}.tp-sfd-row{justify-content:space-between;align-items:center;display:flex}.tp-sfd-label{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.1em;font-size:.65rem}.tp-sfd-value{font-family:var(--font-mono);color:var(--color-text-primary);letter-spacing:.1em;font-size:.8rem;font-weight:500}.tp-sf-footer{padding-top:var(--space-12);border-top:1px dashed #f5f5f51a;justify-content:space-between;align-items:center;display:flex}.tp-sf-status-label{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.1em;font-size:.65rem}.tp-sf-status-value{font-family:var(--font-mono);color:var(--color-accent-base);letter-spacing:.15em;font-size:.75rem;font-weight:600}@media (max-width:900px){.hafnir-progression-section{padding:80px 0}.tp-headline{font-size:clamp(2rem,8vw,3rem)}.tp-architecture{flex-direction:row;justify-content:center}.tp-signal-rail{background:linear-gradient(#0000 0%,#f5f5f51a 10% 90%,#0000 100%);width:2px;height:100%;inset:0 auto 0 40px}.tp-signal-traveler{width:4px;height:100px;animation:12s linear infinite tpTravelVert;top:0;left:-1px}@keyframes tpTravelVert{0%{opacity:0;top:0%}5%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.tp-stages{align-items:flex-start;gap:var(--space-64);flex-direction:column}.tp-stage{text-align:left;flex-direction:row;align-items:center;width:100%}.tp-stage-node{margin-bottom:0;margin-right:var(--space-24)}.tp-stage-data{align-items:flex-start}.tp-title-progression{padding-top:0;padding-left:var(--space-12);margin-top:0;margin-left:var(--space-12);border-top:none;border-left:1px dashed #f5f5f51a;flex-flow:wrap}.tp-title-arrow{transform:none}.tp-stage-status{width:100%}.tp-status-destination{margin-left:var(--space-24);max-width:280px}}.hafnir-lifeos-section{background-color:#070803;border-top:1px solid #f5f5f50d;flex-direction:column;justify-content:center;width:100vw;max-width:100vw;min-height:100svh;padding:120px 0;display:flex;position:relative;overflow:hidden}.lo-ambient-bg{pointer-events:none;z-index:0;width:100vw;position:absolute;inset:0}.lo-organic-depth{background:radial-gradient(ellipse at 50% 50%, #8faf320f 0%, #171a1eb3 40%, var(--color-bg-base) 100%);animation:8s ease-in-out infinite alternate organicPulse;position:absolute;inset:0}@keyframes organicPulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.lo-grid-overlay{background-image:linear-gradient(#f5f5f505 1px,#0000 1px),linear-gradient(90deg,#f5f5f505 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 80%);mask-image:radial-gradient(circle,#000 20%,#0000 80%)}.lo-container{z-index:10;flex-direction:column;width:100%;max-width:1400px;margin:0 auto;padding:0 4%;display:flex;position:relative}.lo-header{margin-bottom:var(--space-96);z-index:20;max-width:800px;position:relative}.lo-sys-badge{font-family:var(--font-mono);color:#8faf32;letter-spacing:.25em;text-transform:uppercase;margin-bottom:var(--space-32);font-size:.75rem}.lo-headline{color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:var(--space-32);font-size:clamp(3rem,5vw,4.5rem);line-height:1.05}.lo-statement{font-family:var(--font-sans);color:#f5f5f5bf;font-size:1.1rem;line-height:1.7}.lo-ecosystem{gap:var(--space-64);grid-template-columns:200px 1fr 300px;align-items:center;display:grid;position:relative}.lo-loop-system{align-items:center;height:100%;display:flex;position:relative}.lo-loop-nodes{gap:var(--space-16);font-family:var(--font-mono);letter-spacing:.15em;color:#f5f5f580;flex-direction:column;font-size:.75rem;display:flex}.lo-loop-arrow{color:#f5f5f533;width:fit-content;transform:rotate(90deg)}.lo-central-visualization{justify-content:center;align-items:center;min-height:500px;display:flex;position:relative}.lo-organic-rings{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lo-ring{border:1px solid #d6ff3f0d;border-radius:50%;position:absolute}.lo-ring-1{border-top-color:#d6ff3f4d;width:350px;height:350px;animation:20s linear infinite spin}.lo-ring-2{border-right-color:#8faf3233;width:450px;height:450px;animation:30s linear infinite spinReverse}.lo-ring-3{border-style:dashed;border-bottom-color:#f5f5f51a;width:550px;height:550px;animation:40s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}.lo-interface-window{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;max-width:480px;padding:var(--space-32);background:#0a0b0cd9;border:1px solid #f5f5f526;border-radius:8px;position:relative;box-shadow:0 30px 60px #0009}.lo-iw-header{padding-bottom:var(--space-16);margin-bottom:var(--space-24);border-bottom:1px solid #f5f5f51a;justify-content:space-between;align-items:center;display:flex}.lo-iw-title{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.15em;font-size:.75rem}.lo-iw-pulse{background:var(--color-accent-base);width:8px;height:8px;box-shadow:0 0 10px var(--color-accent-base);border-radius:50%;animation:2s infinite blink}.lo-iw-body{gap:var(--space-32);flex-direction:column;display:flex}.lo-iw-block{gap:var(--space-8);flex-direction:column;display:flex}.lo-iw-label{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.1em;font-size:.65rem}.lo-iw-value{font-family:var(--font-display);letter-spacing:.05em;color:var(--color-text-primary);font-size:1rem;font-weight:600}.lo-iw-value.primary{font-size:1.25rem}.lo-iw-bar{width:100%;height:4px;margin-top:var(--space-8);background:#f5f5f51a;border-radius:2px;overflow:hidden}.lo-iw-progress{background:var(--color-accent-base);height:100%;box-shadow:0 0 10px var(--color-accent-base);animation:4s ease-out infinite alternate fillBar}@keyframes fillBar{0%{width:50%}to{width:85%}}.lo-iw-status-indicator{font-family:var(--font-mono);color:#8faf32;letter-spacing:.1em;width:fit-content;margin-top:var(--space-4);background:#8faf321a;border:1px solid #8faf324d;padding:4px 8px;font-size:.65rem}.lo-iw-metrics{gap:var(--space-48);padding-top:var(--space-24);border-top:1px dashed #f5f5f51a;display:flex}.lo-iw-metric{gap:var(--space-8);flex-direction:column;display:flex}.lo-iw-footer{padding-top:var(--space-16);margin-top:var(--space-32);border-top:1px solid #f5f5f51a;justify-content:space-between;align-items:center;display:flex}.lo-examples{gap:var(--space-24);flex-direction:column;display:flex}.lo-example-card{padding:var(--space-16);background:#f5f5f505;border-left:2px solid #f5f5f51a;transition:all .3s;animation:6s infinite alternate organicFade}.lo-example-card:nth-child(2){animation-delay:2s}.lo-example-card:nth-child(3){animation-delay:4s}@keyframes organicFade{0%{background:#f5f5f505;border-left-color:#f5f5f51a}to{background:#d6ff3f0d;border-left-color:#d6ff3f80}}.lo-ex-id{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.15em;margin-bottom:var(--space-8);font-size:.6rem}.lo-ex-title{font-family:var(--font-mono);color:var(--color-text-primary);letter-spacing:.1em;margin-bottom:var(--space-4);font-size:.85rem}.lo-ex-desc{font-family:var(--font-sans);color:#f5f5f599;font-size:.85rem;line-height:1.4}@media (max-width:1000px){.hafnir-lifeos-section{padding:80px 0}.lo-headline{font-size:clamp(2.5rem,8vw,3rem)}.lo-ecosystem{gap:var(--space-64);grid-template-columns:1fr}.lo-loop-system,.lo-ring{display:none}.lo-examples{flex-direction:column;width:100%}.lo-example-card{width:100%}}.hafnir-ecosystem-section{background-color:#01030a;border-top:1px solid #f5f5f50d;flex-direction:column;justify-content:center;width:100vw;max-width:100vw;min-height:100svh;padding:120px 0;display:flex;position:relative;overflow:hidden}.he-ambient-bg{pointer-events:none;z-index:0;width:100vw;position:absolute;inset:0}.he-depth-environment{background:radial-gradient(ellipse at 80% 50%, #8faf320a 0%, #171a1e80 50%, var(--color-bg-base) 100%);position:absolute;inset:0}.he-distant-structures{transform-origin:top;opacity:.3;background-image:linear-gradient(90deg,#f5f5f503 1px,#0000 1px),linear-gradient(#f5f5f503 1px,#0000 1px);background-size:200px 200px;position:absolute;inset:0;transform:perspective(1000px)rotateX(60deg)translateY(-200px)scale(3)}.he-grid-overlay{background-image:linear-gradient(#f5f5f505 1px,#0000 1px),linear-gradient(90deg,#f5f5f505 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 20%,#0000 80%);mask-image:linear-gradient(90deg,#000 20%,#0000 80%)}.he-container{z-index:10;flex-direction:column;width:100%;max-width:1400px;margin:0 auto;padding:0 4%;display:flex;position:relative}.he-content{margin-bottom:var(--space-64);z-index:20;max-width:600px;position:relative}.he-sys-badge{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.25em;text-transform:uppercase;margin-bottom:var(--space-32);border-left:2px solid var(--color-accent-base);padding-left:var(--space-12);font-size:.75rem}.he-headline{color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:var(--space-24);font-size:clamp(3rem,4vw,4rem);line-height:1.1}.he-statement{font-family:var(--font-sans);color:#f5f5f5b3;font-size:1.1rem;line-height:1.7}.he-architecture{min-height:500px;margin-top:var(--space-48);display:flex;position:relative}.he-core-spine{padding-right:var(--space-64);flex-direction:column;align-items:flex-start;width:250px;display:flex;position:relative}.he-core-title{font-family:var(--font-display);letter-spacing:.15em;color:var(--color-text-primary);margin-bottom:var(--space-48);background:#f5f5f50d;border-radius:4px;padding:8px 16px;font-size:1.1rem;font-weight:700}.he-spine-line{z-index:1;background:#f5f5f51a;width:2px;position:absolute;top:60px;bottom:0;left:21px}.he-spine-signal{background:var(--color-accent-base);width:4px;height:60px;box-shadow:0 0 15px var(--color-accent-base);animation:10s linear infinite heTravelVert;position:absolute;top:0;left:-1px}@keyframes heTravelVert{0%{opacity:0;top:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.he-core-node{align-items:center;gap:var(--space-16);z-index:2;margin-bottom:80px;display:flex;position:relative}.he-node-dot{background:#000;border:2px solid #f5f5f533;border-radius:50%;width:14px;height:14px;margin-left:15px;transition:all .3s}.he-node-label{font-family:var(--font-mono);letter-spacing:.15em;color:var(--color-text-secondary);font-size:.85rem;transition:all .3s}.he-node-identity .he-node-dot{animation:10s linear 1s infinite hePulseCore}.he-node-progression .he-node-dot{animation:10s linear 3s infinite hePulseCore}.he-node-access .he-node-dot{animation:10s linear 5s infinite hePulseCore}.he-node-economy .he-node-dot{animation:10s linear 7s infinite hePulseCore}.he-node-identity .he-node-label{animation:10s linear 1s infinite hePulseLabel}.he-node-progression .he-node-label{animation:10s linear 3s infinite hePulseLabel}.he-node-access .he-node-label{animation:10s linear 5s infinite hePulseLabel}.he-node-economy .he-node-label{animation:10s linear 7s infinite hePulseLabel}@keyframes hePulseCore{0%,to{box-shadow:none;background:#000;border-color:#f5f5f533}5%,15%{background:var(--color-accent-base);border-color:var(--color-accent-base);box-shadow:0 0 20px #d6ff3f80}}@keyframes hePulseLabel{0%,to{color:var(--color-text-secondary);transform:translate(0)}5%,15%{color:var(--color-text-primary);transform:translate(5px)}}.he-modules-layer{flex-direction:column;flex:1;padding-top:60px;display:flex;position:relative}.he-branch{width:100%;display:flex;position:absolute;left:0}.he-branch-apps{top:78px}.he-branch-network{top:265px}.he-branch-economy{top:360px}.he-branch-line{z-index:1;background:#f5f5f51a;width:100px;height:1px;position:absolute;top:50%;left:-60px}.he-module-group{gap:var(--space-24);z-index:2;flex-wrap:wrap;margin-left:60px;display:flex;position:relative}.he-module-card{padding:var(--space-16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:var(--space-8);background:#f5f5f505;border:1px solid #f5f5f50d;flex-direction:column;min-width:180px;transition:all .3s;display:flex}.he-module-id{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.1em;font-size:.6rem}.he-module-name{font-family:var(--font-display);letter-spacing:.1em;color:var(--color-text-primary);font-size:1rem;font-weight:600}.he-module-status{font-family:var(--font-mono);letter-spacing:.15em;background:#f5f5f50d;width:fit-content;padding:2px 6px;font-size:.6rem}.he-state-building{border-bottom:2px solid var(--color-accent-base)}.he-state-building .he-module-status{color:var(--color-accent-base);background:#d6ff3f1a}.he-state-locked{opacity:.8;border-bottom:2px solid #8faf32}.he-state-locked .he-module-status{color:#8faf32;background:#8faf321a}.he-state-future{opacity:.5;border-bottom:2px solid #f5f5f533}.he-state-future .he-module-status{color:var(--color-text-secondary)}.he-sub-module{justify-content:center;min-width:140px}.he-branch-apps .he-module-card:first-child{animation:10s 2s infinite heModulePulse}.he-branch-apps .he-module-card:nth-child(2){animation:10s 2.2s infinite heModulePulse}.he-branch-apps .he-module-card:nth-child(3){animation:10s 2.4s infinite heModulePulse}.he-branch-network .he-module-card:first-child{animation:10s 6s infinite heModulePulse}.he-branch-network .he-module-card:nth-child(2){animation:10s 6.2s infinite heModulePulse}.he-branch-economy .he-module-card:first-child{animation:10s 8s infinite heModulePulse}.he-branch-economy .he-module-card:nth-child(2){animation:10s 8.2s infinite heModulePulse}@keyframes heModulePulse{0%,to{background:#f5f5f505}5%,15%{background:#f5f5f50f;transform:translateY(-3px)}}@media (max-width:900px){.hafnir-ecosystem-section{padding:80px 0}.he-headline{font-size:clamp(2.5rem,8vw,3rem)}.he-architecture{margin-top:var(--space-32);flex-direction:column}.he-core-spine{width:100%;padding-right:0}.he-core-node{margin-bottom:var(--space-32)}.he-spine-line{bottom:0}.he-modules-layer{padding-top:var(--space-32);gap:var(--space-32);flex-direction:column;display:flex}.he-branch{flex-direction:column;position:relative;top:0}.he-branch-line{display:none}.he-module-group{gap:var(--space-16);flex-direction:column;margin-left:0}.he-module-card{width:100%}}.hafnir-roadmap-section{background-color:#08070a;border-top:1px solid #f5f5f50d;flex-direction:column;justify-content:center;width:100vw;max-width:100vw;min-height:100svh;padding:120px 0;display:flex;position:relative;overflow:hidden}.rm-ambient-bg{pointer-events:none;z-index:0;width:100vw;position:absolute;inset:0}.rm-blueprint-grid{transform-origin:top;opacity:.5;background-image:linear-gradient(#f5f5f505 1px,#0000 1px),linear-gradient(90deg,#f5f5f505 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;transform:perspective(1000px)rotateX(45deg)scale(2.5)translateY(-10%)}.rm-depth-shadow{background:radial-gradient(#0000 20%,#060709 80%);position:absolute;inset:0}.rm-scanning-line{background:linear-gradient(#0000,#d6ff3f05,#0000);width:100%;height:200px;animation:10s linear infinite rmScan;position:absolute;top:-100px;left:0}@keyframes rmScan{0%{transform:translateY(-20vh)}to{transform:translateY(120vh)}}.rm-container{z-index:10;flex-direction:column;width:100%;max-width:1400px;margin:0 auto;padding:0 4%;display:flex;position:relative}.rm-header{margin-bottom:var(--space-96);z-index:20;max-width:800px;position:relative}.rm-sys-badge{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.25em;text-transform:uppercase;margin-bottom:var(--space-32);border-left:2px solid var(--color-accent-base);padding-left:var(--space-12);font-size:.75rem}.rm-headline{color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:var(--space-24);font-size:clamp(3rem,5vw,4.5rem);line-height:1.1}.rm-statement{font-family:var(--font-sans);color:#f5f5f5b3;font-size:1.1rem;line-height:1.7}.rm-architecture-map{width:100%;height:300px;margin-top:var(--space-48);align-items:center;display:flex;position:relative}.rm-master-rail{z-index:1;background:#f5f5f50d;width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.rm-rail-signal{background:var(--color-accent-base);width:150px;height:4px;box-shadow:0 0 15px var(--color-accent-base);animation:14s linear infinite rmTravel;position:absolute;top:-1px;left:0}@keyframes rmTravel{0%{opacity:0;left:-10%}5%{opacity:1}90%{opacity:1}to{opacity:0;left:110%}}.rm-stages{z-index:2;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:relative}.rm-stage{justify-content:center;align-items:center;width:14%;height:100%;display:flex;position:relative}.rm-stage-node{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.rm-node-core{z-index:2;background:#000;border:1px solid #f5f5f533;border-radius:50%;width:8px;height:8px;transition:all .3s}.rm-node-pulse{z-index:1;border:1px solid #d6ff3f66;border-radius:50%;width:100%;height:100%;animation:2s infinite pulseNode;position:absolute}@keyframes pulseNode{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.rm-stage-content{text-align:center;align-items:center;gap:var(--space-8);flex-direction:column;width:180px;display:flex;position:absolute}.rm-stage:nth-child(odd) .rm-stage-content{bottom:60%}.rm-stage:nth-child(odd) .rm-stage-content:after{content:"";background:#f5f5f51a;width:1px;height:20px;position:absolute;bottom:-20px}.rm-stage:nth-child(2n) .rm-stage-content{top:60%}.rm-stage:nth-child(2n) .rm-stage-content:before{content:"";background:#f5f5f51a;width:1px;height:20px;position:absolute;top:-20px}.rm-stage-num{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.1em;font-size:.65rem}.rm-stage-title{font-family:var(--font-display);letter-spacing:.1em;color:var(--color-text-primary);text-transform:uppercase;font-size:.9rem;font-weight:600}.rm-stage-desc{font-family:var(--font-mono);color:#f5f5f580;letter-spacing:.1em;text-transform:uppercase;font-size:.6rem}.rm-stage-status{font-family:var(--font-mono);letter-spacing:.15em;margin-top:var(--space-4);background:#f5f5f50d;padding:2px 6px;font-size:.55rem}.rm-state-building .rm-node-core{border-color:var(--color-accent-base);background:#d6ff3f33}.rm-state-building .rm-stage-status{color:var(--color-accent-base);background:#d6ff3f1a}.rm-state-locked .rm-node-core{border-color:#8faf32}.rm-state-locked .rm-stage-status{color:#8faf32;background:#8faf321a}.rm-state-locked .rm-node-pulse{display:none}.rm-state-future .rm-node-core{background:0 0;border-color:#f5f5f51a}.rm-state-future .rm-stage-status{color:var(--color-text-secondary);opacity:.5}.rm-state-future .rm-stage-title,.rm-state-future .rm-stage-desc{opacity:.4}.rm-state-future .rm-node-pulse{display:none}.rm-stage-1 .rm-node-core{animation:14s 1.4s infinite rmCoreHit}.rm-stage-2 .rm-node-core{animation:14s 3.4s infinite rmCoreHit}.rm-stage-3 .rm-node-core{animation:14s 5.4s infinite rmCoreHit}.rm-stage-4 .rm-node-core{animation:14s 7.4s infinite rmCoreHit}.rm-stage-5 .rm-node-core{animation:14s 9.4s infinite rmCoreHit}.rm-stage-6 .rm-node-core{animation:14s 11.4s infinite rmCoreHit}.rm-stage-7 .rm-node-core{animation:14s 13.4s infinite rmCoreHit}@keyframes rmCoreHit{0%,to{box-shadow:none}2%,10%{box-shadow:0 0 20px var(--color-accent-base);background:var(--color-accent-base)}}@media (max-width:900px){.hafnir-roadmap-section{padding:80px 0}.rm-architecture-map{height:auto;margin-top:var(--space-64);align-items:flex-start}.rm-master-rail{width:2px;height:100%;top:0;left:40px;transform:none}.rm-rail-signal{width:4px;height:100px;animation:14s linear infinite rmTravelVert;top:0;left:-1px}@keyframes rmTravelVert{0%{opacity:0;top:0%}5%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.rm-stages{align-items:flex-start;gap:var(--space-48);flex-direction:column}.rm-stage{justify-content:flex-start;width:100%;height:auto}.rm-stage-node{margin-right:var(--space-32);margin-left:29px}.rm-stage-content{text-align:left;align-items:flex-start;width:auto;position:relative;top:auto!important;bottom:auto!important}.rm-stage:nth-child(odd) .rm-stage-content:after,.rm-stage:nth-child(2n) .rm-stage-content:before{display:none}}.hafnir-economic-section{background-color:#010a05;border-top:1px solid #f5f5f50d;flex-direction:column;justify-content:center;width:100vw;max-width:100vw;min-height:100svh;padding:120px 0;display:flex;position:relative;overflow:hidden}.ec-ambient-bg{pointer-events:none;z-index:0;width:100vw;position:absolute;inset:0}.ec-chamber-depth{background:radial-gradient(ellipse at 50% 60%, #d6ff3f08 0%, #0a0b0ccc 40%, var(--color-bg-base) 100%);animation:10s ease-in-out infinite alternate ecBreathe;position:absolute;inset:0}@keyframes ecBreathe{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.ec-data-channels{background-color:#0000;background-image:linear-gradient(90deg,#d6ff3f05 1px,#0000 1px),linear-gradient(#f5f5f503 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100px 100px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 10%,#0000 70%);mask-image:radial-gradient(#000 10%,#0000 70%)}.ec-grid-overlay{background-image:linear-gradient(#f5f5f505 1px,#0000 1px),linear-gradient(90deg,#f5f5f505 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.ec-container{z-index:10;flex-direction:column;width:100%;max-width:1400px;margin:0 auto;padding:0 4%;display:flex;position:relative}.ec-header{margin-bottom:var(--space-64);z-index:20;max-width:800px;position:relative}.ec-sys-badge{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.25em;text-transform:uppercase;margin-bottom:var(--space-32);border-left:2px solid var(--color-accent-base);padding-left:var(--space-12);font-size:.75rem}.ec-headline{color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:var(--space-24);font-size:clamp(3rem,5vw,4.5rem);line-height:1.1}.ec-statement{font-family:var(--font-sans);color:#f5f5f5b3;margin-bottom:var(--space-48);font-size:1.1rem;line-height:1.7}.ec-technical-note{gap:var(--space-12);padding:var(--space-16);background:#f5f5f505;border:1px dashed #f5f5f51a;flex-direction:column;width:fit-content;display:flex}.ec-tn-row{justify-content:space-between;align-items:center;gap:var(--space-48);display:flex}.ec-tn-label{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.15em;font-size:.65rem}.ec-tn-value{font-family:var(--font-mono);letter-spacing:.1em;font-size:.75rem;font-weight:600}.ec-tn-divider{background:#f5f5f50d;width:100%;height:1px}.ec-architecture{gap:var(--space-64);grid-template-columns:200px 1fr 280px;align-items:center;min-height:500px;display:grid;position:relative}.ec-inflow{align-items:center;height:100%;display:flex;position:relative}.ec-flow-path{gap:var(--space-24);font-family:var(--font-mono);color:#f5f5f566;letter-spacing:.15em;flex-direction:column;font-size:.7rem;display:flex}.ec-flow-arrow{color:#f5f5f51a;width:fit-content;transform:rotate(90deg)}.ec-flow-line{background:#f5f5f51a;width:100px;height:1px;position:absolute;top:50%;right:-32px}.ec-flow-signal{background:var(--color-accent-base);width:30px;height:3px;box-shadow:0 0 10px var(--color-accent-base);animation:4s linear infinite ecFlowIn;position:absolute;top:-1px;left:0}@keyframes ecFlowIn{0%{opacity:0;left:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;left:100%}}.ec-core-layer{justify-content:center;align-items:center;display:flex;position:relative}.ec-core-pulse{background:radial-gradient(circle,#d6ff3f0d 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:8s ease-in-out infinite alternate pulseCore;position:absolute}@keyframes pulseCore{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.ec-core-interface{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;max-width:500px;padding:var(--space-48);gap:var(--space-48);background:#0a0b0ce6;border:1px solid #d6ff3f33;border-radius:4px;flex-direction:column;display:flex;position:relative;box-shadow:0 20px 50px #000c,inset 0 0 20px #d6ff3f0d}.ec-ci-header{padding-bottom:var(--space-16);border-bottom:1px dashed #d6ff3f33;justify-content:space-between;display:flex}.ec-ci-meta{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.2em;font-size:.65rem}.ec-ci-main{text-align:center;align-items:center;gap:var(--space-16);flex-direction:column;display:flex}.ec-ci-symbol{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:.05em;text-shadow:0 0 40px #d6ff3f33;font-size:4rem;font-weight:700}.ec-ci-subtitle{font-family:var(--font-mono);color:var(--color-accent-base);letter-spacing:.3em;font-size:.85rem}.ec-ci-footer{padding-top:var(--space-16);border-top:1px solid #f5f5f51a;justify-content:space-between;display:flex}.ec-ci-status-label{font-family:var(--font-mono);color:#f5f5f566;letter-spacing:.15em;font-size:.65rem}.ec-ci-status-value{font-family:var(--font-mono);color:var(--color-text-primary);letter-spacing:.15em;font-size:.75rem}.ec-outflow{height:100%;padding-left:var(--space-32);flex-direction:column;justify-content:center;display:flex;position:relative}.ec-flow-line-out{background:#f5f5f51a;width:60px;height:1px;position:absolute;top:50%;left:-32px}.ec-flow-signal-out{background:var(--color-accent-base);width:30px;height:3px;box-shadow:0 0 10px var(--color-accent-base);animation:4s linear 2s infinite ecFlowOut;position:absolute;top:-1px;left:0}@keyframes ecFlowOut{0%{opacity:0;left:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;left:100%}}.ec-flow-path-out{margin-bottom:var(--space-24);color:var(--color-accent-base)}.ec-flow-path-out .ec-flow-arrow{margin-bottom:var(--space-12);transform:rotate(0)}.ec-applications-layer{gap:var(--space-12);margin-bottom:var(--space-48);padding-left:var(--space-16);border-left:1px dashed #f5f5f526;flex-direction:column;display:flex}.ec-app-node{align-items:center;gap:var(--space-12);font-family:var(--font-mono);letter-spacing:.15em;color:var(--color-text-primary);font-size:.75rem;display:flex}.ec-app-node .ec-node-dot{background:#d6ff3f80;border-radius:50%;width:6px;height:6px}.ec-future-infrastructure{gap:var(--space-16);opacity:.4;flex-direction:column;display:flex}.ec-fi-header{font-family:var(--font-mono);letter-spacing:.15em;color:var(--color-text-secondary);font-size:.6rem}.ec-fi-nodes{gap:var(--space-12);padding-left:var(--space-16);border-left:1px dashed #f5f5f526;flex-direction:column;display:flex}.ec-fi-node{font-family:var(--font-mono);letter-spacing:.15em;color:var(--color-text-secondary);font-size:.7rem}@media (max-width:1000px){.hafnir-economic-section{padding:80px 0}.ec-architecture{gap:var(--space-48);grid-template-columns:1fr;min-height:auto}.ec-inflow{justify-content:flex-start;display:flex}.ec-flow-path{align-items:center;gap:var(--space-12);flex-flow:wrap}.ec-flow-arrow{transform:rotate(0)}.ec-flow-line,.ec-flow-line-out{display:none}.ec-outflow{padding-left:0}.ec-flow-path-out{flex-direction:row;align-items:center}.ec-flow-path-out .ec-flow-arrow{margin-bottom:0;margin-right:var(--space-12);transform:rotate(90deg)}.ec-tn-row{align-items:flex-start;gap:var(--space-4);flex-direction:column}}.hafnir-philosophy-section{background-color:#080104;border-top:1px solid #f5f5f50d;flex-direction:column;justify-content:center;width:100vw;max-width:100vw;min-height:100svh;padding:160px 0;display:flex;position:relative;overflow:hidden}.ph-ambient-bg{pointer-events:none;z-index:0;width:100vw;position:absolute;inset:0}.ph-distant-drift{background:radial-gradient(circle at 30%,#f5f5f503 0%,#0000 60%),radial-gradient(circle at 70% 80%,#8faf3205 0%,#0000 50%);animation:20s ease-in-out infinite alternate phDrift;position:absolute;inset:0}@keyframes phDrift{0%{transform:scale(1)translate(0)}to{transform:scale(1.1)translate(2%,-2%)}}.ph-grid-overlay{background-image:linear-gradient(#f5f5f504 1px,#0000 1px),linear-gradient(90deg,#f5f5f504 1px,#0000 1px);background-size:80px 80px;animation:8s ease-in-out infinite alternate phBreathe;position:absolute;inset:0}@keyframes phBreathe{0%{opacity:.5}to{opacity:1}}.ph-container{z-index:10;flex-direction:column;width:100%;max-width:1400px;margin:0 auto;padding:0 4%;display:flex;position:relative}.ph-intro-block{max-width:800px;margin-bottom:var(--space-96)}.ph-sys-badge{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.25em;text-transform:uppercase;margin-bottom:var(--space-48);font-size:.75rem}.ph-headline{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-48);font-size:clamp(3rem,6vw,5rem);font-weight:700;line-height:1.1}.ph-statement{font-family:var(--font-sans);color:#f5f5f5b3;max-width:600px;font-size:1.25rem;line-height:1.7}.ph-architecture{width:100%;height:600px;margin:var(--space-64) 0 var(--space-96) 0;position:relative}.ph-signal-path{background:#f5f5f50d;width:100%;height:1px;position:absolute;top:50%;left:0}.ph-signal-runner{background:var(--color-accent-base);width:20px;height:3px;box-shadow:0 0 10px var(--color-accent-base);animation:12s linear infinite phTravel;position:absolute;top:-1px;left:0}@keyframes phTravel{0%{opacity:0;left:-5%}10%{opacity:1}90%{opacity:1}to{opacity:0;left:105%}}.ph-principle{gap:var(--space-16);flex-direction:column;width:280px;display:flex;position:absolute}.ph-p-build{top:10%;left:0%}.ph-p-progress{top:60%;left:25%}.ph-p-earn{top:15%;left:50%}.ph-p-evolve{top:55%;left:75%}.ph-p-build:before{content:"";z-index:1;background:#f5f5f50d;width:1px;height:228px;position:absolute;top:12px;left:2px}.ph-p-progress:before{content:"";z-index:1;background:#f5f5f50d;width:1px;height:60px;position:absolute;top:-60px;left:2px}.ph-p-earn:before{content:"";z-index:1;background:#f5f5f50d;width:1px;height:198px;position:absolute;top:12px;left:2px}.ph-p-evolve:before{content:"";z-index:1;background:#f5f5f50d;width:1px;height:30px;position:absolute;top:-30px;left:2px}.ph-p-node{background:var(--color-text-secondary);z-index:2;border-radius:50%;width:6px;height:6px;transition:all .3s;position:relative}.ph-p-content{padding-left:var(--space-16);border-left:1px solid #f5f5f50d}.ph-p-title{font-family:var(--font-display);letter-spacing:.1em;color:var(--color-text-primary);margin-bottom:var(--space-12);font-size:1.5rem;font-weight:600;transition:all .3s}.ph-p-desc{font-family:var(--font-sans);color:#f5f5f580;font-size:1rem;line-height:1.6}.ph-p-build .ph-p-node{animation:12s 1.2s infinite phNodeHit}.ph-p-progress .ph-p-node{animation:12s 4.2s infinite phNodeHit}.ph-p-earn .ph-p-node{animation:12s 7.2s infinite phNodeHit}.ph-p-evolve .ph-p-node{animation:12s 10.2s infinite phNodeHit}.ph-p-build .ph-p-title{animation:12s 1.2s infinite phTextHit}.ph-p-progress .ph-p-title{animation:12s 4.2s infinite phTextHit}.ph-p-earn .ph-p-title{animation:12s 7.2s infinite phTextHit}.ph-p-evolve .ph-p-title{animation:12s 10.2s infinite phTextHit}@keyframes phNodeHit{0%,to{background:var(--color-text-secondary);box-shadow:none}5%,15%{background:var(--color-accent-base);box-shadow:0 0 10px var(--color-accent-base)}}@keyframes phTextHit{0%,to{color:var(--color-text-primary);text-shadow:none}5%,15%{color:#fff;text-shadow:0 0 20px #fff3}}.ph-outro-block{margin-top:var(--space-96);opacity:.7;flex-direction:column;align-items:center;display:flex}.ph-outro-line{width:1px;height:80px;margin-bottom:var(--space-32);background:linear-gradient(#0000,#f5f5f54d)}.ph-outro-text{font-family:var(--font-mono);letter-spacing:.25em;color:var(--color-text-secondary);font-size:.75rem}@media (max-width:900px){.hafnir-philosophy-section{padding:80px 0}.ph-headline{font-size:clamp(2.5rem,8vw,3rem)}.ph-architecture{gap:var(--space-64);height:auto;margin:var(--space-48) 0;flex-direction:column;display:flex}.ph-signal-path{display:none}.ph-principle{width:100%;position:relative;top:0!important;left:0!important}.ph-principle:before{display:none}}.hafnir-final-access-section{background-color:#030303;border-top:1px solid #f5f5f50d;flex-direction:column;justify-content:center;align-items:center;width:100vw;max-width:100vw;min-height:100svh;padding:160px 0;display:flex;position:relative;overflow:hidden}.fa-ambient-bg{pointer-events:none;z-index:0;width:100vw;position:absolute;inset:0}.fa-grid-overlay{transform-origin:50%;background-image:linear-gradient(#f5f5f505 1px,#0000 1px),linear-gradient(90deg,#f5f5f505 1px,#0000 1px);background-size:80px 80px;animation:30s linear infinite alternate faGridMove;position:absolute;inset:0;transform:perspective(800px)rotateX(20deg)scale(2)}@keyframes faGridMove{0%{background-position:0 0}to{background-position:0 100px}}.fa-scanning-beam{background:linear-gradient(90deg,#0000,#d6ff3f03,#0000);width:100%;height:100%;animation:8s linear infinite faScan;position:absolute;top:0;left:-100%}@keyframes faScan{0%{transform:translate(0)}to{transform:translate(200%)}}.fa-incoming-signal{background:linear-gradient(180deg, transparent, var(--color-accent-base));opacity:.5;width:2px;height:150px;animation:6s linear infinite faSignalDrop;position:absolute;top:-10px;left:50%;transform:translate(-50%)}@keyframes faSignalDrop{0%{opacity:0;top:-20%}50%{opacity:1}to{opacity:0;top:40%}}.fa-container{z-index:10;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:1000px;margin:0 auto;padding:0 4%;display:flex;position:relative}.fa-intro-block{margin-bottom:var(--space-64)}.fa-headline{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-24);font-size:clamp(3rem,6vw,5rem);font-weight:700;line-height:1.1}.fa-statement{font-family:var(--font-sans);color:#f5f5f599;font-size:1.25rem;line-height:1.7}.fa-access-terminal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;max-width:600px;padding:var(--space-48);background:#0a0b0ccc;border:1px solid #f5f5f51a;transition:all .4s;position:relative}.fa-access-terminal.is-focused{border-color:#d6ff3f66;box-shadow:0 0 40px #d6ff3f0d}.fa-access-terminal.is-submitted{border-color:var(--color-accent-base);background:#d6ff3f08;box-shadow:inset 0 0 20px #d6ff3f0d,0 0 60px #d6ff3f1a}.fa-frame-line{background:#f5f5f51a;transition:all .4s;position:absolute}.fa-access-terminal.is-focused .fa-frame-line{background:#d6ff3f4d}.fa-access-terminal.is-submitted .fa-frame-line{background:var(--color-accent-base)}.fa-frame-line.top{width:1px;height:40px;top:-20px;left:-1px}.fa-frame-line.bottom{width:1px;height:40px;bottom:-20px;right:-1px}.fa-frame-line.left{width:40px;height:1px;top:-1px;left:-20px}.fa-frame-line.right{width:40px;height:1px;bottom:-1px;right:-20px}.fa-terminal-inner{flex-direction:column;width:100%;display:flex}.fa-ti-header{padding-bottom:var(--space-24);margin-bottom:var(--space-32);border-bottom:1px dashed #f5f5f526;justify-content:space-between;align-items:center;display:flex}.fa-ti-title{font-family:var(--font-display);letter-spacing:.2em;color:var(--color-text-primary);font-size:1rem;font-weight:600}.fa-ti-status{font-family:var(--font-mono);letter-spacing:.15em;font-size:.65rem;animation:2s infinite blink}.fa-ti-body{gap:var(--space-24);flex-direction:column;display:flex}.fa-email-input{width:100%;padding:var(--space-16) var(--space-24);font-family:var(--font-mono);color:var(--color-text-primary);letter-spacing:.1em;text-align:center;background:#f5f5f505;border:1px solid #f5f5f51a;outline:none;font-size:.85rem;transition:all .3s}.fa-email-input::placeholder{color:#f5f5f54d}.fa-email-input:focus{border-color:var(--color-accent-base);background:#d6ff3f0d}.fa-submit-wrapper{width:100%;position:relative}.fa-submit-btn{background:var(--color-text-primary);width:100%;color:var(--color-bg-base);padding:var(--space-16);font-family:var(--font-display);letter-spacing:.1em;cursor:pointer;border:none;font-size:1rem;font-weight:700;transition:all .3s}.fa-submit-btn:hover{background:var(--color-accent-base)}.submitted-state .fa-ti-header{border-bottom-color:#d6ff3f33;justify-content:center}.submitted-state .fa-ti-title{color:var(--color-accent-base);text-shadow:0 0 10px #d6ff3f66}.fa-ts-row{padding:var(--space-8) 0;justify-content:space-between;align-items:center;display:flex}.fa-ts-label{font-family:var(--font-mono);letter-spacing:.15em;color:var(--color-text-secondary);font-size:.65rem}.fa-ts-value{font-family:var(--font-mono);letter-spacing:.15em;color:#f5f5f5b3;font-size:.75rem}.fa-ts-divider{width:100%;height:1px;margin:var(--space-8) 0;background:#f5f5f50d}@media (max-width:900px){.hafnir-final-access-section{padding:80px 0}.fa-headline{font-size:clamp(2.5rem,8vw,3rem)}.fa-access-terminal{padding:var(--space-24)}.fa-ti-header{gap:var(--space-12);flex-direction:column}}.hafnir-footer{background-color:#0a0a0c;border-top:1px solid #f5f5f50d;flex-direction:column;align-items:center;width:100vw;max-width:100vw;padding:80px 0 0;display:flex;position:relative;overflow:hidden}.hf-ambient-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.hf-grid-overlay{opacity:.3;background-image:linear-gradient(#f5f5f505 1px,#0000 1px),linear-gradient(90deg,#f5f5f505 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}.hf-termination-lines{background:linear-gradient(#f5f5f50d 0%,#0000 100%);width:1px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.hf-container{z-index:10;flex-direction:column;width:100%;max-width:1400px;margin:0 auto;padding:0 4%;display:flex;position:relative}.hf-main-content{gap:var(--space-48);padding-bottom:var(--space-64);grid-template-columns:1fr 1fr 1fr;display:grid}.hf-brand-col{gap:var(--space-16);flex-direction:column;display:flex}.hf-logo-row{align-items:center;gap:var(--space-12);display:flex}.hf-logo-wrap{width:16px;height:16px;color:var(--color-text-primary);justify-content:center;align-items:center;display:flex}.hf-logo-wrap svg{fill:currentColor;width:100%;height:100%}.hf-brand{font-family:var(--font-display);letter-spacing:.2em;color:var(--color-text-primary);font-size:1.25rem;font-weight:700}.hf-tagline{font-family:var(--font-mono);letter-spacing:.2em;color:#f5f5f580;margin-bottom:var(--space-8);font-size:.65rem}.hf-status-box{align-items:center;gap:var(--space-8);font-family:var(--font-mono);letter-spacing:.15em;color:var(--color-text-secondary);font-size:.55rem;display:flex}.hf-status-dot{background:var(--color-accent-base);border-radius:50%;width:4px;height:4px}.hf-nav-col{align-items:center;gap:var(--space-12);flex-direction:column;display:flex}.hf-social-col{align-items:flex-end;gap:var(--space-12);flex-direction:column;display:flex}.hf-nav-link{font-family:var(--font-mono);letter-spacing:.15em;color:#f5f5f566;cursor:pointer;background:0 0;border:none;font-size:.65rem;text-decoration:none;transition:color .3s}.hf-nav-link:hover{color:#f5f5f5e6}.hf-bottom-bar{padding:var(--space-24) 0;border-top:1px solid #f5f5f50d;justify-content:space-between;align-items:center;display:flex}.hf-bb-item{font-family:var(--font-mono);letter-spacing:.15em;color:#f5f5f54d;font-size:.55rem}@media (max-width:900px){.hafnir-footer{padding:60px 0 0}.hf-main-content{gap:var(--space-48);grid-template-columns:1fr}.hf-brand-col{text-align:center;align-items:center}.hf-nav-col{padding:var(--space-24) 0;border-top:1px solid #f5f5f50d;border-bottom:1px solid #f5f5f50d;align-items:center}.hf-social-col{align-items:center}.hf-bottom-bar{gap:var(--space-12);text-align:center;flex-direction:column}body,html{width:100%;overflow-x:hidden}.system-header{padding:var(--space-16) 4%}.system-header .logo{font-size:1rem}.system-header .controls .btn-primary{padding:8px var(--space-12);font-size:.75rem}.network-grid-bg,.overview-grid,.ts-architecture-lines{background-size:60px 60px;transform:perspective(800px)rotateX(60deg)translateY(-100px)translateZ(-100px)}.ys-container{gap:var(--space-48);grid-template-columns:1fr}.network-identity-console{max-width:100%}.nic-data-grid{grid-template-columns:1fr}.hero-container{gap:var(--space-48);grid-template-columns:1fr;padding-top:80px;padding-bottom:60px}.hero-headline{font-size:clamp(2.5rem,8vw,3.5rem)}.status-window{padding:var(--space-16)}.overview-container,.ts-container{gap:var(--space-48);grid-template-columns:1fr}.overview-visual{height:auto;padding:var(--space-32) 0}.hafnir-layered-architecture{perspective:none;transform-style:flat;gap:var(--space-16);flex-direction:column;height:auto}.hla-layer{width:100%;max-width:320px;height:70px;animation:none;position:relative;transform:none!important}.hla-layer-label{font-size:.9rem;position:relative;bottom:auto;right:auto;transform:none}.hla-data-spine{left:20px;transform:none}.hla-spine-traveler{left:-2px}.system-progression-loop{padding:var(--space-32) 0}.spl-spine{left:20px;transform:none}.spl-stage-block{width:100%;justify-content:flex-start!important;padding-left:60px!important;padding-right:0!important;left:0!important}.spl-connector{width:40px;left:20px!important;right:auto!important}.spl-stage-0 .spl-connector-signal,.spl-stage-2 .spl-connector-signal,.spl-stage-4 .spl-connector-signal,.spl-stage-6 .spl-connector-signal{animation-name:connectorFireRight!important}.spl-stage-architecture{width:100%}.section-header{font-size:1.75rem}p{font-size:1rem!important}}@media (prefers-reduced-motion:reduce){.section-wrapper,.btn-primary,.btn-secondary,.network-console,.scanline,.pulse-dot,.blinking,.hero-architecture,.hero-content,.hero-visual,.hero-container,.boot-overlay,.network-grid-bg,.console-header,.identity-section,.stats-section,.sys-status-section,.console-footer,.hafnir-logo-svg,.hl-bracket-left,.hl-bracket-right,.hl-core-polygon,.hl-core-pulse,.hero-atmosphere,.ai-activation-light,.hla-layer,.hla-spine-traveler,.hla-core-pulse,.spl-spine-signal,.spl-connector-signal,.spl-stage-grid-pulse,.spl-stage-indicator,.spl-stage-meta{opacity:1!important;clip-path:none!important;filter:none!important;stroke-dashoffset:0!important;transition:none!important;animation:none!important;transform:none!important}}.hf-social-icons{align-items:center;gap:var(--space-16);display:flex}.hf-social-icon{color:#f5f5f566;justify-content:center;align-items:center;width:16px;height:16px;transition:color .3s;display:flex}.hf-social-icon:hover{color:#f5f5f5e6}.hf-social-icon svg{width:100%;height:100%}@media (max-width:900px){.section-wrapper{padding:80px 0!important}.hero-container,.overview-container,.ts-container,.ys-container,.hg-container,.tp-container,.lo-container,.he-container,.ec-container,.rm-container,.hp-container,.fa-container{gap:var(--space-64)!important;flex-direction:column!important;padding-left:4%!important;padding-right:4%!important;display:flex!important}.hero-content,.overview-content,.ts-content,.ys-content,.hg-content,.tp-content,.lo-content,.he-content,.ec-content,.rm-content,.hp-content,.fa-content{text-align:center!important;flex-direction:column!important;order:1!important;align-items:center!important;display:flex!important}.hero-description,p{max-width:100%!important;font-size:1rem!important;line-height:1.6!important}.hero-headline{margin:var(--space-24) 0!important;font-size:clamp(2.5rem,10vw,3.5rem)!important}.section-header{margin:var(--space-16) 0 var(--space-24) 0!important;font-size:clamp(2rem,8vw,2.5rem)!important}.hero-visual,.overview-visual,.ts-visual,.ys-visual,.hg-visual,.tp-visual,.lo-visual,.he-visual,.ec-visual,.rm-visual,.hp-visual,.fa-visual{width:100%!important;height:auto!important;min-height:auto!important;padding:var(--space-32) 0!important;order:2!important;justify-content:center!important;align-items:center!important;display:flex!important;position:relative!important}.hero-actions{flex-direction:column!important;justify-content:center!important;width:100%!important}.hero-actions button{width:100%!important}.protocol-indicators{width:100%!important;margin-top:var(--space-48)!important}.hafnir-layered-architecture{perspective:none!important;transform-style:flat!important;gap:var(--space-24)!important;flex-direction:column!important}.hla-layer{width:100%!important;max-width:100%!important;transform:none!important}.system-progression-loop{width:100%!important}.spl-stage-block{justify-content:flex-start!important;padding-left:60px!important;left:0!important}.nic-data-grid{grid-template-columns:1fr!important}.hg-visual-architecture{width:100%!important;padding:var(--space-32) 4%!important}.tp-progression-structure{gap:var(--space-32)!important;flex-direction:column!important}.tp-stage,.lo-lifeos-structure{width:100%!important}.lo-examples-grid{grid-template-columns:1fr!important}.he-ecosystem-structure{flex-direction:column!important;width:100%!important}.he-module-grid{grid-template-columns:1fr!important}.ec-economic-structure{flex-direction:column!important;width:100%!important}.ec-flow-arrows{margin:var(--space-24) 0!important;transform:rotate(90deg)!important}.rm-roadmap-structure{flex-direction:column!important;width:100%!important}.rm-stage{width:100%!important}.hp-philosophy-structure{flex-direction:column!important;width:100%!important}.fa-access-structure{width:100%!important}.sys-panel{width:100%!important;max-width:100%!important}.module-container,.status-window{width:100%!important}}