:root{--bg:#080b0a;--bg-2:#0e1410;--surface:#161d18;--border:#1e2b20;--steel:#4a8fd4;--steel-dim:#2a5a8a;--green:#5c8a3c;--green-dim:#2e4a1e;--amber:#d4a044;--text-1:#f0ede8;--text-2:#8a9688;--text-3:#4a5548;--font-display:"Bebas Neue", sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--bg);color:var(--text-1);font-family:var(--font-body);overflow-x:hidden}#topo-bg{z-index:1;pointer-events:none;opacity:.13;width:200%;height:200%;animation:120s linear infinite topo-spin;position:fixed;top:-50%;left:-50%}#topo-bg svg{width:100%;height:100%}@keyframes topo-spin{to{transform:rotate(360deg)}}@media (width<=768px){#topo-bg{opacity:.08}}#grain-svg{pointer-events:none;z-index:2;opacity:.038;width:100%;height:100%;position:fixed;inset:0}#loader{z-index:9999;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.l-inner{text-align:center;width:340px}.l-logo{font-family:var(--font-display);letter-spacing:.12em;margin-bottom:1.5rem;font-size:5rem;line-height:1}.fl-b{color:var(--steel);animation:2.2s ease-in-out infinite flash-b}.fl-g{color:var(--green);animation:2.2s ease-in-out 1.1s infinite flash-g}.fl-n{color:var(--text-2)}@keyframes flash-b{0%,40%,to{color:var(--steel)}55%{color:var(--text-3)}}@keyframes flash-g{0%,40%,to{color:var(--green)}55%{color:var(--text-3)}}.l-sub{font-family:var(--font-mono);letter-spacing:.4em;color:var(--text-3);text-transform:uppercase;margin-bottom:2rem;font-size:.65rem}.l-bar-track{background:#ffffff0f;border-radius:1px;height:2px;margin-bottom:.75rem;overflow:hidden}.l-bar-fill{background:var(--steel);width:0%;height:100%;box-shadow:0 0 10px var(--steel), 0 0 24px var(--steel-dim);border-radius:1px;transition:width .3s}.l-bar-label{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.1em;white-space:pre;font-size:.62rem}#three-canvas{z-index:3;pointer-events:none;position:fixed;top:0;right:0}@media (width<=768px){#three-canvas{left:0;right:auto}}#cursor{pointer-events:none;z-index:9998;opacity:0;width:22px;height:22px;transition:opacity .2s;position:fixed;transform:translate(-50%,-50%)}#cursor:before{content:"";background:var(--steel);width:100%;height:1px;position:absolute;top:50%;left:0}#cursor:after{content:"";background:var(--steel);width:1px;height:100%;position:absolute;top:0;left:50%}#nav{z-index:200;pointer-events:none;align-items:center;padding:1.75rem 2.5rem;display:flex;position:fixed;top:0;left:0;right:0}.logo{font-family:var(--font-display);letter-spacing:.2em;pointer-events:all;font-size:1.6rem;text-decoration:none}.logo-oto{color:var(--steel)}.logo-tar{color:var(--green)}#section-counter{z-index:200;font-family:var(--font-mono);color:var(--text-3);letter-spacing:.15em;font-size:.65rem;position:fixed;top:1.9rem;right:2.5rem}#scroll-hint{z-index:200;writing-mode:initial;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;bottom:2.5rem;right:2.5rem}.sh-text{font-family:var(--font-mono);letter-spacing:.3em;color:var(--text-3);font-size:.6rem}.sh-arrow{color:var(--steel-dim);font-size:.85rem;animation:1.6s ease-in-out infinite arrow-bounce}@keyframes arrow-bounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}#hud{z-index:200;flex-direction:column;gap:.35rem;display:flex;position:fixed;bottom:2.5rem;left:2.5rem}.hud-row{font-family:var(--font-mono);letter-spacing:.06em;align-items:center;gap:.6rem;font-size:.62rem;display:flex}.hk{color:var(--text-3);min-width:2.5ch}.hs{color:var(--border)}.hv{color:var(--steel);min-width:8ch}#scroll-root{z-index:10;position:relative}.panel{align-items:center;height:100vh;padding-left:clamp(2rem,8vw,110px);padding-right:62vw;display:flex;position:relative}.sec-num{font-family:var(--font-mono);color:var(--text-1);opacity:.04;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:20vw;line-height:1;position:absolute;top:.1em;right:0}.panel-text{will-change:opacity, transform;flex-direction:column;gap:0;max-width:520px;display:flex}.sec-label{font-family:var(--font-mono);color:var(--steel);letter-spacing:.3em;margin-bottom:1.1rem;font-size:.75rem;display:block}.panel-text h1{font-family:var(--font-display);letter-spacing:.05em;color:var(--text-1);margin-bottom:1.4rem;font-size:clamp(3.5rem,8vw,7rem);line-height:.9}.subtitle{font-family:var(--font-body);color:var(--text-2);border-left:2px solid var(--green);max-width:380px;margin-bottom:1.8rem;padding-left:1rem;font-size:1.05rem;font-weight:300;line-height:1.6}.hr-line{background:var(--border);transform-origin:0;width:100%;height:1px;margin-bottom:2rem}.cta-btn{border:1px solid var(--steel);color:var(--text-1);font-family:var(--font-display);letter-spacing:.2em;cursor:pointer;background:0 0;align-self:flex-start;align-items:center;padding:.8rem 2.5rem;font-size:1.2rem;transition:color .35s;display:inline-flex;position:relative;overflow:hidden}.cta-btn:before{content:"";background:var(--steel);transform-origin:0;z-index:-1;transition:transform .35s;position:absolute;inset:0;transform:scaleX(0)}.cta-btn:hover:before{transform:scaleX(1)}.cta-btn:hover{color:#000}@media (width<=768px){.panel{align-items:flex-end;padding-left:1.5rem;padding-right:1.5rem}.panel-text{justify-content:center;max-width:100%;height:55vh}.panel-text h1{font-size:clamp(2.8rem,10vw,4.5rem)}#hud,.sec-num,#section-counter{display:none}}