/* ── TOKENS ── */
:root{--c-bg:#0a0a0a;--c-surface:#111;--c-surface-2:#1a1a1a;--c-border:#1e1e1e;--c-yellow:#D8FF00;--c-yellow-dim:rgba(216,255,0,.3);--c-green:#1F8A3B;--c-white:#ffffff;--c-gray:#888;--c-text:#ffffff;--c-text2:rgba(255,255,255,.55);--f-head:'Bebas Neue',sans-serif;--f-body:'Inter',sans-serif;--r:8px;--r-lg:16px;--trans:.22s ease;--nav-h:52px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--c-bg);color:var(--c-text);font-family:var(--f-body);overflow-x:hidden;min-height:100vh}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");opacity:.35}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 40% at 15% 80%,rgba(31,138,59,.07),transparent),radial-gradient(ellipse 50% 35% at 85% 20%,rgba(216,255,0,.05),transparent)}
:focus-visible{outline:2px solid var(--c-yellow);outline-offset:3px}
input,textarea,select:focus{outline:none;border-color:var(--c-yellow)!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ── NAV ── */
.nav{position:fixed;top:calc(16px + var(--safe-t));left:50%;transform:translateX(-50%);z-index:900;width:calc(100% - 32px);max-width:1100px;background:rgba(10,10,10,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:40px;padding:6px 8px 6px 20px;display:flex;align-items:center;gap:12px;transition:background var(--trans),box-shadow var(--trans)}
.nav--scrolled{background:rgba(10,10,10,.92);box-shadow:0 8px 32px rgba(0,0,0,.5)}
.nav-logo img{height:28px;width:auto;display:block;filter:brightness(0) invert(1)}
.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto;flex-wrap:wrap}
.nav-links a{font-family:var(--f-head);font-size:13px;letter-spacing:.1em;color:rgba(255,255,255,.7);text-decoration:none;padding:6px 14px;border-radius:20px;transition:color var(--trans),background var(--trans)}
.nav-links a:hover,.nav-links a.active{color:var(--c-yellow);background:rgba(216,255,0,.08)}
.nav-cta{background:var(--c-yellow)!important;color:#0a0a0a!important;font-weight:700!important;padding:8px 20px!important;border-radius:20px!important}
.nav-cta:hover{background:#c5eb00!important}
.nav-burger{display:none;background:none;border:none;cursor:pointer;color:var(--c-white);width:40px;height:40px;border-radius:50%;font-size:20px;margin-left:auto;align-items:center;justify-content:center;transition:background var(--trans)}
.nav-burger:hover{background:rgba(255,255,255,.08)}
@media(max-width:860px){
  .nav{padding:8px 8px 8px 18px}
  .nav-burger{display:flex}
  .nav-links{display:flex;position:absolute;top:calc(100% + 10px);left:0;right:0;background:#111;border:1px solid var(--c-border);border-radius:var(--r-lg);padding:10px;flex-direction:column;align-items:stretch;gap:2px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--trans),transform var(--trans),visibility var(--trans);box-shadow:0 16px 40px rgba(0,0,0,.5)}
  .nav-links--open{opacity:1;visibility:visible;transform:translateY(0)}
  .nav-links a{padding:13px 18px;font-size:15px;border-radius:10px}
  .nav-cta{margin-top:4px;text-align:center}
}

/* ── BUTTONS ── */
.btn-primary{background:var(--c-yellow);color:#0a0a0a;font-family:var(--f-head);font-size:16px;letter-spacing:.1em;padding:14px 32px;border-radius:30px;text-decoration:none;border:none;cursor:pointer;display:inline-block;transition:background var(--trans),transform var(--trans);min-height:48px;line-height:1.2}
.btn-primary:hover{background:#c5eb00;transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--c-white);border:1px solid rgba(255,255,255,.3);font-family:var(--f-head);font-size:16px;letter-spacing:.1em;padding:14px 32px;border-radius:30px;text-decoration:none;display:inline-block;transition:border-color var(--trans),color var(--trans);min-height:48px;line-height:1.2}
.btn-outline:hover{border-color:var(--c-yellow);color:var(--c-yellow)}

/* ── SECTION COMMONS ── */
section{position:relative;z-index:2}
.section-inner{max-width:1100px;margin:0 auto;padding:0 24px}
.section-label{font-family:var(--f-head);font-size:11px;letter-spacing:.2em;color:var(--c-yellow);display:flex;align-items:center;gap:10px;margin-bottom:12px}
.section-label::before{content:'';flex:0 0 24px;height:1px;background:var(--c-yellow)}
h2.section-title{font-family:var(--f-head);font-size:clamp(2.5rem,6vw,4.5rem);color:var(--c-white);line-height:1;margin-bottom:8px}
h2.section-title span{color:var(--c-yellow)}
.section-desc{color:rgba(255,255,255,.6);max-width:560px;line-height:1.7;margin-bottom:48px}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.revealed{opacity:1;transform:translateY(0)}

/* ── HUD ── */
.hud{position:relative}
.hud::before,.hud::after{content:'';position:absolute;width:20px;height:20px;border-color:rgba(216,255,0,.4);border-style:solid;pointer-events:none;z-index:3}
.hud::before{top:0;left:0;border-width:2px 0 0 2px}
.hud::after{bottom:0;right:0;border-width:0 2px 2px 0}

/* ── CARDS ── */
.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:24px;transition:border-color var(--trans)}

/* ── GRIDS ── */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}

/* ── ALERTS ── */
.alert{padding:14px 18px;border-radius:var(--r-lg);margin-bottom:16px;font-size:.85rem;line-height:1.5}
.alert-green{background:rgba(31,138,59,.1);border-left:4px solid var(--c-green);color:var(--c-green)}
.alert-yellow{background:rgba(216,255,0,.08);border-left:4px solid var(--c-yellow);color:var(--c-yellow)}

/* ── FOOTER ── */
footer{background:#050505;border-top:1px solid var(--c-border);padding:64px 0 32px}
.footer-inner{max-width:1100px;margin:0 auto;padding:0 24px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
@media(max-width:860px){.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:32px}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}
.footer-brand img{height:40px;filter:brightness(0) invert(1);margin-bottom:16px;display:block}
.footer-brand p{color:rgba(255,255,255,.5);font-size:.85rem;line-height:1.7;max-width:260px}
.footer-col h4{font-family:var(--f-head);font-size:14px;letter-spacing:.1em;color:var(--c-white);margin-bottom:16px}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:8px}
.footer-col ul li a{color:rgba(255,255,255,.5);text-decoration:none;font-size:.85rem;transition:color var(--trans)}
.footer-col ul li a:hover{color:var(--c-yellow)}
.footer-bottom{border-top:1px solid var(--c-border);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-nit,.footer-copy{font-size:11px;color:rgba(255,255,255,.3);letter-spacing:.05em}