/* Kelvio Light / Airy visual refresh v1 — 2026-09-06
   Non-destructive override layer. Existing markup, JS and product flows remain unchanged. */
:root{
  --bg:#f7fbfa !important;
  --bg2:#eef8f6 !important;
  --card:#ffffff !important;
  --card2:#f5faf9 !important;
  --text:#10233f !important;
  --muted:#60748d !important;
  --line:rgba(16,35,63,.10) !important;
  --accent:#19b79d !important;
  --accent2:#6f8cff !important;
  --white:#ffffff;
  --radius:24px;
}
html{background:#f7fbfa}
body{
  background:
    radial-gradient(circle at 10% 5%,rgba(101,218,205,.18),transparent 27%),
    radial-gradient(circle at 88% 13%,rgba(126,165,255,.15),transparent 29%),
    radial-gradient(circle at 72% 78%,rgba(255,200,120,.12),transparent 24%),
    linear-gradient(180deg,#fbfefd 0%,#f4faf9 54%,#fbfcff 100%) !important;
  color:var(--text) !important;
}
body::before,body::after{content:"";position:fixed;pointer-events:none;z-index:-1;border-radius:999px;filter:blur(2px)}
body::before{width:340px;height:340px;left:-150px;top:22vh;background:rgba(95,218,204,.09)}
body::after{width:420px;height:420px;right:-210px;top:55vh;background:rgba(132,154,255,.08)}

/* Header and navigation */
.site-header{background:rgba(255,255,255,.84) !important;border-bottom:1px solid rgba(16,35,63,.08) !important;box-shadow:0 8px 30px rgba(31,67,95,.05)}
.brand,.brand span,.desktop-nav,.desktop-nav a,.kelvio-nav-top,.kelvio-nav-price{color:#10233f !important}
.brand-mark{color:#16b89c !important}
.lang-toggle,.sub-lang{background:#fff !important;color:#16304f !important;border-color:rgba(16,35,63,.12) !important;box-shadow:0 4px 14px rgba(31,67,95,.05)}
.kelvio-nav-dropdown{background:rgba(255,255,255,.98) !important;border-color:rgba(16,35,63,.10) !important;box-shadow:0 22px 60px rgba(31,67,95,.14) !important}
.kelvio-nav-dropdown a{color:#17304e !important}
.kelvio-nav-dropdown a:hover{background:#eef9f6 !important}
.kelvio-nav-dropdown small{color:#71849b !important}

/* Unified Kelvio typography — keep Explore and all product pages on the same modern font stack */
html,body,button,input,textarea,select{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}
.explore-hero,.explore-shell,.compact-hero,.tool-panel,.panel,.search-panel,.location-profile,.platform-roadmap,.modal-card,
.explore-hero h1,.explore-hero h2,.explore-hero h3,.explore-shell h1,.explore-shell h2,.explore-shell h3,
.compact-hero h1,.compact-hero h2,.tool-heading,.location-top h2,.site-footer,.site-header{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}

/* Typography */
h1,h2,h3,h4,strong,b,.explore-hero h1,.location-top h2,.compact-hero h1{color:#10233f}
p,.section-copy,.section-head p,.explore-hero p,.location-subtitle,.tool-heading p{color:var(--muted)}
.eyebrow,.section-kicker,.breadcrumb{background:rgba(25,183,157,.08) !important;border-color:rgba(25,183,157,.18) !important;color:#0d9e88 !important}

/* Buttons */
.btn-primary,.btn-small,.mock-button,.v15-search-row button{background:linear-gradient(135deg,#22c7aa,#63dcc9) !important;color:#08263a !important;box-shadow:0 12px 30px rgba(25,183,157,.18) !important}
.btn-secondary{background:rgba(255,255,255,.78) !important;color:#17304e !important;border-color:rgba(16,35,63,.12) !important;box-shadow:0 8px 20px rgba(31,67,95,.05)}
.btn-secondary:hover{background:#fff !important;border-color:rgba(25,183,157,.32) !important}

/* Global cards/panels */
.feature-card,.audience-card,.proof-card,.panel,.score-box,.review-card,.empty-card,.roadmap-card,.search-panel,.tool-panel,.signal-card,.insight-card,.city-card,.r-card,
.v15-search-shell,.v15-hierarchy-panel,.building-intelligence-shell,.v15-placeholder-card,.v15-live-card,.v15-summary-main,.v15-summary-stat,
.pro-section-v20,.workspace-index-v19,.share-profile-v19{
  background:rgba(255,255,255,.88) !important;
  border-color:rgba(16,35,63,.09) !important;
  box-shadow:0 16px 45px rgba(31,67,95,.07) !important;
}
.feature-card:hover,.audience-card:hover,.insight-card:hover,.city-card:hover,.v15-live-card:hover{transform:translateY(-3px);border-color:rgba(25,183,157,.24) !important;box-shadow:0 20px 52px rgba(31,67,95,.11) !important}
.feature-card,.audience-card,.insight-card,.city-card,.v15-live-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.feature-card p,.audience-card p,.proof-card span,.score-box span,.roadmap-card p,.review-meta,.empty-card{color:#667b91 !important}
.feature-card .icon,.audience-icon,.rank-number,.review-score{background:linear-gradient(135deg,rgba(25,183,157,.13),rgba(111,140,255,.10)) !important;color:#109f89 !important}

/* Hero and section surfaces */
.hero,.explore-hero,.compact-hero{position:relative}
.hero::before,.explore-hero::before,.compact-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(255,255,255,.46),rgba(236,249,246,.44));border-bottom:1px solid rgba(16,35,63,.05)}
.section-alt{background:linear-gradient(180deg,rgba(235,248,245,.68),rgba(247,251,250,.32)) !important}
.strip{background:rgba(255,255,255,.68) !important;border-color:rgba(16,35,63,.08) !important}
.strip-grid,.trust-row{color:#60748d !important}
.explore-home{background:linear-gradient(135deg,#eefaf7 0%,#f3f6ff 52%,#fff9ef 100%) !important;border-top:1px solid rgba(16,35,63,.06);border-bottom:1px solid rgba(16,35,63,.06)}
.explore-home p,.explore-home-card small{color:#667b91 !important}
.explore-home-card{background:rgba(255,255,255,.78) !important;border-color:rgba(16,35,63,.09) !important;box-shadow:0 20px 50px rgba(31,67,95,.08)}
.explore-home-card a{border-bottom-color:rgba(16,35,63,.07) !important}

/* Phone mockup: keep product contrast, soften outer shell */
.phone{background:#fff !important;border-color:rgba(16,35,63,.12) !important;box-shadow:0 28px 70px rgba(31,67,95,.18) !important}
.phone:before{background:#dfe9ee !important}
.glow{opacity:.22 !important}
.glow-a{background:#7692ff !important}.glow-b{background:#42d6b9 !important}
.floating-chip{box-shadow:0 14px 35px rgba(31,67,95,.16) !important}

/* Forms / search */
.search-form input,.compare-search-box,.compare-search-box input,.ranking-controls select,.field input,.field textarea,.v15-search-row input{
  background:#fff !important;color:#17304e !important;border-color:rgba(16,35,63,.12) !important;
}
.search-form input::placeholder,.compare-search-box input::placeholder,.field input::placeholder,.field textarea::placeholder,.v15-search-row input::placeholder{color:#94a4b6 !important}
.search-result-card,.ranking-row,.choice{background:rgba(255,255,255,.82) !important;color:#17304e !important;border-color:rgba(16,35,63,.09) !important}
.search-result-card:hover,.ranking-row:hover{background:#f0faf7 !important;border-color:rgba(25,183,157,.28) !important}
.compare-suggestions,.v15-autocomplete{background:#fff !important;border-color:rgba(16,35,63,.12) !important;box-shadow:0 20px 50px rgba(31,67,95,.15) !important}
.compare-suggestions button,.v15-autocomplete-item{color:#17304e !important;border-color:rgba(16,35,63,.07) !important}
.compare-suggestions button:hover,.v15-autocomplete-item:hover{background:#eef9f6 !important}
.v15-autocomplete-item strong{color:#17304e !important}.v15-autocomplete-item span{color:#71849b !important}

/* Data visualization surfaces */
.metric-bar,.rank-bar{background:rgba(16,35,63,.08) !important}
.metric-bar i,.rank-bar i{background:linear-gradient(90deg,#748eff,#28c9ac) !important}
.score-box.primary{background:linear-gradient(135deg,rgba(50,205,177,.13),rgba(111,140,255,.10)) !important;border-color:rgba(25,183,157,.20) !important}
.signal-card{background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(238,249,247,.95)) !important}
.signal-head strong{color:#10233f !important}

/* CTA */
.cta-box{background:linear-gradient(135deg,rgba(111,140,255,.10),rgba(50,205,177,.13),rgba(255,199,105,.10)) !important;border-color:rgba(16,35,63,.08) !important;box-shadow:0 18px 50px rgba(31,67,95,.08)}
.cta-box p{color:#667b91 !important}

/* Modal */
.modal{background:rgba(20,42,64,.34) !important}
.modal-card,.modal-head{background:#fff !important;color:#17304e !important;border-color:rgba(16,35,63,.10) !important}
.icon-button{background:#f7fbfa !important;color:#17304e !important;border-color:rgba(16,35,63,.10) !important}

/* Footer/legal */
.site-footer{background:rgba(255,255,255,.50);border-top-color:rgba(16,35,63,.08) !important;color:#667b91 !important}
.footer-links,.footer-grid p,.footer-bottom,.legal p,.legal li{color:#667b91 !important}
.legal{background:transparent !important}
.notice{background:#fff6df !important;border-color:#f3d89d !important;color:#785818 !important}

/* Specific Explore v15/v16 dark hard-codes */
.hierarchy-pills span,.level-pill{background:rgba(25,183,157,.08) !important;color:#0d9e88 !important;border-color:rgba(25,183,157,.18) !important}
.hierarchy-pills b{color:#8292a6 !important}
.v15-empty-state,.v15-status,.v15-placeholder-card p,.v15-live-card p{color:#6d8299 !important}
.v15-empty-state strong,.v15-summary-main h3,.v15-live-score{color:#17304e !important}
.v15-placeholder-card>span,.v15-live-card .level-badge,.v15-summary-main small,.v15-summary-stat small{color:#0d9e88 !important}

/* Selection and focus */
::selection{background:rgba(25,183,157,.22);color:#10233f}
:focus-visible{outline:3px solid rgba(25,183,157,.30);outline-offset:3px}

@media(max-width:640px){
  body::before{width:220px;height:220px;left:-120px}
  body::after{width:260px;height:260px;right:-150px}
  .site-header{background:rgba(255,255,255,.94) !important}
}


/* Kelvio Visual Refresh v3 — navigation consistency fixes */
/* Keep top-right language/account controls light and consistent on all product pages. */
.nav-actions{display:flex!important;align-items:center!important;gap:10px!important;margin-left:auto!important;flex-shrink:0!important}
.lang-toggle,.sub-lang button{
  height:42px!important;min-width:48px!important;padding:0 14px!important;
  border:1px solid rgba(16,35,63,.12)!important;border-radius:13px!important;
  background:rgba(255,255,255,.94)!important;color:#17304e!important;
  box-shadow:0 6px 18px rgba(31,67,95,.07)!important;
  font-weight:850!important;cursor:pointer!important;
}
.lang-toggle:hover,.sub-lang button:hover{background:#fff!important;border-color:rgba(25,183,157,.34)!important}
.account-trigger{
  display:flex!important;align-items:center!important;gap:9px!important;
  min-height:42px!important;padding:5px 11px!important;
  border:1px solid rgba(16,35,63,.12)!important;border-radius:14px!important;
  background:rgba(255,255,255,.94)!important;color:#17304e!important;
  box-shadow:0 6px 18px rgba(31,67,95,.07)!important;cursor:pointer!important;
}
.account-trigger:hover{background:#fff!important;border-color:rgba(25,183,157,.34)!important}
.account-avatar{background:rgba(25,183,157,.12)!important;border-color:rgba(25,183,157,.24)!important;color:#0d9e88!important}
.account-trigger-copy small{color:#71849b!important}
.account-trigger-copy strong{color:#17304e!important}
.account-modal-card{background:#fff!important;border-color:rgba(16,35,63,.12)!important;color:#17304e!important;box-shadow:0 30px 90px rgba(31,67,95,.22)!important}
.account-modal-card>p,.account-user-card small,.account-preserve-note,.account-status{color:#71849b!important}
.account-user-card{background:#f7fbfa!important;border-color:rgba(16,35,63,.10)!important}
.account-preserve-note{background:#eef9f6!important;border-color:rgba(25,183,157,.16)!important}
.account-modal-close{color:#60748d!important}

/* Explore now includes all live Explore tools. Keep the larger menu comfortable. */
.kelvio-nav-menu[data-section="explore"] .kelvio-nav-dropdown{width:350px!important;padding:10px!important}
.kelvio-nav-menu[data-section="explore"] .kelvio-nav-dropdown a{padding:10px 13px!important}
.kelvio-nav-menu[data-section="explore"] .kelvio-nav-dropdown strong{font-size:14px!important}
.kelvio-nav-menu[data-section="explore"] .kelvio-nav-dropdown small{font-size:11.5px!important}

/* Remove remaining dark blocks on the light Data/Research subpages. */
.sub-panel{background:linear-gradient(145deg,rgba(25,183,157,.08),rgba(111,140,255,.05))!important;border-color:rgba(16,35,63,.09)!important;box-shadow:0 16px 45px rgba(31,67,95,.06)!important}
.sub-panel li{background:rgba(255,255,255,.82)!important;color:#60748d!important;border-color:rgba(16,35,63,.09)!important}
.sub-panel strong{color:#10233f!important}
.price-card{background:rgba(255,255,255,.90)!important;border-color:rgba(16,35,63,.09)!important;box-shadow:0 16px 45px rgba(31,67,95,.06)!important}
.price-card p,.price-card ul,.price small,.billing-note{color:#60748d!important}

@media(max-width:1100px){
  .account-trigger-copy{display:none!important}
  .kelvio-nav-top,.kelvio-nav-price{padding-left:9px!important;padding-right:9px!important}
}