/* /sponsor page — layers on homepage-concept styles.css */
.sp-main{position:relative;overflow:hidden}
.sp-main:before{content:"";position:absolute;inset:-30% -10% auto;height:640px;background:radial-gradient(38% 50% at 80% 25%,rgba(124,92,255,.24),transparent 70%),radial-gradient(30% 45% at 8% 55%,rgba(34,228,122,.12),transparent 70%);pointer-events:none}
.sp-hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;padding:72px 0 48px}
.sp-hero h1{font-size:clamp(38px,5vw,60px);line-height:1.02;font-weight:900;letter-spacing:-.04em;margin:20px 0}
.sp-hero h1 span{background:var(--grad-head);-webkit-background-clip:text;background-clip:text;color:transparent}
.sp-hero .lede{font-size:18px}
.sp-actions{display:flex;align-items:center;gap:20px;margin-top:32px;flex-wrap:wrap}
.sp-actions .btn{font-size:15px;padding:13px 22px}
.sp-note{font-size:13px;color:var(--muted)}
.sp-offer{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:0 30px 80px -30px rgba(124,92,255,.35)}
.sp-offer h2{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:18px}
.sp-get{display:grid;gap:12px}
.sp-get li{list-style:none;display:grid;grid-template-columns:36px 1fr;gap:14px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--sunken)}
.sp-get .n{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:13px;font-weight:800;color:var(--on-primary);background:var(--primary)}
.sp-get li:nth-child(2) .n{background:var(--accent);color:#fff}
.sp-get b{display:block;font-size:16px;font-weight:700;letter-spacing:-.01em}
.sp-get p{font-size:14px;color:var(--soft);margin-top:2px;line-height:1.5}
/* miniature of the live bar */
.sp-preview{margin-top:18px;height:40px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg);font-size:12px;white-space:nowrap;overflow:hidden}
.sp-preview .lab{font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--muted);padding-right:12px;border-right:1px solid var(--border);align-self:stretch;display:flex;align-items:center}
.sp-preview .ic{width:20px;height:20px;border-radius:5px;border:1px dashed var(--primary);flex:none}
.sp-preview b{font-weight:700}.sp-preview span{color:var(--muted)}
.sp-preview .here{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}
.sp-who{position:relative;display:grid;grid-template-columns:200px 1fr 1fr;gap:24px;padding:36px 0 56px;border-top:1px solid var(--border)}
.sp-who h2{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.sp-who h3{font-size:15px;font-weight:700;margin-bottom:6px}
.sp-who p{font-size:14px;color:var(--soft);line-height:1.55}
.sp-who .eyebrow{display:block;margin-bottom:8px}
.sp-foot{padding:28px 0}
.sp-foot .cols{display:flex;align-items:center;justify-content:space-between;gap:24px}
.sp-foot .links{margin:0}
@media (max-width:1024px){.sp-hero{grid-template-columns:1fr;gap:40px}.sp-who{grid-template-columns:1fr 1fr}.sp-who>div:first-child{grid-column:1/-1}}
@media (max-width:760px){.sp-hero{padding:44px 0 32px}.sp-hero .lede{font-size:16px}.sp-offer{padding:20px;border-radius:20px}
 .sp-who{grid-template-columns:1fr;gap:20px;padding:32px 0 40px}.sp-foot .cols{flex-direction:column;align-items:flex-start}
 .sp-preview span{display:none}.sp-actions{gap:14px}}