*{box-sizing:border-box}html{scroll-behavior:smooth}
body.landing{margin:0;background:var(--deep);color:var(--paper);font:18px/1.6 Georgia,"Times New Roman",serif;overflow-x:hidden}
.landing a{color:inherit}
.draft{background:var(--red);text-align:center;font:600 12px/1.4 Helvetica,Arial,sans-serif;letter-spacing:.1em;padding:7px;text-transform:uppercase;position:relative;z-index:5}
.lnav{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px clamp(16px,4vw,40px);background:color-mix(in srgb,var(--deep) 85%,transparent);backdrop-filter:blur(8px);font:600 12px Helvetica,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid color-mix(in srgb,var(--red) 35%,transparent)}
.lnav a{text-decoration:none;margin-left:22px;opacity:.85}.lnav a:hover{opacity:1;color:var(--accent2)}.lnav .brand{margin:0;opacity:1;letter-spacing:.2em}
.navcta{border:1px solid var(--red);padding:8px 14px;color:var(--accent2)!important}
.hero{position:relative;min-height:calc(100vh - 90px);display:grid;place-items:center;text-align:center;padding:60px 20px 90px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--ink) 100%,#fff 8%),var(--deep) 70%)}
.rays{position:absolute;inset:-30%;background:repeating-conic-gradient(from 0deg at 50% 40%,color-mix(in srgb,var(--red) 10%,transparent) 0 4deg,transparent 4deg 14deg);mask:radial-gradient(circle at 50% 40%,#000 0,transparent 60%);-webkit-mask:radial-gradient(circle at 50% 40%,#000 0,transparent 60%);animation:spin 120s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.mark{position:absolute;width:min(60vw,520px);top:8%;left:50%;margin-left:calc(min(60vw,520px)/-2);fill:none;stroke:color-mix(in srgb,var(--red) 22%,transparent);stroke-width:1}
.hero-in{position:relative;z-index:2;max-width:1000px}
.kicker{font:600 clamp(13px,1.6vw,16px) Helvetica,Arial,sans-serif;letter-spacing:.45em;text-transform:uppercase;color:var(--accent2);margin:0}
.swap{font:900 clamp(60px,15vw,190px)/.92 "Arial Black",Impact,Helvetica,sans-serif;letter-spacing:-.02em;margin:.15em 0 .2em;color:var(--paper)}
.word{position:relative;display:inline-block}
.old,.new{display:inline-block}
.old{position:relative;color:color-mix(in srgb,var(--paper) 55%,transparent)}
.old::after{content:"";position:absolute;left:-4%;top:52%;height:.09em;width:0;background:var(--red);transition:width .6s cubic-bezier(.7,0,.3,1)}
.new{position:absolute;left:50%;top:0;transform:translate(-50%,30%);opacity:0;color:var(--red);transition:all .8s cubic-bezier(.2,.8,.2,1)}
.swap.go .old::after{width:108%}
.swap.go2 .old{animation:fall 1s cubic-bezier(.5,0,.8,.4) forwards}
.swap.go2 .new{opacity:1;transform:translate(-50%,0)}
@keyframes fall{to{transform:translateY(80%) rotate(9deg);opacity:0}}
.sub{font-size:clamp(18px,2.4vw,24px);font-style:italic;opacity:.85;margin:0 0 34px}
.btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;text-decoration:none;font:700 15px Helvetica,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:20px 38px;border:2px solid var(--red);transition:transform .2s,background .2s,box-shadow .2s}
.btn.pri{background:var(--red);color:var(--onaccent)!important}
.btn.sec{color:var(--paper)}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px -10px var(--red)}.btn.sec:hover{background:color-mix(in srgb,var(--red) 18%,transparent)}
.scroll{position:absolute;bottom:26px;left:50%;width:26px;height:42px;margin-left:-13px;border:2px solid color-mix(in srgb,var(--paper) 50%,transparent);border-radius:14px}
.scroll span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;background:var(--accent2);border-radius:2px;animation:dot 1.8s infinite}
@keyframes dot{to{transform:translateY(14px);opacity:0}}
.verse{background:var(--soft);color:var(--ink);padding:clamp(80px,12vw,150px) 20px;text-align:center}
.verse blockquote{max-width:900px;margin:0 auto}
.verse p{font-size:clamp(26px,4.2vw,46px);line-height:1.3;margin:0}
cite{display:block;margin-top:22px;font:700 13px Helvetica,Arial,sans-serif;letter-spacing:.3em;text-transform:uppercase;font-style:normal;color:var(--red)}
.split{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(16px,4vw,60px);padding:clamp(70px,10vw,130px) clamp(20px,6vw,80px);background:var(--ink)}
.col{text-align:center}.col b{display:block;font:900 clamp(34px,6vw,72px)/1 "Arial Black",Impact,sans-serif;margin:10px 0 16px}
.col:first-child b{color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--paper) 60%,transparent)}
.col:last-child b{color:var(--red)}
.col p{opacity:.8;max-width:360px;margin:0 auto}
.tag{font:600 12px Helvetica,Arial,sans-serif;letter-spacing:.35em;text-transform:uppercase;color:var(--accent2)}
.vs{font-size:clamp(50px,8vw,110px);color:var(--red);line-height:1}
.summary{background:var(--paper);color:var(--ink);padding:clamp(70px,10vw,130px) clamp(20px,6vw,80px);text-align:center}
.summary h2{font:900 clamp(36px,6vw,68px)/1.05 "Arial Black",Impact,sans-serif;margin:0 0 50px;letter-spacing:-.01em}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1150px;margin:0 auto;text-align:left}
.card{background:var(--soft);border-top:5px solid var(--red);padding:30px 28px;transition:transform .3s}
.card:hover{transform:translateY(-6px)}
.card span{font:900 34px "Arial Black",sans-serif;color:var(--red)}
.card p{margin:10px 0 0}
.plea{font-size:clamp(22px,3vw,30px);font-style:italic;margin:60px auto 0;max-width:800px}
.count{background:linear-gradient(160deg,var(--ink),var(--deep));text-align:center;padding:clamp(80px,12vw,150px) 20px}
.num{display:block;font:900 clamp(90px,20vw,220px)/1 "Arial Black",Impact,sans-serif;color:var(--red);font-variant-numeric:tabular-nums}
.lbl{font:700 15px Helvetica,Arial,sans-serif;letter-spacing:.4em;text-transform:uppercase;color:var(--accent2)}
.count>p{font-size:clamp(19px,2.4vw,25px);max-width:720px;margin:34px auto 40px;opacity:.9}
.last{background:var(--soft);color:var(--ink);text-align:center;padding:90px 20px}
.last p{max-width:820px;margin:0 auto;font-size:clamp(21px,3vw,30px);font-style:italic}
.lfoot{background:var(--deep);text-align:center;padding:34px 20px;font:13px Helvetica,Arial,sans-serif;letter-spacing:.1em;opacity:.8}.lfoot a{text-decoration:none}.lfoot div{margin-top:8px}
.rv{opacity:0;transform:translateY(34px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
.grid .rv:nth-child(2){transition-delay:.15s}.grid .rv:nth-child(3){transition-delay:.3s}
@media(max-width:760px){.lnav span a:not(.navcta){display:none}.lnav{font-size:11px}.grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}.vs{transform:rotate(90deg)}.btn{padding:18px 26px;width:100%}.btns{flex-direction:column;max-width:340px;margin:0 auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.old{display:none}.new{position:static;opacity:1;transform:none}html{scroll-behavior:auto}}
.navcta{white-space:nowrap}@media(max-width:760px){.lnav .brand{letter-spacing:.12em;font-size:10px;max-width:55%}.navcta{margin-left:0!important;padding:7px 10px}}
.intro{background:var(--ink);padding:clamp(70px,10vw,130px) clamp(20px,6vw,80px);border-top:6px solid var(--red)}
.intro p{max-width:860px;margin:0 auto;font-size:clamp(20px,2.4vw,27px);line-height:1.6;border-left:5px solid var(--red);padding-left:clamp(18px,3vw,36px)}