:root{
  --el-red:#ef4444;
  --el-blue:#2563eb;
  --el-green:#22c55e;
  --el-orange:#f59e0b;
  --el-ink:#17233c;
  --el-muted:#526584;
  --el-line:#dbeafe;
  --el-soft:#f8fbff;
  --el-card:#ffffff;
  --el-radius:12px;
  --el-inner:10px;
}

/* v31 checkout prompt, setup preview and mobile alignment */
.checkout-action-prompt{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:10px;
  padding:10px;
  border:1px dashed #bdeac7;
  border-radius:9px;
  background:linear-gradient(135deg,#f5fff8,#fff);
}
.checkout-action-prompt>i{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  flex:none;
  border-radius:8px;
  background:#dcfce7;
  color:#16a34a;
}
.checkout-action-prompt strong{display:block;color:#17233c;font-size:12.5px;line-height:1.35}
.checkout-action-prompt span{display:block;margin-top:3px;color:#526584;font-size:12px;line-height:1.4}
.customer-setup-section.is-preview{background:linear-gradient(115deg,#fff 0%,#fff 62%,#f8fbff 100%)!important}
.customer-setup-section.is-preview .paid-user-badge{background:#eff6ff;border-color:#bfdbfe;color:var(--el-blue)}
.customer-setup-section.is-preview .paid-user-badge i{font-size:18px}
.setup-lock-notice{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  border:1px dashed #f5c56b;
  border-radius:10px;
  background:#fffaf0;
  padding:11px;
}
.setup-lock-notice>i{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#fff1d6;color:#d97706}
.setup-lock-notice strong{display:block;color:#17233c;font-size:13px}
.setup-lock-notice span{display:block;margin-top:3px;color:#526584;font-size:12px;line-height:1.4}
.setup-lock-notice a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 12px;border-radius:8px;background:#17233c;color:#fff;font-size:12px;font-weight:700;white-space:nowrap}
.setup-lock-notice.needs-attention{animation:setupAttention .7s ease}
.customer-setup-section.is-preview .setup-input-grid input[readonly]{background:#f8fafc;color:#94a3b8;cursor:not-allowed}
.setup-next-btn.is-locked{background:#64748b}
@keyframes setupAttention{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}60%{transform:translateX(5px)}}
html,body.rebrand-home{max-width:100%;overflow-x:clip}
.signals-page,.signals-hero,.signals-copy,.impact-panel,.signal-filter-card,.customer-setup-section{min-width:0;box-sizing:border-box}

@media (max-width:720px){
  .setup-lock-notice{grid-template-columns:1fr}
  .setup-lock-notice>a{width:100%}
}

@media (max-width:580px){
  .rebrand-home .page-shell{width:calc(100% - 16px)!important;max-width:100%!important}
  .signals-page{width:100%;gap:8px}
  .signals-hero.section-card{width:100%;padding:10px!important;gap:10px}
  .signals-copy,.impact-panel,.signal-filter-card{width:100%;max-width:100%}
  .hero-title-wrap{align-items:start;gap:8px}
  .signals-hero.section-card .signals-copy p,.hero-lead{padding-left:0!important}
  .hero-lead{margin-top:7px}
  .hero-vip-stats{gap:6px}
  .hero-vip-stats article{padding:8px;min-height:0}
  .filter-title{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
  .filter-toggle{white-space:nowrap}
  .range-row{margin:10px 0}
  .audience-checks{gap:6px}
  .impact-filter-context{grid-template-columns:1fr 1fr;gap:5px}
  .impact-filter-context span{min-width:0;width:auto;padding:6px 7px}
  .checkout-action-prompt{padding:9px}
  .trial-line{gap:8px;margin-top:10px}
  .direct-pay-actions{grid-template-columns:1fr;width:100%}
  .direct-pay-actions .btn{min-height:42px}
  .micro-trust{grid-template-columns:1fr}
  .micro-trust span{width:100%;box-sizing:border-box}
  .impact-panel{padding:10px!important}
  .growth-commitments{gap:7px}
  .customer-setup-section{padding:10px!important}
  .setup-paid-head{gap:9px}
  .setup-paid-head p,.setup-step-panel p{padding-left:0!important}
  .setup-wizard-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .setup-wizard-tabs button{min-width:0;padding:7px 4px;font-size:12px;white-space:nowrap}
  .setup-wizard-tabs button b{width:19px;height:19px;margin-right:3px}
  .setup-wizard-grid{padding:10px}
  .setup-pixel-list article{grid-template-columns:28px minmax(0,1fr)!important}
  .setup-pixel-list article em{grid-column:2}
}
.rebrand-home{
  background:radial-gradient(circle at 8% 8%,rgba(239,68,68,.07) 0 38px,transparent 39px),radial-gradient(circle at 86% 18%,rgba(79,186,98,.08) 0 70px,transparent 71px),var(--bg);
  color:var(--el-ink);
  font-size:12px;
}
.rebrand-home *{box-shadow:none!important}
.rebrand-home .btn,
.rebrand-home button,
.status-card,
.case-card-r,
.why-list-new div,
.definition-grid article,
.flow-grid article,
.signal-filter-card,
.impact-panel{
  transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease;
}
.rebrand-home .btn:hover,
.rebrand-home button:hover,
.status-card:hover,
.case-card-r:hover,
.why-list-new div:hover,
.definition-grid article:hover,
.flow-grid article:hover{
  transform:translateY(-2px);
}
.signals-page{display:flex;flex-direction:column;gap:14px}
.section-card,.section-block{
  background:linear-gradient(115deg,#fff 0%,#fff 58%,#f1fff6 100%);
  border:1px dashed var(--line);
  border-radius:var(--el-radius)!important;
  padding:16px;
}

.signals-page h2{font-size:20px!important;line-height:1.22;margin:0px;color:#17233c}
.signals-page h3{font-size:16px!important;line-height:1.3;margin:0 0 7px;font-weight:800;color:#17233c}
.signals-page p{font-size:13px;line-height:1.55;color:var(--el-muted);margin:0}
.signals-page b,.signals-page strong{font-weight:800}.signals-page span,.signals-page small,.signals-page li{font-size:12px;line-height:1.45}.signals-page a{text-decoration:none}
/* top checkout */
.checkout-top{order:-10}.section-head.action-style-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.section-head.compact-head{margin-bottom:12px}.section-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:var(--el-red);background:#fff1f1;flex:none}.section-head span{font-weight:700;color:var(--el-red);text-transform:uppercase;font-size:10px;}.checkout-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:12px}.plans-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.plan-card,.payment-card,.signal-filter-card,.impact-panel,.status-card,.signal-table-wrap,.flow-grid article,.case-card-r,.why-chart-card,.why-list-new div,.definition-grid article,.faq-list details,.setup-guides article{background:var(--el-card);border:1px dashed #dbe8f6;border-radius:var(--el-inner)!important}.plan-card{padding:14px;display:flex;flex-direction:column;gap:8px;min-height:205px}.plan-card.active{border-color:rgba(239,68,68,.55);background:#fffafa}.plan-card span{font-size:10px;font-weight:700;color:var(--el-red);text-transform:uppercase;}.plan-card h3{font-size:17px!important}.plan-card p{min-height:45px}.plan-card b{font-size:20px;color:#111827;font-weight:700}.plan-card a,.plan-card button,.paypal-btn,.stripe-btn,.trial-line .btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;font-weight:700;padding:11px 12px;font-size:12px;cursor:pointer;line-height:1.25;text-decoration:none;position:relative;overflow:hidden}.plan-card a:after,.plan-card button:after,.paypal-btn:after,.stripe-btn:after,.trial-line .btn:after{content:"";position:absolute;inset:-95% auto auto -45%;width:40%;height:260%;background:rgba(255,255,255,.26);transform:rotate(24deg);transition:left .45s ease}.plan-card a:hover:after,.plan-card button:hover:after,.paypal-btn:hover:after,.stripe-btn:hover:after,.trial-line .btn:hover:after{left:118%}.payment-card{padding:14px}.payment-head,.filter-title,.impact-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px}.payment-head strong,.filter-title strong,.impact-head strong{display:block;font-size:15px;color:#17233c;line-height:1.3}.payment-head span,.filter-title span,.impact-head span{display:block;font-size:12px;color:#64748b;margin-top:3px}.payment-card label,.filter-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#5b6d8c;margin-bottom:9px}.payment-card input,.filter-grid select{height:40px;border:1px dashed #d7e5f7;border-radius:8px;padding:0 12px;background:#fff;color:#22314d;font-weight:600;outline:none;font-size:13px}.payment-card input:focus,.filter-grid select:focus{border-color:#fb7185;background:#fffafa}.pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.paypal-btn{background:#003087}.stripe-btn{background:#635bff}.payment-card small{display:block;color:#64748b;line-height:1.45;margin-top:9px}.setup-guides{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.setup-guides article{padding:12px}.guide-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#eff6ff;color:var(--el-blue);margin-bottom:8px}.setup-guides ol{margin:0;padding-left:18px;color:var(--el-muted)}.setup-guides li{margin:4px 0;font-weight:500}
/* hero calculator */
.signals-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);gap:14px;align-items:stretch}

.signal-eyebrow b{color:var(--el-red);text-transform:uppercase;font-size:10px}
.hero-lead{max-width:700px;margin-bottom:12px}

.filter-title i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#fff1f1;color:var(--el-red);animation:softPulse 2.8s ease-in-out infinite}

.signal-filter-card,.impact-panel{padding:14px;background:#fff}.filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.range-row{margin:12px 0;padding:10px;border-radius:9px;background:var(--el-soft);border:1px dashed #dbe8f6}.range-row div{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.range-row b{font-size:13px}.range-row span{font-weight:800;color:var(--el-red)}.range-row input{width:100%;accent-color:var(--el-red)}.audience-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.audience-checks label{display:flex;align-items:center;gap:7px;padding:9px;border-radius:8px;background:#fff;border:1px dashed #e5edf8;font-size:12px;font-weight:700;color:#405274}.audience-checks label:hover{border-color:#ffd0d0;background:#fffafa}.audience-checks input{accent-color:var(--el-blue)}.trial-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.trial-line b{font-size:21px;color:var(--el-red);font-weight:800}.trial-line span{font-size:12px;color:#64748b;margin-left:3px}.micro-trust{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.micro-trust span{display:inline-flex;gap:5px;align-items:center;padding:6px 9px;border-radius:999px;background:#fff7ed;color:#9a3412;font-size:12px;font-weight:800}

.impact-head em {
    font-style: normal;
    font-size: 12px;
    font-weight: 400;
    color: #16a34a;
    background: #ecfdf5;
    border-radius: 999px;
    padding: 3px 9px;
    white-space: nowrap;
    animation: livePulse 2s ease-in-out infinite;
}
.impact-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.impact-metrics div{padding:11px;border-radius:9px;background:#fff;border:1px dashed #dbeafe}.impact-metrics b{display:block;font-size:19px;color:var(--el-red);font-weight:800}.impact-metrics span{display:block;font-size:12px;color:#526584}.learning-card{margin:10px 0;padding:10px;border-radius:9px;background:var(--el-soft);border:1px dashed #dbe8f6}.learning-row{display:grid;grid-template-columns:110px 1fr 76px;gap:9px;align-items:center;font-size:12px;color:#536780;font-weight:700;margin:7px 0}.learning-row i{height:9px;border-radius:999px;background:#e8eef7;overflow:hidden}.learning-row i b{display:block;height:100%;width:var(--w);border-radius:999px;background:linear-gradient(90deg,#f97316,#ef4444);animation:barGrow .75s ease both}.learning-row.active i b{background:linear-gradient(90deg,#22c55e,#2563eb)}
.learning-row em{font-weight: 500;font-style:normal;text-align:right;font-size:12px}.growth-commitments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}.growth-commitments div{border:1px dashed #dbe8f6;border-radius:8px;background:#fff;padding:10px}.growth-commitments b{display:block;color:var(--el-red);font-size:18px;line-height:1;font-weight:800}.growth-commitments span{display:block;margin-top:5px;color:#526584;font-size:12px;line-height:1.35}.impact-chart{height:190px}.quality-commit,.impact-note{display:flex;gap:7px;align-items:flex-start;padding:9px;border-radius:9px;background:#fff7ed;color:#92400e;font-size:12px;line-height:1.45;margin-top:8px}.quality-commit{background:#f5fff8;color:#22734d;border:1px dashed #bdeac7}.quality-commit b{color:#1f7a3d}
/* status, tables and sections */
.mini-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.status-card{padding:12px}.status-card i{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#fff1f2;color:var(--el-red);margin-bottom:8px}.status-card b{display:block;font-size:13px}.status-card span{display:block;color:#526584;font-size:12px;line-height:1.45;margin-top:4px}.signal-table-wrap{overflow:auto}.signal-table{width:100%;border-collapse:separate;border-spacing:0}.signal-table th,.signal-table td{text-align:left;padding:11px 12px;border-bottom:1px dashed #e5edf8;font-size:12px;white-space:nowrap}.signal-table th{background:var(--el-soft);color:#536780;font-size:12px;font-weight:800}.signal-table tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-weight:800;font-size:12px}.badge.hot{background:#fff1f2;color:#e11d48}.badge.warm{background:#fff7ed;color:#ea580c}.badge.cold{background:#eff6ff;color:#2563eb}.badge.ok{background:#ecfdf5;color:#16a34a}.flow-grid,.case-grid-rebrand,.definition-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.flow-grid article{padding:14px;position:relative;overflow:hidden}.flow-grid article>b{position:absolute;right:12px;top:8px;color:#e2e8f0;font-size:26px;font-weight:800}.flow-grid i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#eff6ff;color:var(--el-blue);margin-bottom:8px}.case-grid-rebrand{grid-template-columns:repeat(3,minmax(0,1fr))}.case-card-r{padding:14px}.case-card-r>div:first-child{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.case-card-r span{font-size:10px;font-weight:800;color:var(--el-red);text-transform:uppercase;}.case-card-r b{font-size:12px;background:#eff6ff;color:var(--el-blue);padding:5px 8px;border-radius:999px}.case-card-r canvas{max-height:170px;margin:8px 0}.why-compare-new{display:grid;grid-template-columns:.95fr 1.05fr;gap:12px}.why-chart-card{padding:14px;height:300px}.why-list-new{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.why-list-new div{padding:14px}.why-list-new i{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#fff1f2;color:var(--el-red);margin-bottom:8px}.why-list-new b{display:block;font-size:13px}.why-list-new span{display:block;color:#526584;font-size:12px;line-height:1.5;margin-top:4px}.definition-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.definition-grid article{padding:14px}.definition-grid p,.flow-grid p,.case-card-r p{font-size:12px}.faq-list details{background:#fff;border:1px dashed #dbeafe;border-radius:10px;padding:12px;margin-bottom:9px}.faq-list summary{cursor:pointer;font-weight:800;color:#17233c;font-size:13px}.faq-list p{font-size:12px;color:#526584;line-height:1.55;margin:8px 0 0}.final-cta{display:grid;grid-template-columns:1fr .85fr;gap:12px;align-items:center;background:linear-gradient(135deg,#fff,#fff7ed)}
/* compact existing signup block */
.signup-copy h2{font-size:20px!important}.signup-copy p{font-size:13px}.signup-brand-top strong{font-size:14px}.auth-pill{border-radius:10px!important;font-weight:700!important}
@media (max-width:1100px){
  .faq-section-v2 .faq-list summary:after {
      right: 9px;
      top: 20px;
  }
  .signals-hero,.checkout-grid,.why-compare-new,.final-cta{grid-template-columns:1fr}.plans-grid,.mini-status,.setup-guides{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.section-card,.section-block{padding:12px}.signals-hero{grid-template-columns:1fr}.filter-grid,.audience-checks,.impact-metrics,.plans-grid,.flow-grid,.case-grid-rebrand,.why-list-new,.definition-grid,.mini-status,.setup-guides{grid-template-columns:1fr}.trial-line{align-items:flex-start;flex-direction:column}.learning-row{grid-template-columns:95px 1fr 68px}.pay-methods{grid-template-columns:1fr}.section-head.action-style-head{display:block}.section-icon{margin-bottom:9px}.plan-card{min-height:auto}
  .signals-page h1{font-size:22px!important}.signals-page h2{font-size:19px!important}}

/* v4 layout refinement: calculator is the single plan selector; connection guide lives below */
.connect-section{margin-top:12px}
.connect-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:12px;align-items:start}
.connect-layout[hidden]{display:none!important}
.trial-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 12px}
.trial-steps article{background:#fff;border:1px dashed #dbe8f6;border-radius:10px;padding:14px;display:grid;gap:7px}
.trial-steps i{width:36px;height:36px;border-radius:10px;background:#fff1f1;color:var(--el-red);display:grid;place-items:center}
.trial-steps b{font-size:13px;color:#17233c}.trial-steps span{font-size:12px;color:#526584;line-height:1.45}
.checkout-summary-card{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px dashed #ffd0d0;border-radius:10px;padding:14px;margin-bottom:12px}
.checkout-summary-card span{display:block;color:var(--el-red);font-size:10px;font-weight:700;text-transform:uppercase;}
.checkout-summary-card strong{display:block;margin-top:3px;color:#17233c;font-size:15px}
.paid-unlocked-banner{grid-column:1/-1;display:flex;align-items:center;gap:8px;background:#f5fff8;border:1px dashed #bdeac7;color:#22734d;border-radius:10px;padding:11px 12px;font-size:12px;font-weight:700}
.connect-layout .payment-card{border-color:rgba(239,68,68,.42);border-radius:10px!important}
.connect-save-btn{width:100%;margin-top:4px}
.connect-guide-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.connect-guide-panel article{background:#fff;border:1px dashed rgba(147,197,253,.72);border-radius:10px!important;padding:12px}
.connect-guide-panel h3{font-size:14px!important;font-weight:700!important;margin:0 0 6px!important}
.connect-guide-panel ol{margin:0;padding-left:18px;color:#526584;font-size:12px;line-height:1.5}
.connect-guide-panel li{margin:3px 0;font-weight:500}
.checkout-section .section-head p{font-size:12px;max-width:880px}
.signals-page h2{font-size:18px!important;font-weight:600!important;}
.signals-page h3{font-size:15px!important;font-weight:700!important}
.signals-page p,.signals-page span,.signals-page li,.signals-page input,.signals-page select,.signals-page small{font-weight:400}
.signal-filter-card,.impact-panel,.payment-card,.section-card,.section-block{    margin-top: 0px;box-shadow:none!important;border-radius:12px!important}
.signal-filter-card,.impact-panel,.payment-card,.plan-card,.status-card,.signal-table-wrap,.flow-grid article,.case-card-r,.why-chart-card,.why-list-new div,.definition-grid article,.faq-list details,.connect-guide-panel article{border-radius:10px!important}
.filter-grid select,.payment-card input,.audience-checks label,.range-row,.learning-card,.impact-metrics div,.impact-note,.badge,.guide-icon{border-radius:8px!important}
.why-css-chart{height:100%;display:grid;align-content:center;gap:12px}
.why-chart-row{display:grid;grid-template-columns:96px 1fr 94px;gap:10px;align-items:center}
.why-chart-row span{font-size:12px;font-weight:800;color:#405274}
.why-chart-row em{font-style:normal;font-size:12px;color:#64748b;text-align:right;line-height:1.25}
.why-chart-row i{position:relative;height:28px;border-radius:8px;background:#f8fbff;border:1px dashed #e5edf8;overflow:hidden}
.why-chart-row i b{position:absolute;left:0;height:9px;border-radius:999px;width:var(--w);animation:barGrow .9s ease both}
.why-chart-row i .tool{top:5px;background:linear-gradient(90deg,#94a3b8,#cbd5e1)}
.why-chart-row i .entry{bottom:5px;background:linear-gradient(90deg,var(--el-red),var(--el-green),var(--el-blue))}
.why-chart-legend{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:2px}
.why-chart-legend span{display:inline-flex;align-items:center;gap:6px;color:#526584;font-size:12px;font-weight:700}
.why-chart-legend i{width:10px;height:10px;border-radius:999px;display:inline-block}
.tool-dot{background:#94a3b8}.entry-dot{background:linear-gradient(135deg,var(--el-red),var(--el-green))}
.why-list-new div:hover,.status-card:hover,.case-card-r:hover,.definition-grid article:hover,.flow-grid article:hover{border-color:#ffc7c7;background:#fffafa}
@media (max-width:1100px){
  .connect-layout{grid-template-columns:1fr}
}
@media (max-width:720px){
  .hero-plans-grid,.connect-guide-panel{grid-template-columns:1fr}
  .growth-commitments{grid-template-columns:1fr}
  .why-chart-row{grid-template-columns:1fr;gap:5px}
  .why-chart-row em{text-align:left}
  .checkout-summary-card{align-items:stretch;flex-direction:column}
  .checkout-summary-card .btn{width:100%}
}

.checkout-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:18px}
.checkout-modal.is-open{display:flex}
.checkout-backdrop{position:absolute;inset:0;background:rgba(16,24,40,.48);backdrop-filter:blur(8px)}
.checkout-dialog{position:relative;width:min(560px,100%);max-height:calc(100vh - 36px);overflow:auto;background:linear-gradient(135deg,#fff 0%,#fff8f8 58%,#f4fff8 100%);border:1px dashed #ffd0d0;border-radius:12px;padding:16px}
.checkout-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:1px dashed #ffd0d0;border-radius:9px;background:#fff;color:var(--el-red);cursor:pointer}
.checkout-modal-copy{background:rgba(255,255,255,.78);border:1px dashed #e1ebf6;border-radius:10px;padding:18px}
.checkout-modal-copy>span{display:inline-flex;align-items:center;gap:7px;color:var(--el-red);font-size:10px;font-weight:800;text-transform:uppercase;margin-bottom:8px}
.checkout-modal-copy h2{font-size:22px!important;margin:0 0 8px!important}
.checkout-modal-copy p{font-size:13px;color:#526584;line-height:1.55;margin:0 0 12px}
.modal-plan-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 12px}
.modal-plan-summary div{background:#fff;border:1px dashed #dbe8f6;border-radius:8px;padding:10px}
.modal-plan-summary small{display:block;color:#60708f;font-size:10px;text-transform:uppercase;font-weight:700}
.modal-plan-summary strong{display:block;color:#17233c;font-size:14px;margin-top:3px}
.paypal-button-container{min-height:44px;margin:10px 0}
.paypal-fallback,.paypal-demo-complete{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:42px;border-radius:8px;text-decoration:none;font-size:12px;font-weight:800;margin-top:8px;cursor:pointer}
.paypal-fallback{background:#003087;color:#fff;border:0}
.paypal-demo-complete{background:#fff;color:#22734d;border:1px dashed #bdeac7}
.checkout-modal-copy small{display:block;color:#64748b;font-size:12px;line-height:1.45;margin-top:10px}
body.checkout-open{overflow:hidden}
@keyframes softPulse{0%,100%{transform:scale(1);background:#fff1f1}50%{transform:scale(1.04);background:#fff7ed}}
@keyframes livePulse{0%,100%{transform:translateY(0);background:#ecfdf5}50%{transform:translateY(-1px);background:#dcfce7}}
@keyframes barGrow{from{width:0}to{width:var(--w)}}
@media (max-width:720px){
  .modal-plan-summary{grid-template-columns:1fr}
  .checkout-dialog{padding:12px}
}

/* v6 polish: PayPal checkout, richer filters, lighter hero and globe signal */
:root{
  --paypal-blue:#003087;
  --paypal-blue2:#0070ba;
  --paypal-gold:#ffc439;
}
.signals-page h1 {
    font-weight: 600!important;
    margin: 5px 0 0px!important;
    font-size:22px!important;
}
.signals-page b,.signals-page strong{font-weight:700!important}
.signal-eyebrow b{font-weight:400!important;}

.hero-title-wrap {
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 8px;
    align-items: start;
    margin-bottom: 5px;
}

.hero-globe {
    position: relative;
    width: 46px;
    height: 46px;
    border: 1px dashed #ffcfd2;
    border-radius: 12px;
    background: linear-gradient(135deg,#fff,#fff8f8);
    display: grid;
    place-items: center;
    overflow: hidden;
    flex: none;
}
.globe-core{position:relative;z-index:3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 35%,#fff 0 18%,#ffecef 19% 40%,#fff 41% 100%);border:1px solid rgba(239,68,68,.22);animation:globeTurn 4.8s linear infinite}
.globe-core i{font-size:15px;color:var(--el-red)}
.globe-ring{position:absolute;z-index:2;border:1px solid rgba(79,186,98,.34);border-radius:50%;animation:globeSpin 5.5s linear infinite}
.ring-a{width:34px;height:14px}.ring-b{width:14px;height:34px}.ring-c{width:28px;height:28px;border-style:dashed;animation-duration:7s}
.globe-dot{position:absolute;z-index:4;width:7px;height:7px;border-radius:999px;background:var(--el-red);border:2px solid #fff}
.dot-a{left:9px;top:13px;background:var(--el-green)}.dot-b{right:8px;top:17px}.dot-c{left:20px;bottom:7px;background:var(--el-blue)}
.paypal-cta,.paypal-btn,.paypal-fallback{background:linear-gradient(135deg,var(--paypal-blue),var(--paypal-blue2))!important;color:#fff!important;border:0!important}
.card-cta,.card-fallback{background:#fff!important;color:#17233c!important;border:1px dashed #cfe2ff!important}
.checkout-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.checkout-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 8px}
.checkout-method-card{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;width:100%;min-height:56px;background:#fff!important;color:#17233c!important;border:1px dashed #dbe8f6!important;border-radius:9px!important;padding:10px!important;text-align:left}
.checkout-method-card i{font-size:18px;color:var(--paypal-blue)}
.checkout-method-card span{display:grid;gap:2px}.checkout-method-card b{font-size:12px;color:#17233c}.checkout-method-card small{font-size:12px;color:#64748b;margin:0!important}
.checkout-method-card.is-active{border-color:#9ec5ff!important;background:#f5faff!important}
.paypal-button-skeleton{height:44px;border-radius:8px;background:linear-gradient(135deg,var(--paypal-blue),var(--paypal-blue2));color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700}
.card-fallback{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:42px;border-radius:8px;text-decoration:none;font-size:12px;font-weight:700;margin-top:8px;cursor:pointer}
.paypal-fallback,.paypal-demo-complete{font-weight:700!important}
.filter-grid select{font-weight:500!important}

/* v15 trial options and mobile filter drawer */
.filter-toggle{display:none;border:1px dashed #ffd0d0;border-radius:8px;background:#fff7f7;color:var(--el-red);align-items:center;gap:7px;padding:9px 10px;font-size:12px;font-weight:700;cursor:pointer}
.filter-toggle i{width:auto!important;height:auto!important;background:transparent!important;color:inherit!important;animation:none!important}
.trial-option{border-color:#ffd0d0!important;background:#fffafa!important;color:#17233c!important}
.trial-option input{accent-color:var(--el-red)}
.device-option{display:grid!important;grid-template-columns:minmax(116px,.9fr) minmax(112px,1fr);align-items:stretch!important;min-height:40px;padding:0!important;gap:0!important;overflow:hidden}
.device-option span{display:flex;align-items:center;min-width:0;padding:0 10px;color:#526584;font-size:12px;font-weight:700;background:#f8fbff;border-right:1px dashed #e5edf8;white-space:nowrap}
.device-option select{width:100%;min-width:0;height:40px;border:0;background:#fff;color:#17233c;font-size:12px;font-weight:700;padding:0 28px 0 10px;outline:0}
.current-plan-box{display:grid;gap:10px;margin:10px 0 12px;padding:12px;border:1px dashed #bdeac7;border-radius:10px;background:linear-gradient(135deg,#f7fff9,#fff)}
.current-plan-head{display:grid;gap:3px}

.current-plan-head span {
    color: #22734d;
    font-size:10px;
    text-transform: uppercase;
    font-weight: 500;
}
.current-plan-head b{color:#17233c;font-size:16px}.current-plan-head em{font-style:normal;color:#526584;font-size:12px}
.current-plan-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.current-plan-metrics div{border:1px dashed #dbe8f6;border-radius:9px;background:#fff;padding:10px}.current-plan-metrics strong{display:block;color:#4fba62;font-size:19px;line-height:1}.current-plan-metrics span{display:block;color:#526584;font-size:12px;margin-top:4px}
.range-row input:disabled{opacity:.55;cursor:not-allowed}
.customer-header-pill,.customer-nav-pill{gap:7px!important;max-width:210px;overflow:hidden;text-overflow:ellipsis}
.customer-header-pill img,.customer-nav-pill img,.customer-header-pill span,.customer-nav-pill span{width:24px;height:24px;border-radius:999px;display:inline-grid;place-items:center;flex:none;background:#57bd63;color:#fff;font-size:12px;font-weight:800;object-fit:cover}
.customer-setup-section{display:grid;gap:14px;background:linear-gradient(115deg,#fff 0%,#fff 62%,#f5fff8 100%)!important}
.setup-paid-head{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(140px,.22fr);gap:12px;align-items:center}
.paid-user-badge{width:48px;height:48px;border-radius:14px;background:#f5fff8;border:1px dashed #bdeac7;display:grid;place-items:center;overflow:hidden}
.paid-user-badge img{width:100%;height:100%;object-fit:cover}.paid-user-badge span{font-size:18px;font-weight:800;color:#22734d}

.setup-paid-head span {
    display: block;
    color: var(--el-red);
    font-size:10px;
    text-transform: uppercase;
    font-weight: 400;
}
.setup-paid-head h2{margin:2px 0 4px!important}.paid-plan-card{border:1px dashed #bdeac7;border-radius:10px;background:#f7fff9;padding:12px;text-align:right}.paid-plan-card b{display:block;color:#22734d;font-size:18px}.paid-plan-card span{color:#22734d;text-transform:none;}
.setup-customer-email{color:#17233c;font-weight:800;text-transform:none;}
.setup-password-banner{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(360px,1.18fr);gap:12px;align-items:center;border:1px dashed #ffd0d0;border-radius:10px;background:#fffafa;padding:12px}
.setup-password-banner>div:first-child{display:flex;align-items:center;gap:9px}.setup-password-banner i{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#fff1f1;color:var(--el-red);flex:none}.setup-password-banner strong{display:block;color:#17233c;font-size:14px}.setup-password-banner span{display:block;color:#526584;font-size:12px;margin-top:2px}
.setup-password-banner.is-saved{opacity:0;transform:translateY(-6px);transition:opacity .28s ease,transform .28s ease}
.setup-password-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}.setup-password-fields label{display:grid;gap:5px;color:#526584;font-size:12px;font-weight:700}.setup-password-fields input{height:40px;border:1px dashed #dbe8f6;border-radius:8px;padding:0 12px;background:#fff;outline:0}.setup-password-save{grid-column:1/-1;justify-self:end;min-width:170px;height:40px;border:0;border-radius:9px;background:linear-gradient(135deg,#ef4444,#fb7185);color:#fff;font-weight:800;padding:0 16px;white-space:nowrap;cursor:pointer}.setup-password-fields em{grid-column:1/-1;color:#22734d;font-size:12px;font-style:normal;min-height:16px;text-align:right}
.setup-wizard-tabs{display:flex;flex-wrap:wrap;gap:8px}.setup-wizard-tabs button{border:1px dashed #ffd0d0;background:#fff;color:#526584;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:700;cursor:pointer}.setup-wizard-tabs button b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#fff1f1;color:var(--el-red);margin-right:6px}.setup-wizard-tabs button.is-active{background:var(--el-red);color:#fff;border-color:var(--el-red)}.setup-wizard-tabs button.is-active b{background:#fff;color:var(--el-red)}
.setup-wizard-grid{border:1px dashed #dbe8f6;border-radius:10px;background:#fff;padding:14px}.setup-step-panel{display:none}.setup-step-panel.is-active{display:grid;gap:12px}.setup-step-panel strong{display:flex;align-items:center;gap:8px;font-size:16px;color:#17233c}.setup-step-panel strong i{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#fff1f1;color:var(--el-red)}
.ads-platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ads-platform-grid label{cursor:pointer}.ads-platform-grid input{position:absolute;opacity:0;pointer-events:none}.ads-platform-grid span{min-height:98px;border:1px dashed #dbe8f6;border-radius:10px;background:#fff;display:grid;place-items:center;text-align:center;padding:12px;color:#526584}.ads-platform-grid i{font-size:24px;color:var(--el-red)}.ads-platform-grid b{display:block;color:#17233c}.ads-platform-grid em{font-style:normal;font-size:12px}.ads-platform-grid input:checked+span{border-color:var(--el-red);background:#fffafa}
.setup-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setup-input-grid label{display:grid;gap:6px;color:#526584;font-size:12px;font-weight:700}.setup-input-grid input{height:42px;border:1px dashed #dbe8f6;border-radius:8px;padding:0 12px;outline:0;color:#17233c}.setup-token-guide{border:1px dashed #dbe8f6;border-radius:9px;background:#f8fbff;padding:11px;color:#405274}.setup-token-guide b{display:flex;align-items:center;gap:7px;color:#17233c;font-size:13px}.setup-token-guide b i{width:24px;height:24px;border-radius:7px;background:#eff6ff;color:var(--el-blue)}.setup-token-guide ol{margin:8px 0 0;padding-left:18px;display:grid;gap:4px}.setup-token-guide li{font-size:12px;color:#405274;line-height:1.4}.setup-pixel-list{display:grid;gap:8px;border:1px dashed #dbe8f6;border-radius:10px;background:#fff;padding:11px}.customer-setup-section>.setup-pixel-list{margin-top:12px}.setup-pixel-list>strong{display:flex;align-items:center;gap:7px;color:#17233c;font-size:13px}.setup-pixel-list>strong i{color:#4fba62}.setup-pixel-list #setupPixelRows{display:grid;gap:7px}.setup-pixel-list article{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px dashed #e5edf8;border-radius:9px;padding:9px;background:#f8fbff}.setup-pixel-list article>i{width:28px;height:28px;border-radius:8px;background:#f5fff8;color:#22c55e;display:grid;place-items:center}.setup-pixel-list b{display:block;color:#17233c;font-size:12.5px}.setup-pixel-list span{display:block;color:#526584;font-size:12px;margin-top:2px}.setup-pixel-list em{font-style:normal;color:#22734d;font-size:12px;font-weight:800}.setup-pixel-list p{font-size:12px!important}.setup-code-note,.setup-verify-card{border:1px dashed #bdeac7;border-radius:9px;background:#f7fff9;color:#22734d;padding:10px;font-size:12px;line-height:1.45}.setup-verify-card{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setup-verify-card span{display:block;color:#526584;font-size:12px}.setup-verify-card b{color:#17233c}.setup-next-btn{justify-self:start;border:0;border-radius:9px;background:linear-gradient(135deg,var(--el-red),#fb7185);color:#fff;font-weight:800;padding:11px 14px;cursor:pointer}.setup-next-btn.verify{background:linear-gradient(135deg,#4fba62,#22c55e)}.setup-next-btn.is-done{background:#22734d}
@media (max-width:720px){
  .filter-title{align-items:start}
  .filter-title>i{display:none!important}
  .filter-toggle{display:inline-flex;margin-left:auto}
  .filter-grid{display:none!important;margin-top:10px}
  .filter-grid.is-open{display:grid!important}
  .audience-checks{grid-template-columns:1fr!important}
  .device-option{min-height:40px}.current-plan-metrics{grid-template-columns:1fr}
  .setup-paid-head{grid-template-columns:42px 1fr}.paid-plan-card{grid-column:1/-1;text-align:left}
  .ads-platform-grid{grid-template-columns:1fr 1fr}
  .setup-password-banner,.setup-password-fields,.setup-input-grid,.setup-verify-card,.setup-pixel-list article{grid-template-columns:1fr}

}
@keyframes globeSpin{to{transform:rotate(360deg)}}
@keyframes globeTurn{to{transform:rotate(360deg)}}
@media (max-width:720px){
  .hero-title-wrap{grid-template-columns:42px 1fr}
  .hero-globe{width:40px;height:40px}
  .checkout-actions{width:100%}
  .checkout-actions .btn{flex:1}
  .checkout-method-grid{grid-template-columns:1fr}
}

/* v7 technology block: VIP signal engine + animated global network */
.technology-section{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:14px;align-items:stretch;overflow:hidden}
.technology-section .section-head{margin-bottom:12px}
.tech-icon{background:#eff6ff!important;color:var(--el-blue)!important}
.tech-stack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.tech-stack-grid article{background:#fff;border:1px dashed #dbe8f6;border-radius:10px;padding:12px;display:grid;grid-template-columns:34px 1fr;gap:4px 10px;align-items:start;transition:transform .22s ease,border-color .22s ease,background .22s ease}
.tech-stack-grid article:hover{transform:translateY(-2px);border-color:#ffc7c7;background:#fffafa}
.tech-stack-grid i{grid-row:1/3;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#fff1f1;color:var(--el-red)}
.tech-stack-grid b{font-size:13px;color:#17233c;line-height:1.25}
.tech-stack-grid span{font-size:12px;color:#526584;line-height:1.45}
.technology-visual{position:relative;min-height:430px;border:1px dashed #dbe8f6;border-radius:12px;background:radial-gradient(circle at 50% 35%,#eff6ff 0 14%,#fff 44%,#f8fffb 100%);overflow:hidden;padding:14px;display:grid;align-content:end}
.technology-visual:before{content:"";position:absolute;inset:20px;border-radius:24px;background:linear-gradient(90deg,rgba(239,68,68,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(37,99,235,.07) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at 50% 42%,#000 0 48%,transparent 76%);animation:gridDrift 10s linear infinite}
.earth-stage{position:absolute;inset:10px 10px 108px;display:grid;place-items:center}
.earth{position:relative;width:178px;height:178px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.92) 0 6%,transparent 7%),linear-gradient(120deg,#56b8ff 0%,#1674c1 36%,#064b97 72%,#032d62 100%);border:1px solid rgba(59,130,246,.34);box-shadow:inset -28px -18px 42px rgba(0,20,70,.35)!important;animation:earthFloat 4.8s ease-in-out infinite}
.earth:before{content:"";position:absolute;inset:-12% -40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);animation:cloudSweep 7s linear infinite}
.continent{position:absolute;display:block;background:linear-gradient(135deg,#35a853,#8bc34a 56%,#caa45d);border-radius:48% 52% 58% 42%;filter:saturate(1.05)}
.c1{width:52px;height:70px;left:32px;top:34px;transform:rotate(-18deg)}
.c2{width:42px;height:50px;right:33px;top:46px;transform:rotate(20deg)}
.c3{width:56px;height:34px;left:67px;bottom:32px;transform:rotate(8deg)}
.c4{width:28px;height:42px;right:52px;bottom:28px;transform:rotate(-28deg)}
.cloud{position:absolute;display:block;height:10px;border-radius:999px;background:rgba(255,255,255,.68);filter:blur(.3px);animation:cloudMove 9s linear infinite}
.cloud-a{width:54px;left:20px;top:58px}.cloud-b{width:42px;right:20px;top:92px;animation-delay:-2s}.cloud-c{width:62px;left:62px;bottom:48px;animation-delay:-4s}
.earth-orbit{position:absolute;border:1px solid rgba(37,99,235,.2);border-radius:50%;animation:orbitSpin 8s linear infinite}
.orbit-one{width:285px;height:120px;transform:rotate(-15deg)}.orbit-two{width:330px;height:154px;transform:rotate(24deg);animation-duration:11s}.orbit-three{width:220px;height:220px;border-style:dashed;animation-duration:13s}
.network-node{position:absolute;z-index:5;width:38px;height:38px;border-radius:12px;background:#fff;border:1px dashed #bfdbfe;color:var(--el-blue);display:grid;place-items:center;animation:nodePulse 2.6s ease-in-out infinite}
.node-us{left:52px;top:82px;color:#16a34a}.node-eu{right:54px;top:72px}.node-asia{right:78px;bottom:50px;color:var(--el-red)}.node-platform{left:76px;bottom:48px;color:#1877f2}
.signal-packet{position:absolute;z-index:6;background:#fff;border:1px dashed #ffd0d0;border-radius:999px;padding:6px 9px;color:#17233c;font-size:12px;font-weight:700;animation:packetFly 5.5s ease-in-out infinite}
.packet-a{left:42px;top:166px}.packet-b{right:36px;top:158px;animation-delay:-1.8s}.packet-c{left:50%;bottom:38px;transform:translateX(-50%);animation-delay:-3.2s}
.growth-console{position:relative;z-index:8;display:grid;gap:8px;background:rgba(255,255,255,.86);border:1px dashed #dbe8f6;border-radius:10px;padding:12px;backdrop-filter:blur(8px)}
.growth-console div{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center}
.growth-console span{font-size:12px;color:#526584;font-weight:600}.growth-console b{font-size:15px;color:var(--el-red);font-weight:700}
.growth-console i{grid-column:1/3;height:8px;border-radius:999px;background:#e8eef7;overflow:hidden}
.growth-console i:before{content:"";display:block;width:var(--w);height:100%;border-radius:999px;background:linear-gradient(90deg,var(--el-green),var(--el-blue),var(--el-red));animation:barGrow .9s ease both}
@keyframes earthFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@keyframes cloudSweep{to{transform:translateX(32%)}}
@keyframes cloudMove{0%{transform:translateX(-18px)}100%{transform:translateX(28px)}}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes nodePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes packetFly{0%,100%{opacity:.78;transform:translate(0,0)}50%{opacity:1;transform:translate(22px,-12px)}}
@keyframes gridDrift{to{background-position:34px 34px}}
@media (max-width:1100px){.technology-section{grid-template-columns:1fr}.technology-visual{min-height:390px}}
@media (max-width:720px){.tech-stack-grid{grid-template-columns:1fr}.technology-visual{min-height:360px}.earth{width:140px;height:140px}.earth-stage{inset:8px 8px 96px}.network-node{width:34px;height:34px}.node-us{left:20px}.node-eu{right:24px}.node-asia{right:34px}.node-platform{left:34px}}

/* v8 richer queue, setup and workflow cards */
.checkout-section .section-head{align-items:center}
.checkout-head-action{margin-left:auto;min-width:270px;border:1px dashed #ffd0d0;border-radius:10px;background:#fff;padding:10px;display:grid;gap:8px}
.checkout-head-action strong{font-size:13px;color:#17233c;line-height:1.3}
.setup-detail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.setup-detail .status-card{background:#fff;border:1px dashed #dbe8f6;border-radius:10px;padding:13px}
.vip-signal-board{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:12px}
.vip-board-main,.vip-board-side{background:#fff;border:1px dashed #dbe8f6;border-radius:10px;padding:13px}
.vip-board-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.vip-board-top span{font-size:10px;text-transform:uppercase;color:var(--el-red);font-weight:400}
.vip-board-top strong {
    font-size: 12.8px;
    color: #5fbb63;
    font-weight: 600 !important;
}
.vip-board-top em{font-style:normal;font-size:12px;color:#526584;text-align:right}
.vip-signal-cards{display:grid;gap:9px}
.vip-signal-cards article {
    border: 1px dashed #e5edf8;
    border-radius: 10px;
    background: linear-gradient(135deg,#fff,#f8fbff);
    padding: 12px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0px 9px;
    transition: transform .22s ease,border-color .22s ease;
}.vip-signal-cards article:hover{transform:translateY(-2px);border-color:#ffc7c7}
.vip-signal-cards article div b{display:block;color:#17233c;font-size:13px}
.vip-signal-cards article div span{display:block;color:#526584;font-size:12px}
.vip-signal-cards article>strong{grid-column:2;grid-row:1/3;color:var(--el-red);font-size:20px;line-height:1}
.vip-signal-cards p{grid-column:1/3;font-size:12px;line-height:1.45;color:#405274}
.vip-signal-cards footer {
    grid-column: 1/3;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    margin-top: 5px;
}.vip-board-side{display:grid;align-content:start;gap:10px}
.vip-board-side div{display:grid;grid-template-columns:1fr auto;gap:5px 8px}
.vip-board-side span{color:#526584;font-size:12px;font-weight:500}
.vip-board-side b{color:#5fbb63;font-size:16px}
.vip-board-side i{grid-column:1/3;height:8px;border-radius:999px;background:#e8eef7;overflow:hidden}
.vip-board-side i:before{content:"";display:block;width:var(--w);height:100%;border-radius:999px;background:linear-gradient(90deg,var(--el-red),var(--el-green),var(--el-blue));animation:barGrow .85s ease both}
.flow-grid article{display:flex;flex-direction:column;min-height:238px}
.flow-grid article p{min-height:88px}
.flow-chart{margin-top:auto;border:1px dashed #dbe8f6;border-radius:9px;background:#f8fbff;padding:10px;display:grid;grid-template-columns:1fr auto;gap:6px 8px}
.flow-chart span{font-size:12px;color:#526584;font-weight:600}.flow-chart strong{font-size:17px;color:var(--el-red)}
.flow-chart em{grid-column:1/3;height:8px;border-radius:999px;background:#e8eef7;overflow:hidden}
.flow-chart em:before{content:"";display:block;width:var(--w);height:100%;border-radius:999px;background:linear-gradient(90deg,var(--el-green),var(--el-blue));animation:barGrow .85s ease both}
@media (max-width:1100px){
  .checkout-section .section-head{align-items:flex-start}
  .checkout-head-action{margin-left:0;width:100%}
  .setup-detail{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .setup-detail{grid-template-columns:1fr}
  .vip-board-top{display:grid;    gap: 1px;}
  .vip-board-top em{text-align:left}
  .vip-signal-cards article{grid-template-columns:1fr;    padding: 10px;}
  .vip-signal-cards article>strong,.vip-signal-cards p,.vip-signal-cards footer{grid-column:auto;grid-row:auto}
}

/* v9 proof, free account and case impact section */
.proof-section{background:linear-gradient(135deg,#fff,#f7fffb);overflow:hidden}
.proof-section .section-head{align-items:center}
.proof-free-cta {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg,var(--red),var(--red2));
    color: #fff;
    white-space: nowrap;
    border-radius: 12px;
    padding: 8px 15px 8px 12px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 10px 24px rgba(239,68,68,.18);
}.proof-overview{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.proof-free-card,.proof-role-card,.proof-metrics>div,.proof-case-card,.proof-difference-grid>div{border:1px dashed #dbe8f6;border-radius:10px;background:#fff;padding:15px}
.proof-free-card{background:linear-gradient(135deg,#fff,#f8fbff)}
.proof-free-card>span, .proof-case-head span {
    font-size:10px;
    text-transform: uppercase;
    color: var(--el-red);
    font-weight: 400;
}
.proof-case-card h3 {
    margin: 0px 70px 0px 0px;
    color: #17233c;
    font-size: 15px !important;
    line-height: 1.25;
    font-weight: 600 !important;
}
.proof-role-card h3{margin:0px;}

.proof-free-card h3 {
    margin: 2px 0 8px;
    color: #17233c;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 600 !important;
}
.proof-free-card ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.proof-free-card li{display:grid;grid-template-columns:18px 1fr;gap:8px;color:#405274;font-size:12.5px;line-height:1.45}
.proof-free-card li i{color:var(--el-green);margin-top:2px}
.proof-role-card{position:relative;display:grid;gap:6px;background:linear-gradient(135deg,#fff,#f9fffb)}
.proof-role-card p{margin:0;color:#405274;font-size:13px;line-height:1.55}
.proof-rating {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2px 10px;
    align-items: center;
    width: max-content;
    border: 1px dashed #ffd0d0;
    border-radius: 10px;
    background: #fff7f7;
    padding: 9px 11px;
    margin-left: -3px;
    margin-top: -3px;
}.proof-rating b{font-size:24px;color:var(--el-red);line-height:1}
.proof-rating span{color:#f59e0b;font-size:12px;white-space:nowrap}
.proof-rating em{grid-column:1/3;font-style:normal;color:#526584;font-size:12px;font-weight:400}
.proof-role-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.proof-role-steps span{display:flex;align-items:center;gap:7px;border:1px dashed #e5edf8;border-radius:9px;background:#fff;padding:9px;color:#405274;font-size:12px;font-weight:700}
.proof-role-steps i{color:var(--el-blue)}
.proof-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.proof-metrics>div{background:linear-gradient(135deg,#fff,#fbfdff)}

.proof-metrics span {
    display: block;
    font-size:10px;
    color: #526584;
    text-transform: uppercase;
    font-weight: 400;
}
.proof-metrics b{display:block;margin-top:4px;color:var(--el-red);font-size:22px;line-height:1;font-weight:700}
.proof-metrics em{display:block;margin-top:7px;color:#405274;font-style:normal;font-size:12px;line-height:1.35}
.proof-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.proof-case-card{display:flex;flex-direction:column;gap:10px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.proof-case-card:hover{transform:translateY(-3px);border-color:#ffc7c7;box-shadow:0 14px 30px rgba(30,41,59,.08)}
.proof-case-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.proof-case-head b {
    border-radius: 999px;
    background: #eff6ff;
    color: #2563eb;
    padding: 3px 8px;
    font-size: 12px;
    font-weight: 400 !important;
}.proof-result-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;border:1px dashed #e5edf8;border-radius:9px;background:#f8fbff;padding:9px}
.proof-result-row div{display:grid;gap:4px}
.proof-result-row strong{font-size:19px;color:var(--el-red);font-weight:700;line-height:1}
.proof-result-row span{font-size:12px;color:#526584;line-height:1.25}
.proof-bar-chart{position:relative;height:172px;border:1px dashed #dbe8f6;border-radius:10px;background:repeating-linear-gradient(to top,#eef3f8 0 1px,transparent 1px 32px),linear-gradient(180deg,#fff,#fbfdff);display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:10px;padding:28px 12px 12px;overflow:hidden}
.proof-bars{height:116px;display:flex;align-items:end;justify-content:center;gap:5px}
.proof-bars .bar{position:relative;width:24px;height:var(--h);border-radius:8px 8px 3px 3px;animation:proofBarRise .8s ease both;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.proof-bars .before{background:linear-gradient(180deg,#ef4444,#fb7185)}
.proof-bars .after{background:linear-gradient(180deg,#22c55e,#2563eb)}
.proof-bars .bar span{position:absolute;left:50%;top:-20px;transform:translateX(-50%);font-size:12px;color:#17233c;font-weight:700;white-space:nowrap}
.proof-bar-chart svg{position:absolute;inset:18px 16px 32px;pointer-events:none;overflow:visible}
.proof-bar-chart polyline{fill:none;stroke:#38a3f8;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px rgba(37,99,235,.18));stroke-dasharray:140;stroke-dashoffset:140;animation:proofLineDraw 1.1s ease .25s forwards}
.proof-chart-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.proof-chart-labels span{text-align:center;font-size:12px;color:#526584;font-weight:500}
.proof-case-card p{margin:0;color:#405274;font-size:12.5px;line-height:1.45}
.proof-difference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.proof-difference-grid>div {
    display: grid;
    gap: 3px;
    padding: 10px;
    background: #fff;
}.proof-difference-grid i{width:34px;height:34px;border-radius:9px;background:#fff1f1;color:var(--el-red);display:grid;place-items:center}
.proof-difference-grid b{color:#17233c;font-size:13px}
.proof-difference-grid span{color:#526584;font-size:12px;line-height:1.4}
@keyframes proofBarRise{from{height:0;opacity:.4}to{height:var(--h);opacity:1}}
@keyframes proofLineDraw{to{stroke-dashoffset:0}}
@media (max-width:1100px){
  .proof-section .section-head{align-items:flex-start}
  .proof-free-cta{margin-left:0}
}
@media (max-width:720px){
  .proof-overview,.proof-role-steps,.proof-metrics,.proof-difference-grid{grid-template-columns:1fr}
  .proof-result-row{grid-template-columns:1fr}
  .proof-bar-chart{height:158px;gap:6px;padding-left:8px;padding-right:8px}
  .proof-bars .bar{width:18px}
  .proof-bars .bar span{font-size:12px}
}

/* v10 richer FAQ and clearer merged proof story */
.faq-section-v2{background:linear-gradient(135deg,#fff,#f8fffb)}
.faq-section-v2 .section-head{align-items:center}
.faq-intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.faq-intro-grid article{border:1px dashed #dbe8f6;border-radius:10px;background:#fff;padding:13px;display:grid;grid-template-columns:36px 1fr;gap:4px 10px;align-items:start}
.faq-intro-grid i{grid-row:1/3;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#fff1f1;color:var(--el-red)}
.faq-intro-grid b{color:#17233c;font-size:13px;line-height:1.25}
.faq-intro-grid span{color:#526584;font-size:12px;line-height:1.42}
.faq-section-v2 .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.faq-section-v2 .faq-list details{position:relative;margin:0;padding:0;background:#fff;border:1px dashed #dbe8f6;border-radius:10px;overflow:hidden;transition:border-color .22s ease,background .22s ease,transform .22s ease}
.faq-section-v2 .faq-list details:hover{transform:translateY(-2px);border-color:#ffc7c7;background:#fffafa}
.faq-section-v2 .faq-list details[open]{border-color:#bdeac7;background:linear-gradient(135deg,#fff,#f8fffb)}
.faq-section-v2 .faq-list summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:13px 42px 13px 13px;color:#17233c;font-size:13px;font-weight:700;cursor:pointer}
.faq-section-v2 .faq-list summary::-webkit-details-marker{display:none}
.faq-section-v2 .faq-list summary span{width:28px;height:28px;border-radius:8px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-size:12px;font-weight:700}

.faq-section-v2 .faq-list summary:after {
    content: "+";
    position: absolute;
    right: 9px;
    top: 22px;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: #fff1f1;
    color: var(--el-red);
    display: grid;
    place-items: center;
    font-weight: 700;
}
.faq-section-v2 .faq-list details[open] summary:after{content:"-";background:#ecfdf5;color:#16a34a}
.faq-section-v2 .faq-list p{margin:0;padding:0 13px 14px 50px;color:#405274;font-size:12.5px;line-height:1.55}
.faq-bottom-note{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:12px;border:1px dashed #bdeac7;border-radius:10px;background:#f5fff8;color:#22734d}
.faq-bottom-note i{margin-top:2px;color:#16a34a}
.faq-bottom-note span{font-size:12.5px;line-height:1.45}
.faq-bottom-note b{color:#1f7a3d}
@media (max-width:1100px){
  .faq-intro-grid,.faq-section-v2 .faq-list{grid-template-columns:1fr}
  .faq-section-v2 .section-head{align-items:flex-start}
}
@media (max-width:720px){
  .faq-intro-grid article{grid-template-columns:32px 1fr}
  .faq-intro-grid i{width:32px;height:32px}
  .faq-section-v2 .faq-list summary{padding-right:38px}
  .faq-section-v2 .faq-list p{padding-left:13px}
}

/* v11 direct checkout and VIP inventory hero stats */
.hero-vip-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 12px}
.signals-copy,.signal-filter-card,.trial-line,.direct-pay-actions{min-width:0;box-sizing:border-box}

.hero-vip-stats article {
    position: relative;
    overflow: hidden;
    border: 1px dashed #dbe8f6;
    border-radius: 10px;
    background: #fff;
    padding: 10px;
    min-height: 92px;
    min-width: 0;
    box-sizing: border-box;
}
.hero-vip-stats span {
    display: block;
    color: #526584;
    font-size:10px;
    text-transform: uppercase;
    font-weight: 500;
}.hero-vip-stats b{display:block;margin-top:5px;color:var(--el-red);font-size:20px;line-height:1;font-weight:800 !important}
.hero-vip-stats em{display:block;margin-top:5px;color:#405274;font-size:12px;line-height:1.35;font-style:normal}
.impact-filter-context {
    display: grid;
    gap: 6px;
    margin: 9px 0 10px;
    grid-template-columns: 1fr 1fr 1fr;
}.impact-filter-context span{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 9px;border:1px dashed #dbe8f6;border-radius:999px;background:#f8fbff;color:#405274;font-size:12px;font-weight:700;line-height:1.2}
.impact-filter-context i{color:var(--el-blue);font-size:12px}
.impact-filter-context b{min-width:0;color:#17233c;font-size:12px;font-weight:500 !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.direct-pay-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:100%}
.direct-pay-actions .btn,.checkout-actions .btn{min-height:38px;white-space:nowrap;box-sizing:border-box}
.direct-pay-actions .card-cta,.checkout-actions .card-cta{padding-left:12px;padding-right:12px}
.checkout-section .checkout-head-action{min-width:320px}
.checkout-head-action strong{line-height:1.35}
.paypal-cta[href*="paypal.com"],.card-cta[href*="paypal.com"]{cursor:pointer}
.card-cta i{color:#17233c}
@media (max-width:1100px){
  .checkout-section .checkout-head-action{min-width:0}
  .impact-metrics {
      grid-template-columns: repeat(4,minmax(0,1fr));
  }
  .tech-stack-grid {
      grid-template-columns: repeat(3,minmax(0,1fr));
  }
}
@media (max-width:720px){
  .hero-vip-stats{grid-template-columns:1fr 1fr}
  .hero-vip-stats article{min-height:86px;padding:9px}
  .hero-vip-stats b{font-size:18px}
  .impact-filter-context span{width:100%;border-radius:8px}
  .trial-line{width:100%}
  .direct-pay-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(78px,.55fr)}
  .direct-pay-actions .btn{width:100%;min-width:0}
}

/* v12 percent chart, earth visual fit and FAQ accordion polish */
.impact-chart-note{display:flex;align-items:flex-start;gap:7px;margin-top:8px;padding:9px;border:1px dashed #dbe8f6;border-radius:9px;background:#f8fbff;color:#405274;font-size:12px;line-height:1.4}
.impact-chart-note i{color:var(--el-blue);margin-top:2px}
.technology-visual{padding:18px!important;overflow:hidden}
.technology-visual:before{inset:24px!important;z-index:0}
.earth-stage{inset:18px 24px 128px!important;z-index:2}
.earth{width:160px!important;height:160px!important}
.earth{contain:paint;overflow:hidden!important;transform:translateZ(0)}
.earth .continent,.earth .cloud{max-width:70px}
.earth-orbit{z-index:1}
.orbit-one{width:250px!important;height:108px!important}.orbit-two{width:285px!important;height:136px!important}.orbit-three{width:198px!important;height:198px!important}
.network-node{z-index:6;width:34px!important;height:34px!important;border-radius:10px!important}
.node-us{left:44px!important;top:72px!important}.node-eu{right:46px!important;top:70px!important}.node-asia{right:62px!important;bottom:48px!important}.node-platform{left:64px!important;bottom:48px!important}
.signal-packet{z-index:7;font-size:12px!important;padding:5px 8px!important}
.packet-a{left:48px!important;top:156px!important}.packet-b{right:45px!important;top:152px!important}.packet-c{bottom:34px!important}
.growth-console{z-index:9;margin-top:8px}
.faq-section-v2{position:relative;overflow:hidden}
.faq-section-v2:before{content:"";position:absolute;right:18px;top:18px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.11),transparent 70%);pointer-events:none}
.faq-section-v2 .section-head,.faq-intro-grid,.faq-section-v2 .faq-list,.faq-bottom-note{position:relative;z-index:2}
.faq-intro-grid article{background:linear-gradient(135deg,#fff,#f9fbff);transition:transform .22s ease,border-color .22s ease}
.faq-intro-grid article:hover{transform:translateY(-2px);border-color:#ffc7c7}
.faq-section-v2 .faq-list details{min-height:58px}
.faq-section-v2 .faq-list details[open]{box-shadow:0 14px 32px rgba(30,41,59,.06)!important}
.faq-section-v2 .faq-list details[open]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--el-green),var(--el-blue))}
.faq-section-v2 .faq-list details[open] summary span{background:#ecfdf5;color:#16a34a}
.faq-section-v2 .faq-list summary{min-height:58px}
.faq-section-v2 .faq-list p {
    max-width: 92%;
    margin-top: -19px;
}
@media (max-width:720px){
  .technology-visual{min-height:390px!important}
  .earth-stage{inset:14px 18px 124px!important}
  .earth{width:132px!important;height:132px!important}
  .orbit-one{width:210px!important;height:92px!important}.orbit-two{width:238px!important;height:118px!important}.orbit-three{width:168px!important;height:168px!important}
  .node-us{left:24px!important;top:66px!important}.node-eu{right:26px!important;top:62px!important}.node-asia{right:34px!important;bottom:44px!important}.node-platform{left:34px!important;bottom:44px!important}
  .packet-a{left:24px!important;top:146px!important}.packet-b{right:24px!important;top:140px!important}
  .faq-section-v2 .faq-list p{max-width:none}
}

/* v14 single growth case study */
.single-growth-case{display:grid;grid-template-columns:minmax(0,.92fr) minmax(390px,1.18fr);gap:12px;margin-top:12px}
.growth-case-story,.growth-case-visual{border:1px dashed #dbe8f6;border-radius:10px;background:#fff;padding:15px}
.growth-case-story{background:linear-gradient(135deg,#fff,#f8fbff)}
.growth-case-story h3{margin:8px 0;color:#17233c;font-size:20px;line-height:1.25;font-weight:700}
.growth-case-lead{font-size:13px;color:#405274;line-height:1.55;margin:0 0 12px}
.growth-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0}
.growth-kpi-grid div {
    position: relative;
    overflow: hidden;
    border: 1px dashed #e5edf8;
    border-radius: 10px;
    background: #fff;
    padding: 9px;
    display: grid;
    gap: 0px;
}
.growth-kpi-grid div:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
    border-radius: 0px 0px 0px 999px;
    background: linear-gradient(45deg, #bcf8c147, transparent);
}
.growth-kpi-grid i {
    margin-bottom: 5px;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    background: #beffc1;
    color: #36a931;
}.growth-kpi-grid strong {
    font-size: 18px;
    color: #57aa33;
    line-height: 1;
    font-weight: 700;
}.growth-kpi-grid span {
    font-size: 12px;
    color: #17233c;
    font-weight: 600;
    line-height: 1.2;
    margin-top: 2px;
}
.growth-kpi-grid em{font-style:normal;font-size:12px;color:#526584}
.growth-timeline{display:grid;gap:8px;margin-top:10px}
.growth-timeline div {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 5px;
    align-items: start;
    border: 1px dashed #e5edf8;
    border-radius: 9px;
    padding: 9px;
    background: #fff;
}.growth-timeline b{color:#57aa33;font-size:12px}
.growth-timeline span{color:#526584;font-size:12px;line-height:1.42}
.growth-case-visual{background:linear-gradient(135deg,#fff,#f7fffb)}
.growth-visual-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}

.growth-visual-head span {
    font-size:10px;
    color: var(--el-red);
    text-transform: uppercase;
    font-weight: 400;
}
.growth-visual-head b{max-width:330px;text-align:right;color:#17233c;font-size:12px;line-height:1.3}
.growth-bars{display:grid;gap:9px}

.growth-bar-row {
    display: grid;
    grid-template-columns: 58px 1fr 130px;
    gap: 10px;
    align-items: center;
}
.growth-bar-row span{font-size:12px;color:#405274;font-weight:500}
.growth-bar-row em {
    font-style: normal;
    text-align: right;
    font-size: 12px;
    color: #526584;
    font-weight: 600;
}
.growth-bar-row i {
    position: relative;
    height: 30px;
    overflow: hidden;
}.growth-bar-row i b{position:absolute;left:0;height:9px;border-radius:999px;width:var(--w);animation:barGrow .85s ease both}
.growth-bar-row .before{top:4px;background:linear-gradient(90deg,#94a3b8,#cbd5e1)}
.growth-bar-row .after{bottom:4px;background:linear-gradient(90deg,#22c55e,#2563eb)}
.growth-bar-row .danger{background:linear-gradient(90deg,#ef4444,#fb7185)}
.growth-bar-row .good{background:linear-gradient(90deg,#22c55e,#60a5fa)}
.growth-line-chart{position:relative;margin-top:14px;border:1px dashed #dbe8f6;border-radius:10px;background:linear-gradient(180deg,#fff,#fbfdff);padding:10px;height:190px}
.growth-line-chart svg{width:100%;height:142px;display:block;overflow:visible}
.growth-line-chart .grid-line{stroke:#e7edf5;stroke-width:1}
.line-before,.line-after{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420;animation:proofLineDraw 1.2s ease forwards}
.line-before{stroke:#94a3b8}.line-after{stroke:#38a3f8;animation-delay:.15s;filter:drop-shadow(0 4px 4px rgba(37,99,235,.16))}
.line-dots circle{fill:#fff;stroke:#38a3f8;stroke-width:3;animation:nodePulse 2.4s ease-in-out infinite}
.growth-chart-legend{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:4px}
.growth-chart-legend span{display:inline-flex;align-items:center;gap:6px;color:#526584;font-size:12px;font-weight:700}
.growth-chart-legend i{width:10px;height:10px;border-radius:999px;display:inline-block}.before-dot{background:#94a3b8}.after-dot{background:#38a3f8}
.growth-case-note{display:flex;gap:8px;align-items:flex-start;margin-top:10px;border:1px dashed #bdeac7;border-radius:9px;background:#f5fff8;padding:10px;color:#22734d}
.growth-case-note i{margin-top:2px;color:#16a34a}.growth-case-note span{font-size:12px;line-height:1.45}
@media (max-width:900px){.single-growth-case{grid-template-columns:1fr}.growth-visual-head b{text-align:left;max-width:none}}
@media (max-width:560px){
  .growth-kpi-grid{grid-template-columns:1fr 1fr}
  .growth-bar-row{grid-template-columns:1fr;gap:5px}
  .growth-bar-row em{text-align:left}
  .growth-line-chart{height:178px}
  .signals-page h1 {
      font-weight: 600!important;
      margin: 0px 0 0px!important;
      font-size: 16px!important;
      line-height: 1.2;
  }.hero-vip-stats em{margin-top:2px;}
  .hero-vip-stats span {
      font-size: 12px;
  }.micro-trust {
      display: grid;
      gap: 5px;
  }.impact-head em {
      display: none;
  }.payment-head span, .filter-title span, .impact-head span {
      margin-top: 0px;
  }
  .impact-metrics {
      grid-template-columns: repeat(2,minmax(0,1fr));
  }.tech-stack-grid {
      grid-template-columns: repeat(1,minmax(0,1fr));
  }.vip-signal-board {
      display: grid;
      grid-template-columns: 1fr;
      gap: 12px;
  }
  .section-card, .section-block, main, section {
      margin-top: 6px;margin-right: 0px;
  }.signal-filter-card, .impact-panel {
      padding: 10px;
  }
  .tech-stack-grid article {
      padding: 8px;
  }
  .technology-visual {
      padding: 10px!important;
  }.vip-board-main, .vip-board-side {
      background: #fff;
      border: 1px dashed #dbe8f6;
      border-radius: 10px;
      padding: 10px;
  }
  .impact-metrics b , .growth-commitments b{
      font-size: 16px;
  }.flow-grid article {
      min-height: 100px;padding: 10px;
  }.flow-grid article p {
      min-height: 20px;
      margin-bottom: 5px;
  }.signals-page h2 {
      font-size: 15px!important;
  }.signals-page p {
      font-size: 12px;
  }
  .signals-hero.section-card .signals-copy p {
      padding-left: 50px;
      
  }.flow-chart strong {
      font-size: 12.8px;
      margin-top: -3px;
  }
  .action-style-head {
      margin-bottom: 5px!important;
      grid-template-columns: 45px 1fr;
      display: grid !important;gap: 5px !important;
  }.proof-free-cta {
      grid-column: span 2;
  }
  .proof-overview {
      gap: 8px;
      margin-top: 0px;
  }.proof-free-card, .proof-role-card, .proof-metrics>div, .proof-case-card, .proof-difference-grid>div {
      padding: 10px;
  }
  .proof-metrics {
      grid-template-columns: 1fr 1fr !important;
  }.proof-metrics b {
      display: block;
      margin-top: 5px;
      font-size: 19px;
  }
  .proof-metrics span {
      font-size: 12px;
  }.growth-case-story, .growth-case-visual {
      padding: 10px;
  }
  .learning-row em {
      font-style: normal;
      text-align: right;
      font-size: 12px;
      font-weight: 400;
  }.signals-page small, .signals-page li {
      font-size: 12px;
      font-weight: 400;
  }.vip-board-side b {
      color: #5fbb63;
      font-size: 13.8px;
  }.growth-console b {
      font-size: 12px;
  }.faq-intro-grid {
      margin: 0px 0;
  }section#vip-list , section#how-it-works , section#faq{
      gap: 0px;
  }.faq-list {
      margin-top: 10px;
  }.faq-section-v2 .faq-list p {
      margin-top: -10px;
      padding: 0px 13px 6px 13px;
  }.faq-section-v2 .faq-list summary {
      padding: 10px 38px 10px 10px;
      color: #17233c;
      font-size: 12.8px;
      font-weight: 500;
  }.signals-page {
      gap: 5px;
  }.vip-signal-cards footer span.badge {
      font-size: 12px;
  }.direct-pay-actions {
      grid-template-columns: 1fr;
  }
}

@media (max-width:580px){
  .rebrand-home .page-shell{width:calc(100% - 16px)!important;max-width:100%!important}
  .signals-page{width:100%!important;gap:8px!important}
  .signals-hero.section-card{width:100%!important;padding:10px!important;gap:10px!important}
  .signals-copy,.impact-panel,.signal-filter-card{width:100%!important;max-width:100%!important;min-width:0!important}
  .signals-hero.section-card .signals-copy p,.hero-lead,.setup-paid-head p,.setup-step-panel p{padding-left:0!important}
  .impact-filter-context{grid-template-columns:1fr 1fr!important;gap:5px!important}
  .impact-filter-context span{min-width:0!important;width:auto!important;box-sizing:border-box!important;padding:6px 7px!important}
  .direct-pay-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .direct-pay-actions .btn{width:100%!important;min-width:0!important;min-height:42px!important}
  .micro-trust{display:grid!important;grid-template-columns:1fr!important}
  .micro-trust span{width:100%!important;box-sizing:border-box!important}
  .setup-wizard-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
  .setup-wizard-tabs button{min-width:0!important;padding:7px 4px!important;font-size:12px!important;white-space:nowrap!important}
  .ads-platform-grid {
      grid-template-columns: 1fr 1fr !important;
  }
}