main .spo{--disp:var(--font-disp),"Arial Narrow",Impact,sans-serif;--ink:#0c0c10;--tone:#f1f2f5;--tone2:#e2e4ea;--meta:#434955;max-width:1180px;margin-inline:auto}main .spo .spo-hero{border-bottom:6px solid var(--ink);gap:0 48px;margin-bottom:40px;padding:8px 0 36px;display:grid}main .spo .spo-kicker{font:800 15px/1 var(--disp);letter-spacing:.12em;text-transform:uppercase;color:var(--meta);margin:10px 0 8px}main .spo h1{font:900 clamp(46px,8vw,124px)/.88 var(--disp);text-transform:uppercase;letter-spacing:-.005em;max-width:none;color:var(--ink);margin:0 0 .22em}main .spo .spo-lead{color:#262a31;max-width:34ch;margin:0 0 22px;font-size:clamp(19px,1.7vw,24px);font-weight:500;line-height:1.4}main .spo .spo-price{align-items:flex-end;gap:14px;margin:0 0 22px;display:flex}main .spo .spo-amt{font:900 clamp(88px,13vw,180px)/.8 var(--disp);color:var(--ink);letter-spacing:-.01em}main .spo .spo-per{font:800 clamp(18px,1.6vw,24px)/1.05 var(--disp);text-transform:uppercase;letter-spacing:.06em;color:var(--meta);padding-bottom:.35em}main .spo .spo-cta{flex-wrap:wrap;align-items:center;gap:12px 20px;max-width:none;margin:0;display:flex}main .spo a.spo-btn{background:var(--ink);color:#fff;font:900 22px/1 var(--disp);letter-spacing:.08em;text-transform:uppercase;border-radius:0;padding:16px 26px 15px;text-decoration:none;display:inline-block}main .spo a.spo-btn:hover{background:#2a2d35}main .spo a.spo-btn:focus-visible{outline:4px solid var(--ink);outline-offset:3px}main .spo .spo-or{color:var(--meta);font-weight:600}main .spo .spo-or a{color:var(--ink)}main .spo .spo-note{color:var(--ink);max-width:none;margin:14px 0 0;font-size:16px;font-weight:500}@media (min-width:980px){main .spo .spo-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end}main .spo .spo-hero>.spo-kicker,main .spo .spo-hero>h1,main .spo .spo-hero>.spo-lead{grid-column:1}main .spo .spo-hero>.spo-price{border-left:6px solid var(--ink);flex-direction:column;grid-area:1/2/span 3;align-self:end;align-items:flex-start;gap:6px;margin:0;padding-left:28px}main .spo .spo-hero>.spo-cta{grid-column:1/-1;padding-top:6px}main .spo .spo-hero>.spo-note{grid-column:1/-1}main .spo .spo-hero .spo-per{padding:14px 0 0}}main .spo .spo-h2{font:900 clamp(30px,3.4vw,52px)/.95 var(--disp);text-transform:uppercase;letter-spacing:0;max-width:none;color:var(--ink);border:0;margin:0 0 18px;padding:0}main .spo section{margin:0 0 48px}main .spo .spo-cards{gap:14px;display:grid}@media (min-width:760px){main .spo .spo-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}main .spo .spo-card{background:var(--tone);border-top:6px solid var(--ink);padding:16px 20px 18px}main .spo .spo-card .spo-n{font:900 34px/1 var(--disp);color:var(--meta);margin:0 0 6px}main .spo .spo-card h3{font:900 28px/1 var(--disp);text-transform:uppercase;color:var(--ink);margin:0 0 8px}main .spo .spo-card p{max-width:none;margin:0;line-height:1.5}main .spo .spo-card a{color:var(--ink)}main .spo code{border:1px solid var(--tone2);overflow-wrap:anywhere;background:#fff;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em}main .spo .spo-previews{gap:22px;display:grid}@media (min-width:980px){main .spo .spo-previews{grid-template-columns:1.25fr 1fr;align-items:start}}main .spo .spo-fig{margin:0}main .spo .spo-fig figcaption{font:800 12px/1.2 var(--font-hanken),system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--meta);margin:0 0 8px}main .spo .spo-frame{border:2px solid var(--ink);background:#fff}main .spo .spo-frame-bar{padding:0}main .spo .spo-page-ghost{padding:20px 16px 22px}main .spo .spb-demo .spb-row{padding:10px 16px}main .spo .spo-mail{padding:18px 20px}main .spo .spo-mail-head{border-bottom:1px solid var(--tone2);flex-wrap:wrap;align-items:baseline;gap:4px 10px;max-width:none;margin:0 0 14px;padding-bottom:10px;display:flex}main .spo .spo-mail-head strong{font:900 24px/1 var(--disp);text-transform:uppercase}main .spo .spo-mail-head span{color:var(--meta);font-size:.9rem}main .spo .spo-mail-line{background:var(--tone);max-width:none;margin:0 0 14px;padding:10px 12px;font-size:1rem;line-height:1.45}main .spo .spo-mail-tag{letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:#fff;border-radius:4px;margin-right:4px;padding:2px 7px;font-size:.68rem;font-weight:850}main .spo .spo-mail-line u{text-underline-offset:.18em;font-weight:800}main .spo .spo-mail-ghost{gap:8px;display:grid}main .spo .spo-mail-ghost i{background:var(--tone2);height:10px;display:block}main .spo .spo-mail-ghost i:nth-child(2){width:86%}main .spo .spo-mail-ghost i:nth-child(3){width:62%}main .spo .spo-ol{counter-reset:st;gap:0;margin:0;padding:0;list-style:none;display:grid}@media (min-width:760px){main .spo .spo-ol{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}}main .spo .spo-ol li{counter-increment:st;border-top:3px solid var(--ink);max-width:none;margin:0;padding:14px 0 16px;line-height:1.5}main .spo .spo-ol li:before{content:counter(st);font:900 54px/.9 var(--disp);color:var(--ink);margin:0 0 8px;display:block}main .spo .spo-ol li strong{margin-bottom:2px;font-weight:800;display:block}main .spo .spo-status{border:2px solid var(--ink);max-width:none;margin:10px 0 0;padding:6px 12px;font-weight:800;display:inline-block}main .spo .spo-ul{margin:0;padding:0;list-style:none}main .spo .spo-ul li{border-top:1px solid var(--ink);max-width:72ch;margin:0;padding:12px 0;line-height:1.5}main .spo .spo-ul li:before{content:none}main .spo .spo-contact>p{max-width:62ch}main .spo .spo-contact a{color:var(--ink)}
