body.home-page.sponsors-page::before {
  background:
    linear-gradient(118deg,transparent 53%,rgba(93,141,255,.07) 53%,rgba(93,141,255,.07) 69%,transparent 69%),
    linear-gradient(110deg,#0b1729 0%,#101c32 48%,#22243f 72%,#123446 100%);
}
body.home-page.sponsors-page::after {
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    url("/img/logo.png") right max(48px,calc((100vw - 1180px)/2)) top 170px / clamp(240px,25vw,360px) auto no-repeat,
    url("/img/work/circuit-bg.svg") center bottom / cover no-repeat;
  opacity:.14;
}
@media(max-width:1000px) {
  body.home-page.sponsors-page::after { background-size:230px auto,auto 100%; background-position:right 24px top 156px,center bottom; opacity:.1; }
}
@media(max-width:700px) {
  body.home-page.sponsors-page::before { background:linear-gradient(145deg,#0b1729 0%,#151e35 58%,#113043 100%); }
  body.home-page.sponsors-page::after { background-size:180px auto,auto 100%; background-position:right 16px top 142px,center bottom; opacity:.07; }
}
body.sponsors-page { min-width:0; --muted:rgba(223,232,255,.84); }
html.sponsor-modal-open,body.sponsor-modal-open { overflow:hidden; }
.sponsors-main { width:min(1180px, calc(100% - 48px)); margin:0 auto; padding:145px 0 64px; }
@media(min-width:1121px) { .sponsors-main { width:min(1180px,calc(100% - 184px)); } }
.sponsor-intro { max-width:790px; padding:12px 0 54px; }
.sponsor-eyebrow { color:var(--cyan); font-size:12px; letter-spacing:.14em; font-weight:700; margin:0 0 12px; }
.sponsor-intro h1 { font:700 clamp(34px,4.8vw,64px)/1.04 var(--font-display); letter-spacing:-.035em; margin:0 0 22px; text-wrap:balance; }
.sponsor-lead { font-size:18px; line-height:1.65; color:var(--muted); max-width:670px; }
.sponsor-authority { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin-top:22px; }
.sponsor-authority-badge { display:inline-flex; align-items:center; gap:10px; min-height:44px; max-width:100%; padding:9px 13px; border:1px solid rgba(72,223,255,.3); border-radius:10px; background:#0d1926; color:var(--cyan); text-decoration:none; transition:background-color 160ms ease,border-color 160ms ease; }
.sponsor-authority-badge:hover { border-color:var(--cyan); background:#122333; }
.sponsor-authority-badge svg { flex-shrink:0; }
.sponsor-authority-badge strong { font-size:15px; font-weight:700; white-space:nowrap; font-variant-numeric:tabular-nums; }
.sponsor-authority-source { padding-left:10px; border-left:1px solid rgba(72,223,255,.25); font-size:12px; line-height:1.4; color:var(--ink); }
.sponsor-authority small { color:var(--muted); font-size:11px; }
.sponsor-intro-actions,.sponsor-result-actions { display:flex; gap:16px; flex-wrap:wrap; align-items:center; margin-top:28px; }
.sponsor-text-link,.sponsor-terms a { color:var(--cyan); text-underline-offset:4px; }
.sponsor-directory { border-top:1px solid var(--line); padding:28px 0 48px; }
.sponsor-section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; }
.sponsor-section-heading h2,.sponsor-options h2,.sponsor-terms h2 { font:600 clamp(22px,2.6vw,30px)/1.2 var(--font-display); margin:0 0 20px; }
.sponsor-section-heading p { color:var(--muted); font-size:13px; }
.sponsor-empty { padding:28px; border:1px dashed var(--line); background:rgba(8,12,29,.7); }
.sponsor-empty h3 { margin:0 0 10px; font-size:20px; }.sponsor-empty p { margin:0; color:var(--muted); line-height:1.6; }
.sponsor-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.sponsor-card { border:1px solid var(--line); padding:24px; background:var(--surface-deep); min-width:0; }
.sponsor-card-top { display:flex; gap:10px; justify-content:space-between; font-size:12px; color:var(--muted); flex-wrap:wrap; }
.sponsor-placement { color:var(--cyan); }.sponsor-card h3 { font-size:22px; margin:18px 0 12px; overflow-wrap:anywhere; }
.sponsor-card h3 a { color:var(--ink); text-decoration:none; }.sponsor-card h3 a:hover { text-decoration:underline; }
.sponsor-card p { color:var(--muted); line-height:1.6; overflow-wrap:anywhere; }.sponsor-domain { color:var(--violet-soft); font-size:13px; overflow-wrap:anywhere; }
.sponsor-plan-comparison { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); background:var(--surface-deep); }
.sponsor-plan-info { padding:28px; display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
.sponsor-plan-info + .sponsor-plan-info { border-left:1px solid var(--line); }
.sponsor-plan-info h3 { font:600 26px/1.15 var(--font-display); margin:0; }.sponsor-plan-info h3 small { font:400 15px var(--font-body); color:var(--muted); }
.sponsor-plan-info p { margin:0; line-height:1.65; color:var(--muted); }.sponsor-plan-info .sponsor-eyebrow { color:var(--cyan); }
.sponsor-plan-info button { margin-top:auto; }.sponsor-plan-note { padding:14px 0; }
.sponsor-own-badge { width:min(100%,310px); height:auto; object-fit:contain; display:block; }
.sponsor-terms { padding-top:46px; max-width:850px; }.sponsor-terms p { color:var(--muted); line-height:1.7; font-size:14px; }
.home-sponsors { width:min(1180px, calc(100% - 48px)); margin:24px auto 48px; padding:28px 0; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:28px; }
.home-sponsors h2 { font:600 28px/1.2 var(--font-display); margin:0 0 8px; }.home-sponsors p { color:var(--muted); margin:0; max-width:600px; line-height:1.6; }
.home-sponsors a { flex-shrink:0; }
.sponsor-dialog { width:min(1120px,calc(100% - 48px)); max-width:none; max-height:calc(100svh - 32px); padding:0; border:1px solid rgba(156,135,255,.4); border-radius:20px; background:#090c20; color:var(--ink); margin:auto; overflow:hidden; color-scheme:dark; }
.sponsor-dialog[open] { display:flex; }
.sponsor-dialog::backdrop { background:rgba(0,0,10,.78); }
.sponsor-dialog-inner { display:flex; flex-direction:column; min-width:0; width:100%; max-height:inherit; }
.sponsor-dialog-header { padding:24px 26px 0; flex-shrink:0; }
.sponsor-dialog-body { padding:0 26px 26px; overflow:auto; min-height:0; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--violet-soft) #090c20; }
.sponsor-dialog-body::-webkit-scrollbar,.sponsor-dialog textarea::-webkit-scrollbar { width:6px; height:6px; }
.sponsor-dialog-body::-webkit-scrollbar-track,.sponsor-dialog textarea::-webkit-scrollbar-track { background:#090c20; border-radius:20px; }
.sponsor-dialog-body::-webkit-scrollbar-thumb,.sponsor-dialog textarea::-webkit-scrollbar-thumb { background:var(--violet-soft); border-radius:20px; }
.sponsor-dialog textarea { scrollbar-width:thin; scrollbar-color:var(--violet-soft) #090c20; }
.sponsor-dialog-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.sponsor-application { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:32px; align-items:start; }
.sponsor-application-options { min-width:0; border-left:1px solid var(--line); padding-left:28px; }
.sponsor-dialog-heading h2 { font:600 clamp(24px,3vw,32px)/1.15 var(--font-display); margin:0; }
.sponsor-dialog-description { color:var(--muted); line-height:1.6; font-size:14px; margin:16px 0 22px; }
.sponsor-close { width:44px; height:44px; border:1px solid var(--line); border-radius:10px; background:#151a33; color:var(--ink); font-size:28px; cursor:pointer; flex-shrink:0; }
.sponsor-plan-picker { border:0; padding:0; margin:0 0 24px; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.sponsor-plan-picker legend { font-size:14px; font-weight:600; padding:0 0 10px; }
.sponsor-plan-picker label { border:1px solid var(--line); border-radius:10px; padding:14px 12px; display:flex; align-items:center; gap:10px; cursor:pointer; min-width:0; }
.sponsor-plan-picker label:has(input:checked) { border-color:var(--cyan); background:rgba(72,223,255,.06); }
.sponsor-plan-picker strong { display:block; font-size:16px; }.sponsor-plan-picker small { display:block; color:var(--muted); margin-top:5px; font-size:12px; line-height:1.45; }
.sponsor-form-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }.sponsor-field-wide { grid-column:1/-1; }
.sponsor-form-grid label,.sponsor-private-link label,[data-sponsor-install] label { display:flex; flex-direction:column; gap:8px; min-width:0; font-size:14px; font-weight:500; }
.sponsor-dialog input:not([type=radio]):not([type=checkbox]),.sponsor-dialog select,.sponsor-dialog textarea { width:100%; min-height:44px; background:#12172e; color:var(--ink); border:1px solid rgba(156,135,255,.35); padding:11px 12px; border-radius:8px; font:400 14px/1.45 var(--font-body); }
.sponsor-dialog textarea { resize:vertical; }.sponsor-dialog small { color:var(--muted); font-size:12px; line-height:1.5; font-weight:400; }
.sponsor-dialog input[type=radio],.sponsor-dialog input[type=checkbox] { accent-color:var(--cyan); width:18px; height:18px; flex-shrink:0; margin:0; }
.sponsor-badge-preview { display:flex; flex-direction:column; align-items:flex-start; gap:14px; padding:0 0 24px; }
.sponsor-badge-preview img { width:230px; max-width:100%; flex-shrink:0; }.sponsor-badge-preview p { color:var(--muted); font-size:13px; line-height:1.6; margin:0; }
.sponsor-callout { padding:16px; background:#131b32; border-left:3px solid var(--cyan); font-size:14px; line-height:1.6; margin:20px 0; color:var(--ink); }
.sponsor-consent { display:flex; gap:10px; align-items:flex-start; color:var(--muted); font-size:13px; line-height:1.55; margin:0 0 22px; }
.sponsor-consent input { margin-top:3px!important; }.sponsor-consent a { color:var(--cyan); }
.sponsor-honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.sponsor-form-actions { display:flex; gap:16px; align-items:center; }.sponsor-form-actions > span { color:var(--muted); font-size:12px; line-height:1.5; max-width:210px; }
.sponsor-dialog .primary-button { border:0; cursor:pointer; font:600 14px var(--font-body); min-height:44px; justify-content:center; }
.sponsor-secondary { border:1px solid var(--line); background:#141b35; color:var(--ink); border-radius:8px; padding:11px 16px; font:500 14px var(--font-body); cursor:pointer; min-height:44px; }
.sponsor-remove { color:#ffc6cd; border:0; background:transparent; font:500 14px var(--font-body); cursor:pointer; min-height:44px; padding:8px; text-decoration:underline; text-underline-offset:4px; }
.sponsor-dialog button:disabled { opacity:.55; cursor:wait; }.sponsor-dialog :focus-visible,.sponsors-main :focus-visible,.home-sponsors :focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }
.sponsor-dialog button,.sponsors-main [data-sponsor-open],.home-sponsors .primary-button { transition:transform 160ms ease,background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,opacity 160ms ease; }
.sponsor-dialog button:not(.sponsor-close) { display:inline-flex; align-items:center; justify-content:center; gap:9px; }
.sponsor-button-label { display:grid; min-width:0; }
.sponsor-button-base,.sponsor-button-text { grid-area:1/1; }
.sponsor-button-base { visibility:hidden; }
.sponsor-dialog .sponsor-button-icon { width:18px; height:18px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; filter:none; }
.sponsor-dialog button[data-sponsor-button-state=loading] { opacity:1; cursor:wait; }
.sponsor-dialog [data-sponsor-ai][aria-disabled=true]:not([data-sponsor-button-state=loading]) { opacity:.65; cursor:not-allowed; }
[data-sponsor-button-state=loading] .sponsor-button-icon { animation:sponsor-button-spin 800ms linear infinite; }
[data-sponsor-button-state=check] .sponsor-button-icon { animation:sponsor-button-confirm 260ms ease-out; }
.sponsor-dialog .sponsor-secondary[data-sponsor-button-state=check] { border-color:var(--cyan); color:var(--cyan); background:#102a3d; }
.sponsor-dialog button[data-sponsor-button-state=error] { box-shadow:inset 0 0 0 1px #ffbec7; }
.sponsor-dialog .sponsor-secondary[data-sponsor-button-state=error] { color:#ffbec7; }
@media(hover:hover) { .sponsor-dialog button:enabled:hover { transform:translateY(-2px); box-shadow:0 6px 18px rgba(72,223,255,.16); }.sponsor-dialog .sponsor-secondary:enabled:hover,.sponsor-close:hover { border-color:var(--cyan); background:#1b2944; } }
.sponsor-dialog button:enabled:active,.sponsors-main [data-sponsor-open]:active,.home-sponsors .primary-button:active { transform:translateY(0) scale(.98); }
@keyframes sponsor-button-spin { to { transform:rotate(360deg); } }
@keyframes sponsor-button-confirm { from { opacity:0; transform:scale(.6); } to { opacity:1; transform:scale(1); } }
.sponsor-dialog [hidden] { display:none!important; }.sponsor-feedback { margin:18px 0 0; font-size:14px; line-height:1.6; color:var(--cyan); overflow-wrap:anywhere; }.sponsor-feedback[data-error=true] { color:#ffbec7; }
.sponsor-confirmation { padding:8px 0 22px; max-width:680px; margin-inline:auto; }
.sponsor-confirmation-mark { display:block; margin-bottom:20px; color:var(--cyan); stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; animation:sponsor-button-confirm 260ms ease-out; }
.sponsor-confirmation h3 { font:600 clamp(24px,3vw,34px)/1.2 var(--font-display); margin:8px 0 14px; }
.sponsor-confirmation p:not(.sponsor-eyebrow) { color:var(--muted); font-size:15px; line-height:1.7; margin:0 0 22px; }
.sponsor-upgrade-offer { display:flex; align-items:center; gap:24px; padding:22px 0 4px; margin-top:20px; border-top:1px solid var(--line); }
.sponsor-upgrade-offer div { min-width:0; flex:1; }
.sponsor-upgrade-offer h3 { font:600 18px var(--font-display); margin:0 0 8px; }
.sponsor-upgrade-offer p { color:var(--muted); font-size:13px; line-height:1.6; margin:0; }
.sponsor-upgrade-offer button { flex-shrink:0; }
@media(max-width:700px) { .sponsor-upgrade-offer { flex-direction:column; align-items:flex-start; gap:16px; }.sponsor-confirmation p:not(.sponsor-eyebrow) { font-size:14px; }.sponsor-upgrade-offer button { max-width:100%; } }
.sponsor-feedback:empty { margin:0; }.sponsor-result-name { font:600 22px var(--font-display); overflow-wrap:anywhere; }
[data-sponsor-code] { font:12px/1.6 ui-monospace,monospace!important; overflow-wrap:anywhere; margin-bottom:12px; }.sponsor-private-link { margin:26px 0; }.sponsor-private-link p { color:var(--muted); font-size:13px; line-height:1.5; }
@media(max-width:999px) { .sponsor-dialog { width:min(740px,calc(100% - 24px)); }.sponsor-application { grid-template-columns:1fr; gap:24px; }.sponsor-application-options { border-left:0; padding-left:0; }.sponsor-badge-preview { flex-direction:row; align-items:center; } }
@media(max-width:700px) { .sponsor-intro { padding-bottom:32px; }.sponsors-main { padding-top:124px; }.sponsor-section-heading { display:block; }.sponsor-plan-comparison { grid-template-columns:1fr; }.sponsor-plan-info + .sponsor-plan-info { border-left:0; border-top:1px solid var(--line); }.home-sponsors { flex-direction:column; align-items:flex-start; }.sponsor-grid { gap:10px; }.sponsor-card { padding:16px; }.sponsor-card h3 { font-size:18px; } }
@media(max-width:480px) { .sponsors-main,.home-sponsors { width:calc(100% - 32px); }.sponsor-form-grid { grid-template-columns:1fr; }.sponsor-dialog-header { padding:18px 18px 0; }.sponsor-dialog-body { padding:0 18px 18px; }.sponsor-badge-preview { flex-direction:column; align-items:flex-start; gap:14px; }.sponsor-form-actions { flex-direction:column; align-items:stretch; }.sponsor-form-actions > span { max-width:none; }.sponsor-plan-picker { gap:8px; }.sponsor-plan-picker label { padding:12px 9px; gap:8px; }.sponsor-plan-picker strong { font-size:14px; }.sponsor-plan-info { padding:22px; }.sponsor-dialog { max-height:calc(100svh - 20px); }.sponsor-intro-actions { gap:20px; }.sponsor-result-actions { gap:10px; }.sponsor-grid { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .sponsor-dialog *,.sponsors-main [data-sponsor-open],.sponsor-authority-badge,.home-sponsors .primary-button { transition:none!important; animation:none!important; transform:none!important; } }

.sponsor-import { display:flex; flex-direction:column; gap:8px; min-width:0; }
.sponsor-import-controls { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; }
.sponsor-import-controls button { white-space:nowrap; }
.sponsor-site-preview { display:flex; align-items:center; gap:12px; color:var(--muted); font-size:13px; overflow-wrap:anywhere; }
.sponsor-site-icon { width:44px; height:44px; object-fit:contain; flex-shrink:0; border-radius:8px; background:#12172e; padding:4px; }
.sponsor-card-heading { display:flex; align-items:center; gap:12px; margin:18px 0 12px; }
.sponsor-card-heading h3 { margin:0; min-width:0; }
@media(max-width:480px) { .sponsor-import-controls { grid-template-columns:1fr; }.sponsor-import-controls button { justify-self:start; } }
