/* Homepage polish layer: loaded last on index.html so it wins over earlier inline overrides. */
:root{--accent:linear-gradient(135deg,#6fd6ff 0%,#3a9cf0 100%);--accent-glow:0 10px 30px rgba(58,156,240,.35)}

/* Primary calls to action: bright, high-contrast, consistent */
.button,.site-shared-header .navcta{background:var(--accent);color:#04162a;border:1px solid rgba(160,225,255,.6);box-shadow:var(--accent-glow);font-weight:700}
.button:hover,.site-shared-header .navcta:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(58,156,240,.48)}
.site-shared-header .brand{color:#eaf4fb!important}
.site-shared-header .navlinks a{position:relative}
.site-shared-header .navlinks a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:#5ccafa;transform:scaleX(0);transition:transform .25s}
.site-shared-header .navlinks a:hover:after{transform:scaleX(1)}

/* Hero */
.hero-video-section{height:auto;min-height:calc(100dvh - 76px - 78px);padding:64px 0 72px}
.hero-video{opacity:.8}
.hero-video-section:after{background:radial-gradient(ellipse 60% 70% at 78% 45%,rgba(49,143,230,.18),transparent 70%),linear-gradient(90deg,rgba(7,21,40,.88) 0%,rgba(7,21,40,.62) 48%,rgba(7,21,40,.3) 100%)}
.hero-video-section .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:64px}
.hero-copy h1{margin:20px 0 16px;font-size:clamp(3rem,5vw,5rem)}
.hero-copy .hero-tagline{margin:0 0 18px}
.hero-copy .lead{max-width:570px;margin-bottom:0}
.hero-copy .hero-actions{margin:30px 0 26px}
.hero-proof{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.hero-proof li{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid #2c4c69;border-radius:99px;background:rgba(16,39,68,.7);color:#bcd3e4;font-size:.8rem}
.hero-proof li:before{content:"";width:6px;height:6px;border-radius:50%;background:#5ccafa;box-shadow:0 0 8px #5ccafa}
.hero-proof li:first-child{border-color:#3f8fbf;color:#e6f6ff}

.hero-card{position:relative;margin:0;border:1px solid #3b6487;border-radius:20px;background:linear-gradient(160deg,rgba(24,56,90,.82),rgba(10,28,48,.88));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 40px 100px rgba(0,0,0,.45),0 0 90px rgba(49,143,230,.2);overflow:hidden;animation:card-float 7s ease-in-out infinite}
.hero-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#7fd8ff,transparent)}
.hero-card-top{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #284867;color:#cfe0ec;font-size:.84rem}
.hero-card-top .dots{display:flex;gap:5px}.hero-card-top .dots i{width:8px;height:8px;border-radius:50%;background:#4d6c88}
.hero-card-top .chip{margin-left:auto}
.hero-card-body{padding:24px 24px 22px}
.hero-score{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.hero-score small{display:block;color:#9fb8cc;font-size:.8rem;letter-spacing:.04em}
.hero-score b{display:block;font:700 clamp(3.4rem,6vw,4.6rem)/1 'Space Grotesk',sans-serif;letter-spacing:-.05em;background:linear-gradient(95deg,#7fd8ff,#e7f4fb);-webkit-background-clip:text;background-clip:text;color:transparent}
.delta{padding:6px 11px;border-radius:99px;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.4);color:#6ee7b7;font-size:.8rem;font-weight:700;white-space:nowrap}
.hero-card-note{margin:8px 0 18px;color:#9fb8cc;font-size:.86rem}
.stack{display:flex;height:12px;border-radius:99px;overflow:hidden;background:#173552;gap:2px}
.stack i{display:block;height:100%}
.s-inv{background:#3d5671}.s-dis{background:#f5b94a}.s-rec{background:linear-gradient(90deg,#3a9cf0,#6fd6ff);box-shadow:0 0 14px rgba(92,202,250,.6)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.hero-stats>div{padding:12px;border:1px solid #2a4b68;border-radius:11px;background:rgba(14,36,60,.8)}
.hero-stats .k{display:flex;align-items:center;gap:6px;color:#9fb8cc;font-size:.72rem}
.hero-stats .k:before{content:"";width:7px;height:7px;border-radius:50%}
.k-inv:before{background:#6d87a1}.k-dis:before{background:#f5b94a}.k-rec:before{background:#5ccafa}
.hero-stats b{display:block;margin-top:4px;color:#f2f9fd;font:600 1.15rem 'Space Grotesk',sans-serif}
.hero-evidence{display:flex;gap:12px;align-items:center;margin-top:16px;padding:12px 14px;border-radius:10px;background:#143a5a;color:#c3dcec;font-size:.82rem;line-height:1.45}
.hero-evidence b{color:#fff}
.hero-card figcaption{padding:12px 24px 14px;border-top:1px solid #284867;font-size:.78rem}
.hero-card figcaption a{color:#8fd9fb}.hero-card figcaption a:hover{color:#fff}
@keyframes card-float{50%{transform:translateY(-8px)}}

/* Visibility ladder band */
.band{background:linear-gradient(90deg,#0b1f37,#0f2a48 50%,#0b1f37)}
.band .band-steps{gap:22px}
.band .band-steps span{width:auto;height:auto;background:none;color:#4f7898;font-size:1.1rem}
.band .band-steps b{font-size:1.1rem}
.band .b-inv{color:#7f98ae}.band .b-dis{color:#f5c46b}.band .b-rec{color:#6fd6ff}.band .b-prove{color:#fff}

/* How it works: keep the intro beside the steps while they scroll */
#how-it-works .split{align-items:start}
#how-it-works .eyebrow{color:#2378b6}#how-it-works .eyebrow:before{background:#2378b6}
#how-it-works .split>.reveal{position:sticky;top:120px}
#how-it-works .step{background:#fff;border-color:#d4e2ee;box-shadow:0 8px 24px rgba(16,36,59,.06)}
#how-it-works .step:hover{border-color:#5aaee0;box-shadow:0 14px 32px rgba(16,36,59,.1)}
#how-it-works .step b{color:#0b2d4d}
#how-it-works .steps .step p{color:#5b748b!important}
#how-it-works .step .number{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eaf5fd;color:#1876bd;font-size:.9rem}
#how-it-works .step strong{color:#b45309}

/* Cards: a crisp accent on hover */
.feature,.action-plan-card{position:relative;overflow:hidden}
.feature:before,.action-plan-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.feature:hover:before,.action-plan-card:hover:before{transform:scaleX(1)}
.action-plan-card{transition:transform .25s,box-shadow .25s}
.action-plan-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(16,36,59,.12)}

/* Pricing */
.pricing-block{border-radius:16px}
.pricing-heading{padding:22px 24px}
.pricing-table th,.pricing-table td{padding:14px 24px;font-size:.84rem}
.pricing-table tbody tr:hover{background:#f6fafd}
.pricing-table strong{font-size:1.3rem}
.pricing-cta{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:34px;padding:34px 24px;border-radius:18px;background:radial-gradient(ellipse at 50% 0,rgba(92,202,250,.25),transparent 65%),linear-gradient(135deg,#0d2a47,#123a60);text-align:center}
.pricing-cta .pricing-slogan{margin:0;color:#fff;font-size:clamp(1.5rem,2.6vw,2.2rem);letter-spacing:-.03em}

/* FAQ */
.faq-item{transition:border-color .2s,box-shadow .2s}
.faq-item:hover,.faq-item[open]{border-color:#7fb8de;box-shadow:0 10px 26px rgba(16,36,59,.07)}

/* Closing call to action: a strong dark finish */
.closing{padding:110px 0;background:radial-gradient(ellipse 70% 90% at 50% 110%,rgba(49,143,230,.45),transparent 60%),linear-gradient(180deg,#0a1e36,#071528);border-top:1px solid #1d3953}
.closing h2{color:#fff}
.closing p{color:#b8cbd9}
.closing .eyebrow{color:#8dcdf5}.closing .eyebrow:before{background:#8dcdf5}
.closing .button{padding:15px 28px;font-size:1.05rem}

/* Footer: the brand name was dark-on-dark */
.site-shared-footer .site-footer-brand{color:#e6f1f8!important}

@media(max-width:900px){
  .hero-video-section{min-height:0;padding:56px 0 64px}
  .hero-video-section .hero-grid{grid-template-columns:1fr;gap:44px}
  .hero-card{max-width:560px;animation:none}
  #how-it-works .split>.reveal{position:static}
}
@media(max-width:650px){
  .hero-copy h1{font-size:clamp(2.7rem,12vw,3.6rem)}
  .hero-card-body{padding:18px}
  .hero-stats{gap:6px}.hero-stats>div{padding:9px 8px}.hero-stats b{font-size:.98rem}
  .band .band-steps{gap:8px 12px}
  .band .band-steps b{font-size:.95rem}
  .pricing-table th,.pricing-table td{padding:10px 12px;font-size:.72rem}
  .whatsapp-float{width:50px!important;height:50px!important;right:16px!important;bottom:16px!important}
}
@media(prefers-reduced-motion:reduce){.hero-card{animation:none}}

/* Desktop: hero + ladder band always fit in the first screen (header 77px incl. border + band 78px) */
@media(min-width:901px){
  .hero-video-section{height:calc(100svh - 77px - 78px);min-height:440px;padding:clamp(12px,4vh,56px) 0}
  .hero-copy h1{font-size:clamp(2.6rem,min(5vw,8.4vh),5rem);margin:clamp(10px,2vh,20px) 0 clamp(8px,1.6vh,16px)}
  .hero-copy .hero-tagline{margin-bottom:clamp(8px,1.8vh,18px)}
  .hero-copy .hero-actions{margin:clamp(14px,3vh,30px) 0 clamp(12px,2.6vh,26px)}
  .band{padding:0;height:78px;display:flex;align-items:center}
}
@media(min-width:901px) and (max-height:820px){
  .hero-copy .lead{font-size:1rem;line-height:1.6}
  .hero-card-body{padding:18px 20px 16px}
  .hero-score b{font-size:3.2rem}
  .hero-card-note{margin:4px 0 12px}
  .hero-stats{margin-top:12px}
  .hero-evidence{display:none}
}
@media(min-width:901px) and (max-height:700px){
  .hero-proof li:nth-child(n+3){display:none}
  .hero-card figcaption{display:none}
  .hero-card-top{padding:10px 18px}
  .hero-score b{font-size:2.7rem}
}