/* DRAFT: Competition prep section (homepage, after reviews). Built from home.css / port.css patterns. */
.port.cp{background:linear-gradient(180deg,var(--bk2),#140a0a 60%,var(--bk2));position:relative}
.port.cp::before{content:"";position:absolute;width:640px;height:640px;left:-260px;top:30%;background:radial-gradient(circle,rgba(255,0,0,.14),transparent 65%);pointer-events:none}
.port.cp .wrap{position:relative}
.port .cp__pick{font:700 .72rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--g);margin:0 0 14px}
.port .cp__split{display:grid;gap:14px}
.port .cp__opt{display:flex;flex-direction:column;min-width:0;background:#171717;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,34px);box-shadow:0 40px 80px -40px #000}
.port .cp__opt--prep{border-color:rgba(255,0,0,.55);background:radial-gradient(120% 120% at 100% 0%,rgba(255,0,0,.16),transparent 60%),#171717}
.port .cp__opt--prep .hm__tag{color:#fff;align-self:flex-start;background:var(--red);padding:7px 10px;border-radius:999px}
.port .cp__t{font:400 clamp(1.7rem,3.2vw,2.3rem)/1 var(--disp);text-transform:uppercase;margin:0 0 12px;overflow-wrap:break-word}
.port .cp__line{color:#e0e0e0;line-height:1.5;margin:0 0 18px}
.port .cp__proof{margin-top:clamp(32px,5vw,48px)}
.port .cp__quote{font:400 clamp(1.6rem,6vw,2.8rem)/1.02 var(--disp);text-transform:uppercase;max-width:22ch;margin:0 0 10px;padding-left:16px;border-left:4px solid var(--red);overflow-wrap:break-word}
.port .cp__sub{color:#ddd;font-size:1.02rem;line-height:1.5;max-width:46ch;margin:0 0 clamp(20px,4vw,28px);padding-left:20px}
.port .cp__stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.port .cp__st{display:flex;flex-direction:column;gap:12px;background:#141414;padding:clamp(20px,4vw,40px) clamp(16px,3vw,32px);min-width:0}
.port .cp__st-v{font:400 clamp(3.4rem,13vw,6.4rem)/.9 var(--disp);color:var(--red);font-variant-numeric:tabular-nums}
.port .cp__st-l{font:700 .72rem/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#ddd;overflow-wrap:break-word}
.port .cp__end{margin-top:clamp(28px,5vw,40px)}
@media(min-width:800px){
 .port .cp__split{grid-template-columns:1fr 1fr;align-items:stretch}
 .port .cp__stats{grid-template-columns:repeat(4,1fr)}
}
