/* Press presentation. Content and interaction scripts remain unchanged. */
:root{--paper:#f8f7f3;--ink:#19191b;--muted:#66646c;--purple:#704374;--line:#e1dfe0;--gutter:clamp(24px,5vw,80px)}
html{scroll-padding-top:110px}body{font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}::selection{background:#dfcde3;color:#251829}
body>[data-urgent-press]{font:700 11px/1.5 'DM Sans',sans-serif!important;letter-spacing:.13em!important;padding:11px 20px!important;background:#702d43!important;text-decoration:none!important}
body>header{max-width:none;padding:23px var(--gutter);background:rgba(248,247,243,.96);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);border-color:var(--line)}
.brand{display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:.13em}.brand:before{content:"";width:32px;height:32px;background:url('/favicon-32.png?v=rainbow-20260910') center/contain no-repeat;flex:none}
nav{gap:8px;font-size:12px;font-weight:600}nav a{padding:9px 15px;text-decoration:none;border-radius:7px}nav a[href='/press/']{background:#eae5ec;color:#603368}nav a:hover{background:#eee9ef}
.hero{max-width:1440px;padding:76px var(--gutter) 96px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);column-gap:clamp(40px,7vw,112px);align-items:start}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;line-height:1.7;margin:0 0 24px;color:var(--purple)}
.hero>.eyebrow{grid-column:1/-1;margin-bottom:44px;display:flex;align-items:center;gap:14px}.hero>.eyebrow:before{content:"";height:7px;width:7px;border-radius:50%;background:var(--purple);flex:none}
h1{grid-column:1;grid-row:2/6;font:800 clamp(52px,6.2vw,90px)/1.015 'DM Sans',sans-serif;letter-spacing:-.065em;margin:0;max-width:850px;text-wrap:balance}
.hero>.dek{font:500 clamp(27px,2.7vw,38px)/1.24 'Newsreader',Georgia,serif;letter-spacing:-.025em;margin:3px 0 28px;color:var(--ink)}
.hero>p:not(.eyebrow):not(.dek){font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 20px;max-width:460px}
.hero>.jump{justify-self:start;margin:13px 0 0;background:var(--purple);color:#fff;padding:16px 22px;border-radius:8px;text-decoration:none;font-size:13px;line-height:1.5;box-shadow:0 5px 15px #70437416;transition:background .2s,transform .2s}
.hero>.jump:hover{background:#58325d;transform:translateY(-2px)}
h2{font:600 clamp(30px,3.1vw,44px)/1.16 'Newsreader',Georgia,serif;letter-spacing:-.025em;text-wrap:balance;margin:0 0 26px}
.reading{max-width:820px;padding:64px 32px}.reading p{margin:0 0 23px}.reading a:not(.jump){text-decoration-color:#baa1bf;text-decoration-thickness:1px}.reading a:hover{text-decoration-color:var(--purple)}
.news{max-width:calc(1440px - 2 * var(--gutter));margin:0 auto 80px;padding:48px 0 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:0 clamp(48px,9vw,144px)}
.news>.eyebrow{grid-column:1;grid-row:1;margin-bottom:22px}.news>h2{grid-column:1;grid-row:2/5;max-width:380px;font-size:clamp(30px,3.3vw,47px)}.news>p:not(.eyebrow){grid-column:2;font-size:15px;line-height:1.85;color:#57545d}.news>p:last-child{color:var(--ink);font-weight:600;border-top:1px solid var(--line);padding-top:24px;margin-bottom:0}
#questions{background:#eeeaf0;padding:64px var(--gutter);border-block:1px solid #ddd4e1}.step{max-width:1120px;margin:0 auto}.step+.step{margin-top:40px;border-top:1px solid #d3c6d9;padding-top:40px;scroll-margin-top:24px}
.question{background:var(--paper);border:1px solid #d7ccdc;border-radius:16px;padding:clamp(28px,5vw,64px);box-shadow:0 12px 40px #30163804}.question>.eyebrow{margin-bottom:30px}.question h2{max-width:850px;font-family:'DM Sans',sans-serif;font-weight:500;font-size:clamp(28px,3.5vw,46px);line-height:1.2;letter-spacing:-.04em;margin-bottom:34px}.choices{gap:12px}
button{border-radius:8px;border-color:#c7b7ce;color:var(--purple);min-width:104px;min-height:50px;padding:14px 26px;font-size:12px;letter-spacing:.055em;transition:background .2s,color .2s,border-color .2s}
button:hover:not(:disabled),button[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:white}button:disabled:not([aria-pressed=true]){opacity:.45}.feedback{margin:20px 0 0;min-height:0;font-size:10px;letter-spacing:.1em;color:#593460}.feedback:empty{margin:0}.feedback.wrong{color:#962e41}
.answer.reading{max-width:850px;padding:44px 32px 8px}.answer h2{font-size:38px}.answer p{font-size:16px}.next{background:var(--purple);border-color:var(--purple);color:white;letter-spacing:0;text-transform:none;font-size:13px;margin:8px 0 20px}.next:hover{background:#58325d!important}
#proposal{padding-top:32px}#proposal>.reading{padding-block:64px}#proposal>.reading>h2:not(:first-of-type){margin-top:60px}.record.reading{max-width:1020px;background:#eeebf0;border:1px solid #e0d8e3;border-radius:16px;margin:16px auto 80px;padding:56px clamp(28px,6vw,84px)}.record .jump{font-size:15px;text-decoration:none;border-bottom:1px solid #b49abb;padding-bottom:6px}.record p:last-child{font-size:13px;margin-bottom:0}
blockquote{background:#f8f7f3;border-left:3px solid var(--purple);padding:24px 30px;font-size:clamp(28px,3vw,40px)}
.vera-autoplay-demo{box-shadow:0 16px 45px #30163812;border-radius:18px;isolation:isolate}.vera-demo-progress{grid-template-columns:repeat(4,1fr)}.vera-demo-finish button{min-width:0}.vera-demo-finish a:hover{color:#58325d}
.challenge{padding:80px max(var(--gutter),calc((100vw - 1120px)/2));background:#201b24}.challenge h2{font-size:clamp(42px,6.5vw,82px);line-height:1.02;letter-spacing:-.055em;max-width:900px}.challenge>.eyebrow{margin-bottom:32px}.challenge>p{color:#d5ceda;font-size:17px;max-width:700px}.challenge a:hover{color:#e5bcea}.labs{font-size:16px;line-height:2.65;border-block:1px solid #ffffff25;margin:36px 0 48px;padding:24px 0;columns:2;column-gap:60px}.labs a{text-decoration-color:#ffffff40}
footer{max-width:1440px;margin:auto;padding:32px var(--gutter);font-size:12px;gap:28px;color:var(--muted)}footer a:first-child{margin-right:auto;color:var(--ink);font-weight:800}footer a{text-decoration:none}:focus-visible{outline:3px solid #a575b0;outline-offset:5px}
@media(min-width:1440px){.news{max-width:1280px}}
@media(max-width:900px){.hero{column-gap:36px;grid-template-columns:1.2fr 1fr}h1{font-size:clamp(48px,6.8vw,65px)}.news{margin-inline:var(--gutter);gap:0 40px}.record.reading{margin-inline:var(--gutter)}}
@media(max-width:650px){html{scroll-padding-top:118px}body>header{padding:16px 22px;gap:14px;align-items:stretch}.brand{font-size:11px}.brand:before{width:27px;height:27px}nav{gap:4px;justify-content:space-between}nav a{padding:7px 9px;font-size:11px}.hero{display:block;padding:42px 24px 50px}.hero>.eyebrow{font-size:8px;letter-spacing:.12em;gap:9px;margin-bottom:28px}h1{font-size:clamp(43px,11vw,65px);line-height:1.04;margin-bottom:32px;letter-spacing:-.055em;text-wrap:pretty}.hero>.dek{font-size:29px;margin-bottom:22px}.hero>p:not(.eyebrow):not(.dek){font-size:15px}.hero>.jump{font-size:12px;padding:16px 18px}.news{display:block;margin:0 24px 48px;padding-top:32px}.news>h2{max-width:400px;font-size:34px}.news>.eyebrow{margin-bottom:18px}.news>p:not(.eyebrow){font-size:15px}#questions{padding:32px 16px}.question{padding:28px 22px;border-radius:12px}.question>.eyebrow{margin-bottom:22px}.question h2{font-size:29px;margin-bottom:26px}.choices{display:grid;grid-template-columns:1fr 1fr}.answer.reading{padding:32px 10px 0}.answer h2{font-size:32px}.answer p{font-size:15px}.reading{padding:40px 24px}#proposal>.reading{padding-block:44px}.record.reading{padding:32px 24px;margin:0 16px 48px}.record .jump{font-size:14px}.challenge{padding:48px 24px}.challenge h2{font-size:44px}.labs{columns:1;font-size:15px;margin:28px 0 36px}.vera-demo-finish div{grid-template-columns:1fr}.vera-demo-transcript{padding-bottom:175px}.vera-demo-message{max-width:95%}footer{padding:26px 24px;gap:16px 24px}footer a:first-child{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.choices button:disabled:not([aria-pressed="true"]):hover{background:transparent;color:var(--purple);border-color:#c7b7ce}
/* Second pass: stronger reading hierarchy and connected question/answer flow. */
.hero>p:not(.eyebrow):not(.dek){font-size:16px;color:#55515b;line-height:1.8}
.news>.eyebrow{grid-column:1/-1;grid-row:1}.news>h2{grid-row:2/6}.news>p:nth-of-type(2){grid-row:2}.news>p:not(.eyebrow){font-size:16px;line-height:1.8}
.reading{font-size:18px;line-height:1.8}.reading p{text-wrap:pretty}.answer p{font-size:17px}.question h2{font-weight:600}.question>.eyebrow{font-size:11px}.feedback{font-size:11px;letter-spacing:.075em}
.choices button{min-height:56px;font-size:13px;font-weight:800}.choices button:disabled:not([aria-pressed=true]){opacity:1;color:#76717b;background:#f0edf1;border-color:#d7cfdb}.choices button:disabled:not([aria-pressed=true]):hover{color:#76717b;background:#f0edf1;border-color:#d7cfdb}
.next{min-height:52px;padding:16px 25px}.next:focus-visible,.hero>.jump:focus-visible{outline-color:#3c2342;outline-offset:5px}
nav a{min-height:44px;display:inline-flex;align-items:center}footer a:hover{text-decoration:underline;text-underline-offset:5px}
@media(min-width:1000px){.step:has(>.answer:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:start}.step:has(>.answer:not([hidden]))>.question{position:sticky;top:110px;padding:36px}.step:has(>.answer:not([hidden]))>.question h2{font-size:clamp(30px,2.6vw,39px);line-height:1.25;letter-spacing:-.03em}.step:has(>.answer:not([hidden]))>.answer{padding:16px 0 0;max-width:none}.answer h2{font-size:36px}.step+.step{margin-top:64px;padding-top:64px}}
@media(max-width:650px){.hero>.eyebrow{font-size:9px;line-height:1.8;letter-spacing:.08em}.hero>.dek{line-height:1.3}.hero>p:not(.eyebrow):not(.dek),.news>p:not(.eyebrow),.answer p{font-size:16px}.reading{font-size:17px}.answer.reading{padding:32px 8px 0}.answer h2{line-height:1.2}.next{width:100%;margin-bottom:12px}.question h2{font-size:28px;line-height:1.25}.question>.eyebrow{font-size:10px}.hero>.jump{font-size:13px;min-height:52px;display:inline-flex;align-items:center}.record .jump{line-height:1.65}.record p:last-child{line-height:1.9}.labs{line-height:3}.vera-demo-finish button,.vera-demo-finish a{min-height:48px}}
@media(prefers-reduced-motion:no-preference){.answer:not([hidden]){animation:press-answer-enter 220ms ease-out}@keyframes press-answer-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
