:root{
  --ink:#16140f; --ink-2:#2a2620; --paper:#f4efe2; --paper-2:#ece4d2;
  --yellow:#ffc400; --yellow-2:#f0b400; --black:#16140f;
  --red:#c8341f; --green:#1f7a4d; --line:#16140f;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Archivo',sans-serif;background:var(--paper);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.blk{font-family:'Archivo Black',sans-serif}
.mono{font-family:'JetBrains Mono',monospace}
::selection{background:var(--yellow)}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px}

.eyebrow{font-family:'JetBrains Mono';font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;display:inline-block;background:var(--ink);color:var(--yellow);padding:5px 11px}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:'Archivo';font-weight:800;font-size:15px;padding:14px 24px;border:2.5px solid var(--ink);cursor:pointer;transition:.12s;box-shadow:4px 4px 0 var(--ink)}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.btn-primary{background:var(--yellow);color:var(--ink)}
.btn-dark{background:var(--ink);color:var(--paper)}
.btn-paper{background:var(--paper);color:var(--ink)}

header{border-bottom:3px solid var(--ink);background:var(--paper);position:sticky;top:0;z-index:50}
nav{display:flex;align-items:center;justify-content:space-between;height:70px}
.brand{display:flex;align-items:center;gap:11px}
.brand .mark{width:38px;height:38px;background:var(--yellow);border:2.5px solid var(--ink);color:var(--ink);display:grid;place-items:center;font-family:'Archivo Black';font-size:15px;transform:rotate(-3deg)}
.brand b{font-family:'Archivo Black';font-size:23px;letter-spacing:-.01em;line-height:1}
.brand small{font-family:'JetBrains Mono';font-size:9px;letter-spacing:.16em;display:block;margin-top:2px;color:var(--ink-2)}
.navlinks{display:flex;gap:28px;font-weight:700;font-size:14.5px;align-items:center}
.navlinks a{padding:4px 0;border-bottom:2.5px solid transparent}
.navlinks a:hover{border-color:var(--yellow)}
.navcta{display:flex;gap:12px}
.navtoggle{display:none;width:44px;height:44px;background:var(--yellow);border:2.5px solid var(--ink);cursor:pointer;align-items:center;justify-content:center;padding:0;box-shadow:3px 3px 0 var(--ink)}
.navtoggle:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.navtoggle span{display:block;width:20px;height:2.5px;background:var(--ink);position:relative;transition:.18s}
.navtoggle span::before,.navtoggle span::after{content:"";position:absolute;left:0;width:20px;height:2.5px;background:var(--ink);transition:.18s}
.navtoggle span::before{top:-6px}.navtoggle span::after{top:6px}
header.open .navtoggle span{background:transparent}
header.open .navtoggle span::before{top:0;transform:rotate(45deg)}
header.open .navtoggle span::after{top:0;transform:rotate(-45deg)}
@media(max-width:900px){
  .navtoggle{display:flex}
  nav{position:relative}
  .mobilewrap{position:absolute;top:70px;left:0;right:0;background:var(--paper);border-bottom:3px solid var(--ink);border-top:3px solid var(--ink);flex-direction:column;align-items:stretch;gap:0;padding:0;display:none;box-shadow:0 12px 0 -3px var(--ink),0 14px 24px -10px rgba(0,0,0,.4);z-index:60}
  header.open .mobilewrap{display:flex}
  .mobilewrap .navlinks{display:flex;flex-direction:column;gap:0;width:100%}
  .mobilewrap .navlinks a{padding:16px 24px;border-bottom:2px solid var(--paper-2);border-radius:0;font-size:16px;font-family:'Archivo Black'}
  .mobilewrap .navlinks a:hover{background:var(--yellow);border-bottom-color:var(--ink)}
  .mobilewrap .navcta{display:flex;flex-direction:column;gap:10px;padding:18px 24px;width:100%}
  .mobilewrap .navcta .btn{width:100%;justify-content:center}
}
@media(min-width:901px){.mobilewrap{display:flex;align-items:center;gap:30px}}

.hero{border-bottom:3px solid var(--ink);position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:0}
.hero-l{padding:54px 48px 48px 0;border-right:3px solid var(--ink);position:relative}
.lotno{font-family:'JetBrains Mono';font-weight:700;font-size:12px;letter-spacing:.12em;color:var(--ink-2);margin-bottom:18px;display:flex;gap:14px;align-items:center}
.lotno span{background:var(--ink);color:var(--paper);padding:3px 8px}
.hero h1{font-family:'Archivo Black';font-size:clamp(38px,5.4vw,66px);line-height:.96;letter-spacing:-.02em;margin:14px 0 0}
.hero h1 em{font-style:italic;color:var(--ink);background:var(--yellow);padding:0 8px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero .lede{font-size:18px;font-weight:500;max-width:40ch;margin:22px 0 28px;color:var(--ink-2)}
.hero .actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px}
.statline{display:flex;gap:0;border:2.5px solid var(--ink);max-width:440px}
.statline .s{flex:1;padding:12px 16px}
.statline .s+.s{border-left:2.5px solid var(--ink)}
.statline .k{font-family:'JetBrains Mono';font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.statline .v{font-family:'Archivo Black';font-size:19px;margin-top:3px}
.statline .v small{font-size:12px;color:var(--ink-2);font-family:'Archivo';font-weight:600}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-l{border-right:0;padding:40px 0 36px}}

.hero-r{padding:40px 0 40px 48px;display:flex;align-items:center}
.ticket{background:var(--paper);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);width:100%}
.ticket .thead{background:var(--ink);color:var(--paper);padding:12px 18px;display:flex;justify-content:space-between;align-items:center}
.ticket .thead .blk{font-size:16px}
.ticket .thead .vf{font-family:'JetBrains Mono';font-weight:700;font-size:10px;background:var(--green);color:#fff;padding:3px 8px}
.ticket .draw{border-bottom:2.5px solid var(--ink);background:var(--paper-2);position:relative}
.ticket .draw svg{display:block;width:100%;height:auto}
.ticket .grade-stamp{position:absolute;right:16px;top:16px;width:74px;height:74px;border:3px solid var(--red);border-radius:50%;display:grid;place-items:center;transform:rotate(-14deg);color:var(--red);background:rgba(244,239,226,.6)}
.ticket .grade-stamp b{font-family:'Archivo Black';font-size:30px;line-height:1}
.ticket .grade-stamp small{font-family:'JetBrains Mono';font-size:7px;letter-spacing:.1em;display:block;text-align:center}
.ticket .meta{padding:13px 18px;border-bottom:2.5px solid var(--ink);font-family:'JetBrains Mono';font-size:11px;line-height:1.7}
.ticket .meta b{color:var(--ink)}
.ticket .meta .row{display:flex;justify-content:space-between}
.ticket .tiers{padding:6px 18px 14px}
.trow{display:flex;align-items:baseline;justify-content:space-between;padding:9px 0;border-bottom:1.5px dashed #b8ad95}
.trow:last-child{border-bottom:0}
.trow .lab{font-family:'JetBrains Mono';font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.trow .num{font-family:'Archivo Black';font-size:26px;letter-spacing:-.02em}
.trow.avg{background:var(--yellow);margin:0 -18px;padding:11px 18px}
.trow.avg .num{font-size:30px}
.trow .lab small{display:block;font-weight:500;font-size:9px;color:var(--ink-2);letter-spacing:0}
.ticket .tfoot{background:var(--ink);color:var(--paper);font-family:'JetBrains Mono';font-size:10px;padding:9px 18px;display:flex;justify-content:space-between;letter-spacing:.04em}
@media(max-width:900px){.hero-r{padding:0 0 8px}}

.marquee{background:var(--ink);color:var(--paper);overflow:hidden;border-bottom:3px solid var(--ink);padding:11px 0}
.marquee .track{display:flex;gap:40px;white-space:nowrap;animation:scroll 26s linear infinite;font-family:'JetBrains Mono';font-weight:700;font-size:13px;letter-spacing:.08em}
.marquee .track b{color:var(--yellow)}
@keyframes scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marquee .track{animation:none}}

section{padding:72px 0;border-bottom:3px solid var(--ink)}
.sec-head{max-width:680px;margin-bottom:44px}
.sec-head h2{font-family:'Archivo Black';font-size:clamp(28px,4vw,46px);line-height:1;letter-spacing:-.02em;margin:16px 0 12px}
.sec-head p{font-size:17px;font-weight:500;color:var(--ink-2)}

.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:3px solid var(--ink);background:var(--ink)}
.flow .step{background:var(--paper);padding:26px 22px;position:relative}
.flow .step+.step{border-left:3px solid var(--ink)}
.flow .step .ic{height:64px;margin-bottom:14px}
.flow .step .ic svg{height:100%;width:auto}
.flow .step .n{position:absolute;top:14px;right:16px;font-family:'Archivo Black';font-size:30px;color:var(--paper-2);-webkit-text-stroke:1.5px var(--ink)}
.flow .step h3{font-family:'Archivo Black';font-size:19px;margin-bottom:7px}
.flow .step p{font-size:13.5px;color:var(--ink-2);font-weight:500}
@media(max-width:900px){.flow{grid-template-columns:1fr 1fr}.flow .step:nth-child(3){border-left:0}.flow .step:nth-child(3),.flow .step:nth-child(4){border-top:3px solid var(--ink)}}
@media(max-width:540px){.flow{grid-template-columns:1fr}.flow .step+.step{border-left:0;border-top:3px solid var(--ink)}}

.uc{display:grid;grid-template-columns:260px 1fr;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}
.uc-tabs{display:flex;flex-direction:column;background:var(--ink)}
.uc-tab{text-align:left;background:var(--ink);color:var(--paper);border:0;border-bottom:1px solid #3a352b;padding:18px 20px;font-family:'Archivo Black';font-size:16px;cursor:pointer;transition:.12s;display:flex;justify-content:space-between;align-items:center}
.uc-tab[aria-selected="true"]{background:var(--yellow);color:var(--ink)}
.uc-tab span{font-family:'JetBrains Mono';font-size:11px;opacity:.6}
.uc-panel{display:none;padding:34px}
.uc-panel[data-active="true"]{display:block}
.uc-panel h3{font-family:'Archivo Black';font-size:26px;margin-bottom:12px}
.uc-panel p{font-size:15.5px;font-weight:500;color:var(--ink-2);margin-bottom:16px;max-width:62ch}
.uc-panel li{list-style:none;font-size:14.5px;font-weight:600;padding:8px 0 8px 28px;position:relative;border-top:1.5px solid var(--paper-2)}
.uc-panel li::before{content:"\25B6";position:absolute;left:4px;color:var(--yellow);-webkit-text-stroke:.5px var(--ink);font-size:12px;top:10px}
@media(max-width:760px){.uc{grid-template-columns:1fr}.uc-tabs{flex-direction:row;overflow-x:auto}.uc-tab{white-space:nowrap}}

.ledger{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);overflow:hidden;background:var(--paper)}
.ledger table{width:100%;border-collapse:collapse}
.ledger th,.ledger td{padding:15px 18px;text-align:left;font-size:14.5px;border-bottom:2px solid var(--ink)}
.ledger thead th{font-family:'Archivo Black';font-size:15px;background:var(--ink);color:var(--paper);border-bottom:0}
.ledger thead th.us{background:var(--yellow);color:var(--ink)}
.ledger td{font-weight:600;color:var(--ink-2)}
.ledger td:first-child{font-weight:700;color:var(--ink)}
.ledger td.us{background:#fff7df;color:var(--ink);font-weight:800}
.ledger tr:last-child td{border-bottom:0}
.ledger .yes{color:var(--green)}
.ledger .no{color:var(--red)}

.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feat .card{background:var(--paper);border:2.5px solid var(--ink);padding:22px;box-shadow:4px 4px 0 var(--ink);transition:.12s}
.feat .card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.feat .card .tag{font-family:'JetBrains Mono';font-weight:700;font-size:10px;letter-spacing:.1em;background:var(--ink);color:var(--yellow);padding:2px 7px;display:inline-block;margin-bottom:11px}
.feat .card h3{font-family:'Archivo Black';font-size:17px;margin-bottom:6px}
.feat .card p{font-size:13.5px;font-weight:500;color:var(--ink-2)}
@media(max-width:860px){.feat{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.feat{grid-template-columns:1fr}}

.sec3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sec3 .card{border:2.5px solid var(--ink);padding:24px;background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--yellow)}
.sec3 .card .ic{font-family:'JetBrains Mono';font-weight:800;font-size:18px;color:var(--yellow);border:2px solid var(--yellow);width:40px;height:40px;display:grid;place-items:center;margin-bottom:14px}
.sec3 .card h3{font-family:'Archivo Black';font-size:17px;margin-bottom:7px}
.sec3 .card p{font-size:13.5px;font-weight:500;color:#cfc8b8}
@media(max-width:760px){.sec3{grid-template-columns:1fr}}

.cta-sec{background:var(--yellow);border-bottom:3px solid var(--ink)}
.cta{text-align:center;padding:20px 0}
.cta h2{font-family:'Archivo Black';font-size:clamp(30px,4.4vw,52px);line-height:.98;letter-spacing:-.02em;margin-bottom:16px}
.cta p{font-size:17px;font-weight:600;max-width:50ch;margin:0 auto 26px}
.cta .actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

footer{background:var(--ink);color:var(--paper);padding:54px 0 28px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;margin-bottom:36px}
.foot-grid .brand b{color:var(--paper)}.foot-grid .brand small{color:#9b9484}
.foot-grid p{font-size:13.5px;font-weight:500;color:#9b9484;max-width:30ch;margin-top:14px}
.foot-grid h4{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);margin-bottom:14px}
.foot-grid a{display:block;font-size:14px;font-weight:600;color:#d8d1c1;margin-bottom:9px}
.foot-grid a:hover{color:var(--yellow)}
.foot-bot{border-top:1px solid #3a352b;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:'JetBrains Mono';font-size:11px;color:#9b9484}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr 1fr}}

/* --- Resources dropdown (top nav) --- */
.navdrop{position:relative}
.navdrop-btn{font-family:inherit;font-weight:700;font-size:14.5px;color:inherit;background:none;border:0;cursor:pointer;padding:4px 0;border-bottom:2.5px solid transparent;display:flex;align-items:center;gap:6px}
.navdrop-btn:hover{border-color:var(--yellow)}
.navdrop-menu{display:none;position:absolute;top:100%;left:-16px;min-width:180px;background:var(--paper);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);z-index:70;flex-direction:column}
.navdrop.open .navdrop-menu,.navdrop:hover .navdrop-menu{display:flex}
.navdrop-menu a{padding:12px 16px;border-bottom:2px solid var(--paper-2)}
.navdrop-menu a:last-child{border-bottom:0}
.navdrop-menu a:hover{background:var(--yellow);border-bottom-color:var(--paper-2)}
@media(max-width:900px){
  .navdrop{width:100%}
  .navdrop-btn{display:none}
  .navdrop-menu{display:flex;position:static;border:0;box-shadow:none;min-width:0}
  .navdrop-menu a{padding:16px 24px;border-bottom:2px solid var(--paper-2);font-size:16px;font-family:'Archivo Black'}
  .navdrop-menu a:hover{background:var(--yellow);border-bottom-color:var(--ink)}
}