:root{--bg-void:#030303;--bg-surface:#0a0a0a;--text-primary:#fff;--text-secondary:#fff9;--text-tertiary:#ffffff4d;--builder-cyan:#00e5e5;--pulse-red:#ff3b30;--accent-lime:#cf0;--border-subtle:#ffffff14;--border-hover:#fff3;--blur-heavy:blur(60px);--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--step-mega:clamp(4rem, 8vw, 10rem);--step-h1:clamp(3rem, 5vw, 6rem);--step-h2:clamp(2rem, 3.5vw, 4rem);--step-h3:clamp(1.5rem, 2vw, 2.5rem);--step-lead:clamp(1.1rem, 1.5vw, 1.5rem);--step-body:clamp(.9rem, 1vw, 1.125rem);--max-width:1400px;--padding-x:clamp(1.5rem, 5vw, 4rem)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-void)}body{font-family:var(--font-body);background-color:var(--bg-void);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{background:0 0;width:0}.noise-overlay{pointer-events:none;z-index:9999;opacity:.05;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-repeat:repeat;width:100vw;height:100vh;animation:8s steps(10,end) infinite cinematic-grain;position:fixed;top:0;left:0;transform:translateZ(0)}@keyframes cinematic-grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.ambient-glow{filter:var(--blur-heavy);opacity:.15;pointer-events:none;z-index:-1;will-change:transform, opacity;border-radius:50%;animation:10s ease-in-out infinite alternate slow-breathe;position:absolute;transform:translate(-50%,-50%)translateZ(0)}.glow-cyan{background:radial-gradient(circle, var(--builder-cyan) 0%, #00e5e566 40%, transparent 70%)}.glow-lime{background:radial-gradient(circle, var(--accent-lime) 0%, #cf06 40%, transparent 70%)!important}.glow-red{background:radial-gradient(circle, var(--pulse-red) 0%, #ff3b3066 40%, transparent 70%)}@keyframes slow-breathe{0%{opacity:.1;transform:translate(-50%,-50%)scale(1)}to{opacity:.3;transform:translate(-50%,-50%)scale(1.2)}}h1,h2,h3,h4,.display-text{font-family:var(--font-display);letter-spacing:-.03em;font-weight:800;line-height:1.1}.mega-title{font-size:var(--step-mega);text-transform:uppercase;-webkit-text-fill-color:transparent;background:linear-gradient(#fff 0%,#ffffff80 100%);-webkit-background-clip:text;background-clip:text}.section-title{font-size:var(--step-h1);-webkit-text-fill-color:transparent;background:linear-gradient(#fff 0%,#ffffffb3 100%);-webkit-background-clip:text;background-clip:text}.lead-text{font-size:var(--step-lead);color:var(--text-secondary);max-width:60ch;margin-top:2rem;font-weight:400}.accent-text-cyan{color:var(--builder-cyan);-webkit-text-fill-color:var(--builder-cyan)}.accent-text-lime{color:var(--accent-lime)!important;-webkit-text-fill-color:var(--accent-lime)!important;background:0 0!important}.accent-text-red{color:var(--pulse-red);-webkit-text-fill-color:var(--pulse-red)}.container{width:100%;max-width:var(--max-width);padding:0 var(--padding-x);margin:0 auto}.screen-height{flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:relative}.cinematic-nav{width:100%;padding:2rem var(--padding-x);z-index:100;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0}.nav-logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:1.25rem;font-weight:900;text-decoration:none}.nav-links{gap:3rem;display:flex}.nav-links a{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .4s}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.btn-magnetic{border:1px solid var(--border-subtle);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border-radius:100px;justify-content:center;align-items:center;padding:1rem 2.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-magnetic:before{content:"";background:var(--text-primary);z-index:-1;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:translateY(100%)}.btn-magnetic:hover{color:var(--bg-void);border-color:var(--text-primary)}.btn-magnetic:hover:before{transform:translateY(0)}.btn-cyan{border-color:#00e5e54d}.btn-cyan:hover{color:var(--bg-void);box-shadow:0 0 20px #00e5e566}.btn-cyan:before{background:var(--builder-cyan)}.btn-lime{border-color:#ccff004d!important}.btn-lime:hover{color:var(--bg-void)!important;border-color:var(--accent-lime)!important;box-shadow:0 0 20px #cf0c!important}.btn-lime:before{background:var(--accent-lime)!important}.btn-red{border-color:#ff3b304d}.btn-red:hover{color:var(--bg-void);box-shadow:0 0 20px #ff3b3066}.btn-red:before{background:var(--pulse-red)}.split-pathway{border-top:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;width:100%;height:100vh;display:grid}.pathway-panel{border-right:1px solid var(--border-subtle);perspective:2000px;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;transition:background .8s;display:flex;position:relative}.pathway-panel:last-child{border-right:none}.panel-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.8,-.2,.2,1.2);position:relative}.pathway-panel.is-flipped .panel-inner{transform:rotateY(180deg)}.panel-front,.panel-back{backface-visibility:hidden;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.panel-front{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex}.panel-back{cursor:auto;background:var(--bg-void);transform:rotateY(180deg)}.panel-back:hover{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"></line><polyline points=\"12 19 5 12 12 5\"></polyline></svg>") 12 12,auto}.panel-back a:hover{cursor:pointer}.pathway-bg{width:150%;height:150%;filter:var(--blur-heavy);opacity:0;z-index:0;border-radius:50%;transition:all .8s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.panel-cyan .pathway-bg{background:radial-gradient(circle,#00e5e526 0%,#0000 60%)}.panel-lime .pathway-bg{background:radial-gradient(circle,#ccff0026 0%,#0000 60%)!important}.panel-red .pathway-bg{background:radial-gradient(circle,#ff3b3026 0%,#0000 60%)}.pathway-panel:not(.is-flipped):hover .pathway-bg{opacity:1;transform:translate(-50%,-50%)scale(1)}.pathway-content{z-index:10;text-align:center;pointer-events:none;position:relative}.panel-hero-content{text-align:left;z-index:10;flex-direction:column;justify-content:center;height:100%;padding:clamp(2rem,4vw,4rem);display:flex;position:relative}.pathway-title{font-size:var(--step-h2);margin-bottom:1rem;transition:transform .6s cubic-bezier(.16,1,.3,1)}.pathway-panel:not(.is-flipped):hover .pathway-title{transform:scale(1.05)}.pathway-panel:not(.is-flipped):hover .reveal-text{clip-path:none;transition:clip-path 0s .1s}.pathway-desc{color:var(--text-secondary);font-family:var(--font-body);opacity:0;font-size:1.125rem;transition:all .6s cubic-bezier(.16,1,.3,1) .1s;transform:translateY(20px)}.pathway-panel:not(.is-flipped):hover .pathway-desc{opacity:1;transform:translateY(0)}.data-matrix{opacity:.5;grid-template-columns:repeat(20,1fr);gap:4px;width:100%;display:grid}.matrix-node{aspect-ratio:1;background:var(--border-subtle);border-radius:2px;width:100%;transition:background .5s}.matrix-node.active{background:var(--builder-cyan);box-shadow:0 0 10px var(--builder-cyan)}.reveal-text{clip-path:polygon(-10% -20%,110% -20%,110% 100%,-10% 100%)}.reveal-line{opacity:0;transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity 1.2s;transform:translateY(100%)}.reveal-line.is-visible{opacity:1;transform:translateY(0)}.fade-up{opacity:0;filter:blur(10px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),filter 1s;transform:translateY(40px)}.fade-up.is-visible{opacity:1;filter:blur();transform:translateY(0)}@media (max-width:768px){.screen-height{justify-content:flex-start;height:auto;min-height:100vh;padding-top:8rem;padding-bottom:4rem}.mega-title,.section-title{-webkit-text-fill-color:currentColor!important;color:currentColor!important;background:0 0!important;padding:0!important}.split-pathway{grid-template-columns:1fr;height:auto;min-height:100vh;padding-top:5rem}.pathway-panel{border-right:none;border-bottom:1px solid var(--border-subtle);height:50vh;min-height:480px;padding:2rem}.pathway-bg{opacity:.8;transform:translate(-50%,-50%)scale(1)}.pathway-desc{opacity:1;transform:translateY(0)}.reveal-text{clip-path:none}.panel-hero-content{justify-content:flex-start;padding-top:2rem;padding-bottom:2rem;overflow-y:auto}.nav-links,.noise-overlay{display:none}.ambient-glow,.fade-up,.pathway-bg{filter:none!important}.panel-front,.panel-back{overflow:visible!important}.panel-back{background:0 0}}