:root { --paper:#f5f3ed; --ink:#131313; --muted:#67655f; --line:#cfcac0; --lime:#cdf257; --coral:#ff765d; --blue:#6eb6d1; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope, Arial, sans-serif; font-size:15px; line-height:1.55; }
a { color:inherit; text-decoration:none; }
.skip-link { position:absolute; top:-40px; left:12px; padding:8px; background:var(--ink); color:white; z-index:4; }.skip-link:focus { top:12px; }
.announcement { min-height:38px; padding:8px 4vw; display:flex; align-items:center; gap:10px; color:#f5f3ed; background:var(--ink); font:11px/1.3 "DM Mono", monospace; }.announcement p { margin:0; flex:1; }.announcement a { text-decoration:underline; text-underline-offset:3px; }.pulse,.status-dot { display:inline-block; width:7px; height:7px; background:var(--coral); border-radius:50%; }.pulse { animation:pulse 1.8s infinite; }@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}
.site-header { min-height:82px; padding:0 4vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.wordmark { font:700 20px/1 "DM Mono", monospace; letter-spacing:-1.5px; }.wordmark span:first-child { color:var(--coral); }.wordmark span:last-child { color:var(--blue); }.site-header nav { display:flex; gap:28px; font-size:12px; font-weight:700; }.site-header nav a:hover,.text-link:hover { text-decoration:underline; text-underline-offset:4px; }.header-tools { display:flex; align-items:center; gap:19px; }.locale-link { color:var(--muted); font:600 11px/1 "DM Mono",monospace; }.locale-link:hover { color:var(--ink); }.header-action { font:600 12px/1 "DM Mono", monospace; border-bottom:1px solid var(--ink); padding-bottom:4px; }
.hero { min-height:620px; padding:7vw 4vw 5vw; display:grid; grid-template-columns:minmax(0, .9fr) minmax(370px, 1.1fr); gap:5vw; overflow:hidden; }.hero-copy { align-self:center; position:relative; z-index:1; }.eyebrow { margin:0 0 19px; color:var(--muted); font:11px/1.2 "DM Mono", monospace; letter-spacing:.6px; }.hero h1,.section h2 { margin:0; font:700 clamp(55px,8.4vw,130px)/.9 "Playfair Display", Georgia, serif; letter-spacing:0; }.hero h1 em,.section h2 em { font-weight:600; }.lede { max-width:530px; margin:27px 0 30px; font-size:17px; line-height:1.7; }.hero-actions { display:flex; align-items:center; gap:26px; }.button { display:inline-flex; align-items:center; gap:22px; padding:13px 16px; font:500 12px "DM Mono", monospace; }.button-dark { color:var(--paper); background:var(--ink); }.button-dark:hover { background:var(--coral); }.text-link { font:700 12px Manrope, sans-serif; }.hero-visual { aspect-ratio:1; align-self:center; position:relative; border:1px solid var(--ink); background:#dedbd2; }.hero-visual::before { content:""; position:absolute; inset:13px; border:1px solid rgba(19,19,19,.35); pointer-events:none; }.hero-visual canvas { display:block; width:100%; height:100%; }.visual-label { position:absolute; padding:3px 6px; color:var(--ink); background:var(--paper); font:10px/1.3 "DM Mono",monospace; }.visual-label.top { left:20px; top:20px; }.visual-label.bottom { right:20px; bottom:20px; }
.status-strip { min-height:100px; padding:20px 4vw; display:grid; align-items:center; grid-template-columns:1.1fr .8fr 2fr 1fr; gap:20px; color:var(--ink); border-block:1px solid var(--ink); background:var(--lime); font:11px/1.35 "DM Mono",monospace; }.status-strip strong { font-size:15px; }.status-strip p { margin:0; }.status-strip a { text-decoration:underline; text-underline-offset:4px; }
.section { padding:10vw 4vw; display:grid; grid-template-columns:.88fr 1.12fr; gap:7vw; }.section h2 { font-size:clamp(40px,5vw,74px); }.brief-body { max-width:700px; }.large-copy { margin:2px 0 24px; font-size:clamp(20px,2.1vw,30px); line-height:1.42; }.brief-body > p:not(.large-copy) { max-width:620px; color:#4e4c47; }.fact-grid { margin-top:58px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--ink); }.fact-grid article { padding:15px 17px 10px 0; border-right:1px solid var(--line); min-height:198px; }.fact-grid article+article { padding-left:17px; }.fact-grid article:last-child { border:0; }.fact-number { margin:0 0 28px; color:var(--coral); font:12px "DM Mono",monospace; }.fact-grid h3 { margin:0 0 10px; font-size:14px; }.fact-grid p:last-child { color:var(--muted); font-size:13px; }
.signals { color:var(--paper); background:var(--ink); }.signals .eyebrow { color:#bbb8b0; }.signal-list { margin:0; padding:0; list-style:none; border-top:1px solid #686762; }.signal-list li { padding:25px 0; display:grid; grid-template-columns:60px 1fr auto; gap:20px; border-bottom:1px solid #686762; }.signal-list li>span { color:var(--lime); font:12px "DM Mono",monospace; }.signal-list h3 { margin:0 0 5px; font-size:18px; }.signal-list p { margin:0; max-width:430px; color:#bbb8b0; }.signal-list b { align-self:center; padding:6px 9px; color:var(--ink); background:var(--coral); font:500 10px "DM Mono",monospace; text-transform:uppercase; }
.record { align-items:start; border-bottom:1px solid var(--ink); }.record-body { max-width:700px; }.reviewed { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:13px 0; border-block:1px solid var(--ink); font:11px "DM Mono",monospace; }.reviewed strong { font-size:12px; }.reviewed em { margin-right:auto; font-style:normal; }.method-list { margin:34px 0 0; padding:0; list-style:none; border-top:1px solid var(--line); }.method-list li { display:grid; grid-template-columns:40px 1fr; gap:12px; padding:13px 0; border-bottom:1px solid var(--line); font-size:14px; }.method-list span { color:var(--coral); font:11px "DM Mono",monospace; }
.watch { align-items:center; padding-block:8vw; background:var(--coral); }.watch-form { max-width:560px; width:100%; }.watch-form label { display:block; margin-bottom:9px; font:11px "DM Mono",monospace; }.email-row { display:flex; border-bottom:2px solid var(--ink); }.email-row input { width:100%; padding:10px 0; border:0; outline:0; color:var(--ink); background:transparent; font:600 21px Manrope,sans-serif; }.email-row input::placeholder { color:rgba(19,19,19,.55); }.email-row button { width:52px; border:0; color:var(--paper); background:var(--ink); font-size:25px; cursor:pointer; }.email-row button:hover { background:var(--blue); }.form-note { min-height:22px; margin:12px 0 0; font-size:11px; }.form-note.success { font-weight:700; }
.faq { padding-bottom:11vw; }.faq-list { border-top:1px solid var(--ink); }.faq details { border-bottom:1px solid var(--line); }.faq summary { display:flex; justify-content:space-between; gap:16px; padding:21px 0; cursor:pointer; list-style:none; font-size:17px; font-weight:700; }.faq summary::-webkit-details-marker { display:none; }.faq summary span { color:var(--coral); font:24px/18px "DM Mono",monospace; transition:transform .2s; }.faq details[open] summary span { transform:rotate(45deg); }.faq details p { max-width:650px; margin:0 42px 22px 0; color:var(--muted); }
footer { padding:24px 4vw; display:grid; grid-template-columns:1fr 2fr auto; gap:25px; align-items:start; color:#dedbd2; background:var(--ink); font-size:11px; }footer p{margin:0;}
@media (max-width:760px) { .announcement { padding-inline:20px; }.announcement a { display:none; }.site-header { min-height:65px; padding-inline:20px; }.site-header nav { display:none; }.header-tools { gap:13px; }.header-action { font-size:10px; }.hero { min-height:auto; padding:54px 20px 28px; grid-template-columns:1fr; gap:45px; }.hero h1 { font-size:76px; }.lede { font-size:15px; }.hero-visual { width:100%; }.status-strip { padding:16px 20px; grid-template-columns:1fr 1fr; gap:12px; }.status-strip p { grid-column:1/-1; }.status-strip a { display:none; }.section { padding:68px 20px; grid-template-columns:1fr; gap:35px; }.section h2 { font-size:47px; }.fact-grid { margin-top:37px; grid-template-columns:1fr; }.fact-grid article,.fact-grid article+article { min-height:0; padding:16px 0; border-right:0; border-bottom:1px solid var(--line); }.fact-grid article:last-child { border-bottom:0; }.fact-number { margin-bottom:12px; }.signal-list li { grid-template-columns:36px 1fr; gap:12px; }.signal-list b { grid-column:2; justify-self:start; }.watch { gap:35px; }.watch-form { max-width:none; }.email-row input { font-size:17px; }.record { gap:30px; }.reviewed { align-items:center; }.method-list { margin-top:27px; }.faq { padding-bottom:74px; } footer { padding:22px 20px; grid-template-columns:1fr; gap:13px; } }