@font-face{font-family:Archivo;src:url(/fonts/Archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%}
@font-face{font-family:Marker;src:url(/fonts/Marker.woff2) format("woff2")}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;min-height:100vh;-webkit-font-smoothing:antialiased}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
header{display:flex;justify-content:space-between;align-items:center;padding:22px 0}
.hero{display:grid;gap:36px;padding:28px 0 40px;align-items:center}
@media(min-width:960px){.hero{grid-template-columns:1fr 1fr;gap:64px;padding-top:72px}}
h1{margin:0}
.form{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px;max-width:480px}
.form input{flex:1 1 220px;padding:14px 16px;font:inherit;font-size:17px;border-radius:10px;border:1px solid}
.form button{padding:14px 22px;font:inherit;font-size:17px;font-weight:700;border-radius:10px;border:0;cursor:pointer}
.fine{font-size:14px;margin-top:12px;opacity:.75}
svg{width:100%;height:auto;display:block}

body{font-family:Archivo,sans-serif}
.sec{padding:64px 0}
.sec .grid{display:grid;gap:36px;align-items:center}
@media(min-width:960px){.sec .grid{grid-template-columns:1fr 1fr;gap:64px}.sec.hero1{padding-top:40px}}
.hd{margin:0}
.form{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px;max-width:480px}
.fine{font-size:12px;margin-top:10px;opacity:.75;max-width:40em}
/* infomercial */
.info{background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 2px,transparent 2px 4px),radial-gradient(circle at 30% 20%,#2b2bd6,#0a0a6b 70%);color:#fff}
.info .hd{font-weight:900;font-stretch:62%;text-transform:uppercase;font-size:clamp(46px,6vw,78px);line-height:.9;text-shadow:4px 4px 0 #d6261e}
.info .hd em{font-style:normal;color:#ffe14d}
.info .sub{font-size:clamp(19px,1.9vw,24px);font-weight:700;line-height:1.35;margin:22px 0 0;max-width:30em}
.info .sub b{background:#ffe14d;color:#0a0a6b;padding:0 6px}
.info input{background:#fff;border:3px solid #ffe14d;color:#111}
.info button{background:#d6261e;color:#fff;font-weight:900;font-stretch:80%;text-transform:uppercase;box-shadow:4px 4px 0 #ffe14d}
/* 1994 */
.y94{background:#e9dcc0;color:#2a1d12}
.y94 .hd{font-weight:900;font-size:clamp(42px,6.2vw,78px);line-height:.98;letter-spacing:-.02em}
.y94 .hd span{font-family:Marker;font-weight:400;color:#c0392b;display:inline-block;transform:rotate(-3deg)}
.y94 ol{margin:24px 0 0;padding:0;list-style:none;display:grid;gap:12px;max-width:34em}
.y94 li{font-size:clamp(17px,1.6vw,20px);line-height:1.4;display:grid;grid-template-columns:44px 1fr;align-items:start}
.y94 li b{font-family:Marker;font-weight:400;font-size:26px;color:#c0392b}
.y94 .limit{margin-top:18px;font-size:15px;color:#6b5a48;max-width:34em}
.y94 input{background:#fffaf0;border-color:#b9a585;color:#2a1d12}.y94 button{background:#2a1d12;color:#ffd23f}
/* chat */
.chat{background:#111;color:#fff}
.chat .hd{font-weight:900;font-size:clamp(40px,5.8vw,72px);line-height:.98;letter-spacing:-.03em}
.chat .hd span{color:#34c759}
.chat .sub{font-size:clamp(17px,1.7vw,21px);line-height:1.5;margin:20px 0 0;max-width:31em;color:#bbb}
.chat input{background:#1c1c1e;border-color:#333;color:#fff}.chat button{background:#34c759;color:#04170a}
.phone{max-width:380px;margin:0 auto;background:#000;border:10px solid #2a2a2c;border-radius:44px;padding:20px 14px 26px;font-size:17px;line-height:1.3}
.who{text-align:center;font-size:13px;color:#8e8e93;margin-bottom:12px}.who b{display:block;color:#fff;font-size:15px}
.m{max-width:80%;padding:9px 14px;border-radius:20px;margin:4px 0;width:fit-content}.l{background:#2c2c2e}.r{background:#0a84ff;margin-left:auto}
.big{font-size:42px;background:none;padding:0}.time{text-align:center;font-size:12px;color:#8e8e93;margin:8px 0}
/* top bar + footer */
.top{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
.mark{font-family:Marker;font-size:26px;white-space:nowrap}
.foot{background:#0a0a0a;color:#bbb;font-size:14px;padding:36px 0;line-height:1.6}
.foot a{color:#fff}
/* ---- live page additions ---- */
.signup{margin-top:26px;max-width:520px;display:grid;gap:12px}
.signup label{font-weight:700;font-size:15px}
.dob{display:flex;gap:8px}
.dob select{flex:1;padding:12px;font:inherit;font-size:16px;border-radius:10px;border:3px solid #ffe14d;background:#fff;color:#111}
.signup .row{display:flex;gap:8px;flex-wrap:wrap}
.signup input[type=email]{width:100%;padding:14px 16px;font:inherit;font-size:17px;border-radius:10px;border:3px solid #ffe14d;background:#fff;color:#111}
.signup button{padding:14px 22px;font:inherit;font-size:17px;border:0;border-radius:10px;cursor:pointer;background:#d6261e;color:#fff;font-weight:900;font-stretch:80%;text-transform:uppercase;box-shadow:4px 4px 0 #ffe14d}
.signup button[disabled]{opacity:.6;cursor:wait}
.signup .consent{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:13px;line-height:1.45;font-weight:400;opacity:.92}
.consent input{width:20px;height:20px;margin-top:2px}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.msg{font-weight:700;font-size:16px;min-height:1.2em}
.msg.ok{color:#ffe14d}.msg.err{color:#ffb3ad}
.links{font-size:14px}.links a{color:inherit}
.sec2cta{margin-top:24px}
.sec2cta a{display:inline-block;padding:12px 20px;border-radius:10px;font-weight:800;text-decoration:none}
.y94 .sec2cta a{background:#2a1d12;color:#ffd23f}.chat .sec2cta a{background:#34c759;color:#04170a}
.foot p{margin:0 0 8px;max-width:60em}
.doc{max-width:760px;margin:0 auto;padding:32px 16px 64px;line-height:1.6;font-size:17px;color:#1b1b1f;background:#fff}
.docwrap{background:#fff;min-height:100vh}
.doc h1{font-size:32px;line-height:1.15;margin:16px 0 4px}.doc h2{font-size:20px;margin:28px 0 6px}
.doc .back{font-weight:700;color:#0a0a6b}
.simple{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}
.simple h1{font-weight:900;font-stretch:62%;text-transform:uppercase;font-size:clamp(40px,8vw,80px);line-height:.95;margin:0 0 16px;text-shadow:4px 4px 0 #d6261e}
.locks{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.locks button{padding:12px 18px;border-radius:10px;border:3px solid #ffe14d;background:transparent;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.locks button.picked{background:#ffe14d;color:#0a0a6b}

/* ---- 2026-11-02 design round 7 (Logan): side-effects ticker, No Nut November banner, rotating browser-history section ---- */
.od{display:none}@media(min-width:960px){.od{display:block}.om{display:none} }
.lt{display:inline-block;background:#ffe14d;color:#0a0a6b;font-weight:900;font-stretch:70%;text-transform:uppercase;font-size:clamp(17px,1.8vw,26px);line-height:1.1;padding:9px 14px;margin:0 0 18px;box-shadow:4px 4px 0 #d6261e;letter-spacing:.01em}
.lt.od{display:none}@media(min-width:960px){.lt.om{display:none}.lt.od{display:inline-block;margin:0 0 0 40px;transform:rotate(-2deg)} }
.lt b{color:#d6261e}
.crawl{background:#d6261e;color:#fff;font-weight:900;font-stretch:70%;text-transform:uppercase;font-size:clamp(15px,1.5vw,20px);padding:8px 0;white-space:nowrap;overflow:hidden;border-bottom:3px solid #ffe14d}
.crawl span{display:inline-block;padding-right:40px}.crawl span::after{content:"  ★";color:#ffe14d}
.hero1{padding-top:0!important}
.hist{background:linear-gradient(135deg,#ff4fa3 0%,#8a3cf0 55%,#3b2bd6 100%);color:#fff} .hist .bw{color:#14141a}.hist .sub{color:#fbe9ff!important}.hist .hd span{color:#ffe14d!important}.hist .sec2cta a{background:#ffe14d!important;color:#14141a!important}
.hist .hd{font-weight:900;font-size:clamp(40px,5.8vw,72px);line-height:.98;letter-spacing:-.03em}
.hist .hd span{color:#d6261e}
.hist .sub{font-size:clamp(17px,1.7vw,21px);line-height:1.5;margin:20px 0 0;max-width:31em;color:#4a4a55}
.hist .sec2cta a{background:#14141a;color:#ffe14d}
.bw{background:#fff;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.18);overflow:hidden;max-width:540px;margin:0 auto;font-size:15px;position:relative}
.bw .bar{background:#e4e6ec;padding:10px 12px;display:flex;align-items:center;gap:8px}
.bw .dots i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:5px;background:#ff5f57}.bw .dots i+i{background:#febc2e}.bw .dots i+i+i{background:#28c840}
.bw .addr{flex:1;background:#fff;border-radius:16px;padding:6px 12px;color:#555;font-size:13px}
.bw .body{padding:18px 20px 20px}
.bw h4{margin:0 0 4px;font-size:22px}.bw .day{color:#666;font-size:13px;margin:14px 0 6px;font-weight:700}
.row{display:grid;grid-template-columns:68px 22px 1fr;align-items:center;gap:10px;padding:9px 8px;border-radius:8px}
.row .tm{color:#777;font-size:13px}.row .fv{width:18px;height:18px;border-radius:4px;background:#c9ccd6}
.row.tape{background:#fff6c2;font-weight:700}.row.tape .fv{background:#141418;border:2px solid #f1e2b6}
.row small{display:block;color:#888;font-weight:400;font-size:12px}
.share{position:absolute;inset:0 0 auto 0;background:#d6261e;color:#fff;font-weight:700;font-size:14px;padding:9px 14px;display:flex;justify-content:space-between;align-items:center;z-index:2}
.share b{background:#fff;color:#d6261e;border-radius:6px;padding:3px 9px;font-size:12px}
.tiles{display:flex;gap:8px;justify-content:center;margin-top:12px}
.tiles div{background:#22232a;color:#fff;border-radius:10px;width:118px;height:76px;display:grid;place-items:center;font-size:13px;text-align:center;line-height:1.3}
.tiles div span{font-size:24px;display:block}
.dlg{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.35);width:78%;padding:18px 20px;z-index:2}
.dlg h5{margin:0 0 8px;font-size:18px}.dlg p{margin:0 0 14px;color:#555;font-size:14px}
.dlg .btns{display:flex;justify-content:flex-end;gap:8px}.dlg .btns span{padding:8px 14px;border-radius:8px;font-weight:700;font-size:14px}
.dlg .keep{background:#14141a;color:#ffe14d}.dlg .clr{color:#aaa;text-decoration:line-through}
.dim .body .row,.dim .body .day,.dim .body h4{opacity:.35}
.hstack{display:grid}.hv{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .6s,visibility 0s .6s}
.hv.on{opacity:1;visibility:visible;transition:opacity .6s}
.hdots{display:flex;gap:10px;justify-content:center;margin-top:28px}
.hdot{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:transparent;padding:0;cursor:pointer}
.hdot.on{background:#ffe14d;border-color:#ffe14d}
@media(prefers-reduced-motion:reduce){.hv,.hv.on{transition:none} }
