:root { --ink:#131410; --paper:#f3f0e8; --lime:#d7ff43; --orange:#ff5b32; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
img,iframe { max-width:100%; }
.skip-link { position:fixed; z-index:100; top:10px; left:10px; padding:12px 16px; background:var(--ink); color:#fff; transform:translateY(-150%); }
.skip-link:focus { transform:translateY(0); }
.page-fly { position:fixed; z-index:60; top:0; left:0; width:62px; height:62px; opacity:0; pointer-events:none; user-select:none; will-change:transform,opacity; filter:drop-shadow(0 5px 4px rgba(0,0,0,.28)); }
.page-fly::after { content:''; position:absolute; z-index:-1; left:14%; right:14%; bottom:-3px; height:8px; border-radius:50%; background:rgba(0,0,0,.18); filter:blur(3px); transform:scaleX(.9); }
.page-fly img { width:100%; height:100%; display:block; object-fit:contain; transform-origin:50% 54%; }
.page-fly[data-action="flying"] img { animation:flight-buzz .08s linear infinite alternate; }
@keyframes flight-buzz { from{transform:scaleX(.92) scaleY(1.04)} to{transform:scaleX(1.1) scaleY(.94)} }
a:focus-visible { outline:3px solid var(--orange); outline-offset:3px; }
[id] { scroll-margin-top:20px; }
.shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.nav { height:84px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #c9c5ba; }
.brand { display:inline-flex; align-items:center; gap:10px; font-size:14px; font-weight:900; letter-spacing:.15em; }
.brand-mark { width:32px; height:32px; flex:0 0 32px; display:block; object-fit:cover; border:1px solid var(--ink); }
.nav nav { display:flex; align-items:center; gap:28px; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.nav-play { min-height:44px; display:inline-flex; align-items:center; padding:12px 16px; background:var(--ink); color:#fff; }
.hero { min-height:680px; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; }
.hero-copy { padding:72px 46px 55px 0; }
.eyebrow,.section-label { font:800 11px 'Courier New',monospace; letter-spacing:.14em; text-transform:uppercase; }
.eyebrow::before { content:''; display:inline-block; width:28px; height:2px; margin:0 10px 3px 0; background:var(--orange); }
h1,h2 { margin:0; font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.055em; }
h1 { font-size:clamp(58px,7.2vw,104px); line-height:.88; }
h1 em { color:var(--orange); font-weight:400; }
.lede { max-width:610px; margin:30px 0; font-size:18px; line-height:1.6; }
.actions { display:flex; align-items:center; gap:28px; flex-wrap:wrap; }
.button { min-height:48px; display:inline-flex; align-items:center; justify-content:space-between; min-width:230px; padding:18px 20px; background:var(--ink); color:#fff; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; transition:.18s; }
.button:hover { transform:translate(-3px,-3px); box-shadow:5px 5px 0 var(--orange); }
.text-link { min-height:44px; display:inline-flex; align-items:center; padding:8px 0; border-bottom:1px solid; font-size:11px; font-weight:900; text-transform:uppercase; }
.score-strip { display:flex; margin-top:56px; border-block:1px solid #c9c5ba; }
.score-strip div { min-width:145px; padding:14px 20px 14px 0; margin-right:22px; }
.score-strip small,.score-strip strong { display:block; font-family:'Courier New',monospace; }
.score-strip small { font-size:8px; opacity:.55; margin-bottom:4px; }
.score-strip strong { font-size:14px; }
.score-strip .clear { color:#547800; }
.hero-art { align-self:center; width:100%; aspect-ratio:16/9; display:grid; place-items:center; overflow:hidden; background:var(--lime); border:1px solid; }
.hero-art img { width:100%; height:100%; object-fit:contain; }
.ticker { padding:15px 20px; overflow:hidden; white-space:nowrap; background:var(--orange); border-block:1px solid; text-align:center; font:900 11px 'Courier New',monospace; letter-spacing:.1em; }
.ticker b { padding:0 24px; }
.story { padding-block:110px 120px; }
.section-label { margin:0 0 30px; color:#6f6d66; }
.story-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.story h2,.trap h2 { font-size:clamp(48px,6vw,80px); line-height:.95; }
.story-grid > div { padding-left:45px; border-left:1px solid #aaa69c; }
.story-grid p { margin:0 0 22px; font-size:18px; line-height:1.65; }
.trap { background:var(--ink); color:#fff; }
.trap-grid { min-height:710px; display:grid; grid-template-columns:1fr 1fr; }
.product-card { margin:auto; width:min(460px,88%); display:flex; flex-direction:column; overflow:hidden; color:var(--ink); background:#fff; border:8px solid #fff; box-shadow:14px 14px 0 var(--orange); }
.product-card img { width:100%; height:auto; aspect-ratio:1/1; display:block; object-fit:cover; }
.product-caption { display:flex; flex-direction:column; padding:24px 26px 22px; background:#fff; border-top:1px solid #d7d3c9; }
.product-card strong { font:400 30px/1.05 Georgia,serif; letter-spacing:-.035em; }
.product-card small { margin-top:10px; color:#585a53; font:800 9px/1.45 'Courier New',monospace; letter-spacing:.04em; }
.product-card small b { color:var(--lime); }
.trap-copy { align-self:center; padding:80px 0 80px 70px; }
.lime { color:var(--lime); }
.trap-copy > p:not(.section-label):not(.disclosure) { max-width:520px; color:#c3c4bc; font-size:17px; line-height:1.6; }
.trap-copy ul { max-width:540px; margin:30px 0; padding:0; list-style:none; border-top:1px solid #41423d; }
.trap-copy li { padding:16px 0; border-bottom:1px solid #41423d; font-size:14px; }
.trap-copy li span { margin-right:18px; color:var(--lime); font:800 10px 'Courier New',monospace; }
.trap .button { background:var(--lime); color:var(--ink); }
.trap .button.disabled { opacity:.45; cursor:not-allowed; }
.buy-options { display:flex; gap:12px; flex-wrap:wrap; }
.buy-options .button { min-width:220px; }
.buy-options .affiliate-two-link { background:#fff; }
.two-note { max-width:500px; margin:16px 0 0; color:#fff; font-size:13px; font-weight:700; }
.disclosure { max-width:500px; margin-top:18px; color:#85877e; font-size:10px; line-height:1.5; }
.product-video-section { background:#e7e2d6; border-top:1px solid #c9c5ba; }
.product-video { width:min(900px,calc(100% - 48px)); display:grid; grid-template-columns:.62fr 1fr; gap:55px; align-items:center; padding-block:70px; }
.video-heading h2 { font-size:clamp(38px,4.2vw,56px); }
.video-heading > p:not(.section-label) { max-width:380px; color:#5f5d56; font-size:14px; line-height:1.6; }
.video-frame { position:relative; aspect-ratio:16/9; overflow:hidden; background:#19194b; border:5px solid var(--ink); box-shadow:10px 10px 0 var(--lime); }
.video-frame iframe { width:100%; height:100%; border:0; pointer-events:none; }
.video-affiliate-link { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; background:rgba(8,8,18,.08); }
.video-affiliate-link::after { content:''; position:absolute; inset:auto 0 0; height:28%; background:linear-gradient(transparent,rgba(8,8,18,.9)); }
.video-affiliate-link strong { position:absolute; z-index:1; right:22px; bottom:18px; font:900 11px 'Courier New',monospace; letter-spacing:.08em; text-transform:uppercase; }
.video-play { display:grid; place-items:center; width:62px; height:62px; padding-left:4px; border-radius:50%; background:var(--lime); color:var(--ink); font-size:23px; box-shadow:0 0 0 8px rgba(215,255,67,.2); transition:.18s; }
.video-affiliate-link:hover .video-play { transform:scale(1.08); background:#fff; }
.video-affiliate-link.is-playing { background:transparent; }
.video-affiliate-link.is-playing .video-play { opacity:0; transform:scale(.8); }
.video-affiliate-link.is-playing strong { padding:10px 12px; background:var(--ink); color:#fff; }
.video-disclosure { grid-column:2; margin:0; }
.footer { min-height:120px; display:flex; align-items:center; justify-content:space-between; gap:25px; font:800 10px 'Courier New',monospace; letter-spacing:.07em; text-transform:uppercase; }
.refill-footer { background:var(--ink); color:#fff; border-top:5px solid var(--orange); }
.refill-inner { min-height:110px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px 35px; padding-block:24px; }
.refill-inner div { display:flex; flex-direction:column; gap:5px; }
.refill-inner strong { font:400 24px/1 Georgia,serif; }
.refill-inner div span { color:#a9aaa3; font-size:12px; }
.refill-link { min-height:48px; display:inline-flex; align-items:center; padding:16px 20px; background:var(--lime); color:var(--ink); font:900 10px 'Courier New',monospace; letter-spacing:.08em; text-transform:uppercase; }
.refill-inner small { grid-column:1/-1; color:#777a71; font:700 8px/1.4 'Courier New',monospace; }
@media(max-width:850px){ .nav nav>a:not(.nav-play){display:none}.hero,.story-grid,.trap-grid,.product-video{grid-template-columns:1fr}.hero{min-height:0}.hero-copy{padding-right:0}.hero-art{aspect-ratio:16/9;margin-bottom:55px}.story-grid>div{padding:30px 0 0;border:0;border-top:1px solid #aaa69c}.product-card{margin-block:70px}.trap-copy{padding:0 0 80px}.product-video{gap:28px;padding-block:60px}.video-disclosure{grid-column:1}.footer{flex-direction:column;justify-content:center;padding-block:35px;text-align:center} }
@media(max-width:560px){ .shell{width:calc(100% - 28px)}.nav{height:70px;gap:8px}.brand{gap:7px;font-size:9px;letter-spacing:.09em;white-space:nowrap}.brand-mark{width:26px;height:26px;flex-basis:26px}.nav nav{gap:0}.nav-play{padding:9px 10px;font-size:8px;line-height:1.2;text-align:center}.hero-copy{padding-block:48px 36px}h1{font-size:clamp(44px,14vw,55px);line-height:.9}.lede{margin:24px 0;font-size:16px;line-height:1.55}.actions{gap:12px}.actions .button,.actions .text-link{width:100%}.score-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:38px}.score-strip div{min-width:0;margin:0;padding:12px 6px}.score-strip strong{font-size:11px}.ticker{padding-inline:10px;font-size:9px}.ticker b{padding-inline:10px}.story{padding-block:70px}.story h2,.trap h2{font-size:46px}.story-grid{gap:32px}.story-grid p{font-size:16px}.product-card{width:calc(100% - 22px);margin-block:55px;box-shadow:8px 8px 0 var(--orange)}.product-card strong{font-size:30px}.trap-copy{padding-bottom:65px}.buy-options{display:grid;grid-template-columns:1fr;width:100%}.buy-options .button{width:100%;min-width:0}.product-video{width:calc(100% - 28px)}.video-frame{box-shadow:6px 6px 0 var(--lime)}.video-affiliate-link strong{left:8px;right:8px;bottom:8px;text-align:center;font-size:8px}.footer{gap:15px}.refill-inner{grid-template-columns:1fr}.refill-link{width:100%;justify-content:center;text-align:center}.refill-inner small{grid-column:1} }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.page-fly{display:none}}