: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}
}

/* High-end contact page */
.contact-page-highend{
  min-height:100vh;
  background:
    radial-gradient(circle at 15% 10%, rgba(32,134,255,.24), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(255,199,44,.08), transparent 30%),
    linear-gradient(180deg,#030b18 0%,#06142a 48%,#071634 100%);
  padding-bottom:64px;
}
.contact-hero-highend{
  display:grid;
  grid-template-columns:1.4fr .75fr;
  gap:34px;
  align-items:center;
  padding:58px 0 30px;
}
.contact-hero-copy h1{
  font-size:clamp(40px,5vw,70px);
  line-height:.98;
  letter-spacing:-.05em;
  max-width:900px;
}
.contact-hero-copy .lead{
  max-width:760px;
  color:#dbe7ff;
  font-size:21px;
}
.contact-hero-badges{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:24px;
}
.contact-hero-badges span{
  border:1px solid rgba(32,134,255,.32);
  background:rgba(255,255,255,.045);
  color:#f4f7ff;
  border-radius:999px;
  padding:10px 14px;
  font-weight:850;
}
.contact-hero-card{
  border:1px solid rgba(255,255,255,.15);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  border-radius:22px;
  padding:28px;
  box-shadow:var(--shadow);
}
.quote-mark{font-size:56px;color:#1e8bff;line-height:.7;font-weight:950}
.contact-hero-card p{font-size:17px;color:#f4f7ff;line-height:1.55}
.stars{color:#ffc72c;letter-spacing:2px;margin:10px 0}
.contact-hero-card span{color:var(--muted)}
.contact-layout-highend{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  gap:28px;
  align-items:start;
}
.contact-form-card-highend{
  padding:32px;
}
.form-card-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:18px;
}
.form-card-head h2{
  font-size:34px;
  margin:4px 0 0;
}
.form-time-pill{
  border:1px solid rgba(32,134,255,.35);
  background:rgba(32,134,255,.12);
  color:#bcd8ff;
  border-radius:999px;
  padding:8px 12px;
  font-weight:950;
  white-space:nowrap;
}
.form-row-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.contact-form-highend input,
.contact-form-highend select,
.contact-form-highend textarea{
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.13);
}
.contact-form-highend input:focus,
.contact-form-highend select:focus,
.contact-form-highend textarea:focus{
  border-color:#1e8bff;
  box-shadow:0 0 0 3px rgba(32,134,255,.14);
}
.form-microcopy{
  color:var(--muted);
  font-size:13px;
  text-align:center;
  margin:12px 0 0;
}
.success-notice{
  border-color:rgba(53,212,134,.45)!important;
}
.contact-side-highend{
  min-width:0;
}
.contact-side-inner{
  position:sticky;
  top:96px;
  display:grid;
  gap:16px;
}
.contact-direct-card h2{
  margin:4px 0 18px;
}
.direct-actions{
  display:grid;
  gap:12px;
}
.direct-action{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:14px;
  align-items:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  padding:14px;
  background:rgba(255,255,255,.035);
  color:#fff;
  transition:.2s ease;
}
.direct-action:hover{
  transform:translateY(-2px);
  border-color:rgba(32,134,255,.48);
  background:rgba(32,134,255,.08);
}
.direct-action span{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(32,134,255,.14);
  color:#4eb2ff;
  font-weight:950;
  border:1px solid rgba(32,134,255,.24);
}
.direct-action.primary{
  border-color:rgba(32,134,255,.55);
}
.direct-action.whatsapp span{
  background:rgba(53,212,134,.12);
  color:#35d486;
  border-color:rgba(53,212,134,.25);
}
.direct-action strong{
  display:block;
  color:#fff;
}
.direct-action small{
  color:var(--muted);
}
.company-card-highend{
  display:grid;
  gap:16px;
}
.company-row{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  align-items:start;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.company-row:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.company-row span{
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.045);
  color:#4eb2ff;
  font-weight:950;
}
.company-row strong{
  color:#fff;
}
.company-row p{
  margin:4px 0 0;
  color:#dbe7ff;
}
.company-row a{
  color:#4eb2ff;
  font-weight:850;
}
.response-card-highend{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:16px;
  align-items:center;
  border-color:rgba(53,212,134,.28);
}
.response-card-highend .shield-icon{
  width:54px;
  height:54px;
  border-radius:18px;
  border:2px solid #35d486;
  color:#35d486;
  display:grid;
  place-items:center;
  font-weight:950;
  font-size:24px;
}
.response-card-highend strong{
  color:#fff;
  display:block;
  margin-bottom:4px;
}
.response-card-highend p{
  color:var(--muted);
  margin:0;
}
.contact-faq-highend{
  margin-top:28px;
}
.faq-grid-highend{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:18px;
}
.faq-grid-highend div{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  border-radius:18px;
  padding:18px;
}
.faq-grid-highend h3{
  margin-top:0;
  color:#fff;
}
.faq-grid-highend p{
  color:var(--muted);
}
.mobile-contact-bar{
  display:none;
}
@media(max-width:1050px){
  .contact-hero-highend,
  .contact-layout-highend{
    grid-template-columns:1fr;
  }
  .contact-side-inner{
    position:static;
  }
  .faq-grid-highend{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:680px){
  .contact-hero-highend{
    padding-top:34px;
  }
  .form-row-2,
  .faq-grid-highend{
    grid-template-columns:1fr;
  }
  .contact-form-card-highend{
    padding:22px;
  }
  .form-card-head{
    display:block;
  }
  .form-time-pill{
    display:inline-block;
    margin-top:10px;
  }
  .mobile-contact-bar{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    position:fixed;
    left:12px;
    right:12px;
    bottom:12px;
    z-index:999;
  }
  .mobile-contact-bar a{
    text-align:center;
    border-radius:14px;
    padding:14px 10px;
    background:#0b65ff;
    color:#fff;
    font-weight:950;
    box-shadow:0 12px 30px rgba(0,0,0,.35);
  }
  .mobile-contact-bar a:last-child{
    background:#12b981;
  }
}

/* Premium footer + legal pages */
.footer-premium{
  border-top:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 15% 0%, rgba(32,134,255,.16), transparent 34%),
    linear-gradient(180deg,#06142a,#030b18);
  padding-top:42px;
  color:#dbe7ff;
}
.footer-grid-premium{
  display:grid;
  grid-template-columns:1.7fr 1fr 1fr 1.1fr 1.4fr;
  gap:32px;
  align-items:start;
}
.footer-logo{margin-bottom:18px}
.footer-col h4{
  color:#fff;
  margin:0 0 16px;
  font-size:16px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.footer-col a{
  display:block;
  color:#bcd8ff;
  margin:9px 0;
  text-decoration:none;
}
.footer-col a:hover{color:#1e8bff}
.footer-col p{
  color:#dbe7ff;
  line-height:1.6;
  margin:0 0 12px;
}
.footer-brand-col p{
  max-width:370px;
}
.footer-rating{
  margin-top:18px;
  color:#ffc72c;
  font-weight:900;
  letter-spacing:2px;
}
.footer-rating small{
  color:#dbe7ff;
  letter-spacing:0;
  font-weight:600;
}
.footer-bottom-premium{
  border-top:1px solid rgba(255,255,255,.08);
  margin-top:36px;
  padding:18px 0;
}
.footer-bottom-inner-premium{
  display:flex;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  color:#9fb0cc;
  font-size:14px;
}
.legal-page{
  background:
    radial-gradient(circle at 15% 10%, rgba(32,134,255,.18), transparent 34%),
    linear-gradient(180deg,#030b18,#06142a);
  min-height:100vh;
  padding:56px 0;
}
.legal-shell{
  max-width:920px;
  margin:0 auto;
}
.legal-card{
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.045);
  border-radius:22px;
  padding:34px;
  box-shadow:var(--shadow);
}
.legal-card h1{
  font-size:clamp(36px,5vw,58px);
  letter-spacing:-.04em;
  margin-top:0;
}
.legal-card h2{
  margin-top:30px;
}
.legal-card p,
.legal-card li{
  color:#dbe7ff;
  line-height:1.7;
}
.legal-meta{
  color:#9fb0cc;
  margin-bottom:24px;
}
@media(max-width:1000px){
  .footer-grid-premium{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .footer-grid-premium{grid-template-columns:1fr}
  .footer-bottom-inner-premium{flex-direction:column}
  .legal-card{padding:24px}
}

/* Premium Cookie + Tracking Consent */
.mc-cookie-banner{
  position:fixed;
  left:24px;
  right:24px;
  bottom:24px;
  z-index:9998;
  display:none;
}
.mc-cookie-banner.show{
  display:block;
}
.mc-cookie-card{
  max-width:1120px;
  margin:0 auto;
  border:1px solid rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 8% 20%, rgba(32,134,255,.18), transparent 32%),
    linear-gradient(180deg,rgba(9,24,52,.96),rgba(3,11,24,.97));
  backdrop-filter:blur(16px);
  border-radius:22px;
  box-shadow:0 22px 70px rgba(0,0,0,.48);
  padding:22px;
  display:grid;
  grid-template-columns:54px 1fr auto;
  gap:18px;
  align-items:center;
}
.mc-cookie-icon{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#1685ff,#0b65ff);
  color:#fff;
  font-weight:950;
  box-shadow:0 0 28px rgba(32,134,255,.35);
}
.mc-cookie-copy strong{
  display:block;
  color:#fff;
  font-size:18px;
  margin-bottom:4px;
}
.mc-cookie-copy p{
  color:#dbe7ff;
  margin:0;
  line-height:1.5;
}
.mc-cookie-copy a{
  color:#48a7ff;
  font-weight:850;
}
.mc-cookie-actions{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.mc-cookie-btn{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.05);
  color:#fff;
  border-radius:12px;
  padding:12px 16px;
  font-weight:900;
  cursor:pointer;
}
.mc-cookie-btn:hover{
  border-color:rgba(32,134,255,.55);
}
.mc-cookie-btn.primary{
  background:linear-gradient(135deg,#1685ff,#0b65ff);
  border-color:transparent;
}
.mc-cookie-btn.subtle{
  color:#bcd8ff;
}

.mc-cookie-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(0,0,0,.62);
  display:none;
  place-items:center;
  padding:24px;
}
.mc-cookie-modal.show{
  display:grid;
}
.mc-cookie-modal-card{
  width:min(720px,100%);
  border:1px solid rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 18% 0%, rgba(32,134,255,.18), transparent 36%),
    linear-gradient(180deg,#081834,#040b18);
  color:#fff;
  border-radius:24px;
  box-shadow:0 22px 80px rgba(0,0,0,.55);
  overflow:hidden;
}
.mc-cookie-modal-head{
  padding:24px 26px;
  border-bottom:1px solid rgba(255,255,255,.1);
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}
.mc-cookie-modal-head h2{
  margin:0;
  font-size:28px;
}
.mc-cookie-close{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.04);
  color:#fff;
  border-radius:12px;
  width:42px;
  height:42px;
  cursor:pointer;
  font-weight:950;
}
.mc-cookie-modal-body{
  padding:24px 26px;
  display:grid;
  gap:14px;
}
.mc-cookie-option{
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.035);
  border-radius:18px;
  padding:18px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:16px;
  align-items:center;
}
.mc-cookie-option strong{
  display:block;
  margin-bottom:5px;
}
.mc-cookie-option p{
  color:#bcd8ff;
  margin:0;
  line-height:1.45;
}
.mc-cookie-switch{
  position:relative;
  width:54px;
  height:30px;
}
.mc-cookie-switch input{
  opacity:0;
  width:0;
  height:0;
}
.mc-cookie-slider{
  position:absolute;
  cursor:pointer;
  inset:0;
  background:rgba(255,255,255,.16);
  border-radius:999px;
  transition:.2s;
}
.mc-cookie-slider:before{
  content:"";
  position:absolute;
  width:24px;
  height:24px;
  left:3px;
  top:3px;
  background:#fff;
  border-radius:50%;
  transition:.2s;
}
.mc-cookie-switch input:checked + .mc-cookie-slider{
  background:#1685ff;
}
.mc-cookie-switch input:checked + .mc-cookie-slider:before{
  transform:translateX(24px);
}
.mc-cookie-switch input:disabled + .mc-cookie-slider{
  background:#35d486;
  opacity:.65;
}
.mc-cookie-modal-actions{
  padding:20px 26px;
  border-top:1px solid rgba(255,255,255,.1);
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
@media(max-width:800px){
  .mc-cookie-banner{
    left:12px;
    right:12px;
    bottom:12px;
  }
  .mc-cookie-card{
    grid-template-columns:1fr;
  }
  .mc-cookie-icon{
    display:none;
  }
  .mc-cookie-actions{
    justify-content:stretch;
  }
  .mc-cookie-btn{
    flex:1;
  }
  .mc-cookie-option{
    grid-template-columns:1fr;
  }
}

/* Clean high-end pricing page */
.pricing-clean-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 50% 0%, rgba(32,134,255,.16), transparent 36%),
    linear-gradient(180deg,#030b18 0%,#06142a 54%,#071634 100%);
  padding-bottom:52px;
}
.pricing-clean-hero{
  text-align:center;
  padding:62px 0 34px;
}
.pricing-clean-hero h1{
  max-width:860px;
  margin:0 auto 18px;
  font-size:clamp(38px,5vw,64px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.pricing-clean-hero .lead{
  max-width:720px;
  margin:0 auto;
  color:#dbe7ff;
  font-size:20px;
}
.pricing-clean-trust{
  display:flex;
  justify-content:center;
  gap:24px;
  flex-wrap:wrap;
  margin-top:26px;
  color:#dbe7ff;
  font-weight:800;
}
.pricing-clean-trust span{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.035);
  border-radius:999px;
  padding:9px 14px;
}
.pricing-clean-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  align-items:stretch;
}
.pricing-clean-card{
  position:relative;
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(180deg,rgba(12,29,58,.88),rgba(5,15,34,.92));
  border-radius:20px;
  padding:28px;
  min-height:560px;
  box-shadow:0 18px 54px rgba(0,0,0,.22);
  display:flex;
  flex-direction:column;
}
.pricing-clean-focus{
  border-color:rgba(255,199,44,.55);
  box-shadow:0 0 0 1px rgba(255,199,44,.12), 0 20px 60px rgba(0,0,0,.28);
}
.focus-label{
  position:absolute;
  top:-15px;
  left:28px;
  background:#ffc72c;
  color:#06142a;
  border-radius:999px;
  padding:7px 13px;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.plan-label{
  color:#48a7ff;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:950;
  margin:0 0 10px;
}
.plan-top h2{
  font-size:28px;
  margin:0 0 8px;
  color:#fff;
}
.plan-desc{
  margin:0;
  color:#b9c6df;
  min-height:48px;
}
.plan-price-clean{
  margin:26px 0 2px;
  font-size:64px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.055em;
  color:#fff;
}
.plan-price-clean span{
  font-size:30px;
  letter-spacing:-.02em;
  margin-right:4px;
  color:#dbe7ff;
}
.plan-vat{
  color:#9fb0cc;
  margin:0 0 18px;
}
.plan-features-clean{
  list-style:none;
  padding:22px 0 0;
  margin:20px 0 28px;
  border-top:1px solid rgba(255,255,255,.10);
  display:grid;
  gap:12px;
  flex:1;
}
.plan-features-clean li{
  color:#eef5ff;
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.plan-features-clean li:before{
  content:"✓";
  color:#48a7ff;
  font-weight:950;
}
.pricing-clean-card .btn{
  margin-top:auto;
}
.pricing-compare-clean{
  margin-top:24px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.035);
  border-radius:20px;
  padding:26px;
}
.compare-title-clean{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:18px;
  margin-bottom:18px;
}
.compare-title-clean h2{
  margin:0;
  font-size:30px;
}
.compare-table-clean{
  display:grid;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
}
.compare-row{
  display:grid;
  grid-template-columns:2fr repeat(3,1fr);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.compare-row:last-child{
  border-bottom:0;
}
.compare-row > div{
  padding:13px 16px;
  color:#dbe7ff;
}
.compare-row > div:not(:first-child){
  text-align:center;
  font-weight:900;
  color:#48a7ff;
}
.compare-row > div:first-child{
  color:#fff;
  font-weight:700;
}
.compare-head{
  background:rgba(255,255,255,.045);
}
.compare-head > div{
  color:#fff!important;
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:.04em;
}
.pricing-assurance-clean{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.assurance-item-clean{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.035);
  border-radius:18px;
  padding:20px;
}
.assurance-item-clean strong{
  display:block;
  color:#fff;
  margin-bottom:8px;
  font-size:17px;
}
.assurance-item-clean span{
  color:#b9c6df;
  line-height:1.55;
}
@media(max-width:1050px){
  .pricing-clean-grid,
  .pricing-assurance-clean{
    grid-template-columns:1fr;
  }
  .pricing-clean-card{
    min-height:auto;
  }
}
@media(max-width:720px){
  .pricing-clean-hero{
    padding-top:36px;
  }
  .pricing-clean-hero h1{
    font-size:40px;
  }
  .compare-row{
    grid-template-columns:1.3fr repeat(3,.7fr);
    font-size:13px;
  }
  .compare-row > div{
    padding:11px 9px;
  }
}

/* HEADER */
.topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 20px;
    position:sticky;
    top:0;
    z-index:999;
    background:#06142a;
}

/* LOGO */
.logo a{
    display:flex;
    align-items:center;
    text-decoration:none;
    color:white;
}

.logo-box{
    width:40px;
    height:40px;
    background:#2f6bff;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:10px;
}

.logo-text span{
    font-size:12px;
    opacity:.7;
}

/* NAV */
.main-nav{
    display:flex;
    gap:20px;
    align-items:center;
}

.main-nav a{
    color:white;
    text-decoration:none;
}

.nav-btn{
    background:#2f6bff;
    padding:10px 16px;
    border-radius:8px;
}

/* HAMBURGER */
.hamburger{
    display:none;
    width:42px;
    height:42px;
    background:none;
    border:none;
    cursor:pointer;
}

.hamburger span{
    display:block;
    height:2px;
    background:white;
    margin:6px 0;
}

/* MOBILE */
@media(max-width:900px){

    .hamburger{
        display:block;
    }

    .main-nav{
        display:none;
        position:absolute;
        top:70px;
        left:15px;
        right:15px;
        background:#06142a;
        border-radius:14px;
        padding:20px;
        flex-direction:column;
        gap:12px;
    }

    body.menu-open .main-nav{
        display:flex;
    }

    .nav-btn{
        width:100%;
        text-align:center;
    }
}

/* MSP context integration + mobile hamburger */
.hamburger{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);border-radius:12px;padding:10px;cursor:pointer;margin-left:auto}
.hamburger span{display:block;height:2px;background:#fff;border-radius:999px;margin:5px 0}
.msp-context-panel{margin:18px 0;border-color:rgba(255,199,44,.35);background:radial-gradient(circle at 96% 0%,rgba(255,199,44,.10),transparent 30%),rgba(255,255,255,.04)}
.context-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:16px 0}
.context-grid div{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);border-radius:14px;padding:14px}
.context-grid span{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.context-grid strong{color:#fff}.context-warning{border-left:4px solid #ffc72c;background:rgba(255,199,44,.08);color:#fff;border-radius:12px;padding:14px;margin:14px 0;line-height:1.55}
.lead-form textarea{width:100%;box-sizing:border-box;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);border-radius:12px;color:#fff;padding:12px;font:inherit;resize:vertical}
@media(max-width:900px){.hamburger{display:block}.mobile-menu-btn{display:none!important}.main-nav{display:none;position:absolute;top:78px;left:16px;right:16px;background:#06142a;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.45);z-index:9999}body.menu-open .main-nav{display:flex;flex-direction:column;gap:12px}.main-nav a{width:100%;padding:12px 14px;border-radius:10px}.nav-btn{text-align:center}.context-grid{grid-template-columns:1fr}}
@media(min-width:901px){.main-nav{display:flex!important}}


/* Dashboard IT-partner & contract context */
.dashboard-context-panel{
  margin:18px 0;
  border-color:rgba(32,134,255,.28);
  background:
    radial-gradient(circle at 95% 0%, rgba(32,134,255,.10), transparent 30%),
    rgba(255,255,255,.04);
}
.dashboard-context-head{
  align-items:center;
}
.contract-status{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:8px 12px;
  font-size:13px;
  font-weight:950;
  border:1px solid rgba(255,255,255,.12);
}
.contract-status.good{
  color:#35d486;
  background:rgba(53,212,134,.09);
  border-color:rgba(53,212,134,.25);
}
.contract-status.warning{
  color:#ffc72c;
  background:rgba(255,199,44,.10);
  border-color:rgba(255,199,44,.28);
}
.contract-status.danger{
  color:#ff6b6b;
  background:rgba(255,107,107,.10);
  border-color:rgba(255,107,107,.28);
}
.contract-status.neutral{
  color:#b9c6df;
  background:rgba(255,255,255,.045);
}
.dashboard-context-grid{
  display:grid;
  grid-template-columns:1.2fr repeat(4,1fr);
  gap:12px;
  margin-top:16px;
}
.context-tile{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  border-radius:16px;
  padding:16px;
  min-height:86px;
}
.context-tile.main{
  border-color:rgba(32,134,255,.28);
  background:rgba(32,134,255,.07);
}
.context-tile span,
.contract-notes span{
  display:block;
  color:var(--muted);
  font-size:13px;
  margin-bottom:7px;
}
.context-tile strong{
  color:#fff;
  font-size:16px;
  line-height:1.35;
}
.context-tile.main strong{
  font-size:22px;
}
.contract-notes{
  margin-top:12px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.025);
  border-radius:16px;
  padding:16px;
}
.contract-notes p{
  margin:0;
  color:#dbe7ff;
  line-height:1.6;
}
.dashboard-context-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}
@media(max-width:1100px){
  .dashboard-context-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:680px){
  .dashboard-context-grid{
    grid-template-columns:1fr;
  }
  .dashboard-context-head{
    display:block;
  }
  .contract-status{
    margin-top:12px;
  }
}


/* Prefill + subscription reminder UX */
.prefill-notice{
  border:1px solid rgba(53,212,134,.28);
  background:rgba(53,212,134,.07);
  border-radius:14px;
  padding:14px;
  margin:0 0 16px;
  color:#fff;
}
.profile-confirm-box{
  border:1px solid rgba(32,134,255,.22);
  background:rgba(32,134,255,.06);
  border-radius:14px;
  padding:14px;
  margin-bottom:16px;
}
.profile-confirm-box p{
  margin:0 0 12px;
  color:#fff;
}
.profile-confirm-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.prefilled-confirmed{
  border-color:rgba(53,212,134,.35)!important;
}
@media(max-width:680px){
  .profile-confirm-actions .btn{
    width:100%;
  }
}


/* Live stats + insight tips replacing fake reviews */
.live-stats-section{
  margin-top:28px;
}
.live-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:18px;
}
.live-stat-card{
  padding:22px;
}
.live-stat-card span{
  color:var(--muted);
  display:block;
  margin-bottom:8px;
}
.live-stat-card strong{
  display:block;
  color:#fff;
  font-size:38px;
  letter-spacing:-.04em;
  margin-bottom:8px;
}
.live-stat-card p{
  color:#b9c6df;
  line-height:1.55;
  margin:0;
}
.tips-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:16px;
}
.tip-card{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  border-radius:18px;
  padding:20px;
  transition:.2s ease;
}
.tip-card:hover{
  transform:translateY(-3px);
  border-color:rgba(32,134,255,.38);
}
.tip-card h3{
  color:#fff;
  margin:0 0 10px;
}
.tip-card p{
  color:#b9c6df;
  line-height:1.6;
  margin:0;
}
.pricing-insight-clean{
  margin-top:24px;
}
.pricing-insight-panel{
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:24px;
  align-items:start;
  padding:28px;
  border-color:rgba(32,134,255,.24);
}
.insight-list-clean{
  display:grid;
  gap:12px;
}
.insight-list-clean div{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  border-radius:14px;
  padding:14px;
}
.insight-list-clean strong{
  display:block;
  color:#fff;
  margin-bottom:5px;
}
.insight-list-clean span{
  color:#b9c6df;
  line-height:1.45;
}
.contact-hero-card.insight-card .quote-mark{
  color:#ffc72c;
}
.contact-hero-card.insight-card strong{
  color:#fff;
}
@media(max-width:1050px){
  .live-stats-grid,
  .tips-grid,
  .pricing-insight-panel{
    grid-template-columns:1fr;
  }
}


/* Payment legal note + invoice UI */
.payment-legal-note{
  border:1px solid rgba(255,199,44,.35);
  background:rgba(255,199,44,.08);
  border-radius:14px;
  padding:16px;
  color:#fff;
  line-height:1.55;
  margin:18px 0;
}
.payment-legal-note span{
  color:var(--muted);
}
.payment-summary{
  display:grid;
  gap:10px;
  margin:18px 0;
}
.payment-summary div{
  display:flex;
  justify-content:space-between;
  gap:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  border-radius:12px;
  padding:12px 14px;
}
.payment-summary span{
  color:var(--muted);
}
.payment-summary strong{
  color:#fff;
  text-align:right;
}
@media(max-width:680px){
  .payment-summary div{
    display:block;
  }
  .payment-summary strong{
    display:block;
    text-align:left;
    margin-top:4px;
  }
}


/* Premium auth UX */
.auth-premium-page{
  min-height:calc(100vh - 90px);
  background:
    radial-gradient(circle at 15% 10%, rgba(32,134,255,.18), transparent 34%),
    radial-gradient(circle at 85% 20%, rgba(255,199,44,.08), transparent 30%),
    linear-gradient(180deg,#030b18 0%,#06142a 56%,#071634 100%);
  padding:58px 0;
}
.auth-premium-grid{
  display:grid;
  grid-template-columns:1fr 520px;
  gap:44px;
  align-items:center;
}
.auth-single{
  max-width:560px;
}
.auth-copy h1{
  font-size:clamp(42px,5vw,68px);
  line-height:1.02;
  letter-spacing:-.045em;
  margin:0 0 18px;
}
.auth-copy .lead{
  max-width:720px;
  color:#dbe7ff;
}
.auth-benefits{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:28px;
}
.auth-benefits div{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  border-radius:16px;
  padding:16px;
}
.auth-benefits strong{
  display:block;
  color:#fff;
  margin-bottom:6px;
}
.auth-benefits span{
  color:#b9c6df;
  line-height:1.45;
}
.auth-card-premium{
  padding:30px;
  border-color:rgba(32,134,255,.22);
  box-shadow:0 20px 70px rgba(0,0,0,.35);
}
.auth-card-premium h1,
.auth-card-premium h2{
  margin:0 0 10px;
}
.auth-sub{
  color:#b9c6df;
  line-height:1.55;
  margin:0 0 22px;
}
.auth-form{
  margin-top:18px;
}
.password-wrap{
  position:relative;
  display:flex;
  align-items:center;
}
.password-wrap input{
  padding-right:92px!important;
  width:100%;
}
.password-toggle{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#fff;
  border-radius:8px;
  padding:7px 10px;
  cursor:pointer;
  font-weight:800;
}
.auth-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:4px 0 16px;
}
.auth-row a,
.auth-card-premium a{
  color:#7aa7ff;
  text-decoration:none;
}
.auth-row a:hover,
.auth-card-premium a:hover{
  text-decoration:underline;
}
.auth-divider{
  display:flex;
  align-items:center;
  gap:12px;
  margin:22px 0 14px;
  color:#9fb0cc;
  font-size:14px;
}
.auth-divider:before,
.auth-divider:after{
  content:"";
  flex:1;
  height:1px;
  background:rgba(255,255,255,.10);
}
.notice.error{
  border-color:rgba(255,107,107,.35);
  background:rgba(255,107,107,.10);
}
.notice.success{
  border-color:rgba(53,212,134,.35);
  background:rgba(53,212,134,.10);
}
.field-help{
  display:block;
  color:#9fb0cc;
  font-size:13px;
  margin-top:6px;
}
@media(max-width:1050px){
  .auth-premium-grid{
    grid-template-columns:1fr;
  }
  .auth-benefits{
    grid-template-columns:1fr;
  }
}
@media(max-width:680px){
  .auth-premium-page{
    padding:28px 0;
  }
  .auth-card-premium{
    padding:22px;
  }
}


/* Growth fase optimalisaties */
.growth-proof-strip{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}
.growth-proof-strip span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  border-radius:999px;
  color:#dbe7ff;
  font-size:14px;
}
.growth-proof-strip strong{
  color:#fff;
}
.growth-interest-panel{
  border-color:rgba(53,212,134,.22)!important;
  background:
    radial-gradient(circle at 96% 0%, rgba(53,212,134,.11), transparent 30%),
    rgba(255,255,255,.04)!important;
}
.growth-interest-grid{
  display:grid;
  grid-template-columns:1fr 430px;
  gap:26px;
  align-items:start;
}
.growth-benefits{
  margin:18px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:9px;
  color:#dbe7ff;
}
.growth-benefits li:before{
  content:"✓";
  color:#35d486;
  font-weight:950;
  margin-right:8px;
}
.growth-interest-form{
  border:1px solid rgba(255,255,255,.11);
  background:rgba(0,0,0,.16);
  border-radius:20px;
  padding:18px;
}
.growth-toggle{
  display:grid;
  grid-template-columns:24px 1fr;
  gap:12px;
  align-items:start;
  color:#fff;
  cursor:pointer;
}
.growth-toggle input{
  width:20px;
  height:20px;
  accent-color:#35d486;
  margin-top:4px;
}
.growth-toggle strong{
  display:block;
  color:#fff;
}
.growth-toggle small{
  display:block;
  color:#aab7d0;
  line-height:1.45;
  margin-top:4px;
}
.growth-note-label{
  display:block;
  margin-top:16px;
}
.growth-note-label span{
  display:block;
  color:#aab7d0;
  font-size:13px;
  margin-bottom:6px;
}
.growth-note-label textarea{
  width:100%;
  box-sizing:border-box;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.13);
  border-radius:12px;
  color:#fff;
  padding:12px;
  font:inherit;
  resize:vertical;
}
.growth-saved{
  margin:14px 0;
  border:1px solid rgba(53,212,134,.24);
  background:rgba(53,212,134,.10);
  color:#dfffee;
  border-radius:12px;
  padding:10px 12px;
  font-weight:850;
}
.growth-disclaimer{
  color:#aab7d0;
  font-size:13px;
  line-height:1.5;
  margin:12px 0 0;
}
.result-growth-panel{
  display:grid;
  grid-template-columns:1fr auto;
  gap:20px;
  align-items:center;
  border-color:rgba(32,134,255,.22)!important;
  background:
    radial-gradient(circle at 98% 0%, rgba(32,134,255,.10), transparent 30%),
    rgba(255,255,255,.04)!important;
  margin:18px 0;
}
.result-growth-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}
@media(max-width:900px){
  .growth-interest-grid,
  .result-growth-panel{
    grid-template-columns:1fr;
  }
  .result-growth-actions{
    justify-content:stretch;
  }
  .result-growth-actions .btn{
    width:100%;
  }
}


/* COOKIE UX PERFECT + iOS MOBILE MENU PRESERVE */
.topbar .main-nav a,.topbar .main-nav a:not(.nav-btn){display:flex!important;align-items:center}
@media(max-width:900px){
body.menu-open{overflow:hidden}.topbar{position:sticky!important;top:0!important;z-index:99999!important;overflow:visible!important}
.topbar .hamburger{display:flex!important;width:52px!important;height:52px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.08)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 34px rgba(0,0,0,.28)!important;padding:0!important}
.topbar .hamburger span{display:block!important;width:23px!important;height:2px!important;margin:0!important;border-radius:999px!important;background:#fff!important;transition:transform .22s ease,opacity .22s ease!important}
body.menu-open .topbar .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
body.menu-open .topbar .hamburger span:nth-child(2){opacity:0!important}
body.menu-open .topbar .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
.topbar .main-nav{display:none!important;position:absolute!important;top:calc(100% + 12px)!important;left:14px!important;right:14px!important;width:auto!important;max-height:calc(100vh - 110px)!important;overflow:auto!important;flex-direction:column!important;gap:8px!important;padding:14px!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(14,30,58,.86),rgba(5,14,31,.82))!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 30px 90px rgba(0,0,0,.60),inset 0 1px 0 rgba(255,255,255,.12)!important;backdrop-filter:blur(26px) saturate(140%)!important;-webkit-backdrop-filter:blur(26px) saturate(140%)!important;z-index:100000!important}
body.menu-open .topbar .main-nav{display:flex!important;animation:iosMenuIn .22s ease both}
.topbar .main-nav::before{content:"Menu";display:block;padding:4px 8px 8px;color:rgba(255,255,255,.58);font-size:13px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.topbar .main-nav a,.topbar .main-nav a:not(.nav-btn){display:flex!important;width:100%!important;min-height:50px!important;align-items:center!important;justify-content:space-between!important;padding:13px 15px!important;border-radius:16px!important;color:#f4f8ff!important;text-decoration:none!important;font-weight:850!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
.topbar .main-nav a:not(.nav-btn)::after{content:"›";color:rgba(255,255,255,.45);font-size:24px;line-height:1}
.topbar .main-nav .nav-btn{display:flex!important;justify-content:center!important;margin-top:8px!important;min-height:56px!important;border-radius:18px!important;background:linear-gradient(135deg,#2086ff,#176bff)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 16px 38px rgba(23,107,255,.32),inset 0 1px 0 rgba(255,255,255,.20)!important}
.topbar .main-nav .nav-btn::after{content:none!important}
body.menu-open::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.36);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:9990}
}
@media(min-width:901px){.topbar .main-nav{display:flex!important}.topbar .main-nav a,.topbar .main-nav a:not(.nav-btn){display:flex!important}}
@keyframes iosMenuIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

/* Premium Cookie Banner */
.cookie-premium{position:fixed;left:18px;right:18px;bottom:18px;z-index:200000;display:flex;justify-content:center;pointer-events:none}
.cookie-premium-card{width:min(920px,100%);pointer-events:auto;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 0% 0%,rgba(32,134,255,.16),transparent 34%),radial-gradient(circle at 100% 0%,rgba(53,212,134,.10),transparent 30%),rgba(5,14,31,.88);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border-radius:26px;padding:20px;box-shadow:0 26px 90px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.10);color:#f7fbff;animation:cookieSlideIn .28s ease both}
.cookie-premium-main{display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:start}.cookie-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:rgba(32,134,255,.14);border:1px solid rgba(32,134,255,.24);font-size:26px}.cookie-eyebrow{margin:0 0 4px;color:#27d6d6;font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.cookie-premium h2{margin:0 0 8px;font-size:24px;letter-spacing:-.03em;line-height:1.1}.cookie-premium p{margin:0;color:#dbe7ff;line-height:1.55}
.cookie-options{display:grid;gap:10px;margin-top:16px}.cookie-option{display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:16px;padding:13px;cursor:pointer}.cookie-option.fixed{opacity:.82;cursor:not-allowed}.cookie-option input{width:20px;height:20px;margin-top:3px;accent-color:#35d486}.cookie-option strong{display:block;color:#fff;font-size:15px}.cookie-option small{display:block;color:#aab7d0;line-height:1.45;margin-top:3px}
.cookie-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:18px}.cookie-btn{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:11px 15px;color:#fff;font-weight:950;cursor:pointer;background:rgba(255,255,255,.06)}.cookie-btn.primary{background:linear-gradient(135deg,#2086ff,#176bff);border-color:rgba(255,255,255,.18);box-shadow:0 12px 30px rgba(23,107,255,.28)}
.cookie-links{display:flex;gap:8px;justify-content:flex-end;margin-top:12px!important;color:#aab7d0!important;font-size:13px}.cookie-links a{color:#b9d8ff;text-decoration:none}.cookie-links a:hover{text-decoration:underline}
.cookie-settings-floating{position:fixed;left:18px;bottom:18px;z-index:150000;border:1px solid rgba(255,255,255,.14);background:rgba(5,14,31,.72);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);color:#fff;font-weight:850;padding:10px 14px;border-radius:999px;cursor:pointer;font-size:13px;box-shadow:0 12px 34px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.10);display:flex;gap:7px;align-items:center}
.cookie-settings-floating:hover{background:rgba(32,134,255,.22)}.cookie-settings-floating span{font-size:15px}
@keyframes cookieSlideIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){.cookie-premium{left:10px;right:10px;bottom:10px}.cookie-premium-card{padding:16px;border-radius:22px;max-height:calc(100vh - 24px);overflow:auto}.cookie-premium-main{grid-template-columns:1fr}.cookie-actions{display:grid;grid-template-columns:1fr}.cookie-btn{width:100%}.cookie-links{justify-content:center}.cookie-settings-floating{left:12px;bottom:12px;padding:9px 12px}}


/* =========================================================
   IT-Nulmeting - MSP Check style compatibility layer
   ========================================================= */
:root{
  --it-accent:#2086ff;
  --it-accent-2:#27d6d6;
}
body{background:radial-gradient(circle at 20% -10%,#123a7a 0,transparent 28%),linear-gradient(180deg,#020818 0,#050b1f 100%);}
.btn-primary{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;display:inline-flex;justify-content:center;align-items:center;text-decoration:none}
.btn-ghost{background:transparent;border:1px solid #b9c7e2;color:white;border-radius:8px;padding:13px 22px;font-weight:800;display:inline-flex;justify-content:center;align-items:center;text-decoration:none}
.btn-full,.full{width:100%}.section{padding:74px 0}.section.alt{background:rgba(255,255,255,.018)}.section-head{max-width:820px;margin:0 0 34px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.trust-pill{border:1px solid var(--line);background:#081a3b;border-radius:999px;padding:9px 13px;color:#d9e5ff;font-weight:800;font-size:14px}.kicker{color:var(--blue);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900}.card{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:24px}.card p{color:var(--muted)}.cta-box{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:34px;display:grid;grid-template-columns:1.4fr .6fr;gap:22px;align-items:center}.compare{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:rgba(10,29,64,.65)}.compare table{width:100%;border-collapse:collapse}.compare th,.compare td{padding:16px;border-bottom:1px solid var(--line);text-align:left}.compare th{color:#fff;background:#081a3b}.panel .big-score,.big-score{font-size:78px;font-weight:900;letter-spacing:-.06em}.risk,.badge{display:inline-flex;border-radius:999px;padding:6px 11px;background:#102e63;color:#d9e8ff;font-weight:900}.result-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.cat-row{display:grid;grid-template-columns:210px 1fr 58px;gap:12px;align-items:center;margin:14px 0}.bar{height:10px;background:#10234c;border-radius:999px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#2086ff,#27d6d6)}.form-shell{min-height:calc(100vh - 74px);display:grid;grid-template-columns:300px 1fr;gap:22px;padding:35px 0;place-items:initial}.form-card{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:28px}.progress-card{position:sticky;top:94px;align-self:start}.progress-list{list-style:none;padding:0;margin:18px 0 0}.progress-list li{padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}.progress-list li.active{color:white;font-weight:900}.progressbar{height:10px;background:#10234c;border-radius:999px;overflow:hidden;margin:18px 0}.progressbar span{display:block;height:100%;background:linear-gradient(90deg,#2086ff,#27d6d6)}.field{margin:20px 0;position:relative}.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.notice{border:1px solid var(--line);background:#081a3b;border-radius:12px;padding:16px;color:#d9e5ff;margin-bottom:20px}.priority{display:grid;gap:14px}.priority-item{border:1px solid var(--line);background:#081a3b;border-radius:12px;padding:16px}.page-hero{padding:34px 0 62px}.footer-premium a{text-decoration:none}.footer-premium p{color:#9fb0cd}.footer-grid-premium{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:26px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-bottom-premium{border-top:1px solid var(--line);margin-top:22px;padding-top:20px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#8492ad}.footer-logo{margin-bottom:10px}.footer-rating{border:1px solid var(--line);background:#081a3b;border-radius:12px;padding:12px;margin-top:12px;color:#d9e5ff}.footer-premium{padding:50px 0;background:#020818;border-top:1px solid rgba(255,255,255,.08)}
/* Info tooltips */
.info-dot{position:relative;width:21px;height:21px;min-width:21px;border-radius:999px;border:1px solid rgba(32,134,255,.55);background:rgba(32,134,255,.14);color:#d9e8ff;font-size:13px;font-weight:950;line-height:1;cursor:help;display:inline-flex;align-items:center;justify-content:center;margin-left:6px}.info-dot:hover,.info-dot:focus{background:rgba(32,134,255,.28);outline:none}.info-dot::after{content:attr(data-help);position:absolute;left:50%;bottom:calc(100% + 12px);transform:translateX(-50%);width:min(360px,78vw);background:#020818;color:#e5edf7;border:1px solid rgba(32,134,255,.35);border-radius:16px;padding:14px 16px;font-size:14px;line-height:1.45;font-weight:600;text-align:left;box-shadow:0 20px 50px rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none;z-index:50;white-space:normal}.info-dot::before{content:"";position:absolute;left:50%;bottom:calc(100% + 5px);transform:translateX(-50%);border:7px solid transparent;border-top-color:#020818;opacity:0;visibility:hidden;z-index:51}.info-dot:hover::after,.info-dot:focus::after,.info-dot:hover::before,.info-dot:focus::before{opacity:1;visibility:visible}.help-note{display:none;margin-top:8px;padding:12px 14px;background:rgba(32,134,255,.09);border:1px solid rgba(32,134,255,.22);border-radius:14px;color:#dbeafe;font-size:14px}
@media(hover:none){.info-dot::after,.info-dot::before{display:none}.help-note{display:block}}
@media(max-width:950px){.grid-3,.grid-2,.result-grid,.cta-box,.footer-grid-premium,.form-shell{grid-template-columns:1fr}.section{padding:48px 0}.cat-row{grid-template-columns:1fr}.progress-card{position:relative;top:auto}.footer-bottom-premium{display:grid}.hero h1,h1{font-size:34px}.topbar .brand strong{font-size:18px}.topbar .brand small{font-size:10px}.m-logo{width:38px;height:38px}.form-actions{display:grid;grid-template-columns:1fr}.form-actions .btn,.form-actions button{width:100%;justify-content:center}.btn-primary,.btn-ghost{width:100%;justify-content:center}.hero-actions .btn{width:100%}}


/* Premium Green Enterprise Theme */
.btn-primary,
.button-primary{
    background:linear-gradient(135deg,#16a34a,#166534)!important;
    border:none!important;
    box-shadow:0 10px 30px rgba(22,163,74,.25)!important;
}

.btn-primary:hover,
.button-primary:hover{
    transform:translateY(-1px);
    box-shadow:0 14px 36px rgba(22,163,74,.32)!important;
}

.panel,
.card,
.priority-item{
    border:1px solid rgba(34,197,94,.14)!important;
}

.fill{
    background:linear-gradient(90deg,#22c55e,#166534)!important;
}

.badge{
    background:rgba(34,197,94,.12)!important;
    color:#86efac!important;
    border:1px solid rgba(34,197,94,.18)!important;
}


/* ===== FULL ENTERPRISE GREEN STYLE ===== */

html,body{
    background:
        radial-gradient(circle at top right, rgba(34,197,94,.10), transparent 25%),
        radial-gradient(circle at bottom left, rgba(22,163,74,.12), transparent 30%),
        linear-gradient(180deg,#08130c 0%,#0b1510 100%)!important;
    color:#ecfdf5!important;
}

body{
    min-height:100vh;
}

.nav,
.navbar,
header{
    background:rgba(8,19,12,.88)!important;
    backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(34,197,94,.10)!important;
}

.logo,
.nav a,
.navbar a{
    color:#f0fdf4!important;
}

.hero,
.hero-section{
    background:
        radial-gradient(circle at top right, rgba(34,197,94,.14), transparent 25%),
        radial-gradient(circle at bottom left, rgba(22,163,74,.16), transparent 35%),
        linear-gradient(180deg,#08130c 0%,#0b1510 100%)!important;
}

.panel,
.card,
.priority-item,
.result-card{
    background:rgba(15,23,20,.92)!important;
    border:1px solid rgba(34,197,94,.14)!important;
    box-shadow:0 10px 40px rgba(0,0,0,.28)!important;
    border-radius:18px!important;
}

.panel:hover,
.card:hover{
    transform:translateY(-2px);
    transition:all .25s ease;
    border-color:rgba(34,197,94,.24)!important;
}

h1,h2,h3,h4{
    color:#f0fdf4!important;
}

p,
li,
span,
label{
    color:#d1fae5!important;
}

input,
select,
textarea{
    background:#0d1b13!important;
    border:1px solid rgba(34,197,94,.18)!important;
    color:#f0fdf4!important;
    border-radius:12px!important;
}

input:focus,
select:focus,
textarea:focus{
    border-color:#22c55e!important;
    box-shadow:0 0 0 4px rgba(34,197,94,.14)!important;
}

.btn-primary,
.button-primary{
    background:linear-gradient(135deg,#22c55e,#166534)!important;
    color:white!important;
    border:none!important;
}

.btn-ghost{
    border:1px solid rgba(34,197,94,.18)!important;
    color:#bbf7d0!important;
}

footer{
    background:#07110b!important;
    border-top:1px solid rgba(34,197,94,.10)!important;
    color:#a7f3d0!important;
}

.fill{
    background:linear-gradient(90deg,#4ade80,#166534)!important;
}

.badge{
    background:rgba(34,197,94,.12)!important;
    border:1px solid rgba(34,197,94,.18)!important;
    color:#bbf7d0!important;
}

.section{
    position:relative;
}

.section:before{
    content:'';
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(34,197,94,.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34,197,94,.02) 1px, transparent 1px);
    background-size:40px 40px;
    pointer-events:none;
}