/*
 * VA20Four7 v8.0 — Secure-inspired, light premium direction
 * Keeps the product-led hierarchy and technical clarity, but replaces the
 * graphite-heavy palette with warm white, mist blue, soft lavender and ink.
 */
:root{
  --v8-bg:#fbfcfe;
  --v8-bg-soft:#f5f7fb;
  --v8-panel:#ffffff;
  --v8-panel-blue:#f0f6ff;
  --v8-panel-violet:#f6f2ff;
  --v8-panel-mint:#effaf7;
  --v8-ink:#152033;
  --v8-copy:#59667a;
  --v8-muted:#7f8a9a;
  --v8-line:#e1e7ef;
  --v8-line-strong:#d4dce8;
  --v8-blue:#4977f3;
  --v8-cyan:#56b9da;
  --v8-violet:#8568d8;
  --v8-mint:#49a98c;
  --v8-shadow:0 20px 55px rgba(38,58,92,.09);
  --v8-shadow-lg:0 34px 90px rgba(38,58,92,.12);
}

html{background:var(--v8-bg)}
body{background:var(--v8-bg)!important;color:var(--v8-ink)!important}
::selection{background:#dce8ff;color:#17213a}
.wrap{width:min(calc(100% - 56px),1320px)}

/* Lighter chrome */
.va247-secure-ticker{background:#f4f7fb!important;border-bottom:1px solid var(--v8-line)!important;color:#657287!important}
.va247-secure-ticker b{color:var(--v8-blue)!important}
.site-nav{background:rgba(255,255,255,.9)!important;border-bottom:1px solid rgba(214,222,234,.88)!important;box-shadow:0 8px 30px rgba(34,54,83,.045)!important}
.brand-word,.nav-menu>a,.nav-service-trigger{color:var(--v8-ink)!important;-webkit-text-fill-color:var(--v8-ink)!important}
.nav-menu>a:hover,.nav-service-trigger:hover{color:var(--v8-blue)!important;-webkit-text-fill-color:var(--v8-blue)!important}
.nav-actions .btn{background:var(--v8-ink)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:var(--v8-ink)!important}
.nav-actions .btn span{color:#fff!important;-webkit-text-fill-color:#fff!important}
.burger span{background:var(--v8-ink)!important}
.mobile-panel{background:rgba(255,255,255,.98)!important}

/* Hero: product-led, but airy */
.page-hero.home-hero{background:
  radial-gradient(circle at 78% 17%,rgba(86,185,218,.16),transparent 25%),
  radial-gradient(circle at 89% 68%,rgba(133,104,216,.11),transparent 28%),
  linear-gradient(180deg,#fbfdff 0%,#f6f8fc 100%)!important;
  border-bottom:1px solid var(--v8-line)!important}
.home-hero .hero-mesh{opacity:.78!important;background:
  linear-gradient(rgba(68,91,130,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(68,91,130,.045) 1px,transparent 1px)!important;
  background-size:64px 64px!important;mask-image:linear-gradient(to bottom,#000 0%,transparent 96%)}
.home-hero .inner-hero{min-height:730px;grid-template-columns:minmax(0,.94fr) minmax(500px,1.06fr);gap:76px;padding:86px 0 96px}
.home-hero .hero-copy .eyebrow{background:#fff!important;border:1px solid var(--v8-line)!important;color:#66758b!important;-webkit-text-fill-color:#66758b!important;box-shadow:0 10px 28px rgba(38,58,92,.04)!important}
.home-hero .hero-copy .eyebrow:before{background:var(--v8-mint)!important;box-shadow:0 0 0 4px rgba(73,169,140,.11)!important}
.home-hero .hero-copy h1{color:var(--v8-ink)!important;-webkit-text-fill-color:var(--v8-ink)!important}
.home-hero .hero-copy h1 em{color:var(--v8-blue)!important;-webkit-text-fill-color:var(--v8-blue)!important}
.home-hero .hero-copy>p{color:var(--v8-copy)!important;-webkit-text-fill-color:var(--v8-copy)!important}
.home-hero .hero-primary-cta{background:var(--v8-ink)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:var(--v8-ink)!important;box-shadow:0 14px 34px rgba(21,32,51,.14)!important}
.home-hero .hero-primary-cta span{color:#fff!important;-webkit-text-fill-color:#fff!important}
.home-hero .hero-secondary-cta{background:rgba(255,255,255,.82)!important;color:var(--v8-ink)!important;-webkit-text-fill-color:var(--v8-ink)!important;border-color:var(--v8-line-strong)!important;box-shadow:none!important}
.home-hero .hero-trust-rail span{color:#6f7b8e!important;-webkit-text-fill-color:#6f7b8e!important}
.home-hero .hero-trust-rail span:before{background:var(--v8-mint)!important;box-shadow:none!important}

.home-hero .hero-visual-system{padding:16px;border:1px solid rgba(201,212,228,.9);border-radius:30px;background:rgba(255,255,255,.72);box-shadow:var(--v8-shadow-lg);backdrop-filter:blur(16px)}
.home-hero .hero-command-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 4px 14px;color:#66758a;font-size:10px;text-transform:uppercase;letter-spacing:.09em}
.home-hero .hero-command-brand,.home-hero .hero-command-status{display:flex;align-items:center;gap:9px}
.home-hero .hero-command-brand b{font-weight:700;color:#44536b}
.home-hero .hero-command-dot{width:7px;height:7px;border-radius:99px;background:var(--v8-mint);box-shadow:0 0 0 4px rgba(73,169,140,.1)}
.home-hero .hero-command-status span{padding:5px 8px;border:1px solid var(--v8-line);border-radius:999px;background:#fff;color:#758196!important;-webkit-text-fill-color:#758196!important}
.home-hero .editorial-visual-frame{padding:18px!important;border-radius:22px!important;background:linear-gradient(145deg,#f4f8fc,#ffffff)!important;border:1px solid var(--v8-line)!important;box-shadow:none!important}
.home-hero .editorial-visual-frame:before{color:#708096!important}
.home-hero .editorial-visual-frame:after{background:linear-gradient(115deg,transparent,rgba(86,185,218,.075),transparent)!important}
.home-hero .va247-scene{filter:saturate(.72) brightness(1.04)!important}
.home-hero .hero-workflow-card{margin:-26px 16px 0!important;background:rgba(255,255,255,.95)!important;border:1px solid var(--v8-line)!important;box-shadow:0 18px 42px rgba(49,69,102,.10)!important;color:var(--v8-ink)!important;-webkit-text-fill-color:var(--v8-ink)!important}
.home-hero .hero-workflow-card *{color:inherit!important;-webkit-text-fill-color:inherit!important}
.home-hero .hero-workflow-card small,.home-hero .hero-workflow-card span{color:#738096!important;-webkit-text-fill-color:#738096!important}
.home-hero .hero-workflow-label>span{background:var(--v8-mint)!important;box-shadow:none!important}
.home-hero .hero-signal-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 0;padding:0}
.home-hero .hero-signal-row>div{padding:12px 13px;border:1px solid var(--v8-line);border-radius:12px;background:rgba(249,251,254,.9)}
.home-hero .hero-signal-row small{display:block;margin-bottom:3px;color:#8590a1;font-size:9px;text-transform:uppercase;letter-spacing:.11em}
.home-hero .hero-signal-row strong{display:block;color:#344157;font-size:11px;font-weight:650}

/* Proof strip becomes a floating metrics rail rather than a dark chapter */
.proof-strip{background:#fff!important;border-top:0!important;border-bottom:1px solid var(--v8-line)!important}
.proof-grid{background:#fff!important;box-shadow:none!important}
.proof-grid>div{background:#fff!important;border-color:var(--v8-line)!important}
.proof-grid b{color:var(--v8-ink)!important;-webkit-text-fill-color:var(--v8-ink)!important}
.proof-grid span{color:#7b8798!important;-webkit-text-fill-color:#7b8798!important}

/* Global chapter rhythm */
.section{padding:104px 0}
.section:nth-of-type(even){background:transparent}
.client-proof-section,.services-directory,.engagement-section,.fit-section,.story-problem-section,.faq-section,.home-contact-section{background:var(--v8-bg)!important}
.pillars-section,.audit-offer-section,.platform-teaser-section,.audience-modern-section,.tone-section{background:#fff!important}
.global-proof-band,.ai-positioning-section,.ai-layer-section,.process-section,.audience-story-section,.engagement-assurance-section,.va247-dark-surface{background:var(--v8-bg-soft)!important;color:var(--v8-ink)!important;border-top:1px solid var(--v8-line)!important;border-bottom:1px solid var(--v8-line)!important}
.global-proof-band :is(h1,h2,h3,h4,strong,b),.ai-positioning-section :is(h1,h2,h3,h4,strong,b),.ai-layer-section :is(h1,h2,h3,h4,strong,b),.process-section :is(h1,h2,h3,h4,strong,b),.audience-story-section :is(h1,h2,h3,h4,strong,b),.engagement-assurance-section :is(h1,h2,h3,h4,strong,b),.va247-dark-surface :is(h1,h2,h3,h4,strong,b){color:var(--v8-ink)!important;-webkit-text-fill-color:var(--v8-ink)!important}
.global-proof-band :is(p,small,span),.ai-positioning-section :is(p,small,span),.ai-layer-section :is(p,small,span),.process-section :is(p,small,span),.audience-story-section :is(p,small,span),.engagement-assurance-section :is(p,small,span),.va247-dark-surface :is(p,small,span){color:var(--v8-copy)!important;-webkit-text-fill-color:var(--v8-copy)!important}

.eyebrow{color:#65758e!important;-webkit-text-fill-color:#65758e!important}
.eyebrow:before{background:var(--v8-blue)!important}
.section-head>p,.story-problem-copy>p,.ai-positioning-copy>p,.process-intro>p,.assurance-intro>p{color:var(--v8-copy)!important}

/* Cards */
.client-proof-card,.testimonial-card,.pillar-card,.service-showcase-card,.engagement-card,.assurance-card,.benefit-card,.resource-feature,.topic-card,.reason-card,.outcome-card,.audience-story-card,.ai-operating-model,.ai-layer-col,.process-step,.audit-offer-card,.home-contact-card{background:#fff!important;border:1px solid var(--v8-line)!important;border-radius:20px!important;box-shadow:0 14px 38px rgba(43,64,98,.055)!important;color:var(--v8-ink)!important}
.client-proof-card:hover,.pillar-card:hover,.service-showcase-card:hover,.engagement-card:hover,.audience-story-card:hover{transform:translateY(-3px);border-color:#cbd5e3!important;box-shadow:var(--v8-shadow)!important}
:is(.client-proof-card,.testimonial-card,.pillar-card,.service-showcase-card,.engagement-card,.assurance-card,.audience-story-card,.ai-operating-model,.process-step) :is(h3,h4,strong,b){color:var(--v8-ink)!important;-webkit-text-fill-color:var(--v8-ink)!important}
:is(.client-proof-card,.testimonial-card,.pillar-card,.service-showcase-card,.engagement-card,.assurance-card,.audience-story-card,.ai-operating-model,.process-step) :is(p,small,li,span){color:var(--v8-copy)!important;-webkit-text-fill-color:var(--v8-copy)!important}

/* Story/problem — make three pains read as one connected diagnosis */
.story-problem-grid{gap:70px!important;align-items:start}
.story-problem-points{position:relative;display:grid!important;gap:10px!important}
.story-problem-points:before{content:"";position:absolute;left:23px;top:30px;bottom:30px;width:1px;background:linear-gradient(var(--v8-blue),rgba(73,119,243,.08));z-index:0}
.story-problem-points article{position:relative;z-index:1;background:#fff!important;border:1px solid var(--v8-line)!important;border-radius:18px!important;padding:22px 24px!important;box-shadow:0 12px 30px rgba(43,64,98,.045)!important}
.story-problem-points article>span{background:#eef4ff!important;color:var(--v8-blue)!important;-webkit-text-fill-color:var(--v8-blue)!important;border:1px solid #d9e5fb!important}

/* Operating model */
.ai-positioning-section .ai-operating-model{padding:18px!important;background:linear-gradient(180deg,#ffffff,#f9fbfe)!important}
.ai-model-head{background:#eef4ff!important;border:1px solid #dce7f8!important;border-radius:14px!important}
.ai-model-head span{color:#52627a!important;-webkit-text-fill-color:#52627a!important}
.ai-model-head i{color:var(--v8-blue)!important}
.ai-model-grid>div,.ai-positioning-section .va247-light-surface{background:#fff!important;border:1px solid var(--v8-line)!important;color:var(--v8-ink)!important}
.ai-model-grid>div:nth-child(1){background:var(--v8-panel-blue)!important}
.ai-model-grid>div:nth-child(2){background:var(--v8-panel-violet)!important}
.ai-model-grid>div:nth-child(3){background:var(--v8-panel-mint)!important}
.ai-model-note{background:#fff!important;border:1px solid var(--v8-line)!important}
.ai-model-note .pulse{background:var(--v8-mint)!important;box-shadow:0 0 0 5px rgba(73,169,140,.10)!important}

/* Service directory */
.service-showcase-grid{gap:18px!important}
.service-showcase-card{overflow:hidden!important}
.service-showcase-art{background:linear-gradient(145deg,#edf4fb,#fbfdff)!important;border-bottom:1px solid var(--v8-line)!important}
.service-showcase-card:nth-child(3n+2) .service-showcase-art{background:linear-gradient(145deg,#f4f1ff,#fff)!important}
.service-showcase-card:nth-child(3n) .service-showcase-art{background:linear-gradient(145deg,#eff9f6,#fff)!important}
.service-showcase-card .va247-scene,.chapter-visual .va247-scene{filter:saturate(.68) brightness(1.04)!important}
.ownership-story-visual,.support-model-visual,.chapter-visual-frame,.workflow-visual-canvas{background:#fff!important;border-color:var(--v8-line)!important;box-shadow:0 18px 48px rgba(43,64,98,.055)!important}
.ownership-work-item,.ownership-owner-card{background:#fff!important;border-color:var(--v8-line)!important;color:var(--v8-ink)!important}

/* Audience and process visuals */
.audience-path-visual{background:#fff!important;border:1px solid var(--v8-line)!important;box-shadow:0 16px 42px rgba(43,64,98,.05)!important}
.audience-path-line{background:linear-gradient(90deg,#dce7fb,#dadcf1,#dcefe9)!important}
.audience-path-item{background:transparent!important}
.audience-path-item span{color:var(--v8-blue)!important;-webkit-text-fill-color:var(--v8-blue)!important}
.process-timeline:before{background:var(--v8-line)!important}
.process-step>span{background:#edf3ff!important;border:1px solid #d9e4fa!important;color:var(--v8-blue)!important;-webkit-text-fill-color:var(--v8-blue)!important}

/* Global proof / coverage */
.global-proof-band{padding:34px 0!important}
.global-proof-copy small{color:#7a879a!important;-webkit-text-fill-color:#7a879a!important}
.global-proof-copy strong{color:#2c394e!important;-webkit-text-fill-color:#2c394e!important}
.global-proof-band .market-chips span{background:#fff!important;border:1px solid var(--v8-line)!important;color:#66758a!important;-webkit-text-fill-color:#66758a!important}
.coverage-viz{background:#fff!important;border:1px solid var(--v8-line)!important}
.coverage-track{background:#e7edf5!important}
.coverage-track>span{background:linear-gradient(90deg,var(--v8-blue),var(--v8-cyan))!important}
.coverage-playhead{background:#fff!important;border-color:var(--v8-blue)!important}

/* CTA + form areas */
.audit-offer-card{background:linear-gradient(135deg,#f4f8ff,#fbf9ff 54%,#f1fbf7)!important;border-color:#dbe4ef!important;box-shadow:var(--v8-shadow)!important}
.delegation-map .audit-map-card{background:rgba(255,255,255,.9)!important;border:1px solid var(--v8-line)!important}
.home-contact-section{background:linear-gradient(180deg,#f7f9fc,#fff)!important}
.home-contact-card{box-shadow:var(--v8-shadow)!important}
input,textarea,select{background:#fff!important;border-color:#d8e0ea!important;color:var(--v8-ink)!important}
input:focus,textarea:focus,select:focus{border-color:#9eb8ed!important;box-shadow:0 0 0 4px rgba(73,119,243,.08)!important}

/* Buttons */
.btn,.contact-submit,.footer-contact-cta{background:var(--v8-ink)!important;border-color:var(--v8-ink)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:11px!important}
.btn span,.contact-submit span,.footer-contact-cta span{color:#fff!important;-webkit-text-fill-color:#fff!important}
.btn:hover,.contact-submit:hover,.footer-contact-cta:hover{background:#25334a!important;border-color:#25334a!important;box-shadow:0 12px 28px rgba(21,32,51,.13)!important}
.btn.secondary{background:#fff!important;border-color:var(--v8-line-strong)!important;color:var(--v8-ink)!important;-webkit-text-fill-color:var(--v8-ink)!important}
.btn.secondary span{color:var(--v8-ink)!important;-webkit-text-fill-color:var(--v8-ink)!important}
.text-link,.pillar-cta{color:var(--v8-blue)!important;-webkit-text-fill-color:var(--v8-blue)!important}

/* Inner pages: one coherent light visual system */
body:not(.home) .page-hero{background:
  radial-gradient(circle at 82% 10%,rgba(86,185,218,.12),transparent 26%),
  radial-gradient(circle at 8% 60%,rgba(133,104,216,.075),transparent 28%),
  linear-gradient(180deg,#fbfdff,#f6f8fc)!important;
  color:var(--v8-ink)!important;border-bottom:1px solid var(--v8-line)!important}
body:not(.home) .page-hero :is(h1,h2,h3,strong,b){color:var(--v8-ink)!important;-webkit-text-fill-color:var(--v8-ink)!important}
body:not(.home) .page-hero :is(p,small,span){color:var(--v8-copy)!important;-webkit-text-fill-color:var(--v8-copy)!important}
body:not(.home) .section:nth-of-type(even){background:var(--v8-bg-soft)!important}
body:not(.home) .section:nth-of-type(odd){background:#fff!important}
body:not(.home) :is(.content-card,.feature-card,.value-card,.platform-card,.audit-card,.tone-card,.audience-card){background:#fff!important;border-color:var(--v8-line)!important;box-shadow:0 14px 38px rgba(43,64,98,.055)!important}

/* Footer intentionally light too */
#va247-theme-footer .footer-premium-top{background:#f4f7fb!important;border-top:1px solid var(--v8-line)!important}
#va247-theme-footer .footer-premium-top :is(h2,h3,h4,strong,b){color:var(--v8-ink)!important;-webkit-text-fill-color:var(--v8-ink)!important}
#va247-theme-footer .footer-premium-top :is(p,small,span,li,a){color:#66758a!important;-webkit-text-fill-color:#66758a!important}
#va247-theme-footer .footer-premium-top a:hover{color:var(--v8-blue)!important;-webkit-text-fill-color:var(--v8-blue)!important}

@media(max-width:980px){
  .home-hero .inner-hero{grid-template-columns:1fr;gap:50px;min-height:0}
  .home-hero .hero-visual-system{max-width:780px}
  .home-hero .hero-command-status{display:none}
}
@media(max-width:640px){
  .wrap{width:min(calc(100% - 28px),1320px)}
  .home-hero .hero-visual-system{padding:10px;border-radius:22px}
  .home-hero .hero-command-bar{padding:3px 4px 10px}
  .home-hero .hero-signal-row{grid-template-columns:1fr;gap:6px}
  .home-hero .hero-signal-row>div{padding:10px 12px}
  .story-problem-points:before{display:none}
}