:root { color-scheme:dark; --bg:#02070b; --panel:#07141b; --ink:#effcff; --muted:#8ca6ae; --cyan:#59f1d1; --gold:#f3c86a; --line:rgba(89,241,209,.18); --blue:rgba(110,189,255,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:300px; color:var(--ink); background:radial-gradient(circle at 78% -10%,rgba(43,220,190,.12),transparent 34rem),radial-gradient(circle at 0 55%,rgba(37,88,190,.1),transparent 32rem),var(--bg); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
body::before { position:fixed; z-index:-1; inset:0; content:""; opacity:.36; background-image:linear-gradient(rgba(89,241,209,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(89,241,209,.025) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(#000,transparent 90%); }
a { color:inherit; } button,input,select,textarea { font:inherit; } :focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.skip-link { position:fixed; z-index:99; top:8px; left:8px; transform:translateY(-150%); padding:10px 14px; color:#02110e; background:var(--cyan); }
.skip-link:focus { transform:none; }
.sponsor-header { width:min(1480px,calc(100% - 40px)); min-height:84px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:28px; border-bottom:1px solid var(--line); }
.sponsor-brand { font-size:17px; font-weight:900; letter-spacing:.04em; text-decoration:none; }
.sponsor-brand span { color:var(--cyan); } .sponsor-brand small { color:#708b94; font-size:10px; }
.sponsor-header nav { display:flex; align-items:center; gap:24px; }
.sponsor-header nav a { min-height:44px; display:inline-flex; align-items:center; color:#8da7af; font-size:9px; font-weight:850; letter-spacing:.1em; text-decoration:none; text-transform:uppercase; }
.sponsor-header nav a:hover { color:var(--ink); }
.sponsor-header nav .header-cta { padding:0 16px; border:1px solid rgba(89,241,209,.3); color:var(--cyan); background:rgba(89,241,209,.06); }
main { width:min(1480px,calc(100% - 40px)); margin:auto; }
.sponsor-hero { min-height:650px; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr); align-items:center; gap:clamp(40px,7vw,110px); }
.kicker { margin:0; color:var(--gold); font-size:9px; font-weight:950; letter-spacing:.21em; text-transform:uppercase; }
.hero-copy h1 { max-width:820px; margin:18px 0 25px; font-size:clamp(56px,6.8vw,104px); line-height:.88; letter-spacing:-.065em; }
.hero-copy > p:not(.kicker) { max-width:720px; margin:0; color:#9bb2b9; font-size:clamp(15px,1.35vw,19px); line-height:1.7; }
.hero-actions { margin-top:30px; display:flex; flex-wrap:wrap; gap:10px; }
.button { min-height:50px; padding:0 20px; display:inline-flex; align-items:center; justify-content:center; border:1px solid transparent; font-size:10px; font-weight:950; letter-spacing:.1em; text-decoration:none; text-transform:uppercase; cursor:pointer; }
.button.primary { color:#02120f; background:linear-gradient(110deg,#d9fff7,var(--cyan) 62%,#2dc7a9); }
.button.ghost { border-color:var(--blue); color:#abc0c7; background:rgba(7,20,28,.78); }
.hero-proof { margin:30px 0 0; padding:20px 0 0; display:flex; flex-wrap:wrap; gap:16px 30px; border-top:1px solid var(--line); color:#6f8b94; list-style:none; font-size:8px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.hero-proof li::before { margin-right:8px; color:var(--cyan); content:"✓"; }
.placement-preview { margin:0; }
.preview-frame { position:relative; min-height:310px; padding:42px; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid rgba(89,241,209,.3); background:linear-gradient(145deg,rgba(8,27,35,.98),rgba(2,10,15,.98)); box-shadow:0 30px 90px rgba(0,0,0,.45),inset 0 0 70px rgba(89,241,209,.04); }
.preview-frame::before,.preview-frame::after { position:absolute; width:80px; height:2px; content:""; background:var(--cyan); }
.preview-frame::before { top:-1px; left:-1px; } .preview-frame::after { right:-1px; bottom:-1px; background:var(--gold); }
.preview-frame span { color:var(--gold); font-size:9px; font-weight:950; letter-spacing:.2em; }
.preview-frame strong { margin-top:14px; font-size:clamp(32px,4vw,58px); letter-spacing:-.04em; }
.preview-frame p { margin:8px 0 22px; color:#90a9b1; } .preview-frame small { color:var(--cyan); font-weight:900; letter-spacing:.14em; }
.placement-preview > p { margin:15px 0 0; color:#607b84; font-size:9px; line-height:1.6; }
.section { padding:95px 0; border-top:1px solid var(--line); }
.section-heading { max-width:850px; }
.section-heading h2,.disclosure h2 { margin:14px 0 18px; font-size:clamp(35px,4.3vw,65px); line-height:.96; letter-spacing:-.05em; }
.section-heading > p:last-child,.disclosure > p:last-child { margin:0; color:#829ca5; line-height:1.65; }
.plan-grid { margin-top:40px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.plan-card { min-height:455px; padding:30px; display:flex; flex-direction:column; border:1px solid var(--blue); background:rgba(6,18,25,.88); }
.plan-card.featured { border-color:rgba(89,241,209,.42); background:linear-gradient(150deg,rgba(14,40,46,.94),rgba(5,17,24,.94)); box-shadow:0 24px 70px rgba(0,0,0,.28); }
.plan-card > span { color:var(--gold); font-size:8px; font-weight:950; letter-spacing:.14em; }
.plan-card h3 { margin:18px 0 14px; font-size:38px; } .plan-card h3 small { color:#718b94; font-size:12px; font-weight:700; }
.plan-card p { min-height:70px; margin:0; color:#88a1aa; font-size:11px; line-height:1.6; }
.plan-card ul { margin:22px 0 30px; padding:0; list-style:none; }
.plan-card li { padding:11px 0; border-top:1px solid rgba(110,189,255,.1); color:#abc0c7; font-size:10px; } .plan-card li::before { margin-right:9px; color:var(--cyan); content:"+"; }
.plan-card > a { min-height:48px; margin-top:auto; display:grid; place-items:center; border:1px solid rgba(89,241,209,.26); color:var(--cyan); font-size:9px; font-weight:950; letter-spacing:.1em; text-decoration:none; text-transform:uppercase; }
.inventory-note { margin:16px 0 0; color:#617b84; font-size:9px; line-height:1.6; }
.standards-grid { margin-top:40px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.standards-grid article,.policy-copy { padding:30px; border:1px solid var(--blue); background:rgba(6,18,25,.78); }
.standards-grid h3,.policy-copy h3 { margin:0 0 12px; color:var(--cyan); font-size:16px; }
.standards-grid p,.policy-copy p { margin:0; color:#819ba4; font-size:11px; line-height:1.68; }
.policy-copy { margin-top:12px; border-color:rgba(244,200,106,.22); }
.apply-section { display:grid; grid-template-columns:minmax(280px,.65fr) minmax(540px,1.35fr); gap:clamp(35px,6vw,90px); align-items:start; }
.sponsor-form { padding:30px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; border:1px solid rgba(89,241,209,.25); background:rgba(5,18,25,.9); }
.sponsor-form label { display:flex; flex-direction:column; gap:8px; }
.sponsor-form label > span { color:#78949d; font-size:8px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.sponsor-form input,.sponsor-form select,.sponsor-form textarea { width:100%; min-height:46px; padding:11px 12px; border:1px solid rgba(110,189,255,.18); border-radius:0; color:var(--ink); background:#06131a; }
.sponsor-form textarea { resize:vertical; } .sponsor-form .wide { grid-column:1/-1; }
.sponsor-form .check { min-height:44px; flex-direction:row; align-items:flex-start; gap:10px; }
.sponsor-form .check input { width:18px; min-height:18px; margin-top:2px; flex:0 0 18px; }
.sponsor-form .check span { color:#8ea7af; font-size:9px; line-height:1.5; text-transform:none; }
.field-trap { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.form-action { display:flex; align-items:center; gap:18px; } .form-action p { margin:0; color:#8ca6ae; font-size:10px; line-height:1.5; }
.form-action p.is-error { color:#ff8ca0; } .form-action p.is-success { color:var(--cyan); }
.disclosure { max-width:920px; }
.sponsor-footer { width:min(1480px,calc(100% - 40px)); margin:auto; padding:30px 0 45px; display:flex; align-items:center; justify-content:space-between; gap:30px; border-top:1px solid var(--line); color:#5d7780; font-size:8px; }
.sponsor-footer nav { display:flex; flex-wrap:wrap; gap:18px; } .sponsor-footer a { min-height:44px; display:inline-flex; align-items:center; color:#718b94; font-weight:850; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
@media(max-width:980px){.sponsor-header nav a:not(.header-cta):not(:nth-child(2)){display:none}.sponsor-hero{grid-template-columns:1fr;padding:70px 0}.placement-preview{max-width:620px}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:0}.apply-section{grid-template-columns:1fr}.sponsor-form{max-width:850px}}
@media(max-width:620px){.sponsor-header,main,.sponsor-footer{width:calc(100% - 22px)}.sponsor-header nav{gap:8px}.sponsor-header nav a:nth-child(2){font-size:8px}.sponsor-header nav .header-cta{padding:0 11px}.hero-copy h1{font-size:50px}.hero-actions .button{width:100%}.preview-frame{min-height:240px;padding:26px}.section{padding:68px 0}.standards-grid{grid-template-columns:1fr}.sponsor-form{grid-template-columns:1fr;padding:18px}.sponsor-form .wide{grid-column:auto}.form-action{align-items:stretch;flex-direction:column}.sponsor-footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}