/* Radio Potential Check (songreach.syndicast.co.uk). Same tokens as show-pages.css. */
:root{
  --navy:#0E1526; --blue-deep:#1646E0; --blue:#2F6BFF; --blue-soft:#3A74FF;
  --lavender:#E7EAF6; --lavender-2:#C9D4F7; --line:#C9D0E4; --hair:#E4E8F4;
  --ink:#0E1526; --ink-2:#2A3150; --muted:#4A5270; --white:#ffffff; --soft:#F4F6FC;
  --ok:#067647; --ok-bg:#E3F4EA; --good:#0E9F6E; --good-bg:#E6F7EF; --danger:#B42318;
  --radius-pill:999px;
  --font-display:'Space Grotesk',system-ui,sans-serif;
  --font-body:'DM Sans',system-ui,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-body);font-size:15px;color:var(--ink);background:var(--lavender);-webkit-font-smoothing:antialiased}
a{color:var(--blue-deep)}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* hero */
.hero{position:relative;overflow:hidden;padding:20px 16px 64px;display:flex;flex-direction:column;align-items:center;
  background:linear-gradient(180deg,var(--blue-deep) 0,var(--blue-soft) 220px,var(--lavender-2) 560px,var(--lavender) 800px)}
.hero--report{padding-bottom:64px}
.report-box{position:relative;margin-top:40px;width:100%;max-width:1100px;padding:32px;border-radius:32px;
  background:#EDF0F8;box-shadow:0 30px 90px rgba(47,107,255,.28);display:flex;justify-content:center}
/* the song title is an h1 inside the hero: not the hero's white headline */
.hero .report-box h1{margin:0;max-width:none;font-size:26px;line-height:1.2;color:var(--ink);text-align:left}
.rings{position:absolute;top:300px;width:420px;height:520px;pointer-events:none}
.rings--l{left:-160px}.rings--r{right:-160px}
.nav{position:relative;width:100%;max-width:1180px;height:56px;border-radius:var(--radius-pill);background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 24px}
.nav img{height:24px;width:auto}
.nav__link{color:var(--white);font-weight:700;font-size:14px;text-decoration:none;padding:8px 16px;border-radius:var(--radius-pill);background:rgba(255,255,255,.16)}
.nav__link:hover{color:var(--white);background:rgba(255,255,255,.26)}
.kicker{margin-top:56px;font-size:13px;font-weight:700;letter-spacing:3px;color:#DCE5FF;position:relative;text-align:center}
.hero h1{margin-top:12px;font-size:clamp(38px,6vw,64px);line-height:1.02;font-weight:700;color:var(--white);text-align:center;position:relative;max-width:840px}
.hero__sub{margin:16px 0 0;max-width:620px;text-align:center;font-size:17px;line-height:1.55;color:#EEF2FF;position:relative}
.hero__sub strong{color:var(--white)}

/* stage card */
.stage{position:relative;margin-top:36px;width:100%;max-width:760px;background:var(--white);border-radius:28px;padding:28px;
  box-shadow:0 30px 90px rgba(47,107,255,.35);scroll-margin-top:24px}
.stage__step{display:flex;flex-direction:column;gap:18px}
.stage__title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--ink);margin-bottom:-4px}
.stage__label{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--muted)}
.linkrow{display:flex;gap:10px}
.input{height:56px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--white);padding:0 22px;
  font:inherit;font-size:16px;color:var(--ink);width:100%;min-width:0}
.input::placeholder{color:#6B7391}
.input:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}
.input--err{border-color:var(--danger)}
select.input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
  background-position:calc(100% - 22px) 50%,calc(100% - 17px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px}
.btn{height:56px;padding:0 32px;border-radius:var(--radius-pill);background:var(--navy);border:2px solid var(--blue);color:var(--white);
  font:inherit;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;flex-shrink:0;white-space:nowrap}
.btn:hover{background:#1B2540;color:var(--white)}
.btn[disabled]{opacity:.6;cursor:progress}
.btn--light{background:var(--white);color:var(--navy);border-color:var(--white)}
.btn--light:hover{background:var(--soft);color:var(--navy)}
.hint{margin:-8px 0 0 22px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px}
.hint svg{flex-shrink:0;color:var(--blue)}
.err{color:var(--danger);font-weight:500;font-size:13px}
.stage__foot{margin:8px -28px -28px;padding:20px 28px 24px;background:var(--soft);border-top:1px solid var(--hair);border-radius:0 0 28px 28px;
  display:flex;flex-direction:column;gap:14px}
.platforms{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.platforms span.p{padding:5px 12px;border-radius:var(--radius-pill);background:var(--white);border:1px solid var(--hair);color:var(--ink-2);font-weight:500}
.perks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;font-weight:700;color:var(--ink-2)}
.perks li{display:flex;align-items:center;gap:7px}
.perks li::before{content:"";width:16px;height:16px;border-radius:50%;flex-shrink:0;
  background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}

.found{display:flex;gap:16px;align-items:center;padding:14px;border-radius:20px;background:var(--soft)}
.cover{width:72px;height:72px;border-radius:14px;flex-shrink:0;object-fit:cover;
  background:radial-gradient(circle at 30% 30%,#7FA6FF 0,#2F6BFF 35%,#0E1526 80%)}
.found__meta{min-width:0;display:flex;flex-direction:column;gap:4px}
.found__title{font-family:var(--font-display);font-weight:700;font-size:20px;overflow-wrap:anywhere}
.found__sub{color:var(--muted);font-size:14px;overflow-wrap:anywhere}
.found__ok{margin-left:auto;align-self:flex-start;font-size:12px;font-weight:700;color:var(--ok);background:var(--ok-bg);padding:4px 10px;border-radius:var(--radius-pill);white-space:nowrap}
.found__change{margin-left:auto;align-self:center;font-size:13px;font-weight:700;background:none;border:0;color:var(--blue-deep);cursor:pointer;padding:6px}

.group{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.group legend{font-size:13px;font-weight:700;padding:0;margin-bottom:10px}
.group legend span{font-weight:400;color:var(--muted)}
.who{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.who__opt{position:relative}
.who__opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
.who__opt > span{display:flex;flex-direction:column;gap:2px;padding:14px 18px;border-radius:18px;border:1px solid var(--line);background:var(--white);height:100%}
.who__opt b{overflow-wrap:anywhere}
.who__opt small{color:var(--muted);font-size:13px}
.who__opt input:checked+span{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);background:var(--soft)}
.who__opt input:checked+span b::after{content:" ✓";color:var(--blue)}
.who__opt input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.who__opt > span.who__card{flex-direction:row;align-items:center;gap:12px}
.who__pic{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}
.who__pic--sq{border-radius:12px}
.who__blank{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--white);background:radial-gradient(circle at 30% 25%,#7FD3FF 0,#2F6BFF 45%,#0E1526 100%)}
.who__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.who__text a{position:relative;z-index:1;align-self:flex-start;display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:3px 10px;border-radius:var(--radius-pill);
  border:1px solid var(--line);background:var(--white);color:var(--blue-deep);font-size:12px;font-weight:700;text-decoration:none;line-height:1.4}
.who__text a:hover{border-color:var(--blue);background:#E3EBFF;color:var(--blue-deep)}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.detected{margin:-4px 0 0;font-size:14px;color:var(--muted)}
.style__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding:14px 18px;border-radius:18px;background:var(--soft);border:1px solid var(--hair)}
.style__label{font-size:13px;font-weight:700}
.style__current{font-family:var(--font-display);font-size:18px}
.style__src{font-size:13px;color:var(--muted)}
.style__change{margin-left:auto;background:none;border:0;padding:4px;font:inherit;font-size:14px;font-weight:700;color:var(--blue-deep);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.style__pick select{height:52px}
.detected b{color:var(--ink)}
.fmts{display:flex;flex-wrap:wrap;gap:8px}
.pill-check{position:relative}
.pill-check input{position:absolute;opacity:0;inset:0;cursor:pointer}
.pill-check span{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:var(--radius-pill);background:var(--white);border:1px solid var(--line);font-size:14px;font-weight:700}
.pill-check input:checked+span{background:var(--navy);color:var(--white);border-color:var(--navy)}
.pill-check input:checked+span::before{content:"✓ ";margin-right:4px;color:#8FB0FF}
.pill-check input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.style-add{display:flex;gap:8px;max-width:420px}
.input--sm{height:42px;font-size:14px;padding:0 18px}
.btn--sm{height:42px;padding:0 20px;font-size:14px}
.btn--ghost{background:var(--white);color:var(--ink);border:1px solid var(--line)}
.btn--ghost:hover{background:var(--soft);color:var(--ink)}
.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;min-width:0}
.field .input{height:48px;font-size:15px;padding:0 20px}
.consents{display:flex;flex-direction:column;gap:10px}
.consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.consent input{width:18px;height:18px;margin:2px 0 0;flex-shrink:0;accent-color:var(--navy)}
.submit{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.submit small{color:var(--muted);font-size:13px}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

.analyse h2{font-size:24px}
.checklist{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.checklist li{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--muted)}
.checklist .dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.checklist li.is-active{color:var(--ink);font-weight:700}
.checklist li.is-active .dot{border-color:var(--blue);border-top-color:transparent;animation:spin .8s linear infinite}
.checklist li.is-done{color:var(--ink)}
.checklist li.is-done .dot{background:var(--ok);border-color:var(--ok)}
.checklist li.is-done .dot::after{content:"";width:5px;height:9px;border:solid var(--white);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
@keyframes spin{to{transform:rotate(360deg)}}
.notice{padding:14px 18px;border-radius:16px;background:#FDECEA;color:var(--danger);font-size:14px;font-weight:500}

/* report */
.result{padding:16px 16px 56px;display:flex;flex-direction:column;align-items:center;gap:20px}
.wrap{width:100%;max-width:1040px;display:flex;flex-direction:column;gap:20px}
.panel{background:var(--white);border-radius:24px;padding:28px;box-shadow:0 20px 60px rgba(14,21,38,.08);min-width:0}
.panel h3{font-size:20px}
.panel__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:18px}
.panel__head p{margin:0;color:var(--muted);font-size:13px}
.rhead{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;background:linear-gradient(120deg,var(--blue-deep),#3A8BFF);border-radius:24px;padding:24px 28px;box-shadow:0 20px 60px rgba(22,70,224,.25)}
.rhead .found{background:transparent;padding:0;gap:24px}
.rhead .found__title{font-size:26px}
.songmeta{display:flex;flex-direction:column;gap:6px;min-width:0}
.hero .report-box h1.songmeta__title{font-size:28px;line-height:1.15;overflow-wrap:anywhere;color:var(--white)}
.songmeta__artist{font-size:17px;font-weight:700;color:#EEF2FF;overflow-wrap:anywhere}
.songmeta__sub{font-size:14px;color:#C9D7FF}
.notebox{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:18px;background:#FFF6D6;border:1px solid #F5B700}
.notebox p{margin:0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.notebox b{color:var(--ink)}
.notebox__icon{flex-shrink:0;color:#B54708;margin-top:1px}
.rhead .cover{box-shadow:0 0 0 3px rgba(255,255,255,.35)}
.rhead__note{font-size:13px;color:var(--muted);max-width:340px;margin:0}
.callout{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;background:var(--white);border:1px solid var(--line)}
.callout p{margin:0;color:var(--ink-2);line-height:1.5}
.callout b{color:var(--ink)}
.callout__badge{width:28px;height:28px;border-radius:6px;background:var(--navy);color:var(--white);font-family:var(--font-display);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
/* the song's three signals: the good news, in green */
.signals .sig{border-top:5px solid var(--good)}
.signals .sig__value{color:var(--good)}
.signals .sig__value small{color:var(--muted)}
.signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sig{background:var(--white);border-radius:24px;padding:24px;box-shadow:0 20px 60px rgba(14,21,38,.08);display:flex;flex-direction:column;gap:12px;min-width:0}
.sig__name{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:1.5px;color:var(--blue-deep);display:flex;align-items:center;gap:8px}
.sig__name::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue);flex-shrink:0}
.sig__value{font-family:var(--font-display);font-size:40px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.sig__value small{font-size:16px;font-weight:600;color:var(--muted);margin-left:4px}
.sig p{margin:0;color:var(--ink-2);line-height:1.5}
.sig__src{margin-top:auto;padding-top:12px;border-top:1px solid var(--hair);font-size:12px;color:var(--muted)}
.sig--locked{position:relative;overflow:hidden}
.sig--locked .sig__body{display:flex;flex-direction:column;gap:12px;filter:blur(7px);user-select:none;pointer-events:none}
.lock{position:absolute;inset:44px 16px 52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
.lock__icon{width:44px;height:44px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center}
.lock b{font-family:var(--font-display);font-size:17px}
.lock span{font-size:13px;color:var(--muted)}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.tiers span{padding:8px 4px;border-radius:10px;background:var(--soft);font-size:12px;font-weight:700;color:var(--muted);text-align:center}
.tiers span.on{background:var(--navy);color:var(--white)}
.facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink-2)}
.facts li{display:flex;justify-content:space-between;gap:12px}
.facts b{color:var(--ink);text-align:right}
.soon{display:inline-flex;align-self:flex-start;padding:6px 14px;border-radius:var(--radius-pill);background:var(--white);border:1px solid var(--line);font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ink-2)}
.fchips{display:flex;flex-wrap:wrap;gap:6px}
.fchip{padding:5px 12px;border-radius:var(--radius-pill);background:var(--navy);color:var(--white);font-size:13px;font-weight:700}
.r-mid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.bars li{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 56px;gap:10px;align-items:center;font-size:14px}
.cbar{height:10px;border-radius:5px;background:var(--hair);overflow:hidden}
.cbar i{display:block;height:100%;background:var(--blue);border-radius:5px}
.cbar i.adj{background:repeating-linear-gradient(135deg,#9DB8FF 0 6px,#C9D4F7 6px 12px)}
.bars .n{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.tag{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.5px}
.act{margin-top:18px;padding-top:16px;border-top:1px solid var(--hair);display:flex;flex-direction:column;gap:10px}
.act__t{font-size:13px;font-weight:700}
.act__bar{display:flex;gap:3px;height:14px;border-radius:7px;overflow:hidden;background:var(--hair)}
.act__bar i:nth-child(1){background:var(--navy)}.act__bar i:nth-child(2){background:var(--blue)}.act__bar i:nth-child(3){background:var(--lavender-2)}
.act__leg{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--muted)}
.act__leg b{color:var(--ink);font-variant-numeric:tabular-nums}
.gmap{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--ink-2)}
.gmap li{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.gmap .src{padding:3px 10px;border-radius:var(--radius-pill);background:var(--soft)}
.note{margin:14px 0 0;font-size:13px;color:var(--muted);line-height:1.5}

/* CTA band */
/* night-to-sky gradient with the Syndicast "S" across it (Figma: Syndicast_Project_2026_Share) */
/* as tall as the S at its width, so the S's cut top and bottom sit on the band's edges */
.band{position:relative;overflow:hidden;padding:36px 16px;display:flex;justify-content:center;align-items:center;
  min-height:calc(min(100vw, 1040px) * 463 / 1310);
  background:linear-gradient(180deg,#0B1B5C 0%,#0B2A8C 22%,#0A5BE0 58%,#1A72F0 82%,#2C82F5 100%)}
/* the S is drawn already cut at its top and bottom: it fills the band edge to edge */
/* the background runs edge to edge; the S stays as wide as the report above it */
/* pinned to the top: when the text makes the band taller, the extra space is at the light bottom */
.band::before{content:"";position:absolute;top:0;left:50%;width:min(100%,1040px);aspect-ratio:1310/463;transform:translateX(-50%);pointer-events:none;opacity:.45;
  background:linear-gradient(180deg,#1A3FB8 0%,#1C7BFF 38%,#2EC2FF 62%,#D2F4FF 100%);
  -webkit-mask-image:url("/assets/radio-check/s-logo.webp");mask-image:url("/assets/radio-check/s-logo.webp");
  -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:center;mask-position:center;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.band__inner{position:relative;max-width:980px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;text-shadow:0 1px 18px rgba(14,21,38,.35)}
.band .btn{text-shadow:none}
.tagpill{display:inline-flex;align-self:flex-start;align-items:center;padding:7px 16px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;letter-spacing:2px;line-height:1}
.tagpill--blue{align-self:center;background:var(--blue);color:var(--white)}
.tagpill--white{align-self:center;background:var(--white);color:var(--navy);text-shadow:none}
.band h2{font-size:clamp(24px,3.2vw,34px);line-height:1.2;color:var(--white)}
.band p{margin:0;color:#EEF2FF;font-size:16px;line-height:1.55;max-width:600px}
.band p b{color:var(--white);font-weight:700}
.band__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 24px}
.btn--outline{background:transparent;color:var(--white);border-color:rgba(255,255,255,.75)}
.btn--outline:hover{background:rgba(255,255,255,.14);color:var(--white);border-color:var(--white)}
.band .band__login{font-size:15px;color:var(--white);text-shadow:0 1px 10px rgba(14,21,38,.55)}
.band__login a{color:var(--white);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.band__login a:hover{color:#DCE5FF}

/* the dark blue of the Syndicast footer bar */
.how{padding:72px 16px;display:flex;justify-content:center;background:#111827}
.how h2{font-size:clamp(26px,3.4vw,34px);text-align:center;color:var(--white)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:s}
.steps li{counter-increment:s;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:8px}
.steps li::before{content:counter(s);width:36px;height:36px;border-radius:50%;background:var(--blue);color:var(--white);font-family:var(--font-display);font-weight:700;display:flex;align-items:center;justify-content:center}
.steps b{font-family:var(--font-display);font-size:18px;color:var(--white)}
.steps p{margin:0;color:#AEB6CF;line-height:1.55}
.promise{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:14px;color:#C9D0E4}
.promise span::before{content:"✓ ";color:#6FA0FF;font-weight:700}

/* Syndicast footer (templates/partials/footer.html), same as the show pages */
.site-foot__main{position:relative;overflow:hidden;padding:56px 16px 64px;display:flex;flex-direction:column;align-items:center;gap:28px;
  background:radial-gradient(60% 90% at 50% 115%,rgba(58,116,255,.55) 0,rgba(96,170,255,.35) 35%,rgba(231,234,246,0) 75%),var(--lavender)}
.site-foot__logo img{height:44px;width:auto}
.site-foot__social{list-style:none;margin:0;padding:0;display:flex;gap:18px}
.site-foot__social a{width:44px;height:44px;border-radius:50%;background:var(--navy);color:var(--white);display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s}
.site-foot__social a:hover{background:var(--blue-deep);color:var(--white);transform:translateY(-2px)}
.site-foot__bar{background:#111827;padding:22px 16px}
.site-foot__bar small{display:block;max-width:1180px;margin:0 auto;font-size:13px;color:#9AA3BE}
@media (max-width:720px){.site-foot__bar small{text-align:center}}

@media (max-width:900px){
  .signals,.r-mid,.steps{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .linkrow{flex-direction:column}
  .linkrow .btn,.submit .btn{width:100%}
  .grid,.who{grid-template-columns:minmax(0,1fr)}
  .stage,.panel,.sig{padding:20px;border-radius:22px}
  .report-box{padding:16px;border-radius:24px;margin-top:28px}
  .band{padding:56px 16px}
  /* narrow screens: the band is taller than the S, so the S fills the height and runs off the sides */
  .band::before{width:auto;height:100%}
  .stage__foot{margin:4px -20px -20px;padding:16px 20px 20px;border-radius:0 0 22px 22px}
  .hint{margin-left:4px}
  .found{flex-wrap:wrap}
  .found__ok,.found__change{margin-left:0}
  .rings{display:none}
  .bars li{grid-template-columns:minmax(0,1fr) 70px 50px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .checklist li.is-active .dot{animation:none;border-top-color:var(--blue)}
}

/* ---------- "we're working on it" pop-up ---------- */
.busy{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;
  background:rgba(14,21,38,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.busy__card{width:100%;max-width:440px;background:var(--white);border-radius:28px;padding:32px 28px;box-shadow:0 30px 90px rgba(14,21,38,.35);
  display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.busy__card h2{font-size:22px}
.busy__card p{margin:0;color:var(--muted);line-height:1.5}
.busy__card .checklist{align-self:stretch;text-align:left;margin-top:4px}
.busy__note{font-size:12px;color:var(--muted)}
.busy__spin{width:44px;height:44px;border-radius:50%;border:4px solid var(--hair);border-top-color:var(--blue);animation:spin .9s linear infinite}
body.is-busy{overflow:hidden}
@media (prefers-reduced-motion:reduce){.busy__spin{animation:none;border-top-color:var(--blue)}}

/* ---------- "Is this you?" ---------- */
.confirm__title{font-family:var(--font-display);font-size:26px;color:var(--ink);margin:0}
.confirm__lead{margin:-6px 0 0;color:var(--muted);line-height:1.5}
.cands{display:flex;flex-direction:column;gap:10px}
.cand{position:relative}
.cand input{position:absolute;opacity:0;inset:0;cursor:pointer}
.cand__card{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:20px;border:1px solid var(--line);background:var(--white)}
.cand input:checked+.cand__card{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);background:var(--soft)}
.cand input:focus-visible+.cand__card{outline:2px solid var(--blue);outline-offset:2px}
.cand__img{width:56px;height:56px;border-radius:50%;flex-shrink:0;object-fit:cover}
.cand__img--sq{border-radius:14px}
.cand__img--blank{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;color:var(--white);background:radial-gradient(circle at 30% 25%,#7FD3FF 0,#2F6BFF 45%,#0E1526 100%)}
.cand__body{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}
.cand__body a{position:relative;z-index:1;font-size:13px}
.cand__tick{margin-left:auto;width:28px;height:28px;border-radius:50%;border:2px solid var(--line);color:transparent;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}
.cand input:checked+.cand__card .cand__tick{background:var(--navy);border-color:var(--navy);color:var(--white)}
.btn[disabled]{opacity:.6}

/* ---------- report: About the artist / label (Songstats) ---------- */
.about{display:flex;flex-direction:column;gap:20px}
.about-head{display:flex;gap:22px;align-items:center;margin-top:20px;padding:24px 28px;border-radius:24px;background:linear-gradient(120deg,var(--blue-deep),#3A8BFF);box-shadow:0 20px 60px rgba(22,70,224,.25)}
.about-avatar{width:96px;height:96px;border-radius:50%;flex-shrink:0;object-fit:cover;box-shadow:0 0 0 3px rgba(255,255,255,.35)}
.about-avatar--sq{border-radius:22px}
.about-avatar--blank{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--white);background:radial-gradient(circle at 30% 25%,#7FD3FF 0,#2F6BFF 45%,#0E1526 100%)}
.about-kicker{font-size:11px;font-weight:700;letter-spacing:2px;color:#C9D7FF}
.about-title{font-size:26px;color:var(--white)}
.about-sub{font-size:14px;color:#DCE5FF}
.socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.social{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;border-radius:var(--radius-pill);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:var(--white);text-decoration:none;font-size:13px}
.social i{width:24px;height:24px;border-radius:50%;background:var(--white);color:var(--navy);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:10px}
.social b{font-variant-numeric:tabular-nums}
a.social:hover{background:rgba(255,255,255,.26);color:var(--white)}
.pace-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.pace-avg{display:flex;flex-direction:column;align-items:flex-end;padding:8px 14px;border-radius:14px;background:#E3EBFF}
.pace-avg b{font-family:var(--font-display);font-size:24px;line-height:1.1;color:var(--blue-deep);font-variant-numeric:tabular-nums}
.pace-avg span{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--blue-deep)}
.pace{display:flex;align-items:flex-end;gap:4px;height:56px;margin-top:4px}
.pace span{flex:1;background:var(--blue);border-radius:3px 3px 0 0;min-height:4px}
.pace span.zero{background:var(--hair)}
.pace-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:4px}
.vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vs__col{padding:14px;border-radius:16px;background:var(--soft);display:flex;flex-direction:column;gap:4px;min-width:0}
.vs__col span{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.vs__col b{font-family:var(--font-display);font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums}
.vs__col small{font-size:12px;color:var(--muted)}
.vs__col--radio{background:#FFF6D6}
.potential{align-self:flex-start;padding:6px 14px;border-radius:var(--radius-pill);background:var(--blue);color:var(--white);font-size:13px;font-weight:700}
.releases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rel{display:flex;flex-direction:column;gap:8px;min-width:0}
.rel__cover{aspect-ratio:1;width:100%;border-radius:16px;object-fit:cover;box-shadow:0 12px 30px rgba(14,21,38,.15);background:radial-gradient(circle at 30% 30%,#7FA6FF 0,#2F6BFF 35%,#0E1526 80%)}
.rel__title{font-weight:700;font-size:15px;overflow-wrap:anywhere}
.rel__sub{font-size:13px;color:var(--muted)}
.rel__match{flex:1 0 auto;display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:#E3EBFF;color:var(--ink-2);font-size:13px;line-height:1.4}
.rel__match svg{flex-shrink:0;color:var(--blue-deep);margin-top:2px}
.rel__match span{display:block;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--blue-deep)}
.rel__match b{color:var(--ink)}
.missing{display:flex;gap:16px;align-items:flex-start;margin-top:20px;padding:22px 24px;border-radius:24px;background:var(--white);border:1px dashed var(--line)}
.missing__icon{width:44px;height:44px;border-radius:50%;background:var(--soft);color:var(--blue-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.missing b{font-family:var(--font-display);font-size:18px}
.missing p{margin:4px 0 0;color:var(--muted);line-height:1.5}
.missing .mail-inline{font-family:var(--font-body);font-size:inherit;color:var(--ink);user-select:all}
@media (max-width:900px){.releases{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.about-head{flex-direction:column;align-items:flex-start}.vs{grid-template-columns:minmax(0,1fr)}}