:root{--bg:#030a14;--panel:#071525;--panel2:#0a1b2e;--blue:#1eb7f2;--blue2:#159bd0;--text:#f4f7fb;--muted:#b8c6d8;--line:#16324b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Nunito Sans",Arial,sans-serif}.page-shell,.header-shell{width:min(1180px,calc(100% - 48px));margin:auto}.service-bar{background:#050b16;border-bottom:1px solid #142235;text-align:center;padding:13px 18px;font-size:18px}.service-bar strong{color:var(--blue)}.site-header{background:#071527;border-bottom:1px solid #17405f;position:sticky;top:0;z-index:50}.header-shell{height:104px;display:flex;align-items:center;justify-content:space-between}.logo img{width:120px;height:120px;object-fit:contain}.menu-btn{display:none;background:linear-gradient(180deg,#20baf2,#1496cb);border:1px solid #35c7ff;color:white;font:800 18px "Nunito Sans";padding:14px 20px;border-radius:12px}.main-nav{display:flex;gap:25px;align-items:center}.main-nav a{color:#eef5fb;text-decoration:none;font-weight:700;font-size:15px}.main-nav b{color:var(--blue)}.nav-quote{background:var(--blue);padding:11px 17px;border-radius:10px}.nav-call{display:none}.hero{background:radial-gradient(circle at 70% 25%,#0c2942 0,transparent 35%),linear-gradient(180deg,#071321 0,#030a14 100%);border-bottom:1px solid #0d2d48;padding:74px 0 68px}.eyebrow{color:var(--blue);font-size:14px;font-weight:800;letter-spacing:2px}.hero h1,.section-title h2,.help h2{font-family:"Bebas Neue",Impact,sans-serif;letter-spacing:.6px;margin:10px 0 12px}.hero h1{font-size:68px;line-height:.98;max-width:780px}.hero h1 span{color:var(--blue)}.hero p{font-size:22px;line-height:1.55;color:#c8d4e3;max-width:820px}.hero-actions,.help-grid>div:last-child{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;padding:15px 24px;border-radius:12px;text-decoration:none;font-weight:800}.btn.primary{background:linear-gradient(180deg,#21bdf5,#159dd3);color:white;box-shadow:0 9px 30px #008bd333}.btn.secondary{border:1px solid #2a536e;color:white;background:#091827}.notice{padding:30px 0}.notice-box{border:1px solid #176691;border-radius:16px;background:#071725;padding:23px;display:flex;gap:18px}.notice-icon{width:42px;height:42px;flex:0 0 42px;border-radius:50%;border:2px solid var(--blue);display:grid;place-items:center;color:var(--blue);font-weight:900}.notice h2{margin:0 0 5px;font-size:23px}.notice p{margin:0;color:var(--muted);line-height:1.55}.tools{padding:28px 0 80px}.section-title h2{font-size:46px;margin-top:8px}.section-title p{color:var(--muted);font-size:18px}.filter-wrap{margin:22px 0}.filter-wrap input{width:100%;padding:16px 18px;border-radius:12px;border:1px solid #214760;background:#091827;color:white;font-size:17px;outline:none}.filter-wrap input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1eb7f21f}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-card{background:#081624;border:1px solid #173951;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #0006}.radio-photo{height:220px;background:linear-gradient(180deg,#071727,#061321);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:14px}.radio-photo img{width:100%;height:100%;object-fit:contain;background:transparent;filter:drop-shadow(0 10px 15px #0008)}.verified-chip,.photo-chip{position:absolute;top:12px;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.verified-chip{left:12px;background:#072315;color:#79e3a2;border:1px solid #1f6a3a}.photo-chip{right:12px;background:#062136dd;color:#7ad7ff;border:1px solid #1c6c91}.card-body{padding:19px}.card-kicker{margin:0;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.tool-card h3{font-size:24px;margin:5px 0 8px}.card-desc{color:#bcc9d8;min-height:52px}.serial-format{font-size:14px;color:#d9e4ef}.card-open{width:100%;border:0;border-radius:10px;padding:14px;background:var(--blue);color:white;font-weight:900;font-size:16px}.help{border-top:1px solid #143653;border-bottom:1px solid #143653;background:#071728;padding:55px 0}.help-grid{display:grid;grid-template-columns:1.4fr .7fr;align-items:center;gap:35px}.help h2{font-size:46px}.help p{color:var(--muted);font-size:18px}.site-footer{padding:52px 0 0;background:#02070d}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-brand img{width:120px}.site-footer h3{font-size:18px}.site-footer a{display:block;color:#c9d6e4;text-decoration:none;margin:8px 0}.site-footer p{color:#b7c3d2;line-height:1.6}.footer-bottom{margin-top:35px;padding:20px;border-top:1px solid #142638;text-align:center;color:#8595a7}.floating-quote{display:none}.modal{position:fixed;inset:0;z-index:100;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:#000b}.modal-card{position:relative;z-index:1;width:min(760px,calc(100% - 30px));max-height:90vh;overflow:auto;margin:5vh auto;background:#071727;border:1px solid #1b6088;border-radius:18px;padding:26px;box-shadow:0 30px 80px #000}.close-btn{position:absolute;right:15px;top:12px;background:none;border:0;color:#fff;font-size:34px}.modal-title h2{font-family:"Bebas Neue";font-size:40px;margin:6px 0}.modal-title p,.mode-note,.info-box,.warning{color:#b8c6d8}.modal-radio{height:260px;background:linear-gradient(180deg,#071727,#061321);border:1px solid #173e59;border-radius:12px;overflow:hidden;margin:16px 0;padding:14px}.modal-radio img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px #0008)}.mode-note,.calc-box,.info-box,.warning{background:#091b2c;border:1px solid #173e59;border-radius:12px;padding:16px;margin:12px 0}.calc-box label{display:block;font-weight:900;margin-bottom:8px}.input-row{display:flex;gap:10px}.input-row input{flex:1;padding:14px;border-radius:9px;border:1px solid #285776;background:#03101d;color:white;font-size:18px}.input-row button{background:var(--blue);color:white;border:0;border-radius:9px;padding:0 18px;font-weight:900}.result{display:none;margin-top:12px}.result.show{display:block;background:#06271d;border:1px solid #1b6b49;padding:15px;border-radius:9px}.result.error{background:#321010;border-color:#7c2929}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-box h3{color:white}.warning{border-color:#6a4d19;color:#f1d9a0}.no-results{grid-column:1/-1;padding:30px;border:1px solid #194866;border-radius:12px;color:#b8c6d8}
@media(max-width:820px){.page-shell,.header-shell{width:min(100% - 36px,1180px)}.service-bar{font-size:16px;line-height:1.45}.header-shell{height:136px}.logo img{width:130px;height:130px}.menu-btn{display:block}.main-nav{display:none;position:absolute;left:28px;right:28px;top:124px;flex-direction:column;align-items:stretch;gap:0;background:#071628;border:1px solid #18506f;border-radius:20px;padding:18px;box-shadow:0 25px 60px #000c}.main-nav.open{display:flex}.main-nav a{font-size:20px;padding:19px 21px;border-bottom:1px solid #173047}.main-nav .nav-quote{text-align:center;margin-top:10px;background:#1da9e3;border-bottom:0}.nav-call{display:block!important;border-bottom:0!important}.hero{padding:52px 0}.hero h1{font-size:48px}.hero p{font-size:19px}.tool-grid{grid-template-columns:1fr 1fr}.radio-photo{height:185px}.help-grid,.footer-grid{grid-template-columns:1fr}.floating-quote{display:block;position:fixed;right:24px;bottom:28px;z-index:60;background:linear-gradient(180deg,#20baf2,#1599cf);color:#fff;text-decoration:none;font-weight:900;font-size:18px;padding:17px 28px;border-radius:999px;border:1px solid #42c9ff;box-shadow:0 10px 35px #000a}.info-grid{grid-template-columns:1fr}}
@media(max-width:560px){.tool-grid{grid-template-columns:1fr}.radio-photo{height:220px}.section-title h2,.help h2{font-size:38px}.hero h1{font-size:43px}.input-row{flex-direction:column}.input-row button{padding:14px}.modal-card{padding:20px}.modal-radio{height:210px}}

/* v16: higher-quality radio reference photography */
.radio-photo{background:linear-gradient(180deg,#071525 0%,#06111e 100%);display:flex;align-items:center;justify-content:center;min-height:220px;padding:24px 18px 12px;overflow:hidden}
.radio-photo img{width:100%;height:190px;object-fit:contain;object-position:center;filter:none!important;image-rendering:auto}
.modal-radio{background:#071525;border:1px solid rgba(30,183,242,.22);border-radius:18px;padding:20px;display:flex;justify-content:center;align-items:center}
.modal-radio img{width:100%;max-height:360px;object-fit:contain;filter:none!important;image-rendering:auto}
@media(max-width:680px){.radio-photo{min-height:190px;padding:18px 14px 8px}.radio-photo img{height:165px}}

/* v17 professional radio artwork */
.radio-photo{background:linear-gradient(180deg,#061625 0%,#04111d 100%);padding:56px 18px 18px;min-height:245px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.radio-photo img{width:100%;height:auto;max-height:190px;object-fit:contain;display:block;border-radius:6px;filter:none}
.modal-radio{background:linear-gradient(180deg,#061625,#04111d);padding:18px}
.modal-radio img{width:100%;max-height:300px;object-fit:contain;border-radius:8px}
@media(max-width:700px){.radio-photo{min-height:220px;padding:54px 14px 14px}.radio-photo img{max-height:165px}}

.logo-fallback{display:none;color:#fff;font-weight:900;font-size:22px;letter-spacing:.5px;text-decoration:none}.logo{display:flex;align-items:center;text-decoration:none}

/* v19: smaller radio artwork with safe side margins */
.radio-photo{
  padding-left:28px;
  padding-right:28px;
}
.radio-photo img{
  width:auto;
  max-width:88%;
  max-height:175px;
  height:auto;
  object-fit:contain;
  object-position:center;
  margin:0 auto;
}
.modal-radio img{
  width:auto;
  max-width:88%;
  max-height:280px;
  height:auto;
  margin:0 auto;
}
@media(max-width:700px){
  .radio-photo{
    min-height:205px;
    padding:50px 24px 16px;
  }
  .radio-photo img{
    max-width:86%;
    max-height:145px;
  }
  .modal-radio img{
    max-width:90%;
    max-height:220px;
  }
}
/* v21: use the user's clear stereo contact-sheet crops without scaling/cropping artefacts */
.radio-photo{overflow:visible!important;padding-left:18px!important;padding-right:18px!important}
.radio-photo img{width:100%!important;max-width:100%!important;height:auto!important;max-height:155px!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;filter:none!important}
.modal-radio{overflow:visible!important}
.modal-radio img{width:100%!important;max-width:94%!important;height:auto!important;max-height:260px!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;filter:none!important}
@media(max-width:700px){.radio-photo{padding-left:22px!important;padding-right:22px!important}.radio-photo img{max-width:100%!important;max-height:135px!important}}

/* v22: clean full-fascia crops taken directly from the user's clear contact sheet */
.radio-photo{
  overflow:hidden!important;
  padding:48px 28px 12px!important;
}
.radio-photo img{
  display:block!important;
  width:88%!important;
  max-width:520px!important;
  height:150px!important;
  max-height:150px!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
}
.modal-radio{
  overflow:hidden!important;
}
.modal-radio img{
  display:block!important;
  width:88%!important;
  max-width:640px!important;
  height:240px!important;
  max-height:240px!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
}
@media(max-width:700px){
  .radio-photo{padding:50px 28px 10px!important;}
  .radio-photo img{
    width:84%!important;
    max-width:480px!important;
    height:135px!important;
    max-height:135px!important;
  }
  .modal-radio img{
    width:86%!important;
    height:210px!important;
    max-height:210px!important;
  }
}

/* v23 — user's supplied stereo PNGs used directly, with no recropping */
.radio-photo{
  overflow:visible!important;
  padding:42px 24px 12px!important;
}
.radio-photo img{
  display:block!important;
  width:82%!important;
  max-width:500px!important;
  height:145px!important;
  max-height:145px!important;
  margin:0 auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:none!important;
}
.modal-radio{
  overflow:visible!important;
  padding:12px 18px!important;
}
.modal-radio img{
  display:block!important;
  width:84%!important;
  max-width:620px!important;
  height:225px!important;
  max-height:225px!important;
  margin:0 auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:none!important;
}
@media(max-width:700px){
  .radio-photo{padding:44px 30px 10px!important;}
  .radio-photo img{
    width:78%!important;
    max-width:440px!important;
    height:128px!important;
    max-height:128px!important;
  }
  .modal-radio img{
    width:80%!important;
    height:190px!important;
    max-height:190px!important;
  }
}