/* High-end conversion homepage */
.conversion-home{
  background:
    radial-gradient(circle at 12% 6%, rgba(22,133,255,.20), transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(53,212,134,.10), transparent 30%),
    linear-gradient(180deg,#030814 0%,#06142a 52%,#050b16 100%);
  min-height:100vh;
}
.conversion-hero{
  padding:76px 0 58px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.conversion-hero-grid{
  display:grid;
  grid-template-columns:1.08fr .82fr;
  gap:54px;
  align-items:center;
}
.conversion-copy h1{
  font-size:clamp(44px,6vw,82px);
  line-height:.98;
  letter-spacing:-.065em;
  margin:0 0 22px;
  max-width:940px;
}
.conversion-copy .lead{
  max-width:760px;
  color:#dbe7ff;
  font-size:22px;
  line-height:1.55;
}
.conversion-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:30px;
}
.hero-cta,
.hero-ghost{
  font-size:18px;
  padding:16px 24px;
}
.trust-strip{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-top:22px;
  color:#dbe7ff;
  font-weight:900;
}
.conversion-card{
  border:1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(circle at 30% 0%, rgba(22,133,255,.22), transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  border-radius:30px;
  padding:30px;
  box-shadow:0 30px 90px rgba(0,0,0,.36);
}
.card-label{
  color:#24d4ff;
  text-transform:uppercase;
  font-weight:950;
  letter-spacing:.12em;
  font-size:13px;
  margin-bottom:22px;
}
.score-visual{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:24px;
  align-items:center;
}
.score-circle{
  width:150px;
  height:150px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at center,#071634 0 58%,transparent 59%),
    conic-gradient(#35d486 calc(var(--score) * 1%), rgba(255,255,255,.12) 0);
}
.score-circle strong{
  color:#35d486;
  font-size:48px;
  line-height:1;
  display:block;
  text-align:center;
}
.score-circle span{
  display:block;
  color:#dbe7ff;
  font-weight:900;
  text-align:center;
}
.score-visual h3{
  color:#fff;
  font-size:28px;
  margin:0 0 10px;
  letter-spacing:-.04em;
}
.score-visual p{
  color:#b9c6df;
  line-height:1.6;
}
.mini-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:26px;
}
.mini-stats div{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  border-radius:18px;
  padding:16px 12px;
  text-align:center;
}
.mini-stats strong{
  display:block;
  color:#fff;
  font-size:28px;
}
.mini-stats span{
  color:#9fb0cc;
  font-size:13px;
}
.pain-section,
.outcome-section,
.example-section,
.how-section,
.pricing-section,
.final-cta-section{
  margin-top:32px;
}
.pain-panel,
.final-cta{
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.04);
  border-radius:28px;
  padding:34px;
  box-shadow:0 22px 80px rgba(0,0,0,.22);
}
.pain-panel{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:30px;
  border-color:rgba(255,199,44,.26);
  background:
    radial-gradient(circle at 90% 0%,rgba(255,199,44,.10),transparent 34%),
    rgba(255,255,255,.04);
}
.pain-panel h2,
.section-head h2,
.example-grid h2,
.final-cta h2{
  font-size:clamp(30px,4vw,52px);
  line-height:1.06;
  letter-spacing:-.045em;
  margin:6px 0 16px;
}
.pain-list{
  display:grid;
  gap:14px;
}
.pain-list div,
.outcome-grid article,
.steps-grid div,
.price-card{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  border-radius:20px;
  padding:20px;
}
.pain-list strong,
.outcome-grid h3,
.steps-grid strong,
.price-card h3{
  color:#fff;
}
.pain-list span,
.outcome-grid p,
.steps-grid p,
.price-card p{
  display:block;
  color:#b9c6df;
  line-height:1.6;
  margin-top:8px;
}
.section-head{
  margin-bottom:18px;
}
.outcome-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.outcome-grid article span{
  width:44px;
  height:44px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:rgba(22,133,255,.14);
  color:#48a7ff;
  font-weight:950;
  margin-bottom:16px;
}
.outcome-grid h3{
  font-size:24px;
  margin:0;
}
.example-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:32px;
  align-items:center;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.04);
  border-radius:28px;
  padding:34px;
}
.example-grid .lead{
  color:#dbe7ff;
  line-height:1.6;
}
.advice-card{
  border:1px solid rgba(53,212,134,.24);
  background:
    radial-gradient(circle at 50% 0%,rgba(53,212,134,.12),transparent 34%),
    rgba(255,255,255,.045);
  border-radius:26px;
  padding:26px;
}
.advice-top{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  margin-bottom:20px;
}
.advice-top span{
  color:#24d4ff;
  text-transform:uppercase;
  font-weight:950;
  letter-spacing:.10em;
}
.advice-top strong{
  color:#35d486;
  font-size:48px;
  letter-spacing:-.05em;
}
.advice-items{
  display:grid;
  gap:10px;
}
.advice-items div{
  border-radius:14px;
  padding:14px;
  color:#fff;
  line-height:1.45;
}
.advice-items .risk{
  background:rgba(255,199,44,.10);
  border:1px solid rgba(255,199,44,.22);
}
.advice-items .money{
  background:rgba(53,212,134,.10);
  border:1px solid rgba(53,212,134,.22);
}
.action-box{
  margin-top:16px;
  border-radius:18px;
  padding:18px;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.10);
}
.action-box strong{
  color:#fff;
}
.action-box ul{
  color:#dbe7ff;
  margin:10px 0 0;
  padding-left:20px;
  line-height:1.7;
}
.steps-grid,
.price-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.steps-grid span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#1685ff;
  color:#fff;
  font-weight:950;
  margin-bottom:14px;
}
.price-card span{
  color:#24d4ff;
  text-transform:uppercase;
  font-weight:950;
  letter-spacing:.10em;
}
.price-card h3{
  font-size:26px;
  margin:10px 0;
}
.price-card strong{
  display:block;
  color:#fff;
  font-size:30px;
  margin-bottom:8px;
}
.price-card.featured{
  border-color:rgba(255,199,44,.42);
  background:rgba(255,199,44,.06);
}
.final-cta{
  text-align:center;
  border-color:rgba(53,212,134,.25);
  background:
    radial-gradient(circle at 50% 0%,rgba(53,212,134,.10),transparent 34%),
    rgba(255,255,255,.04);
}
.final-cta p{
  color:#dbe7ff;
  max-width:760px;
  margin:0 auto 24px;
  line-height:1.6;
}
.final-cta small{
  display:block;
  margin-top:18px;
  color:#9fb0cc;
}
@keyframes homeFade{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}
.conversion-copy,
.conversion-card,
.pain-panel,
.outcome-grid article,
.example-grid,
.steps-grid div,
.price-card,
.final-cta{
  animation:homeFade .6s ease both;
}
@media(max-width:1100px){
  .conversion-hero-grid,
  .pain-panel,
  .example-grid{
    grid-template-columns:1fr;
  }
  .outcome-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:760px){
  .conversion-hero{
    padding:42px 0 36px;
  }
  .conversion-copy h1{
    font-size:42px;
  }
  .conversion-copy .lead{
    font-size:19px;
  }
  .conversion-actions .btn{
    width:100%;
  }
  .score-visual,
  .outcome-grid,
  .steps-grid,
  .price-grid,
  .mini-stats{
    grid-template-columns:1fr;
  }
  .score-circle{
    margin:0 auto;
  }
  .conversion-card,
  .pain-panel,
  .example-grid,
  .final-cta{
    padding:24px;
  }
}


/* Premium homepage redesign: wide benchmark + report rows */
.conversion-hero-grid{
  grid-template-columns:1fr!important;
}
.conversion-copy{
  max-width:980px;
}
.benchmark-wide-card{
  display:grid!important;
  grid-template-columns:1fr 260px 1fr!important;
  gap:34px!important;
  align-items:center!important;
  padding:34px!important;
  margin-top:8px!important;
}
.benchmark-wide-card .card-label{
  margin-bottom:16px!important;
}
.benchmark-left h3{
  color:#fff;
  font-size:34px;
  line-height:1.08;
  letter-spacing:-.045em;
  margin:0 0 14px;
}
.benchmark-left p,
.benchmark-right p{
  color:#dbe7ff;
  font-size:18px;
  line-height:1.55;
  margin:0;
}
.benchmark-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:28px;
}
.benchmark-stats div{
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:10px;
  align-items:center;
}
.benchmark-stats strong{
  color:#fff;
  font-size:28px;
  line-height:1;
}
.benchmark-stats small{
  grid-column:2;
  color:#b9c6df;
  font-size:14px;
  margin-top:5px;
}
.stat-icon{
  width:36px;
  height:36px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-weight:950;
}
.stat-icon.green{background:rgba(53,212,134,.16);color:#35d486}
.stat-icon.blue{background:rgba(22,133,255,.16);color:#1685ff}
.stat-icon.gold{background:rgba(255,199,44,.16);color:#ffc72c}
.benchmark-center{
  display:grid;
  place-items:center;
}
.premium-score-circle{
  width:220px!important;
  height:220px!important;
  background:
    radial-gradient(circle at center,#071634 0 57%,transparent 58%),
    conic-gradient(#63ee95 calc(var(--score) * 1%), rgba(255,255,255,.14) 0)!important;
  box-shadow:0 0 60px rgba(53,212,134,.14)!important;
}
.premium-score-circle strong{
  font-size:70px!important;
  color:#72f08f!important;
  text-shadow:none!important;
}
.premium-score-circle span{
  font-size:24px!important;
  color:#c8d5ef!important;
}
.live-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:22px;
  color:#dbe7ff;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  padding:10px 14px;
  font-weight:850;
}
.live-pill span{
  width:10px;
  height:10px;
  background:#35d486;
  border-radius:50%;
  box-shadow:0 0 0 5px rgba(53,212,134,.12);
}

/* Example report premium layout */
.premium-example-report{
  border:0!important;
  background:transparent!important;
  padding:0!important;
}
.report-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}
.report-head h3{
  color:#fff;
  font-size:34px;
  line-height:1.05;
  margin:4px 0 8px;
  letter-spacing:-.04em;
}
.report-head span{
  color:#b9c6df;
}
.report-head > strong{
  color:#35d486;
  font-size:54px;
  letter-spacing:-.06em;
  white-space:nowrap;
}
.report-row{
  display:grid;
  grid-template-columns:58px 1.25fr 1fr;
  gap:22px;
  align-items:center;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));
  border-radius:20px;
  padding:20px;
  margin-bottom:12px;
  box-shadow:0 18px 60px rgba(0,0,0,.18);
}
.report-icon{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  font-weight:950;
  font-size:24px;
}
.report-row.danger .report-icon{background:rgba(255,107,107,.14);color:#ff6b6b}
.report-row.warning .report-icon{background:rgba(255,199,44,.14);color:#ffc72c}
.report-row.success .report-icon{background:rgba(53,212,134,.14);color:#35d486}
.report-main h4{
  color:#fff;
  font-size:21px;
  margin:0 0 8px;
}
.report-main p,
.report-advice p,
.contract-box p{
  color:#cfdaf0;
  line-height:1.55;
  margin:0;
}
.report-advice{
  border-left:1px solid rgba(255,255,255,.12);
  padding-left:22px;
}
.report-advice span{
  display:block;
  color:#ff6b6b;
  font-weight:950;
  margin-bottom:8px;
}
.report-row.warning .report-advice span{color:#ffc72c}
.report-row.success .report-advice span{color:#35d486}
.report-bottom{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.saving-box,
.contract-box{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  border-radius:20px;
  padding:20px;
}
.saving-box span,
.contract-box span{
  display:block;
  color:#b9c6df;
  font-weight:900;
  margin-bottom:8px;
}
.saving-box strong{
  color:#72f08f;
  font-size:32px;
  letter-spacing:-.04em;
}
.saving-box small{
  color:#cfdaf0;
  margin-left:6px;
}
.advice-items,
.action-box,
.advice-top{
  display:none!important;
}

@media(max-width:980px){
  .benchmark-wide-card{
    grid-template-columns:1fr!important;
    text-align:left;
  }
  .benchmark-center{
    order:-1;
  }
  .premium-score-circle{
    width:190px!important;
    height:190px!important;
  }
  .report-row{
    grid-template-columns:1fr!important;
  }
  .report-advice{
    border-left:0;
    padding-left:0;
    border-top:1px solid rgba(255,255,255,.10);
    padding-top:14px;
  }
}
@media(max-width:760px){
  .benchmark-stats,
  .report-bottom{
    grid-template-columns:1fr!important;
  }
  .report-head{
    display:block;
  }
  .report-head > strong{
    display:block;
    margin-top:12px;
  }
}


/* Homepage Premium Final */
.benchmark-final-card{
  display:grid!important;
  grid-template-columns:1.05fr 260px 1fr!important;
  gap:38px!important;
  align-items:center!important;
  padding:34px!important;
}
.card-label{
  display:flex;
  align-items:center;
  gap:8px;
}
.live-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#35d486;
  box-shadow:0 0 0 6px rgba(53,212,134,.11);
}
.benchmark-final-left h3{
  color:#fff;
  font-size:36px;
  line-height:1.05;
  letter-spacing:-.05em;
  margin:8px 0 14px;
}
.benchmark-final-left p,
.benchmark-final-right p{
  color:#cfdaf0;
  line-height:1.55;
  font-size:17px;
  margin:0;
}
.benchmark-final-right h4{
  color:#fff;
  font-size:24px;
  line-height:1.32;
  letter-spacing:-.025em;
  margin:0 0 14px;
}
.final-stats{
  margin-top:26px!important;
}
.final-stats div{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  text-align:left!important;
}
.benchmark-final-center{
  display:grid;
  place-items:center;
}
.final-score-circle{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:220px!important;
  height:220px!important;
}
.final-score-circle .score-inner{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  transform:translateY(2px);
}
.final-score-circle strong{
  font-size:72px!important;
  line-height:.86!important;
  margin:0!important;
  padding:0!important;
}
.final-score-circle span{
  font-size:24px!important;
  line-height:1!important;
  margin:8px 0 0!important;
  padding:0!important;
}

/* Preview info */
.preview-info-bar{
  display:flex;
  gap:14px;
  align-items:center;
  margin-bottom:22px;
  padding:17px 20px;
  border-radius:999px;
  background:rgba(22,133,255,.11);
  border:1px solid rgba(22,133,255,.22);
  color:#dbe7ff;
  box-shadow:0 16px 50px rgba(0,0,0,.20);
}
.preview-info-bar span{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(22,133,255,.20);
  color:#7cc4ff;
  font-weight:950;
  flex:0 0 auto;
}
.preview-info-bar p{
  margin:0;
  line-height:1.5;
}

/* Premium preview report */
.premium-preview-card{
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 8% 10%, rgba(22,133,255,.12), transparent 32%),
    radial-gradient(circle at 90% 0%, rgba(53,212,134,.09), transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  border-radius:28px;
  padding:28px;
  box-shadow:0 28px 90px rgba(0,0,0,.30);
}
.preview-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  margin-bottom:26px;
}
.preview-title{
  display:flex;
  gap:18px;
  align-items:flex-start;
}
.preview-icon{
  width:52px;
  height:52px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:rgba(53,212,134,.12);
  color:#35d486;
  border:1px solid rgba(53,212,134,.22);
  font-weight:950;
}
.preview-title h2{
  color:#fff;
  font-size:36px;
  line-height:1.05;
  letter-spacing:-.045em;
  margin:4px 0 10px;
}
.preview-title p:last-child{
  color:#cfdaf0;
  margin:0;
  line-height:1.55;
}
.preview-btn{
  color:#dbe7ff;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  padding:12px 16px;
  font-weight:900;
  white-space:nowrap;
  background:rgba(255,255,255,.04);
}
.preview-grid{
  display:grid;
  grid-template-columns:1.25fr .95fr;
  gap:18px;
}
.preview-insights{
  border:1px solid rgba(255,255,255,.09);
  border-radius:22px;
  overflow:hidden;
  background:rgba(0,0,0,.10);
}
.preview-row{
  display:grid;
  grid-template-columns:64px 1fr auto;
  gap:18px;
  align-items:center;
  padding:18px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.preview-row:last-child{
  border-bottom:0;
}
.preview-row-icon{
  width:48px;
  height:48px;
  border-radius:15px;
  display:grid;
  place-items:center;
  font-weight:950;
  font-size:22px;
}
.preview-row.danger .preview-row-icon{background:rgba(255,107,107,.15);color:#ff6b6b}
.preview-row.warning .preview-row-icon{background:rgba(255,199,44,.15);color:#ffc72c}
.preview-row.success .preview-row-icon{background:rgba(53,212,134,.15);color:#35d486}
.preview-row.info .preview-row-icon{background:rgba(22,133,255,.15);color:#1685ff}
.preview-row h3{
  color:#fff;
  margin:0 0 6px;
  font-size:20px;
}
.preview-row p{
  color:#cfdaf0;
  margin:0;
  line-height:1.5;
}
.preview-row > span{
  border-radius:999px;
  padding:7px 11px;
  font-size:12px;
  font-weight:950;
  color:#fff;
  background:rgba(255,255,255,.10);
}
.preview-row.danger > span{background:rgba(255,107,107,.22);color:#ff9a9a}
.preview-row.warning > span{background:rgba(255,199,44,.18);color:#ffe08a}
.preview-row.success > span{background:rgba(53,212,134,.18);color:#8dffc0}
.preview-row.info > span{background:rgba(22,133,255,.18);color:#9ed0ff}
.preview-side{
  display:grid;
  gap:12px;
}
.preview-side-card{
  display:grid;
  grid-template-columns:70px 1fr;
  gap:18px;
  align-items:center;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  border-radius:20px;
  padding:20px;
}
.side-icon{
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(22,133,255,.12);
  font-size:26px;
}
.preview-side-card.money .side-icon{
  background:rgba(53,212,134,.13);
}
.preview-side-card h3{
  color:#fff;
  margin:0 0 8px;
}
.preview-side-card strong{
  display:block;
  color:#72f08f;
  font-size:32px;
  letter-spacing:-.04em;
}
.preview-side-card p{
  color:#cfdaf0;
  margin:0;
  line-height:1.5;
}
.preview-side-card h3 span{
  color:#fff;
  background:#ef4444;
  border-radius:999px;
  padding:5px 10px;
  font-size:12px;
  margin-left:8px;
}
.full-report-value{
  margin-top:22px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.13);
  border-radius:24px;
  padding:26px;
  text-align:center;
}
.full-report-value h3{
  color:#fff;
  font-size:28px;
  letter-spacing:-.03em;
  margin:0 0 8px;
}
.full-report-value > p{
  color:#cfdaf0;
  margin:0 0 22px;
}
.value-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
  margin:22px 0;
}
.value-grid div{
  padding:18px;
  border-right:1px solid rgba(255,255,255,.10);
}
.value-grid div:last-child{
  border-right:0;
}
.value-grid span{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  margin:0 auto 12px;
  background:rgba(53,212,134,.12);
  color:#35d486;
  font-weight:950;
}
.value-grid strong{
  display:block;
  color:#fff;
  margin-bottom:8px;
}
.value-grid p{
  color:#b9c6df;
  line-height:1.45;
  margin:0;
  font-size:14px;
}
.objectivity-strip{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:14px;
  margin-top:18px;
}
.objectivity-strip div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:left;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:rgba(255,255,255,.04);
  padding:18px;
}
.objectivity-strip strong{
  color:#fff;
}
.objectivity-strip span{
  color:#b9c6df;
  margin-top:6px;
}

/* Premium final CTA */
.premium-final-cta{
  display:grid!important;
  grid-template-columns:110px 1fr 330px;
  gap:24px;
  align-items:center;
  text-align:left!important;
  border-color:rgba(53,212,134,.28)!important;
}
.cta-icon-ring{
  width:86px;
  height:86px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at center,rgba(53,212,134,.15),rgba(53,212,134,.04)),
    conic-gradient(#35d486 25%, rgba(255,255,255,.10) 0);
  color:#9cffc7;
  font-size:34px;
  border:1px solid rgba(53,212,134,.22);
}
.premium-final-cta h2{
  font-size:32px!important;
  margin-bottom:12px!important;
}
.cta-checks{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  color:#dbe7ff;
  font-size:14px;
  font-weight:850;
}
.cta-action{
  text-align:center;
}
.cta-action .btn{
  width:100%;
}
.trust-footer-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:26px;
  color:#dbe7ff;
}
.trust-footer-strip div{
  border-right:1px solid rgba(255,255,255,.12);
  padding:0 20px;
}
.trust-footer-strip div:last-child{
  border-right:0;
}
.trust-footer-strip strong{
  display:block;
  color:#fff;
}
.trust-footer-strip span{
  color:#9fb0cc;
}

@media(max-width:1120px){
  .benchmark-final-card,
  .preview-grid,
  .premium-final-cta{
    grid-template-columns:1fr!important;
  }
  .benchmark-final-center{
    order:-1;
  }
  .value-grid{
    grid-template-columns:1fr 1fr;
  }
  .value-grid div{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.10);
  }
}
@media(max-width:760px){
  .preview-info-bar{
    border-radius:18px;
    align-items:flex-start;
  }
  .preview-header{
    display:block;
  }
  .preview-btn{
    display:inline-flex;
    margin-top:16px;
  }
  .preview-title{
    display:block;
  }
  .preview-icon{
    margin-bottom:14px;
  }
  .preview-row,
  .preview-side-card{
    grid-template-columns:1fr!important;
  }
  .preview-row > span{
    justify-self:start;
  }
  .value-grid,
  .objectivity-strip,
  .trust-footer-strip{
    grid-template-columns:1fr!important;
  }
  .trust-footer-strip div{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.10);
    padding:0 0 16px;
  }
  .final-score-circle{
    width:190px!important;
    height:190px!important;
  }
  .final-score-circle strong{
    font-size:62px!important;
  }
}


/* Hero Ultra Premium - Stripe/Linear style */
.hero-ultra-premium{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 15% 25%, rgba(22,133,255,.18), transparent 35%),
    radial-gradient(circle at 85% 8%, rgba(53,212,134,.10), transparent 30%),
    linear-gradient(135deg, rgba(4,10,23,.98), rgba(7,24,48,.92) 55%, rgba(3,9,19,.98))!important;
}
.hero-ultra-premium:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at 35% 35%, black, transparent 72%);
  -webkit-mask-image:radial-gradient(circle at 35% 35%, black, transparent 72%);
  opacity:.24;
  pointer-events:none;
  z-index:0;
}
.hero-bg-grid{
  position:absolute;
  inset:0;
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(22,133,255,.08) 48%, transparent 56%),
    linear-gradient(35deg, transparent 0 55%, rgba(53,212,134,.06) 61%, transparent 68%);
  opacity:.7;
  pointer-events:none;
  z-index:0;
}
.hero-bg-orb{
  position:absolute;
  width:520px;
  height:520px;
  border-radius:50%;
  filter:blur(120px);
  opacity:.22;
  pointer-events:none;
  z-index:0;
  animation:heroFloat 11s ease-in-out infinite alternate;
}
.orb-blue{
  right:-120px;
  top:-160px;
  background:#1685ff;
}
.orb-green{
  left:42%;
  bottom:-250px;
  width:420px;
  height:420px;
  background:#35d486;
  opacity:.12;
  animation-duration:14s;
}
.hero-bg-noise{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.055;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.55) 0 1px, transparent 1px),
    radial-gradient(circle at 70% 60%, rgba(255,255,255,.42) 0 1px, transparent 1px),
    radial-gradient(circle at 45% 80%, rgba(255,255,255,.32) 0 1px, transparent 1px);
  background-size:180px 180px, 220px 220px, 260px 260px;
}
.hero-ultra-premium .container{
  position:relative;
  z-index:2;
}
.hero-ultra-premium .conversion-copy{
  position:relative;
}
.hero-ultra-premium .conversion-copy:after{
  content:"";
  position:absolute;
  width:220px;
  height:2px;
  left:0;
  bottom:-30px;
  background:linear-gradient(90deg, rgba(22,133,255,.7), rgba(53,212,134,.45), transparent);
  opacity:.75;
}
.hero-ultra-premium h1{
  text-shadow:0 18px 58px rgba(0,0,0,.38);
}
.hero-ultra-premium .hero-cta{
  box-shadow:0 18px 42px rgba(22,133,255,.28), inset 0 1px 0 rgba(255,255,255,.22);
}
.hero-ultra-premium .hero-ghost{
  background:rgba(255,255,255,.045)!important;
  backdrop-filter:blur(10px);
}
@keyframes heroFloat{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(-34px,28px,0) scale(1.08)}
}
@media (prefers-reduced-motion: reduce){
  .hero-bg-orb{animation:none!important}
}
@media(max-width:760px){
  .hero-bg-orb{opacity:.14}
  .hero-ultra-premium:before{
    background-size:54px 54px;
    opacity:.18;
  }
}


/* MSP-Check.nl logo exact groot zoals voorbeeld */
.brand-logo-only {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    text-decoration: none !important;
    flex: 0 0 auto !important;
}

.brand-logo-only span,
.brand-logo-only strong,
.brand-logo-only small,
.brand-logo-only .m-logo {
    display: none !important;
}

.msp-logo-header {
    display: block !important;
    height: 56px !important;
    width: auto !important;
    max-width: 310px !important;
    object-fit: contain !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: drop-shadow(0 0 9px rgba(42,255,214,.42)) !important;
}

/* Header exact ruimer maken, zodat het grote logo niet wordt weggedrukt */
header,
.topbar,
.site-header,
.main-header,
.navbar {
    min-height: 90px !important;
    height: auto !important;
}

header .container,
.topbar .container,
.site-header .container,
.main-header .container,
.navbar .container,
.nav-wrap,
.navbar-inner {
    min-height: 90px !important;
    display: flex !important;
    align-items: center !important;
}

/* Navigation blijft rechts zoals in voorbeeld */
nav,
.nav,
.main-nav,
.nav-links {
    margin-left: auto !important;
}

/* Footer-logo iets kleiner */
footer .msp-logo-header,
.footer .msp-logo-header {
    height: 86px !important;
    max-width: 470px !important;
}

@media (max-width: 1100px) {
    .msp-logo-header {
        height: 44px !important;
        max-width: 215px !important;
    }
    header,
    .topbar,
    .site-header,
    .main-header,
    .navbar,
    header .container,
    .topbar .container,
    .site-header .container,
    .main-header .container,
    .navbar .container,
    .nav-wrap,
    .navbar-inner {
        min-height: 72px !important;
    }
}

@media (max-width: 700px) {
    .msp-logo-header {
        height: 32px !important;
        max-width: 150px !important;
    }
    header,
    .topbar,
    .site-header,
    .main-header,
    .navbar,
    header .container,
    .topbar .container,
    .site-header .container,
    .main-header .container,
    .navbar .container,
    .nav-wrap,
    .navbar-inner {
        min-height: 58px !important;
    }
}