:root{
  --bg:#020818;--panel:#071634;--panel2:#0a1d40;--line:#21355f;--text:#f7fbff;--muted:#aab7d0;
  --blue:#2086ff;--green:#35d486;--red:#ff4d61;--yellow:#ffc72c;--orange:#ff7a1a;--purple:#8b5cf6;--cyan:#27d6d6;
  --shadow:0 24px 80px rgba(0,0,0,.35);--radius:14px
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 20% -10%,#123a7a 0,transparent 28%),linear-gradient(180deg,#020818 0,#050b1f 100%);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55}
a{text-decoration:none;color:inherit}.container{width:min(1180px,94%);margin:0 auto}
.topbar{height:74px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:rgba(2,8,24,.72);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:13px}.brand strong{display:block;letter-spacing:.08em;font-size:22px}.brand small{display:block;letter-spacing:.26em;font-size:12px}.m-logo{width:42px;height:42px;border-radius:9px;background:linear-gradient(135deg,#4e8cff,#0966e8);display:grid;place-items:center;font-weight:900;font-size:22px}
nav{display:flex;align-items:center;gap:34px;color:#dce6ff;font-weight:700}.nav-btn,.btn{background:#0b5bd3;color:white;border:1px solid #1e73ff;border-radius:8px;padding:13px 22px;font-weight:800;box-shadow:0 10px 28px rgba(0,90,255,.25);cursor:pointer}.btn.yellow{background:linear-gradient(180deg,#ffcc33,#ffac00);border-color:#ffc72c;color:#071020}.btn.ghost{background:transparent;border-color:#b9c7e2;box-shadow:none}.btn.full{width:100%;justify-content:center;display:flex}.btn:disabled{opacity:.45;cursor:not-allowed}
.hero{padding:34px 0 28px}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:end}h1{font-size:36px;line-height:1.15;margin:0 0 8px}h2{font-size:24px;margin:0 0 18px}h3{margin:0 0 8px}.lead,.muted{color:var(--muted)}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}
.dataset-card{border:1px solid var(--line);background:rgba(10,29,64,.65);border-radius:10px;padding:22px;display:flex;gap:14px;align-items:center;justify-content:center}.dataset-card .icon{font-size:34px;color:var(--blue)}.dataset-card strong{font-size:20px;display:block}
.grid{display:grid;gap:18px}.grid.top{grid-template-columns:400px 1fr}.grid.mid{grid-template-columns:1fr 1.35fr}.grid.bottom{grid-template-columns:1.1fr 1fr}
.panel{background:linear-gradient(145deg,rgba(13,32,72,.92),rgba(4,16,42,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px}.score-panel{text-align:center}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.06em;font-weight:900}.score-ring{width:210px;height:210px;border-radius:50%;margin:10px auto 18px;background:conic-gradient(var(--blue) calc(var(--score)*1%),#172852 0);display:grid;place-items:center;position:relative}.score-ring:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#0a1a3b,#071634)}.score-ring .num{position:relative;font-size:78px;font-weight:900}.score-ring .num small{font-size:32px;color:var(--muted)}.badge{display:inline-block;border-radius:999px;padding:6px 14px;font-weight:900;font-size:14px}.badge.red{background:#e9324e;color:white}.badge.yellow{background:rgba(255,199,44,.12);border:1px solid var(--yellow);color:var(--yellow)}.badge.green{background:rgba(53,212,134,.12);border:1px solid var(--green);color:var(--green)}
.index-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:12px 0 20px}.index-metrics div{padding:22px;text-align:center;border-right:1px solid var(--line)}.index-metrics div:last-child{border-right:0}.big-blue{font-size:40px;color:var(--blue);font-weight:900}.big-green{font-size:40px;color:var(--green);font-weight:900}.big-red{font-size:44px;color:var(--red);font-weight:900}.scale{height:14px;background:linear-gradient(90deg,#ff3c51,#ff8a1a,#e6d42c,#35d486);border-radius:999px;position:relative;margin:40px 6px 20px}.scale-marker{position:absolute;top:-31px;left:calc(var(--pos)*1%);transform:translateX(-50%);background:white;color:#17213d;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-weight:900}.scale-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.based{border-top:1px solid var(--line);padding-top:14px;color:#e2ecff}
.radar-wrap{height:350px}.legend{display:flex;gap:22px;justify-content:center;margin-bottom:10px;color:#e7efff}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px}.dot.blue{background:var(--blue)}.dot.gray{background:#9ca8c4}
.domain-row{display:grid;grid-template-columns:54px 1fr 76px 124px;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.06)}.domain-row:last-child{border-bottom:0}.domain-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:22px}.bar{height:8px;border-radius:999px;background:#172852;overflow:hidden;margin-top:8px}.bar span{display:block;height:100%;border-radius:999px}.scoretext{text-align:right;font-weight:800}
.risks{display:grid;gap:22px}.risk{display:grid;grid-template-columns:54px 1fr;gap:18px}.risk-icon{width:54px;height:54px;border-radius:50%;border:1px solid #ff3c51;background:rgba(255,60,81,.08);display:grid;place-items:center;color:#ff6677;font-size:24px}.pay-panel{border-color:#f5a800}.pay-title{display:flex;gap:16px;align-items:center;color:var(--yellow)}.check-list{list-style:none;padding:0;margin:18px 0}.check-list li{margin:7px 0;color:#f0f5ff}.check-list li:before{content:"✓";color:var(--yellow);font-weight:900;margin-right:10px}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);margin:12px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}
.index-band,.trust-band{margin-top:18px;display:grid;grid-template-columns:76px 1fr 290px;gap:18px;align-items:center}.trust-band{grid-template-columns:260px repeat(4,1fr)}.round-icon{width:58px;height:58px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:32px;color:var(--green);background:rgba(53,212,134,.08)}.trust-item{display:flex;gap:12px;align-items:center;border-left:1px solid var(--line);padding-left:20px}.trust-item .mini{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line)}
.footer{text-align:center;color:#8492ad;padding:26px}.form-shell{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:35px 0}.form-panel{width:min(820px,94%)}.question-number{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#2086ff,#7a5cff);display:grid;place-items:center;font-weight:900;margin-bottom:18px}.answers{display:grid;gap:12px;margin-top:28px}.answer{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#081a3b;padding:16px;cursor:pointer;font-weight:800;color:#fff}.answer.selected{border-color:#2086ff;background:#0c2555}.answer .letter{width:32px;height:32px;border-radius:50%;background:#132653;display:grid;place-items:center}.progress{height:10px;background:#10234c;border-radius:999px;overflow:hidden;margin-bottom:24px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#2086ff,#27d6d6)}.form-actions{display:flex;justify-content:space-between;margin-top:22px}.lead-form{display:grid;gap:14px;margin-top:24px}label{font-weight:800}input,select,textarea{width:100%;margin-top:8px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#081a3b;color:white;font:inherit}.notice{border:1px solid var(--line);background:#081a3b;border-radius:12px;padding:16px;color:#d9e5ff;margin-bottom:20px}
@media(max-width:950px){.hero-grid,.grid.top,.grid.mid,.grid.bottom,.index-band,.trust-band{grid-template-columns:1fr}nav a:not(.nav-btn){display:none}.topbar{padding:0 16px}.domain-row{grid-template-columns:44px 1fr}.scoretext,.domain-row .badge{grid-column:2}.index-metrics{grid-template-columns:1fr}.index-metrics div{border-right:0;border-bottom:1px solid var(--line)}}
@media print{.topbar,.footer,.pay-panel,.btn,.nav-btn{display:none}.panel{box-shadow:none}.grid.top,.grid.mid,.grid.bottom{grid-template-columns:1fr 1fr}body{background:#020818}}


.premium-table{display:grid;gap:8px;margin-top:18px}
.matrix-head,.matrix-row{display:grid;grid-template-columns:120px 170px 1fr 1fr 1fr;gap:12px;align-items:start}
.matrix-head{color:var(--muted);font-size:13px;border-bottom:1px solid var(--line);padding-bottom:10px}
.matrix-row{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:12px;padding:14px}
.question-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}
.premium-question{display:grid;grid-template-columns:38px 1fr;gap:12px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:12px;padding:14px}
.premium-question span{width:32px;height:32px;border-radius:50%;background:var(--blue);display:grid;place-items:center;font-weight:900}
.premium-question p{margin:0}
@media(max-width:950px){
  .matrix-head{display:none}
  .matrix-row{grid-template-columns:1fr}
  .question-grid{grid-template-columns:1fr}
}


/* Premium printable report preview */
.print-report-preview {
  background: #eef2f7;
  color: #111827;
  padding: 32px 0;
}
.print-preview-page {
  width: min(900px, 94vw);
  margin: 0 auto 22px auto;
  background: #fff;
  color: #111827;
  border-radius: 12px;
  padding: 42px;
  box-shadow: 0 18px 55px rgba(0,0,0,.22);
}
.print-preview-page h1,
.print-preview-page h2,
.print-preview-page h3 {
  color: #071b33;
}
.print-preview-page .print-section-label {
  color: #b9975b;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
  font-weight: 900;
}
.print-preview-cover {
  background: linear-gradient(135deg,#071b33,#0f2d52);
  color: #fff;
}
.print-preview-cover h1 {
  color: #fff;
  font-size: 56px;
}
.print-preview-cover p,
.print-preview-cover span {
  color: #dbe7f5;
}
.print-toolbar {
  position: sticky;
  top: 78px;
  z-index: 10;
  width: min(900px,94vw);
  margin: 0 auto 18px auto;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.print-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 12px;
}
.print-kpi {
  border: 1px solid #d7dde8;
  border-radius: 12px;
  padding: 16px;
  background: #f8fafc;
}
.print-kpi span {
  color: #6b7280;
  display: block;
}
.print-kpi strong {
  color: #071b33;
  font-size: 30px;
}
.print-domain-table,
.print-matrix {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0;
}
.print-domain-table th,
.print-domain-table td,
.print-matrix th,
.print-matrix td {
  border: 1px solid #d7dde8;
  padding: 11px;
  vertical-align: top;
}
.print-domain-table th,
.print-matrix th {
  background: #071b33;
  color: #fff;
  text-align: left;
}
.print-scorebar {
  height: 9px;
  background: #e5e7eb;
  border-radius: 999px;
  overflow: hidden;
}
.print-scorebar span {
  display: block;
  height: 100%;
  background: #b9975b;
}
.print-two-col {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 18px;
}
.print-card,
.print-callout {
  border: 1px solid #d7dde8;
  border-radius: 12px;
  padding: 18px;
  margin: 14px 0;
}
.print-callout {
  border-left: 6px solid #b9975b;
  background: #fbf7ef;
}
.print-question {
  border: 1px solid #d7dde8;
  background: #f8fafc;
  border-radius: 10px;
  padding: 13px;
  margin-bottom: 10px;
}
.print-question strong {
  color: #b9975b;
}
@media(max-width:800px){
  .print-two-col,
  .print-kpi-grid {
    grid-template-columns:1fr;
  }
  .print-preview-page {
    padding: 26px;
  }
  .print-preview-cover h1 {
    font-size: 38px;
  }
}


/* Homepage upgrade */
.homepage-upgrade{padding-bottom:34px}
.home-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;padding:54px 0 34px}
.home-hero h1{font-size:clamp(42px,5vw,70px);max-width:820px}
.home-hero-copy .lead{font-size:21px;max-width:820px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin:28px 0 18px}
.hero-trust{display:flex;gap:18px;flex-wrap:wrap;color:#dbe7ff;font-weight:800}
.index-hero-card{background:linear-gradient(145deg,rgba(13,32,72,.95),rgba(4,16,42,.98));border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:32px;text-align:center}
.index-ring{width:190px;height:190px;margin:0 auto 20px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--score)*1%),#172852 0);display:grid;place-items:center;position:relative}
.index-ring:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#071634}
.index-ring strong,.index-ring span{position:relative}
.index-ring strong{font-size:64px;line-height:.9}
.index-ring span{color:var(--muted);font-weight:900}
.index-hero-card h2{font-size:48px;color:var(--green);margin-bottom:4px}
.index-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.index-card-stats div{border:1px solid var(--line);border-radius:12px;padding:12px;background:rgba(255,255,255,.035)}
.index-card-stats strong{display:block;font-size:24px}
.index-card-stats span{color:var(--muted);font-size:13px}
.problem-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid #f5a800;background:linear-gradient(135deg,rgba(255,199,44,.12),rgba(255,255,255,.03));border-radius:18px;padding:22px 26px;margin:10px 0 22px}
.problem-strip strong{display:block;color:var(--yellow);font-size:20px}
.problem-strip span{color:#f2f6ff}
.home-grid{display:grid;gap:18px;margin-top:18px}
.home-grid.three{grid-template-columns:repeat(3,1fr)}
.home-grid.two{grid-template-columns:1fr 1fr}
.reason-card{min-height:260px}
.reason-icon{font-size:42px;display:block;margin-bottom:18px}
.index-explainer{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;margin-top:18px}
.index-dashboard-mini{border:1px solid var(--line);border-radius:16px;padding:20px;background:rgba(255,255,255,.035)}
.mini-row{display:flex;justify-content:space-between;align-items:center;margin:14px 0 6px}
.mini-row strong{font-size:24px;color:var(--green)}
.mini-bar{height:10px;background:#172852;border-radius:999px;overflow:hidden}
.mini-bar span{display:block;height:100%;background:var(--green)}
.mini-bar.warning span{background:var(--yellow)}
.mini-bar.purple span{background:var(--purple)}
.process-panel{margin-top:18px}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.process-steps div{border:1px solid var(--line);border-radius:14px;padding:18px;background:rgba(255,255,255,.035)}
.process-steps span{width:36px;height:36px;border-radius:50%;background:var(--blue);display:grid;place-items:center;font-weight:900;margin-bottom:12px}
.process-steps p{color:var(--muted)}
.final-cta{text-align:center;padding:46px 20px}
.final-cta h2{font-size:clamp(30px,4vw,48px)}
.final-cta p{color:var(--muted);font-size:20px;max-width:760px;margin:0 auto 24px}
@media(max-width:950px){
  .home-hero,.index-explainer,.home-grid.three,.home-grid.two,.process-steps{grid-template-columns:1fr}
  .problem-strip{flex-direction:column;align-items:flex-start}
}


/* High-converting result page */
.conversion-paywall{
  position:relative;
  overflow:hidden;
}
.conversion-paywall:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:var(--radius);
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,199,44,.20),rgba(32,134,255,0),rgba(255,199,44,.10));
}
.conversion-alert{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:14px;
  align-items:start;
  padding:14px;
  border:1px solid rgba(255,199,44,.55);
  border-radius:12px;
  background:rgba(255,199,44,.09);
  margin-bottom:18px;
}
.conversion-alert span{
  width:36px;
  height:36px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,199,44,.18);
}
.conversion-alert strong{
  display:block;
  color:#fff;
  font-size:16px;
}
.conversion-alert p{
  color:var(--muted);
  margin:4px 0 0;
}
.conversion-alert.success{
  border-color:rgba(53,212,134,.55);
  background:rgba(53,212,134,.09);
}
.conversion-alert.success span{
  background:rgba(53,212,134,.18);
}
.conversion-lead{
  color:#e9f1ff;
  font-size:17px;
}
.conversion-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:18px 0;
}
.without-box,.with-box{
  border:1px solid var(--line);
  border-radius:12px;
  padding:14px;
  background:rgba(255,255,255,.035);
}
.without-box{
  border-color:rgba(255,77,97,.35);
}
.with-box{
  border-color:rgba(53,212,134,.38);
}
.without-box h3,.with-box h3{
  margin:0 0 8px;
}
.without-box h3{
  color:#ff7b8b;
}
.with-box h3{
  color:#35d486;
}
.without-box ul,.with-box ul{
  padding-left:18px;
  margin:0;
  color:#dce7fb;
}
.without-box li,.with-box li{
  margin:7px 0;
}
.value-stack{
  display:grid;
  gap:10px;
  margin:18px 0;
}
.value-stack div{
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  padding:12px;
  background:rgba(255,255,255,.035);
}
.value-stack strong{
  display:block;
  color:#fff;
}
.value-stack span{
  color:var(--muted);
  font-size:14px;
}
.cta-main{
  font-size:17px;
  padding:16px 22px;
}
.microcopy{
  text-align:center;
  color:var(--muted);
  font-size:13px;
  margin:8px 0 0;
}
@media(max-width:950px){
  .conversion-split{grid-template-columns:1fr}
}


/* SaaS account + dashboard */
.auth-panel a{color:#fff;text-decoration:underline}
.saas-page{padding-bottom:34px}
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:18px}
.kpi-card span{display:block;color:var(--muted);font-weight:800}
.kpi-card strong{font-size:42px;color:var(--blue)}
.kpi-card small{color:var(--muted);margin-left:4px}
.positive{color:var(--green)!important}
.negative{color:var(--red)!important}
.trend-chart-wrap{height:340px}
.section-title-row{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}
.history-list{display:grid;gap:12px}
.history-item{display:grid;grid-template-columns:1fr 110px 1fr;gap:16px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:16px;background:rgba(255,255,255,.035)}
.history-item strong{display:block}
.history-item span{color:var(--muted)}
.history-score{font-size:26px;font-weight:900;color:var(--green);text-align:center}
.history-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.domain-mini{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.domain-mini span{border:1px solid var(--line);border-radius:999px;padding:5px 9px;background:rgba(255,255,255,.03)}
@media(max-width:950px){
  .dashboard-kpis{grid-template-columns:1fr 1fr}
  .history-item{grid-template-columns:1fr}
  .history-score{text-align:left}
  .history-actions{justify-content:flex-start}
}


/* SaaS-proof conversion additions */
.conversion-paywall{position:relative;overflow:hidden}
.conversion-paywall:before{content:"";position:absolute;inset:-1px;border-radius:var(--radius);pointer-events:none;background:linear-gradient(135deg,rgba(255,199,44,.20),rgba(32,134,255,0),rgba(255,199,44,.10))}
.conversion-alert{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:14px;border:1px solid rgba(255,199,44,.55);border-radius:12px;background:rgba(255,199,44,.09);margin-bottom:18px}
.conversion-alert span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,199,44,.18)}
.conversion-alert strong{display:block;color:#fff;font-size:16px}
.conversion-alert p{color:var(--muted);margin:4px 0 0}
.conversion-lead{color:#e9f1ff;font-size:17px}
.conversion-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.without-box,.with-box{border:1px solid var(--line);border-radius:12px;padding:14px;background:rgba(255,255,255,.035)}
.without-box{border-color:rgba(255,77,97,.35)}
.with-box{border-color:rgba(53,212,134,.38)}
.without-box h3{color:#ff7b8b}
.with-box h3{color:#35d486}
.without-box ul,.with-box ul{padding-left:18px;margin:0;color:#dce7fb}
.without-box li,.with-box li{margin:7px 0}
.value-stack{display:grid;gap:10px;margin:18px 0}
.value-stack div{border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:12px;background:rgba(255,255,255,.035)}
.value-stack strong{display:block;color:#fff}
.value-stack span{color:var(--muted);font-size:14px}
.cta-main{font-size:17px;padding:16px 22px}
.microcopy{text-align:center;color:var(--muted);font-size:13px;margin:8px 0 0}
.homepage-upgrade{padding-bottom:34px}
.home-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;padding:54px 0 34px}
.home-hero h1{font-size:clamp(42px,5vw,70px);max-width:820px}
.home-hero-copy .lead{font-size:21px;max-width:820px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin:28px 0 18px}
.hero-trust{display:flex;gap:18px;flex-wrap:wrap;color:#dbe7ff;font-weight:800}
.index-hero-card{background:linear-gradient(145deg,rgba(13,32,72,.95),rgba(4,16,42,.98));border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:32px;text-align:center}
.index-ring{width:190px;height:190px;margin:0 auto 20px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--score)*1%),#172852 0);display:grid;place-items:center;position:relative}
.index-ring:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#071634}
.index-ring strong,.index-ring span{position:relative}
.index-ring strong{font-size:64px;line-height:.9}
.index-ring span{color:var(--muted);font-weight:900}
.index-hero-card h2{font-size:48px;color:var(--green);margin-bottom:4px}
.index-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.index-card-stats div{border:1px solid var(--line);border-radius:12px;padding:12px;background:rgba(255,255,255,.035)}
.index-card-stats strong{display:block;font-size:24px}
.index-card-stats span{color:var(--muted);font-size:13px}
.problem-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid #f5a800;background:linear-gradient(135deg,rgba(255,199,44,.12),rgba(255,255,255,.03));border-radius:18px;padding:22px 26px;margin:10px 0 22px}
.problem-strip strong{display:block;color:var(--yellow);font-size:20px}
.problem-strip span{color:#f2f6ff}
.home-grid{display:grid;gap:18px;margin-top:18px}
.home-grid.three{grid-template-columns:repeat(3,1fr)}
.home-grid.two{grid-template-columns:1fr 1fr}
.reason-icon{font-size:42px;display:block;margin-bottom:18px}
.index-explainer{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;margin-top:18px}
.index-dashboard-mini{border:1px solid var(--line);border-radius:16px;padding:20px;background:rgba(255,255,255,.035)}
.mini-row{display:flex;justify-content:space-between;align-items:center;margin:14px 0 6px}
.mini-row strong{font-size:24px;color:var(--green)}
.mini-bar{height:10px;background:#172852;border-radius:999px;overflow:hidden}
.mini-bar span{display:block;height:100%;background:var(--green)}
.mini-bar.warning span{background:var(--yellow)}
.mini-bar.purple span{background:var(--purple)}
.final-cta{text-align:center;padding:46px 20px}
.final-cta h2{font-size:clamp(30px,4vw,48px)}
.final-cta p{color:var(--muted);font-size:20px;max-width:760px;margin:0 auto 24px}
@media(max-width:950px){
  .conversion-split,.home-hero,.index-explainer,.home-grid.three,.home-grid.two{grid-template-columns:1fr}
  .problem-strip{flex-direction:column;align-items:flex-start}
}

/* Premium pricing page v2 */
.pricing-page-v2{
  min-height:100vh;
  background:
    radial-gradient(circle at 15% 10%, rgba(32,134,255,.22), transparent 32%),
    radial-gradient(circle at 85% 15%, rgba(50,120,255,.18), transparent 34%),
    linear-gradient(180deg,#030b18 0%,#06142a 45%,#071634 100%);
}
.pricing-hero-v2{
  position:relative;
  overflow:hidden;
  padding:42px 0 84px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.pricing-hero-v2:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0 1px, transparent 1px),
    radial-gradient(circle at 75% 45%, rgba(255,255,255,.06) 0 1px, transparent 1px);
  background-size:70px 70px, 90px 90px;
  opacity:.35;
}
.pricing-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:.8fr 1.5fr .9fr;
  gap:34px;
  align-items:center;
}
.pricing-hero-copy{text-align:center}
.pricing-hero-copy h1{
  font-size:clamp(42px,5vw,72px);
  line-height:.98;
  letter-spacing:-.045em;
  max-width:800px;
  margin:0 auto 22px;
}
.pricing-hero-copy h1 span{
  color:#1e8bff;
  text-shadow:0 0 28px rgba(32,134,255,.5);
}
.pricing-hero-copy .lead{
  max-width:760px;
  margin:0 auto;
  font-size:20px;
  color:#dbe7ff;
}
.pricing-trust-row{
  display:flex;
  justify-content:center;
  gap:30px;
  flex-wrap:wrap;
  margin-top:30px;
  color:#f4f7ff;
  font-weight:800;
}
.pricing-trust-row div{
  display:flex;
  gap:8px;
  align-items:center;
}
.score-floating-card{
  transform:rotate(-6deg);
  border:1px solid rgba(32,134,255,.6);
  background:linear-gradient(145deg,rgba(10,33,75,.78),rgba(2,10,25,.92));
  border-radius:18px;
  padding:24px;
  box-shadow:0 0 35px rgba(32,134,255,.22);
  max-width:260px;
}
.score-card-label{
  color:#bcd8ff;
  font-weight:900;
  font-size:13px;
}
.score-card-number{
  font-size:50px;
  font-weight:950;
  color:#1e8bff;
  margin:14px 0 2px;
}
.score-card-sub{color:#fff;font-weight:800}
.score-line{
  display:flex;
  align-items:flex-end;
  gap:8px;
  height:58px;
  margin-top:18px;
}
.score-line span{
  display:block;
  width:32px;
  border-radius:999px;
  background:linear-gradient(180deg,#4eb2ff,#0b65ff);
}
.score-line span:nth-child(1){height:18px}
.score-line span:nth-child(2){height:24px}
.score-line span:nth-child(3){height:32px}
.score-line span:nth-child(4){height:50px}
.score-line span:nth-child(5){height:42px}
.testimonial-card{
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.045);
  border-radius:18px;
  padding:28px;
  box-shadow:var(--shadow);
}
.quote-mark{font-size:54px;color:#1e8bff;line-height:.7;font-weight:900}
.testimonial-card p{color:#f4f7ff;font-size:17px;line-height:1.55}
.stars{color:#ffc72c;letter-spacing:2px;margin:10px 0}
.testimonial-card span{color:var(--muted)}
.pricing-cards-wrap{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-top:-48px;
  position:relative;
  z-index:2;
}
.pricing-card-v2{
  position:relative;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg,rgba(15,31,58,.96),rgba(5,15,35,.98));
  border-radius:20px;
  padding:30px;
  box-shadow:var(--shadow);
  min-height:560px;
  display:flex;
  flex-direction:column;
}
.pricing-card-v2.featured{
  border-color:#1685ff;
  box-shadow:0 0 0 1px rgba(32,134,255,.32), 0 0 42px rgba(32,134,255,.22), var(--shadow);
}
.popular-badge{
  position:absolute;
  top:-18px;
  left:50%;
  transform:translateX(-50%);
  background:linear-gradient(135deg,#1685ff,#0b65ff);
  color:#fff;
  padding:8px 34px;
  border-radius:9px;
  font-weight:950;
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:.03em;
}
.plan-kicker{
  color:#1e8bff;
  text-transform:uppercase;
  font-weight:950;
  letter-spacing:.08em;
}
.pricing-card-v2 h2{
  font-size:26px;
  margin:10px 0 6px;
}
.plan-sub{color:#b9c6df;margin:0 0 20px}
.plan-price{
  font-size:64px;
  font-weight:950;
  color:#fff;
  letter-spacing:-.05em;
  margin:6px 0 2px;
}
.plan-price small{
  font-size:28px;
  margin-right:4px;
}
.price-note{
  color:#b9c6df;
  margin:0 0 24px;
}
.plan-list{
  list-style:none;
  padding:22px 0 0;
  margin:0 0 26px;
  border-top:1px solid rgba(255,255,255,.13);
  display:grid;
  gap:12px;
  flex:1;
}
.plan-list li{
  color:#f4f7ff;
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.plan-list li:before{
  content:"✓";
  color:#1e8bff;
  font-weight:950;
}
.compare-panel-v2{
  margin-top:26px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.045);
  border-radius:18px;
  padding:26px;
  position:relative;
}
.compare-panel-v2 h2{margin-top:0}
.compare-heads{
  display:grid;
  grid-template-columns:2fr repeat(3,1fr);
  gap:0;
  color:#fff;
  margin-top:18px;
  display:none;
}
.compare-grid{
  display:grid;
  grid-template-columns:2fr repeat(3,1fr);
  gap:0;
}
.compare-grid > div{
  padding:10px 12px;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:#dce7fb;
  text-align:center;
}
.compare-grid .compare-feature{
  text-align:left;
  color:#fff;
  font-weight:700;
}
.compare-grid > div:not(.compare-feature){
  color:#1e8bff;
  font-weight:950;
}
.pricing-bottom-v2{
  display:grid;
  grid-template-columns:1.1fr 1fr .7fr;
  gap:18px;
  margin-top:22px;
  padding-bottom:46px;
}
.guarantee-box,.mini-testimonial,.mollie-box{
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.045);
  border-radius:18px;
  padding:22px;
}
.guarantee-box{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:16px;
  align-items:center;
}
.shield-icon{
  width:52px;
  height:52px;
  border:2px solid #1e8bff;
  color:#1e8bff;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-weight:950;
  font-size:24px;
}
.guarantee-box h3,.mini-testimonial p{margin-top:0}
.guarantee-box p,.mini-testimonial span,.mollie-box span{color:var(--muted)}
.mollie-box{
  display:grid;
  place-items:center;
  text-align:center;
}
.mollie-box strong{
  font-size:34px;
  color:#fff;
  letter-spacing:-.04em;
}
@media(max-width:1100px){
  .pricing-hero-grid,.pricing-cards-wrap,.pricing-bottom-v2{grid-template-columns:1fr}
  .score-floating-card{display:none}
  .testimonial-card{max-width:620px;margin:0 auto}
}
@media(max-width:720px){
  .pricing-hero-v2{padding-top:28px}
  .pricing-hero-copy h1{font-size:42px}
  .pricing-trust-row{gap:12px}
  .compare-grid{grid-template-columns:1.2fr repeat(3,.7fr);font-size:13px}
  .pricing-card-v2{min-height:auto}
}