:root{--bg:#0b0614;--bg2:#150a26;--ink:#1a1210;--paper:#f1e2b8;--paper2:#e6d198;--red:#c8321e;--blue:#1f3f8a;--grn:#2e7d4a;--yel:#e8b92a;--vio:#4b2370;--lime:#9cff5a;--txt:#efe4ff;--mute:#b9a8d0;--font:"Palatino Linotype","Book Antiqua",Palatino,"Noto Serif","DejaVu Serif",Georgia,serif;--px:0px;--py:0px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--txt);font-family:var(--font);line-height:1.6;overflow-x:hidden;min-height:100vh;position:relative}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(45% 35% at 8% 8%,rgba(156,255,90,.10),transparent 70%),radial-gradient(40% 40% at 95% 25%,rgba(200,50,30,.14),transparent 70%),radial-gradient(60% 40% at 50% 110%,rgba(120,50,190,.35),transparent 70%)}
a{color:inherit;text-decoration:none}
svg{display:block;max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
::selection{background:var(--yel);color:#210}
h1,h2,h3{line-height:1.12;margin:0 0 .5em;letter-spacing:.005em}
p{margin:0 0 1em}
.top-mq{background:var(--red);color:var(--paper);border-bottom:3px solid var(--ink);overflow:hidden;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}
.top-mq div{display:flex;gap:56px;white-space:nowrap;padding:6px 0;width:max-content;animation:tick 40s linear infinite}
.nav{position:sticky;top:0;z-index:60;background:rgba(11,6,20,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:3px double var(--paper)}
.nav .wrap{display:flex;align-items:center;gap:16px;height:68px}
.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.2rem;color:var(--paper)}
.logo svg{width:42px;height:42px;flex:none}
.logo small{display:block;font-size:.66rem;letter-spacing:.18em;color:var(--lime);font-weight:600;text-transform:uppercase;margin-top:2px}
.menu{margin-left:auto;display:flex;gap:3px;align-items:center}
.menu a{padding:9px 14px;font-size:.95rem;color:var(--paper);border:2px solid transparent;border-radius:4px}
.menu a:hover,.menu a.on{border-color:var(--paper);background:rgba(241,226,184,.08)}
.menu a.cta{background:var(--yel);color:var(--ink);font-weight:800;margin-left:8px;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--red)}
#nv,.burger{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 26px;font-weight:800;font-size:.98rem;cursor:pointer;border:3px solid var(--ink);border-radius:4px;font-family:inherit;transition:transform .15s,box-shadow .15s;text-align:center}
.btn:hover{transform:translate(-2px,-2px)}
.btn.hot{background:var(--yel);color:var(--ink);box-shadow:5px 5px 0 var(--red)}
.btn.hot:hover{box-shadow:7px 7px 0 var(--red)}
.btn.ghost{background:var(--paper);color:var(--ink);box-shadow:5px 5px 0 var(--blue)}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--lime);font-weight:800;margin-bottom:14px}
.eyebrow i{width:26px;height:3px;background:var(--lime);display:block}
.hero,.page-hero{padding:44px 0 28px;position:relative}
.hero .wrap{display:grid;grid-template-columns:1fr 1.08fr;gap:34px;align-items:center}
.page-hero .wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:34px;align-items:center}
.hero h1{font-size:clamp(2.2rem,4.8vw,3.9rem);margin-bottom:.3em;color:var(--paper);text-shadow:3px 3px 0 var(--red),0 0 24px rgba(156,255,90,.25)}
.page-hero h1{font-size:clamp(2.1rem,4.6vw,3.6rem);color:var(--paper);text-shadow:3px 3px 0 var(--red)}
.hero h1 em{font-style:italic;color:var(--lime);text-shadow:3px 3px 0 var(--vio);animation:jit 6s infinite steps(1)}
.motto{display:inline-block;font-style:italic;font-size:clamp(1.25rem,2.6vw,1.8rem);color:var(--yel);border-left:5px solid var(--red);padding:4px 0 4px 16px;margin:2px 0 18px}
.lead{font-size:1.08rem;color:#e0d3f3;max-width:36em}
.cta-row{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.stat{background:var(--paper);color:var(--ink);border:3px solid var(--ink);padding:10px 12px;box-shadow:4px 4px 0 var(--blue)}
.stat b{display:block;font-size:1.6rem;color:var(--red);line-height:1.2}
.stat span{font-size:.74rem;line-height:1.3;display:block}
.scene{width:100%;height:auto;border:4px solid var(--paper);outline:3px solid var(--ink);box-shadow:8px 8px 0 var(--red),0 0 60px rgba(120,50,190,.5)}
.scene-box{position:relative}
.scene .bl,.bl{animation:blink 6s infinite;transform-box:fill-box;transform-origin:center}
.scene .tn{animation:sway 7s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 100%}
.scene .saw{animation:saw 1.1s ease-in-out infinite alternate}
.scene .dm{animation:dm 1.1s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 100%}
.scene .fl,.owl .fl{animation:flick .5s infinite alternate;transform-box:fill-box;transform-origin:50% 100%}
.scene .st{animation:steam 3s ease-in-out infinite alternate}
.ticker{overflow:hidden;border-block:3px solid var(--paper);background:var(--vio);margin:26px 0}
.ticker div{display:flex;gap:44px;white-space:nowrap;padding:12px 0;animation:tick 70s linear infinite;width:max-content}
.ticker span{color:var(--paper);font-size:.95rem;font-style:italic}.ticker span:before{content:"\2022 \25C9 \2022";color:var(--lime);margin-right:14px}
section.s{padding:52px 0}
.sh{max-width:46em;margin-bottom:28px}.sh h2{font-size:clamp(1.7rem,3.4vw,2.6rem);color:var(--paper);text-shadow:2px 2px 0 var(--red)}.sh p{color:var(--mute);font-size:1.05rem}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.paper{position:relative;background:var(--paper);color:var(--ink);padding:24px 24px;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--red),inset 0 0 0 5px var(--paper),inset 0 0 0 7px var(--red),inset 0 0 0 10px var(--paper),inset 0 0 0 11px var(--ink)}
.paper:before,.paper:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:var(--blue);border:2px solid var(--ink);top:14px;left:14px}
.paper:after{left:auto;right:14px}
.paper h3{font-size:1.25rem;color:var(--red);margin-bottom:.4em;padding-top:6px}.paper p{margin:0}
.paper.dark{background:#1b0d33;color:var(--txt);box-shadow:6px 6px 0 var(--lime),inset 0 0 0 5px #1b0d33,inset 0 0 0 7px var(--vio),inset 0 0 0 10px #1b0d33,inset 0 0 0 11px var(--paper);border-color:var(--paper)}
.paper.dark h3{color:var(--lime)}
.paper.dark:before,.paper.dark:after{background:var(--lime)}
.lub{margin:0;background:var(--paper);color:var(--ink);border:4px solid var(--ink);box-shadow:7px 7px 0 var(--blue);padding:10px;display:flex;flex-direction:column}
.lub .pic{border:3px solid var(--ink);overflow:hidden;background:#000}.lub .pic svg{width:100%;height:auto}
.lub figcaption{padding:12px 6px 6px}.lub h3{font-size:1.2rem;color:var(--red);margin-bottom:.35em}.lub p{margin:0 0 .6em;font-size:.97rem}
.lub em{display:block;border-top:2px dashed var(--ink);padding-top:8px;font-size:.92rem;color:var(--blue);font-weight:700}
.kashabox{display:grid;grid-template-columns:.7fr 1.3fr;gap:24px;align-items:center}
.kpot svg{width:100%;height:auto;overflow:visible;max-height:300px}
.kasha-list{display:grid;gap:24px}
.kasha-list ol{margin:0;padding-left:1.2em}
.meter .bar{height:26px;border:3px solid var(--paper);background:#150a26;margin-top:8px}.meter .bar i{display:block;height:100%;background:repeating-linear-gradient(45deg,var(--lime) 0 10px,#6fbf2a 10px 20px)}
.meter .bar.red i{background:repeating-linear-gradient(45deg,var(--red) 0 10px,#8a1f10 10px 20px)}.meter .bar.blk i{background:repeating-linear-gradient(45deg,#000 0 10px,var(--vio) 10px 20px)}
.meter>div:first-child p{margin:6px 0 14px;color:var(--mute)}.meter b{color:var(--yel)}
.meter{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
.note{font-size:.9rem;margin-top:.8em!important}
.pill{display:inline-block;padding:3px 12px;font-size:.78rem;font-weight:800;background:var(--lime);color:var(--ink);border:2px solid var(--ink)}
.band{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--red);color:var(--paper);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--yel);padding:28px 32px}
.band h2{font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:.3em}.band p{margin:0;max-width:40em}
.quote p{font-size:1.02rem;margin-bottom:1em;font-style:italic}
.quote cite{display:flex;gap:12px;align-items:center;font-style:normal;font-size:.88rem}.quote cite svg{width:54px;height:54px;flex:none}
.ph-side{text-align:center}.ph-side svg{width:100%;height:auto;margin-bottom:10px}.ph-side p{font-size:.95rem;font-style:italic}
.formgrid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:start}
.form{display:grid;gap:14px}
.form label{display:block;font-weight:700;font-size:.92rem}
.form input[type=text],.form select,.form textarea{display:block;width:100%;margin-top:5px;padding:10px 12px;border:3px solid var(--ink);background:#fbf4dc;font:inherit;color:var(--ink);border-radius:2px}
.form .chk{display:flex;gap:10px;align-items:center}.form .chk input{width:20px;height:20px;accent-color:var(--red)}
.form .btn{justify-self:start}
.side{display:grid;gap:24px}.side ul{margin:0;padding-left:1.2em}.side .btn{margin-top:12px}
.talonout,.answer{display:none}.talonout.show{display:block;margin-top:12px;font-weight:700;color:var(--blue)}
.answer.show{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;margin-top:34px;animation:pop .5s}
.answer .stamp svg{width:200px;height:200px;transform:rotate(-12deg)}.answer h3{font-size:1.6rem}.answer .num{font-weight:800;color:var(--blue);margin-bottom:.6em!important}
.queue{padding:14px}.queue svg{width:100%;height:auto;border:3px solid var(--ink)}.queue small{display:block;margin-top:10px;font-style:italic}
.big404{font-size:clamp(4.5rem,15vw,9rem);font-weight:900;line-height:1;margin:10px 0 0;color:var(--paper);text-shadow:5px 5px 0 var(--red),10px 10px 0 var(--vio)}
.foot{margin-top:50px;border-top:3px double var(--paper);background:#07030f;padding:40px 0 24px}
.foot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
.foot h5{margin:0 0 10px;color:var(--lime);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}
.foot .cols a{display:block;color:var(--mute);padding:3px 0}.foot .cols a:hover{color:var(--paper)}
.bdg{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 14px;align-items:center}
.bdg span{border:2px solid var(--paper);padding:2px 9px;font-size:.74rem;color:var(--paper);background:var(--vio);font-weight:700}
.bdg .cnt-l{margin-left:auto;font-size:.8rem;color:var(--mute)}
.copy{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:#8f7fa8;font-size:.82rem;border-top:1px solid rgba(241,226,184,.2);padding-top:14px}
@keyframes tick{to{transform:translateX(-50%)}}
@keyframes blink{0%,90%,100%{transform:scaleY(1)}94%{transform:scaleY(.08)}}
@keyframes sway{to{transform:rotate(3deg) translateX(4px)}}
@keyframes saw{to{transform:translateX(12px)}}
@keyframes dm{to{transform:translateX(-4px) rotate(-1.5deg)}}
@keyframes flick{to{transform:scale(1.2,.85)}}
@keyframes steam{to{transform:translateY(-6px);opacity:.3}}
@keyframes jit{0%,92%,100%{transform:none}94%{transform:translate(3px,-2px) skewX(-6deg)}96%{transform:translate(-3px,1px)}}
@keyframes pop{from{opacity:0;transform:scale(.9)}}
@media(max-width:980px){.hero .wrap,.page-hero .wrap,.formgrid,.meter,.kashabox{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.foot .cols{grid-template-columns:1fr 1fr}.band{flex-direction:column;align-items:flex-start}}
@media(max-width:820px){
.burger{display:flex;flex-direction:column;gap:5px;margin-left:auto;padding:10px;cursor:pointer;border:2px solid var(--paper)}.burger i{display:block;width:24px;height:3px;background:var(--paper)}
.menu{position:absolute;top:68px;left:0;right:0;margin:0;flex-direction:column;align-items:stretch;background:#0b0614;border-bottom:3px double var(--paper);padding:12px 22px 18px;display:none}
#nv:checked~.menu{display:flex}.menu a{padding:13px 14px}.menu a.cta{margin:8px 0 0}}
@media(max-width:620px){.grid,.grid.two{grid-template-columns:1fr}.foot .cols{grid-template-columns:1fr}.wrap{padding:0 16px}.hero{padding-top:26px}.answer.show{grid-template-columns:1fr;justify-items:center;text-align:center}.band{padding:22px 20px}.cta-row .btn{width:100%}.paper{padding:22px 18px}.bdg .cnt-l{margin-left:0}.nav .wrap{height:62px}.menu{top:62px}.hero h1{font-size:2.05rem}.logo small{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
