*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
:root { --black:#0A0A0A; --white:#FFFFFF; --lime:#C8F000; --grey:#111111; --font-d:'Barlow Condensed', sans-serif; --font-b:'Barlow', sans-serif; --ease-out:cubic-bezier(.16,1,.3,1); }
html { scroll-behavior:smooth; }
body { background:var(--black); color:var(--white); font-family:var(--font-b); font-weight:400; -webkit-font-smoothing:antialiased; }
a:focus-visible, button:focus-visible { outline:2px solid var(--lime); outline-offset:3px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

#nav { position:sticky; top:0; z-index:100; background:var(--white); border-bottom:1px solid rgba(0,0,0,.09); }
.nav-inner { display:flex; align-items:center; justify-content:space-between; height:64px; max-width:1400px; margin:0 auto; padding:0 2.5rem; }
.nav-logo img { height:38px; width:auto; display:block; }
.btn-nav, .btn-lime, .btn-out { display:inline-block; font-family:var(--font-d); font-weight:800; letter-spacing:.16em; text-transform:uppercase; text-decoration:none; clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px)); transition:background .25s var(--ease-out), color .25s var(--ease-out), transform .15s var(--ease-out); }
.btn-nav { background:var(--black); color:var(--white); font-size:.74rem; padding:.65rem 1.5rem; }
.btn-nav:hover { background:var(--lime); color:var(--black); }
.btn-lime { background:var(--lime); color:var(--black); font-size:.8rem; padding:1rem 2.2rem; }
.btn-lime:hover { background:var(--white); }
.btn-out { color:var(--white); font-size:.8rem; padding:1rem 2.2rem; border:1.5px solid rgba(255,255,255,.4); clip-path:none; }
.btn-out:hover { border-color:var(--lime); color:var(--lime); }
.btn-lime:active, .btn-out:active, .btn-nav:active { transform:scale(.97); }

.article { max-width:820px; margin:0 auto; padding:4.5rem 1.5rem 5rem; }
.crumbs { font-size:.8rem; color:rgba(255,255,255,.6); margin-bottom:2rem; }
.crumbs a { color:rgba(255,255,255,.75); text-decoration:none; }
.crumbs a:hover { color:var(--lime); }
.label { font-family:var(--font-d); font-size:.7rem; font-weight:700; letter-spacing:.3em; text-transform:uppercase; color:var(--lime); margin-bottom:1rem; display:block; }
.article h1 { font-family:var(--font-d); font-weight:900; font-size:clamp(2.4rem,6vw,4.4rem); line-height:.95; text-transform:uppercase; letter-spacing:-.01em; margin-bottom:1.6rem; }
.article h1 em { font-style:normal; color:var(--lime); }
.lead { font-size:clamp(1.08rem,2vw,1.25rem); line-height:1.7; color:rgba(255,255,255,.9); margin-bottom:1rem; }
.meta { font-size:.82rem; color:rgba(255,255,255,.6); margin-bottom:3rem; }
.article h2 { font-family:var(--font-d); font-weight:900; font-size:clamp(1.7rem,3.6vw,2.5rem); line-height:1; text-transform:uppercase; margin:3.4rem 0 1.1rem; }
.article h3 { font-family:var(--font-d); font-weight:800; font-size:1.25rem; text-transform:uppercase; letter-spacing:.03em; margin:1.8rem 0 .6rem; }
.article p, .article li { font-size:1.02rem; line-height:1.8; color:rgba(255,255,255,.82); }
.article p + p { margin-top:1rem; }
.article ul, .article ol { padding-left:1.3rem; margin:1rem 0; }
.article li { margin:.35rem 0; }
.article li::marker { color:var(--lime); }
.article strong { color:var(--white); font-weight:600; }
.article a { color:var(--lime); text-underline-offset:3px; }
.facts, .tbl { width:100%; border-collapse:collapse; margin:1.4rem 0; font-size:.97rem; }
.facts th, .facts td, .tbl th, .tbl td { text-align:left; padding:.95rem 1.1rem; border-bottom:1px solid rgba(255,255,255,.1); vertical-align:top; line-height:1.55; }
.facts th, .tbl tbody th { font-family:var(--font-d); font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:rgba(255,255,255,.75); width:42%; }
.facts td { font-family:var(--font-d); font-weight:800; font-size:1.2rem; color:var(--lime); }
.tbl thead th { font-family:var(--font-d); font-weight:800; text-transform:uppercase; letter-spacing:.06em; background:var(--grey); color:var(--white); }
.tbl td { color:rgba(255,255,255,.85); }
.tbl-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid rgba(200,240,0,.15); }
.tbl-wrap .tbl { margin:0; min-width:560px; }
.facts { border:1px solid rgba(200,240,0,.2); border-left:4px solid var(--lime); }
.note { font-size:.88rem !important; color:rgba(255,255,255,.62) !important; }
.faq { margin-top:1rem; }
.faq h3 { color:var(--white); }
.cta { margin-top:4rem; padding:2.5rem; background:var(--grey); border-left:6px solid var(--lime); }
.cta h2 { margin-top:0 !important; }
.cta-btns { display:flex; flex-wrap:wrap; gap:1rem; margin-top:1.6rem; }

footer { background:#040404; border-top:1px solid rgba(200,240,0,.08); padding:1.5rem 0; }
.footer-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; max-width:1400px; margin:0 auto; padding:0 2.5rem; }
.footer-logo img { height:32px; width:auto; opacity:.5; display:block; }
.footer-links { display:flex; gap:.6rem 2rem; flex-wrap:wrap; }
.footer-links a { font-size:.72rem; letter-spacing:.1em; color:rgba(255,255,255,.5); text-decoration:none; }
.footer-links a:hover { color:var(--lime); }
.footer-copy { font-size:.72rem; color:rgba(255,255,255,.42); }

@media (max-width:768px) {
  .nav-inner, .footer-inner { padding:0 1.2rem; }
  .btn-nav { padding:.6rem 1.1rem; font-size:.7rem; }
  .article { padding:3rem 1.2rem 4rem; }
  .facts th, .facts td { padding:.8rem .8rem; }
  .cta { padding:1.8rem 1.3rem; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration:.01ms !important; scroll-behavior:auto !important; } }
