:root{--bg-color: #000000;--text-bright: #ffffff;--text-soft: #a1a1a6;--text-ghost: rgba(255, 255, 255, .4);--text-deep-ghost: rgba(255, 255, 255, .15);--accent-glow: rgba(0, 255, 255, .2);--font-header: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--transition-smooth: cubic-bezier(.4, 0, .2, 1);--nav-height: 90px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-soft);font-family:var(--font-body);overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}.nav{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);padding:0 4rem;display:flex;justify-content:space-between;align-items:center;z-index:100;background:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-logo{display:flex;align-items:center;gap:1rem}#logo-spiral{display:block;width:320px;height:60px;background-size:contain;background-repeat:no-repeat;background-position:center left;opacity:0;transition:opacity .5s ease,transform .3s ease}#logo-spiral:hover{transform:scale(1.02)}.narrative-block{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.bold-stat{font-weight:600;color:var(--text-bright)}.italic-stat{font-style:italic;font-weight:300;color:var(--text-soft)}.hero-brand-container{margin-bottom:2rem}.reboot-earth-main{font-size:clamp(2rem,4vw,3rem);letter-spacing:.05em;font-weight:200;color:var(--text-bright)}.narrative-list{list-style:none;font-size:1.125rem;color:var(--text-ghost);display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.impact-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 0;margin:2rem auto;width:100%;max-width:800px}.impact-list li{font-size:1.125rem;color:var(--text-bright);font-weight:300;padding:.5rem 1.5rem;transition:all .3s ease;position:relative;display:flex;align-items:center}.impact-list li:before{content:"|";color:var(--text-ghost);font-size:1.125rem;font-weight:700;position:absolute;left:0;opacity:.8}.stages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;text-align:left}.stage-card{padding:1.5rem;background:transparent;border:1px solid var(--text-deep-ghost);border-radius:4px;transition:all .4s cubic-bezier(.165,.84,.44,1);cursor:default}.stage-card:hover{background:#ffffff1a;border-color:var(--text-bright);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:translateY(-2px);box-shadow:0 5px 15px #0003}.carousel-dots{display:none}.impact-list li:last-child:after{content:"|";color:var(--text-ghost);font-size:1.125rem;font-weight:700;position:absolute;right:0;opacity:.8}.impact-list li:hover{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.4)}.narrative-list li{font-weight:300;color:var(--text-ghost);font-size:1.125rem}.cta-footer{margin-top:4rem}.btn-reboot-large{display:inline-block;margin-top:1rem;font-size:1.5rem;color:var(--text-bright);text-decoration:none;font-weight:400;border-bottom:1px solid var(--text-deep-ghost);transition:all .3s ease}.btn-reboot-large:hover{border-bottom-color:var(--text-bright);transform:translate(10px)}.nav-links{display:flex;gap:2.5rem;align-items:center}.nav-links a{text-decoration:none;color:var(--text-ghost);font-size:.9rem;font-weight:300;transition:color .3s ease}.nav-links a:hover{color:var(--text-bright)}.cta-reboot{padding:.5rem 1rem;border:1px solid var(--text-deep-ghost);border-radius:4px;color:var(--text-bright)!important}.nav-toggle{background:transparent;border:1px solid var(--text-deep-ghost);color:var(--text-ghost);border-radius:4px;padding:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin-left:.5rem}.nav-toggle:hover{color:var(--text-bright);border-color:var(--text-bright);background:#ffffff1a}.nav-toggle svg{width:16px;height:16px}.nav-hamburger{display:none;background:transparent;border:1px solid var(--text-deep-ghost);color:var(--text-ghost);border-radius:4px;padding:.5rem;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.nav-hamburger:hover{color:var(--text-bright);border-color:var(--text-bright);background:#ffffff1a}.nav-hamburger svg{width:16px;height:16px}.environmental-bg{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;background:#000}canvas{display:block;width:100%;height:100%}.narrative-container{position:relative;z-index:1}.narrative-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem;text-align:center}.content{max-width:800px;opacity:0;transform:translateY(30px)}.marker{font-size:.7rem;font-weight:500;letter-spacing:.5em;color:var(--text-ghost);margin-bottom:2.5rem;text-transform:uppercase;font-family:var(--font-body);will-change:transform,opacity}.intelligence .reveal-text{font-size:clamp(2rem,4vw,3rem)}h2{color:var(--text-bright);font-size:clamp(3rem,7vw,5.5rem);font-family:var(--font-header);font-weight:100;line-height:1.05;margin-bottom:2.5rem;letter-spacing:-.05em;text-shadow:0 0 30px rgba(0,0,0,.3)}.hero-text{font-size:clamp(3rem,7vw,5.5rem)!important;color:var(--text-bright);margin-bottom:1.5rem;text-shadow:0 0 30px rgba(0,0,0,.4)}p{font-size:clamp(1.125rem,2vw,1.5rem);font-weight:300;color:var(--text-soft);max-width:600px;margin:0 auto}.cta-group{margin-top:3rem;display:flex;gap:1.5rem;justify-content:center}.btn,.btn:link,.btn:visited,.btn:active{padding:1rem 2rem;border-radius:4px;text-decoration:none;font-size:1rem;transition:all .4s cubic-bezier(.165,.84,.44,1);background:#fff!important;color:#000!important;font-weight:500;border:none;display:inline-block}.btn:hover{background:#f0f0f0!important;color:#000!important;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.btn-outline{background:transparent;color:var(--text-bright);border:1px solid var(--text-deep-ghost)}.btn-outline:hover{border-color:var(--text-bright)}.reboot-btn-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.btn-reboot-sketch{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:1.2rem 2.5rem;color:var(--text-bright);text-decoration:none;font-family:var(--font-header);font-size:1.5rem;font-weight:300;transition:all .3s ease;z-index:1}.btn-reboot-sketch .btn-text{position:relative;z-index:2}.btn-reboot-sketch .sketch-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.btn-reboot-sketch .sketch-lines:before,.btn-reboot-sketch .sketch-lines:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.3);width:100%;height:100%;transition:all .4s ease}.btn-reboot-sketch .sketch-lines:before{top:-5px;left:-10px;border-right:none;border-bottom:none;width:30%;height:40%;transform:skew(-15deg)}.btn-reboot-sketch .sketch-lines:after{bottom:-5px;right:-10px;border-left:none;border-top:none;width:30%;height:40%;transform:skew(-15deg)}.btn-reboot-sketch:hover{color:#fff;transform:scale(1.05)}.btn-reboot-sketch:hover .sketch-lines:before,.btn-reboot-sketch:hover .sketch-lines:after{width:100%;height:100%;border-color:#fffc;transform:skew(0)}.btn-reboot-sketch.secondary{font-size:1.1rem;padding:1rem 2rem}.footer-logo{height:40px;margin-bottom:1rem;filter:brightness(0) invert(1)}.legal-text{font-size:.8rem;color:var(--text-ghost);margin-top:1.5rem}.singularity h2{font-weight:700;letter-spacing:-.08em}.transformation .clarity-text{font-style:italic;font-weight:400}.btn-reboot-large{display:inline-block;margin-top:2rem;font-size:2.5rem;color:var(--text-bright);text-decoration:none;font-weight:300;transition:transform .3s ease}.btn-reboot-large:hover{transform:scale(1.05)}.caption{display:block;margin-top:1rem;font-size:.9rem;color:var(--text-ghost)}.footer{padding:8rem 4rem 4rem;border-top:1px solid var(--text-deep-ghost);background:linear-gradient(to top,#000,#000000b3,#0000004d);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:4rem}.footer-brand{display:flex;flex-direction:column}.brand-name{font-size:1.5rem;font-weight:600;color:var(--text-bright)}.brand-sub{font-size:.9rem;color:var(--text-ghost)}.footer-links{display:flex;flex-direction:row;gap:2rem;margin-left:auto}.footer-cta{margin-left:2rem}.footer-cta a,.footer-cta a:visited,.footer-cta a:link{color:#fff!important;text-decoration:none;border-bottom:1px solid var(--text-ghost);padding-bottom:4px}.footer-links a{text-decoration:none;color:var(--text-ghost);transition:color .3s ease;font-size:.9rem}.footer-links a:hover{color:var(--text-bright)}.footer-bottom{margin-top:2rem;width:100%;text-align:center}.footer-bottom p{font-size:.7rem;color:var(--text-ghost);letter-spacing:.05em}.footer-logo{height:40px;width:auto;margin-bottom:1.5rem;filter:brightness(1);display:block}@media(max-width:768px){.nav{padding:0 1.5rem}#logo-spiral{width:220px;height:40px}.nav-hamburger{display:flex}.nav-links{display:none}.nav.menu-open{height:auto;background:#000000fa;padding-bottom:2rem;align-items:flex-start}.nav.menu-open .nav-right{width:100%}.nav.menu-open .nav-controls{position:absolute;top:25px;right:1.5rem}.nav.menu-open .nav-logo{margin-top:25px}.nav.menu-open .nav-links{display:flex;flex-direction:column;width:100%;margin-top:4rem;gap:1.5rem}.narrative-section{padding:2rem;overflow-x:hidden;width:100vw}.content,.narrative-block{width:100%;min-width:0;max-width:100%}.stages-grid{display:flex;flex-wrap:nowrap;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;gap:1rem;width:100%;padding-bottom:1rem;-ms-overflow-style:none;scrollbar-width:none}.stages-grid::-webkit-scrollbar{display:none}.stage-card{flex:0 0 100%;width:100%;max-width:100%;scroll-snap-align:center;scroll-snap-stop:always;box-sizing:border-box}.carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.carousel-dots .dot{width:6px;height:6px;background:var(--text-deep-ghost);border-radius:50%;transition:background .3s ease,transform .3s ease}.carousel-dots .dot.active{background:var(--text-bright);transform:scale(1.2)}.footer{padding:4rem 2rem}.reboot-earth-main{font-size:2.2rem!important}.hero-text{font-size:2rem!important}.reveal-text{font-size:1.8rem!important}h1.marker.expend-fade{font-size:1.5rem!important}.narrative-block p{font-size:1rem!important}.impact-list li{font-size:.95rem!important;padding:.5rem 1rem!important}.impact-list li:before,.impact-list li:last-child:after{font-size:.95rem!important}.btn-text{font-size:1rem!important}}
