:root{--ink:#3F3F3F;--muted:#8C8C8C;--faint:#B9BFC6;--line:#E4E8EC;--card:#F5F7F9;--cyan:#59DBFF;--cyanDp:#0E8FB0;--bg:#fff;--hover:#FBFCFD;--stripe:#FAFBFC;--val-bg:#EDF6F9}
*{box-sizing:border-box}
body{margin:0;font-family:'Roboto',system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
.wrap{max-width:1180px;margin:0 auto;padding:22px 20px 40px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brandbar{height:6px;border-radius:4px;background:linear-gradient(90deg,#00DE00 0 20%,#45C8F6 20% 80%,#FFCB06 80% 90%,#ED145B 90% 100%);margin:14px 0 18px}
.eyebrow{color:var(--cyanDp);font-weight:700;letter-spacing:.16em;font-size:12px;text-transform:uppercase}
h1{font-size:28px;font-weight:800;margin:4px 0 2px}
.sub{color:var(--muted);font-size:14px;margin:0}
.logo{height:30px}
.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0 6px}
.search{flex:1;min-width:220px;position:relative}
.search input{width:100%;padding:10px 14px 10px 36px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:14px;outline:none;background:var(--bg);color:var(--ink)}
.search input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(89,219,255,.25)}
.search svg{position:absolute;left:11px;top:11px;width:16px;height:16px;fill:var(--muted)}
.btns{display:flex;gap:8px;flex-wrap:wrap}
.btn{border:1px solid var(--line);background:var(--bg);border-radius:9px;padding:9px 13px;font:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;transition:.15s}
.btn:hover{border-color:var(--cyan)}
.btn.active{background:var(--cyanDp);border-color:var(--cyanDp);color:#fff}
.hint{color:var(--faint);font-size:12px;margin:6px 2px 0}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;margin-top:14px;box-shadow:0 6px 22px rgba(20,30,60,.06)}
table{border-collapse:separate;border-spacing:0;width:100%;min-width:820px}
th,td{text-align:left;padding:0}
thead th{position:sticky;top:0;z-index:5;background:var(--bg)}
.feccol{position:sticky;left:0;z-index:4;background:var(--bg);min-width:290px;max-width:340px}
thead .feccol{z-index:6}
.tierhead{vertical-align:bottom;padding:0 6px 0}
.tiercard{border-radius:12px 12px 0 0;padding:12px 10px 12px;min-width:138px;text-align:center;cursor:pointer;transition:.15s;user-select:none;background:var(--bg);border:1px solid var(--line);border-bottom:none;border-top:4px solid var(--tc)}
.tiercard .badge{height:66px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:8px}
.tiercard .badge img{height:66px;width:auto;display:block}
.tiercard .pr{font-size:16px;font-weight:800;line-height:1.05}
.tiercard .lic{font-size:10px;color:var(--muted);margin-top:3px}
.tiercard:hover{background:var(--hover)}
.tiercard.on{box-shadow:0 -3px 0 var(--tc) inset}
.tiercard .nm{font-size:14px;font-weight:800;line-height:1.15;margin:3px 0 6px}
.grouprow td{background:var(--bg);padding:16px 12px 6px}
.grouprow .glab{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);cursor:pointer}
.grouprow .dot{width:9px;height:9px;border-radius:3px}
.grouprow .caret{transition:.15s;font-size:10px;color:var(--muted)}
.grouprow.collapsed .caret{transform:rotate(-90deg)}
.frow td{border-top:1px solid var(--line);font-size:13px}
.frow:nth-child(even) td{background:var(--stripe)}
.frow .feccol{padding:9px 14px 9px 22px;font-weight:400;color:var(--ink)}
.cell{text-align:center;padding:9px 6px;min-width:132px}
.mark{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%}
.mark svg{width:12px;height:12px;fill:#fff}
.mark.ltd{background:var(--bg);border:2px solid;box-sizing:border-box}
.mark.ltd svg{fill:currentColor;width:11px;height:11px}
.ltd-lbl{display:block;font-size:8px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;margin-top:2px;line-height:1}
.dash{color:var(--faint);font-weight:600}
.valrow td{border-top:2px solid var(--line);background:var(--val-bg);font-size:13px}
.valrow .feccol{padding:11px 14px;font-weight:700;background:var(--val-bg)}
.valrow .cell{font-weight:700;color:var(--cyanDp)}
.metarow td{border-top:1px solid var(--line);font-size:12px}
.metarow .feccol{padding:9px 14px;color:var(--muted);font-weight:600}
.metarow .cell{color:var(--ink)}
table.focus .cell:not(.on){opacity:.28}
table.focus .pcell:not(.on){opacity:.32}
.personarow td{border-top:1px solid var(--line);border-bottom:2px solid var(--line)}
.personarow .feccol{padding:11px 14px;color:var(--muted);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:var(--bg);vertical-align:middle}
.pcell{padding:10px 12px;font-size:11.5px;line-height:1.35;color:var(--ink);vertical-align:top;min-width:132px;border-top:3px solid transparent}
table.focus .tiercard:not(.on){opacity:.4}
.legend{display:flex;gap:18px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:12px;margin:14px 2px 0}
.legend .mk{display:inline-flex;align-items:center;gap:6px}
.note{color:var(--faint);font-size:12px;font-style:italic;margin:10px 2px 0}
.pane{display:none}.pane.show{display:block}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
@media(max-width:760px){.grid3{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}}
.panel{border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:0 6px 22px rgba(20,30,60,.05)}
.panel h3{margin:0 0 12px;font-size:14px;font-weight:800;display:flex;align-items:center;gap:9px}
.panel h3 .b{width:5px;height:18px;border-radius:3px}
.prow{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.prow:first-of-type{border-top:none}
.prow .p{font-weight:800;white-space:nowrap}
.klabel{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:12px 0 2px}
.foot{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:22px}
.tabbar{display:inline-flex;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:4px;gap:4px}
.tab{border:none;background:none;font:inherit;font-size:13px;font-weight:700;color:var(--muted);padding:8px 16px;border-radius:8px;cursor:pointer}
.tab.active{background:var(--bg);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.bundles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
@media(max-width:760px){.bundles{grid-template-columns:1fr}}
.bundle{border:1px solid var(--line);border-radius:14px;padding:8px 8px 14px;box-shadow:0 6px 22px rgba(20,30,60,.05);display:flex;flex-direction:column}
.bundle .imgwrap{background:var(--bg);border-radius:10px;height:190px;display:flex;align-items:center;justify-content:center;padding:6px}
.bundle .imgwrap img{max-height:178px;max-width:100%;width:auto;object-fit:contain}
.bundle .bt{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 8px 2px}
.bundle .bt .tt{font-weight:800;font-size:14px}
.bundle .bt .pp{font-weight:800;font-size:14px;color:var(--cyanDp);white-space:nowrap}
.bundle .bd{padding:0 8px;color:var(--muted);font-size:12px}
.bundle .bf{padding:6px 8px 0;font-size:11px;color:var(--faint);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.sechead{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:22px 2px 2px}
.tabrow{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.cta{display:inline-flex;align-items:center;gap:8px;background:#29abe2;color:#fff;text-decoration:none;font-weight:500;font-size:14px;padding:.65rem 1.5rem;border-radius:2rem;border:none;transition:.15s;white-space:nowrap}
.cta:hover{background:#1f95c7;color:#fff}
.cta svg{width:15px;height:15px;fill:currentColor}
.storelink{display:inline-flex;align-items:center;gap:5px;color:var(--cyanDp);text-decoration:none;font-weight:700;font-size:11.5px;margin-top:8px}
.storelink:hover{text-decoration:underline}
.storelink svg{width:12px;height:12px;fill:currentColor}

/* ---- Site navbar (this page has no video hero, so it stays theme-aware) ---- */
.site-nav{background:var(--bg);border-bottom:1px solid var(--line)}
.site-nav .navbar-brand{gap:0}
.site-nav .navbar-brand img{height:36px}
.site-nav .menu-item{font-size:1rem}
.site-nav .nav-link{color:var(--ink);position:relative;text-decoration:none}
.site-nav .menu-item .nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--cyanDp);transition:width .3s ease}
.site-nav .menu-item .nav-link:hover::after{width:100%}
.site-nav .newsletter-icon{font-size:1.3rem;color:var(--ink)}

/* ---- Site footer ---- */
.site-footer{background:var(--card);color:var(--muted);font-size:13px}
.site-footer a{color:inherit;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.social-link{font-size:1.25rem;margin-right:.9rem;color:inherit}
.site-footer nav ul li a,.site-footer .row.small a{position:relative;text-decoration:none}
.site-footer nav ul li a::after,.site-footer .row.small a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:2px;background:var(--cyanDp);transition:width .3s ease}
.site-footer nav ul li a:hover::after,.site-footer .row.small a:hover::after{width:100%}

.img-theme--dark{display:none}
[data-bs-theme="dark"] .img-theme--light{display:none}
[data-bs-theme="dark"] .img-theme--dark{display:inline-block}

.cm-theme-toggle.form-check-input{width:2rem;height:1.05rem;cursor:pointer;background-color:var(--line);border-color:var(--faint)}
.cm-theme-toggle.form-check-input:checked{background-color:var(--cyanDp);border-color:var(--cyanDp)}
.cm-theme-toggle.form-check-input:focus{box-shadow:0 0 0 .2rem rgba(89,219,255,.35)}
.theme-icon{font-size:1rem;color:var(--ink);vertical-align:-.15em}

/* ---- Dark theme overrides (scoped to this page only) ---- */
[data-bs-theme="dark"]{
  --ink:#E4E8EC;
  --muted:#98A2AC;
  --faint:#5B6672;
  --line:#2B333C;
  --card:#1B2229;
  --bg:#12161B;
  --hover:#1A2028;
  --stripe:#171C22;
  --val-bg:#132A31;
  --cyanDp:#4FD6F2;
}
[data-bs-theme="dark"] .pcell{background:var(--card) !important}
[data-bs-theme="dark"] .tablewrap,
[data-bs-theme="dark"] .panel,
[data-bs-theme="dark"] .bundle{box-shadow:0 6px 22px rgba(0,0,0,.35)}

/* Force the ActiveCampaign newsletter form to stay light even when AC applies _dark */
._dark input[type="text"],
._dark input[type="email"],
._dark input[type="tel"],
._dark textarea,
._dark select {
  background-color: #fff !important;
  color: #212529 !important;
  border-color: #ced4da !important;
}
._dark input[type="checkbox"]:not(:checked){
  appearance: none;
  -webkit-appearance: none;
  width: 1.1em;
  height: 1.1em;
  border: 2px solid #000;
  background-color: #fff;
  border-radius: 3px;
  opacity: 0.1;
}
._button-wrapper button{border-radius:2rem!important}
._dark input::placeholder{color:#6c757d !important;opacity:1 !important}
.modal-dialog.modal-dialog-centered{min-width:35%}

/* The modal forces data-bs-theme="light", but Bootstrap's dark-mode invert
   filter still cascades from the <html data-bs-theme="dark"> ancestor,
   turning the close "X" white-on-white against this light modal. */
.modal[data-bs-theme="light"] .btn-close{filter:none}