*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--border:#ffffff14;--border-hover:#ffffff2e;--text:#fff;--dim:#888;--muted:#555;--accent:#aaa}html{scroll-behavior:smooth}body{color:#fff;background:#000;font-family:Outfit,sans-serif;overflow-x:hidden}.three-canvas-wrapper{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.progress-bar{z-index:201;background:linear-gradient(90deg,#333,#fff,#333);height:2px;transition:width .1s;position:fixed;top:0;left:0}nav{z-index:200;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#0009;justify-content:space-between;align-items:center;padding:.8rem 2rem;transition:transform .4s;display:flex;position:fixed;top:0;left:0;right:0}nav.hidden{transform:translateY(-100%)}.nav-logo{letter-spacing:3px;font-size:1.2rem;font-weight:800}.nav-links{gap:1.5rem;list-style:none;display:flex}.nav-links a{color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;font-size:.75rem;font-weight:400;text-decoration:none;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:#fff}.scene-section{z-index:1;pointer-events:none;align-items:center;min-height:100vh;display:flex;position:relative}.scene-section .content{pointer-events:auto;opacity:0;max-width:560px;padding:2rem;transition:opacity .8s,transform .8s;transform:translateY(40px)}.scene-section .content.visible{opacity:1;transform:translateY(0)}.scene-section:nth-child(odd){justify-content:flex-start;padding-left:5vw}.scene-section:nth-child(2n){justify-content:flex-end;padding-right:5vw}.content .label{text-transform:uppercase;letter-spacing:5px;color:var(--muted);margin-bottom:.6rem;font-size:.65rem;font-weight:600}.content h2{margin-bottom:1.2rem;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:800;line-height:1.08}.content h2 .dim{color:var(--accent)}.content p{color:var(--dim);margin-bottom:1rem;font-size:.95rem;line-height:1.8}.content .formula{border:1px solid var(--border);color:var(--accent);text-align:center;background:#ffffff0a;border-radius:10px;margin:1rem 0;padding:.8rem 1.2rem;font-family:Courier New,monospace;font-size:1rem}.facts{flex-wrap:wrap;gap:1.5rem;margin-top:1.2rem;display:flex}.fact-box{text-align:center}.fact-box .num{font-size:2rem;font-weight:800}.fact-box .lbl{color:var(--muted);margin-top:.15rem;font-size:.72rem}.detail-list{margin-top:1rem}.detail-list li{border-bottom:1px solid var(--border);color:var(--dim);padding:.6rem 0;font-size:.88rem;line-height:1.6;list-style:none}.detail-list li strong{color:#fff}.hero-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.9rem 2.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex;box-shadow:0 0 30px #ffffff1a}.hero-btn:hover{transform:translateY(-2px);box-shadow:0 0 50px #fff3}.scroll-hint{color:var(--muted);letter-spacing:3px;pointer-events:none;flex-direction:column;align-items:center;gap:.4rem;font-size:.65rem;animation:2s ease-in-out infinite bob;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.dots{z-index:200;flex-direction:column;gap:12px;display:flex;position:fixed;top:50%;right:1.5rem;transform:translateY(-50%)}.dot{cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .4s}.dot.active{background:#fff;transform:scale(1.3);box-shadow:0 0 8px #fff6}footer{z-index:1;text-align:center;color:var(--muted);border-top:1px solid var(--border);padding:3rem 2rem 1.5rem;font-size:.72rem;position:relative}@media (width<=768px){.nav-links{display:none}.scene-section:nth-child(odd),.scene-section:nth-child(2n){justify-content:center;padding:1rem}.content{max-width:100%}.dots{right:.6rem}}