:root {
  --ink: #0a0f12;
  --ink-2: #111a1f;
  --paper: #f3f2ec;
  --paper-2: #e8e7df;
  --white: #fff;
  --line: #c9ccc7;
  --muted: #646d70;
  --signal: #e7ff19;
  --cyan: #3fd8ff;
  --orange: #ff6247;
  --display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --body: "Inter", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 16px/1.75 var(--body); }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; opacity: .26; background-image: radial-gradient(#778086 0.7px, transparent 0.7px); background-size: 10px 10px; pointer-events: none; }
body:has(dialog[open]) { overflow: hidden; }
a { color: inherit; }
img { display: block; max-width: 100%; }
button { font: inherit; }
::selection { background: var(--signal); color: var(--ink); }
.skip-link { position: fixed; left: 12px; top: -60px; z-index: 200; background: var(--signal); padding: 8px 14px; color: var(--ink); }
.skip-link:focus { top: 12px; }

.site-header { position: absolute; z-index: 50; inset: 0 0 auto; color: white; border-bottom: 1px solid rgba(255,255,255,.16); }
.site-header.is-stuck { position: fixed; background: rgba(8,13,16,.94); backdrop-filter: blur(14px); animation: header-in .25s ease; box-shadow: 0 8px 30px rgba(0,0,0,.2); }
@keyframes header-in { from { transform: translateY(-100%); } }
.header-inner { max-width: 1440px; height: 78px; padding: 0 34px; margin: auto; display: flex; align-items: center; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: white; line-height: 1; flex: 0 0 auto; }
.brand-logo { width: 184px; height: auto; }
.brand-mark { display: grid; place-items: center; width: 39px; height: 39px; clip-path: polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px); background: var(--signal); color: var(--ink); font: 900 20px/1 var(--display); letter-spacing: -1px; }
.brand-copy { display: grid; gap: 3px; }
.brand-copy strong { font: 800 22px/1 var(--display); letter-spacing: .5px; }
.brand-copy strong span { color: var(--signal); }
.brand-copy small { font: 600 9px/1 var(--body); letter-spacing: 1.8px; color: rgba(255,255,255,.58); }
.desktop-nav { margin-left: auto; display: flex; align-items: center; gap: 24px; }
.desktop-nav a { text-decoration: none; color: rgba(255,255,255,.68); font: 700 12px/1 var(--body); text-transform: uppercase; letter-spacing: .6px; transition: color .2s; }
.desktop-nav a:hover { color: var(--signal); }
.header-cta { display: inline-flex; align-items: center; gap: 24px; padding: 12px 15px; background: var(--signal); color: var(--ink); text-decoration: none; font: 800 13px/1 var(--body); text-transform: uppercase; clip-path: polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px); }
.header-cta b { font-size: 18px; }
.menu-button { display: none; width: 42px; height: 42px; border: 0; background: transparent; color: white; cursor: pointer; }
.menu-button span { display: block; width: 23px; height: 2px; margin: 5px auto; background: currentColor; }
.mobile-nav { display: none; }
.reading-progress { position: absolute; inset: auto 0 -2px; height: 2px; overflow: hidden; }
.reading-progress span { display: block; width: 100%; height: 100%; background: var(--signal); transform: scaleX(0); transform-origin: left; }

.hero { height: 80svh; min-height: 0; position: relative; overflow: hidden; isolation: isolate; background: #091015; color: white; }
.hero::after { content: ""; position: absolute; z-index: -1; width: 860px; height: 860px; right: -140px; top: -160px; border-radius: 50%; background: radial-gradient(circle, rgba(63,216,255,.2), rgba(63,216,255,.03) 48%, transparent 68%); }
.hero-grid { position: absolute; z-index: -1; inset: 0; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.22) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px); background-size: 62px 62px; mask-image: linear-gradient(90deg,#000,transparent 90%); }
.hero-grid::after { content: ""; position: absolute; left: 55%; top: -20%; width: 240px; height: 140%; background: var(--signal); opacity: .55; transform: rotate(19deg); filter: blur(.1px); clip-path: polygon(42% 0,100% 0,58% 100%,0 100%); }
.hero-inner { max-width: 1320px; height: calc(80svh - 50px); min-height: 0; margin: auto; padding: 100px 42px 45px; display: grid; grid-template-columns: minmax(0,1.03fr) minmax(380px,.97fr); align-items: center; position: relative; }
.hero-copy { position: relative; z-index: 3; max-width: 760px; }
.hero-eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--signal); font: 700 12px/1 var(--body); letter-spacing: 2.3px; }
.hero-eyebrow::before { content: ""; width: 34px; height: 2px; background: currentColor; }
.hero h1 { max-width: 760px; margin: 14px 0 13px; font: 900 clamp(48px,5.2vw,76px)/.9 var(--display); letter-spacing: -1.7px; text-transform: uppercase; text-wrap: balance; }
.hero-copy > p { max-width: 660px; margin: 0; color: rgba(255,255,255,.72); font-size: 17px; line-height: 1.65; }
.hero-actions { display: flex; align-items: center; gap: 18px; margin-top: 22px; }
.offer-cta { min-height: 55px; display: inline-flex; align-items: center; justify-content: space-between; gap: 36px; padding: 0 18px 0 22px; background: var(--signal); color: var(--ink); text-decoration: none; text-transform: uppercase; font: 800 14px/1 var(--body); letter-spacing: .3px; clip-path: polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px); transition: transform .2s, filter .2s; }
.offer-cta:hover { transform: translateY(-2px); filter: brightness(1.05); }
.offer-cta b { font-size: 21px; }
.secondary-cta { color: rgba(255,255,255,.7); font: 700 12px/1 var(--body); text-decoration: none; text-transform: uppercase; letter-spacing: .5px; border-bottom: 1px solid rgba(255,255,255,.35); padding: 8px 0; }
.hero-meta { display: flex; flex-wrap: wrap; gap: 18px 28px; margin-top: 18px; color: rgba(255,255,255,.38); font: 600 9px/1.35 var(--body); letter-spacing: 1.2px; }
.hero-meta strong { display: block; margin-top: 5px; color: rgba(255,255,255,.86); font-size: 11px; letter-spacing: .4px; }
.hero-visual { position: absolute; z-index: 2; right: -70px; bottom: 0; width: clamp(620px,58vw,700px); height: min(118%,700px); display: grid; place-items: end center; pointer-events: none; }
.hero-visual::after { content: ""; position: absolute; z-index: -1; width: 500px; height: 500px; bottom: 40px; right: 20px; border: 1px solid rgba(255,255,255,.22); transform: rotate(45deg); }
.hero-visual img { width: 90%; height: 90%; max-height: none; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 26px 24px rgba(0,0,0,.42)); }
.hero-orbit { position: absolute; z-index: -1; width: 480px; height: 480px; right: 26px; bottom: 42px; border: 1px solid rgba(63,216,255,.45); border-radius: 50%; }
.hero-orbit::before,.hero-orbit::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.1); border-radius: inherit; }
.hero-orbit::before { inset: 36px; }
.hero-orbit::after { inset: 84px; }
.hero-code { position: absolute; z-index: -1; right: 13px; top: 26px; color: rgba(255,255,255,.16); font: 800 25px/.78 var(--display); letter-spacing: 3px; }
.hero-signal { position: absolute; left: 20px; bottom: 76px; writing-mode: vertical-rl; color: rgba(255,255,255,.22); font: 600 9px/1 var(--body); letter-spacing: 2px; }
.hero-status { height: 50px; position: absolute; inset: auto 0 0; z-index: 4; display: flex; justify-content: center; gap: 70px; align-items: center; border-top: 1px solid rgba(255,255,255,.12); background: rgba(3,8,10,.66); color: rgba(255,255,255,.5); font: 700 10px/1 var(--body); letter-spacing: 1.5px; }
.hero-status i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--signal); box-shadow: 0 0 0 4px rgba(231,255,25,.12); }

.trust-strip { max-width: 1210px; margin: -1px auto 0; padding: 0 24px; display: grid; grid-template-columns: repeat(4,1fr); position: relative; z-index: 5; transform: translateY(50%); }
.trust-strip div { min-height: 84px; padding: 20px 22px; background: white; border-right: 1px solid #deded8; box-shadow: 0 14px 34px rgba(11,18,20,.08); }
.trust-strip div:first-child { border-left: 4px solid var(--signal); }
.trust-strip span { display: block; color: var(--muted); font: 700 9px/1 var(--body); letter-spacing: 1.5px; }
.trust-strip strong { display: block; margin-top: 8px; font: 800 18px/1.1 var(--display); text-transform: uppercase; }
.horizontal-offer { max-width: 1162px; height: clamp(100px,14vw,190px); margin: 72px auto 0; display: block; overflow: hidden; background: #06111a; border: 1px solid rgba(63,216,255,.55); box-shadow: 0 16px 38px rgba(6,17,23,.16); text-decoration: none; transition: transform .2s,filter .2s; }
.horizontal-offer:hover { transform: translateY(-3px); filter: brightness(1.04); }
.horizontal-offer img { width: 100%; height: 100%; object-fit: cover; object-position: center 50%; }
.horizontal-offer + .article-layout { margin-top: 42px; }

.article-layout { max-width: 1210px; margin: 92px auto 0; padding: 0 24px 100px; display: grid; grid-template-columns: 275px minmax(0,780px); gap: 70px; align-items: start; }
.article-rail { position: sticky; top: 104px; }
.rail-section { padding: 20px 0 24px; border-top: 2px solid var(--ink); }
.rail-label { margin: 0 0 14px; color: var(--muted); font: 700 9px/1 var(--body); letter-spacing: 1.7px; }
.rail-toc { display: grid; }
.rail-toc a { display: grid; grid-template-columns: 30px 1fr; gap: 4px; padding: 8px 0; color: #747c7e; text-decoration: none; font-size: 11px; line-height: 1.35; border-bottom: 1px solid rgba(0,0,0,.07); }
.rail-toc a span { color: #a3a9aa; font: 700 9px/1.6 var(--body); }
.rail-toc a.is-active { color: var(--ink); font-weight: 700; }
.rail-toc a.is-active span { color: #6d7900; }
.rail-offer { min-height: 350px; margin: 18px 0 26px; padding: 24px; display: block; position: relative; overflow: hidden; isolation: isolate; background: var(--ink-2); color: white; text-decoration: none; clip-path: polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px); }
.rail-offer::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px); background-size: 28px 28px; }
.rail-offer > span { color: var(--signal); font: 700 9px/1 var(--body); letter-spacing: 1.7px; }
.rail-offer > strong { display: block; margin-top: 14px; font: 900 39px/.82 var(--display); }
.rail-offer > small { display: block; margin-top: 14px; color: rgba(255,255,255,.48); font: 600 10px/1.4 var(--body); text-transform: uppercase; }
.rail-offer > b { position: absolute; z-index: 2; left: 20px; bottom: 20px; padding: 10px 13px; background: var(--signal); color: var(--ink); font: 800 11px/1 var(--body); text-transform: uppercase; }
.rail-offer img { position: absolute; z-index: 1; right: -70px; bottom: -24px; max-width: 245px; max-height: 270px; object-fit: contain; filter: drop-shadow(0 15px 15px #000); }
.rail-links a { display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid var(--line); text-decoration: none; font-size: 11px; font-weight: 700; }
.rail-links a b { color: #7d8a00; }

.article { min-width: 0; font-size: 16px; }
.article .standfirst { margin: 0 0 54px; padding-bottom: 36px; border-bottom: 1px solid var(--line); font: 500 21px/1.6 var(--body); letter-spacing: -.3px; }
.article section { margin-top: 74px; }
.article section:first-of-type { margin-top: 0; }
.section-index { margin: 0 0 12px !important; color: #748000; font: 800 10px/1 var(--body); letter-spacing: 1.8px; }
.article h2 { margin: 0 0 23px; max-width: 720px; font: 900 clamp(38px,5vw,56px)/.95 var(--display); text-transform: uppercase; letter-spacing: -.8px; text-wrap: balance; }
.article h3 { margin: 44px 0 13px; font: 800 27px/1.08 var(--display); text-transform: uppercase; }
.article p { margin: 0 0 22px; }
.article a:not(.offer-cta) { text-decoration-color: #98a500; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.article code { padding: 2px 6px; background: #dfe3d6; border: 1px solid #c6cbbd; color: #364000; border-radius: 3px; font: 700 .9em/1.4 Consolas, monospace; }
body[data-page="codes"] .article code { cursor: copy; transition: background .2s,color .2s; }
body[data-page="codes"] .article code.is-copied { background: var(--ink); color: var(--signal); }
.answer-box { margin: 26px 0 30px !important; padding: 24px 25px 24px 30px; background: white; border-left: 5px solid var(--signal); box-shadow: 0 12px 30px rgba(12,20,22,.06); font-size: 17px; }
.answer-box::before { content: "QUICK ANSWER"; display: block; margin-bottom: 10px; color: #778300; font: 800 9px/1 var(--body); letter-spacing: 1.7px; }
.check-list { margin: 24px 0 30px; padding: 0; list-style: none; display: grid; gap: 9px; }
.check-list li { padding: 15px 18px 15px 45px; position: relative; background: rgba(255,255,255,.68); border: 1px solid #dbdcd6; }
.check-list li::before { content: "✓"; position: absolute; left: 17px; color: #6f7c00; font-weight: 900; }
.steps { padding: 0; margin: 26px 0; list-style: none; counter-reset: step; display: grid; gap: 8px; }
.steps li { display: grid; grid-template-columns: 52px 1fr; align-items: start; background: white; border: 1px solid #ddd; }
.steps li > span { min-height: 100%; display: grid; place-items: center; padding: 15px 10px; background: var(--ink); color: var(--signal); font: 800 14px/1 var(--display); }
.steps li > div { padding: 15px 18px; }
.data-table-wrap { overflow-x: auto; margin: 28px 0 34px; border: 1px solid #d1d3ce; box-shadow: 0 12px 30px rgba(12,20,22,.05); }
.data-table-wrap table { width: 100%; border-collapse: collapse; background: white; font-size: 13px; line-height: 1.45; }
.data-table-wrap th { padding: 13px 16px; background: var(--ink); color: white; text-align: left; text-transform: uppercase; font: 800 12px/1 var(--display); letter-spacing: .5px; }
.data-table-wrap td { padding: 14px 16px; border-top: 1px solid #e0e2dd; vertical-align: top; }
.data-table-wrap tbody tr:nth-child(even) { background: #f3f4ef; }
.data-table-wrap td:first-child { font-weight: 700; }
.article blockquote { margin: 32px 0; padding: 28px 30px; background: var(--ink); color: white; border-left: 5px solid var(--cyan); font: 600 19px/1.55 var(--body); }
.article-video { margin: 34px 0 42px; }
.video-embed { position: relative; overflow: hidden; aspect-ratio: 16 / 9; background: var(--ink); clip-path: polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px); box-shadow: 0 16px 38px rgba(6,17,23,.16); }
.video-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.article-video figcaption { margin-top: 11px; color: var(--muted); font-size: 10px; line-height: 1.55; }
.article-video figcaption span { margin-right: 9px; color: #687400; font-weight: 800; letter-spacing: 1.2px; }
.article-video figcaption a { font-weight: 700; }
.article-visual { margin: 52px 0 62px; }
.article-visual-frame { position: relative; overflow: hidden; background: var(--ink); clip-path: polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px); }
.article-visual-frame::after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(63,216,255,.48); pointer-events: none; clip-path: inherit; }
.article-visual img { width: 100%; height: auto; }
.article-visual figcaption { margin-top: 11px; color: var(--muted); font-size: 10px; line-height: 1.55; }
.article-visual figcaption span { margin-right: 9px; color: #687400; font-weight: 800; letter-spacing: 1.2px; }
.article-rule { margin: 45px 0 25px; border: 0; border-top: 1px solid var(--line); }
.verification { color: var(--muted); font-size: 12px; font-style: italic; }
.sources { color: var(--muted); font-size: 11px; line-height: 1.65; }
.sources a { color: #4d5b00; }
.affiliate-disclosure { margin: 22px 0 0 !important; padding: 17px 19px; background: #e5e5de; border: 1px solid #d1d2cb; color: var(--muted); font-size: 10px; line-height: 1.6; }
.inline-conversion { margin: 48px 0; padding: 25px 26px; display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; position: relative; overflow: hidden; background: var(--ink-2); color: white; clip-path: polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px); }
.inline-conversion::after { content: "01"; position: absolute; right: 240px; bottom: -28px; color: rgba(255,255,255,.04); font: 900 140px/1 var(--display); }
.inline-conversion > div { position: relative; z-index: 1; }
.inline-conversion > div span { display: block; color: var(--signal); font: 700 9px/1 var(--body); letter-spacing: 1.5px; }
.inline-conversion > div strong { display: block; margin-top: 9px; font: 800 28px/1 var(--display); text-transform: uppercase; }
.inline-conversion > div small { display: block; margin-top: 8px; color: rgba(255,255,255,.5); font-size: 10px; }
.inline-conversion .offer-cta { min-height: 50px; font-size: 11px; white-space: nowrap; }

.faq-section { padding-top: 14px; border-top: 3px solid var(--ink); }
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { padding: 21px 44px 21px 0; position: relative; cursor: pointer; list-style: none; font-weight: 700; line-height: 1.35; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span::before,.faq-list summary span::after { content: ""; position: absolute; right: 10px; top: 50%; width: 15px; height: 2px; background: var(--ink); }
.faq-list summary span::after { transform: rotate(90deg); transition: transform .2s; }
.faq-list details[open] summary span::after { transform: rotate(0); }
.faq-list details p { padding: 0 42px 22px 0; color: #51595b; }

.related-grid { padding: 86px max(24px,calc((100vw - 1160px)/2)) 96px; background: #dfe1d9; border-top: 1px solid #c5c8c2; }
.related-heading span { color: #687200; font: 800 10px/1 var(--body); letter-spacing: 1.7px; }
.related-heading h2 { margin: 10px 0 28px; font: 900 49px/.95 var(--display); text-transform: uppercase; }
.related-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }
.related-cards a { min-height: 190px; padding: 25px; display: flex; flex-direction: column; background: var(--paper); text-decoration: none; border-top: 4px solid var(--ink); transition: transform .2s, background .2s; }
.related-cards a:hover { transform: translateY(-5px); background: white; border-color: #869300; }
.related-cards span { color: var(--muted); font: 700 9px/1 var(--body); letter-spacing: 1.4px; text-transform: uppercase; }
.related-cards strong { max-width: 260px; margin-top: 18px; font: 800 25px/1.05 var(--display); text-transform: uppercase; }
.related-cards b { margin-top: auto; color: #687400; font-size: 11px; text-transform: uppercase; }

.site-footer { padding: 65px max(24px,calc((100vw - 1160px)/2)) 28px; background: #080d10; color: white; }
.footer-brand .brand-logo { width: 205px; }
.footer-main { display: grid; grid-template-columns: 280px 1fr auto; gap: 50px; align-items: start; }
.footer-main > p { max-width: 430px; margin: 0; color: rgba(255,255,255,.42); font-size: 12px; }
.footer-main nav { display: flex; flex-wrap: wrap; gap: 18px; }
.footer-main nav a,.footer-main nav button { padding: 0; border: 0; background: none; color: rgba(255,255,255,.58); text-decoration: none; cursor: pointer; font: 600 10px/1 var(--body); text-transform: uppercase; }
.footer-bottom { margin-top: 50px; padding-top: 20px; display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.32); font-size: 9px; text-transform: uppercase; letter-spacing: 1px; }

dialog { border: 0; padding: 0; }
dialog::backdrop { background: rgba(2,6,8,.8); backdrop-filter: blur(5px); }
.dialog-close { position: absolute; z-index: 5; right: 12px; top: 10px; width: 38px; height: 38px; border: 0; background: transparent; color: inherit; font-size: 27px; cursor: pointer; }
.privacy-dialog { width: min(560px,calc(100vw - 30px)); padding: 38px 42px; background: var(--paper); color: var(--ink); }
.privacy-dialog > span { color: #748000; font: 800 10px/1 var(--body); letter-spacing: 1.8px; }
.privacy-dialog h2 { margin: 11px 0 20px; font: 900 42px/1 var(--display); text-transform: uppercase; }
.privacy-dialog p { color: #50585a; font-size: 13px; }
.mission-dialog { width: min(760px,calc(100vw - 30px)); max-height: calc(100svh - 30px); overflow: auto; background: #0b1216; color: white; clip-path: polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px); }
.mission-dialog[open] { display: block; }
.mission-art { position: relative; overflow: hidden; aspect-ratio: 1200 / 628; background: #dff000; }
.mission-art::after { content: ""; position: absolute; inset: auto 0 0; height: 22%; background: linear-gradient(transparent,#0b1216); pointer-events: none; }
.mission-art video { width: 100%; height: 100%; object-fit: cover; }
.mission-copy { padding: 24px 34px 28px; }
.mission-copy > span { color: var(--signal); font: 700 9px/1 var(--body); letter-spacing: 1.8px; }
.mission-copy h2 { margin: 9px 0 10px; font: 900 42px/.9 var(--display); text-transform: uppercase; }
.mission-copy p { margin: 0; color: rgba(255,255,255,.62); font-size: 13px; }
.mission-copy .offer-cta { margin-top: 16px; width: 100%; position: relative; justify-content: center; padding-right: 52px; padding-left: 52px; text-align: center; }
.mission-copy .offer-cta b { position: absolute; right: 18px; }
.text-button { display: block; margin: 14px auto; border: 0; border-bottom: 1px solid rgba(255,255,255,.35); background: transparent; color: rgba(255,255,255,.58); font-size: 10px; cursor: pointer; }
.mission-copy small { display: block; text-align: center; color: rgba(255,255,255,.3); font-size: 9px; }
.mobile-offer { display: none; }

@media (max-width: 1100px) {
  .desktop-nav { gap: 15px; }
  .desktop-nav a:nth-last-child(-n+2) { display: none; }
  .article-layout { grid-template-columns: 230px minmax(0,1fr); gap: 42px; }
  .hero-visual { right: -120px; opacity: .78; }
}

@media (max-width: 820px) {
  body { padding-bottom: 64px; }
  .header-inner { height: 68px; padding: 0 18px; }
  .brand-copy small,.header-cta,.desktop-nav { display: none; }
  .menu-button { display: block; margin-left: auto; }
  .mobile-nav { position: absolute; inset: 68px 0 auto; padding: 12px 18px 20px; background: rgba(8,13,16,.97); border-top: 1px solid rgba(255,255,255,.1); }
  .site-header.menu-open .mobile-nav { display: grid; grid-template-columns: repeat(2,1fr); }
  .mobile-nav a { padding: 13px 8px; border-bottom: 1px solid rgba(255,255,255,.1); color: white; text-decoration: none; font-size: 12px; font-weight: 700; text-transform: uppercase; }
  .hero { height: 80svh; min-height: 0; }
  .hero-inner { height: calc(80svh - 50px); min-height: 0; padding: 88px 22px 58px; display: block; }
  .hero-copy { max-width: 650px; }
  .hero h1 { max-width: 620px; font-size: clamp(44px,10vw,64px); }
  .hero-copy > p { max-width: 520px; display: -webkit-box; overflow: hidden; font-size: 14px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
  .hero-visual { right: -160px; width: 560px; height: min(108%,600px); opacity: .42; }
  .hero-actions { position: relative; z-index: 4; }
  .hero-meta { display: none; }
  .hero-status { justify-content: flex-start; gap: 25px; padding: 0 22px; overflow: hidden; white-space: nowrap; }
  .hero-status span:nth-child(2) { display: none; }
  .trust-strip { grid-template-columns: repeat(2,1fr); transform: translateY(25%); }
  .trust-strip div { min-height: 78px; }
  .article-layout { display: block; margin-top: 70px; }
  .article-rail { display: none; }
  .article { max-width: 740px; margin: auto; }
  .related-cards { grid-template-columns: 1fr; }
  .related-cards a { min-height: 145px; }
  .footer-main { grid-template-columns: 1fr; gap: 28px; }
  .mission-copy { padding: 22px 30px 26px; }
  .mobile-offer { position: fixed; z-index: 60; inset: auto 0 0; min-height: 64px; padding: 8px 16px; display: flex; align-items: center; justify-content: space-between; background: var(--signal); color: var(--ink); text-decoration: none; box-shadow: 0 -8px 30px rgba(0,0,0,.18); }
  .mobile-offer small,.mobile-offer strong { display: block; }
  .mobile-offer small { font-size: 8px; letter-spacing: 1.3px; }
  .mobile-offer strong { font: 800 20px/1.1 var(--display); text-transform: uppercase; }
  .mobile-offer > b { font-size: 24px; }
}

@media (max-width: 560px) {
  .brand-logo { width: 154px; }
  .footer-brand .brand-logo { width: 184px; }
  .brand-mark { width: 35px; height: 35px; }
  .brand-copy strong { font-size: 20px; }
  .hero { height: 80svh; min-height: 0; }
  .hero-inner { height: calc(80svh - 50px); padding: 82px 17px 58px; }
  .hero h1 { margin-top: 12px; font-size: clamp(40px,12vw,54px); line-height: .92; }
  .hero-copy > p { font-size: 14px; line-height: 1.55; }
  .hero-actions { align-items: stretch; flex-direction: column; gap: 6px; margin-top: 18px; }
  .offer-cta { min-height: 52px; }
  .secondary-cta { align-self: flex-start; margin-top: 4px; }
  .hero-visual { right: -210px; bottom: 0; height: min(105%,560px); opacity: .32; }
  .hero-status { font-size: 8px; }
  .trust-strip { padding: 0 12px; }
  .trust-strip div { padding: 16px 13px; }
  .trust-strip strong { font-size: 15px; }
  .article-layout { margin-top: 64px; padding: 0 17px 76px; }
  .article .standfirst { margin-bottom: 46px; font-size: 18px; }
  .article section { margin-top: 58px; }
  .article h2 { font-size: 38px; }
  .article h3 { font-size: 24px; }
  .answer-box { padding: 20px; }
  .inline-conversion { grid-template-columns: 1fr; padding: 24px 20px; }
  .inline-conversion .offer-cta { width: 100%; }
  .data-table-wrap { margin-left: -8px; margin-right: -8px; }
  .data-table-wrap th,.data-table-wrap td { min-width: 120px; padding: 11px 12px; }
  .related-grid { padding-top: 64px; padding-bottom: 70px; }
  .related-heading h2 { font-size: 40px; }
  .footer-bottom { display: grid; gap: 8px; }
  .horizontal-offer { width: calc(100% - 24px); height: clamp(82px,22vw,110px); margin-top: 50px; }
  .horizontal-offer + .article-layout { margin-top: 34px; }
  .mission-copy { padding: 20px 21px 24px; }
  .mission-copy h2 { font-size: 36px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}