/* Viadivy v2 | Brand layer. Loaded ONLY by Viadivy pages.
   Depends on Bootstrap 5.3.3 and /css/aiwitheveryone.css. */
:root {
  --via-brand-primary:var(--awe-color-accent);
  --via-brand-primary-hover:var(--awe-color-accent-hover);
  --via-brand-soft:var(--awe-color-accent-soft);
  --via-hero-gradient-start:var(--awe-color-surface);
  --via-hero-gradient-end:var(--awe-color-surface-soft);
  --via-product-card-radius:var(--awe-radius-large);
}
:root[data-bs-theme="dark"]{
  color-scheme:dark;
  --awe-color-page-bg:#111923;
  --awe-color-surface:#1c2835;
  --awe-color-surface-soft:#16212e;
  --awe-color-surface-glass:rgba(22,33,46,.95);
  --awe-color-text:#ecf2f7;
  --awe-color-text-muted:#b9c6d2;
  --awe-color-line:rgba(198,217,231,.20);
  --awe-color-accent:#97c9ec;
  --awe-color-accent-hover:#c6e6fa;
  --awe-color-accent-soft:rgba(151,201,236,.19);
  --awe-shadow-card:0 12px 30px rgba(0,0,0,.16);
  --awe-shadow-card-hover:0 20px 40px rgba(0,0,0,.24);
  --awe-color-selection-bg:#345873;
  --awe-color-selection-text:#fff;
  --via-hero-gradient-start:#1c2835;
  --via-hero-gradient-end:#15202d;
  --bs-body-bg:var(--awe-color-page-bg);
  --bs-body-color:var(--awe-color-text);
  --bs-secondary-color:var(--awe-color-text-muted);
  --bs-border-color:var(--awe-color-line);
  --bs-link-color:var(--awe-color-accent);
  --bs-link-hover-color:var(--awe-color-accent-hover);
}
:root[data-bs-theme="light"]{color-scheme:light}
/* Explicit Viadivy root + body color bridge.
   Bootstrap and the global AWE stylesheet both set body defaults. Keep
   the color-mode contract on the page as well as on :root so the visible
   background/text never remain in the light palette when the mode changes. */
html[data-bs-theme="dark"] body.via-page {
  color:var(--awe-color-text);
  background-color:var(--awe-color-page-bg);
  --bs-body-color:var(--awe-color-text);
  --bs-body-bg:var(--awe-color-page-bg);
  --bs-secondary-color:var(--awe-color-text-muted);
  --bs-border-color:var(--awe-color-line);
  --bs-emphasis-color:#f6f9fc;
  --bs-tertiary-bg:var(--awe-color-surface-soft);
}
html[data-bs-theme="light"] body.via-page {
  color:var(--awe-color-text);
  background-color:var(--awe-color-page-bg);
  --bs-body-color:var(--awe-color-text);
  --bs-body-bg:var(--awe-color-page-bg);
}

.via-page{--bs-link-color:var(--via-brand-primary);--bs-link-hover-color:var(--via-brand-primary-hover)}
.via-page .awe-navbar{background:var(--awe-color-surface-glass);border-bottom:1px solid var(--awe-color-line)}
.via-page .awe-navbar .navbar-brand,.via-page .awe-navbar .nav-link,.via-page .navbar-toggler{color:var(--awe-color-text)}
.via-page .awe-navbar .nav-link:hover{color:var(--via-brand-primary)}
.via-page .awe-navbar .nav-link.active{font-weight:700}
.via-page .navbar-toggler-icon{filter:var(--via-toggler-filter,none)}
:root[data-bs-theme="dark"] .via-page{--via-toggler-filter:invert(1) brightness(1.7)}
.via-page .via-theme-select{min-width:108px;max-width:145px;font-size:.83rem;color:var(--awe-color-text);background-color:var(--awe-color-surface);border:1px solid var(--awe-color-line);padding:.45rem 2rem .45rem .6rem}
.via-page a:focus-visible,.via-page button:focus-visible,.via-page select:focus-visible{outline:3px solid var(--awe-color-accent);outline-offset:3px}
.via-page .via-section{padding:clamp(2.5rem,5vw,4.3rem) 0}
.via-page .via-section-soft{background:var(--awe-color-surface-soft)}
.via-page .via-kicker{color:var(--via-brand-primary);font-size:.77rem;letter-spacing:.10em;font-weight:750;text-transform:uppercase}
.via-page .via-hero{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--via-hero-gradient-start),var(--via-hero-gradient-end))}
/* Keep product-page layout hooks used by the existing VyCapture markup. */
.via-page .via-hero-content{position:relative;z-index:1}
.via-page .via-product-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.75rem}
.via-page .via-product-kicker{display:inline-flex;align-items:center;gap:.5rem;color:var(--via-brand-primary);font-size:.82rem;font-weight:700}
.via-page .via-product-title{font-weight:800;letter-spacing:-.025em}
.via-page .via-product-tagline{max-width:760px;color:var(--awe-color-text-muted);line-height:1.7}
.via-page .via-brand-mark,.via-page .via-product-mark{display:block;max-width:100%;object-fit:contain}
@media(max-width:767.98px){.via-page .via-product-actions{flex-direction:column;align-items:stretch}.via-page .via-product-actions .btn{width:100%}}
.via-page .via-card{border:1px solid var(--awe-color-line);background:var(--awe-color-surface);box-shadow:var(--awe-shadow-card);border-radius:18px}
.via-page .via-card h3{overflow-wrap:anywhere}
.via-page .via-card-copy{color:var(--awe-color-text-muted)}
.via-page .via-action{display:inline-flex;justify-content:center;align-items:center;gap:.4rem;min-height:44px;padding:.58rem 1.05rem;border-radius:10px;text-decoration:none;font-weight:700}
.via-page .via-action-primary{background:#335c7b;color:#fff;border:1px solid #335c7b}
.via-page .via-action-primary:hover,.via-page .via-action-primary:focus-visible{background:#264763;color:#fff}
.via-page .via-action-secondary{background:var(--awe-color-surface);color:var(--awe-color-text);border:1px solid var(--awe-color-line)}
.via-page .via-action-secondary:hover{color:var(--via-brand-primary);border-color:var(--via-brand-primary)}
.via-page .via-muted{color:var(--awe-color-text-muted)}
.via-page .via-status{font-size:.75rem;font-weight:700;padding:.28rem .58rem;border-radius:999px;border:1px solid var(--awe-color-line);background:var(--awe-color-surface-soft);color:var(--awe-color-text-muted)}
.via-page .via-status-up{color:var(--via-brand-primary)}
.via-page .via-footer{background:var(--awe-color-footer-bg);color:var(--awe-color-footer-text);padding:2.2rem 0}
.via-page .via-footer a{color:var(--awe-color-footer-link);text-decoration:none}
.via-page .via-footer a:hover{color:#fff}
.via-page .via-footer strong{color:var(--awe-color-footer-heading)}
.via-page .via-surface{background:var(--awe-color-surface)}
/* Existing VyCapture components consume these brand classes. */
.via-page .via-product-card{height:100%;padding:1.5rem;border:1px solid var(--awe-color-line);border-radius:var(--via-product-card-radius);background:var(--awe-color-surface);box-shadow:var(--awe-shadow-card)}
.via-page .via-cta{padding:clamp(2rem,5vw,4rem);border:1px solid var(--awe-color-line);border-radius:var(--awe-radius-large);background:var(--awe-color-surface);box-shadow:var(--awe-shadow-card)}
.via-page .via-brand-art{position:relative;overflow:hidden}
.via-page .via-brand-art>img{display:block;max-width:100%;object-fit:contain}
:root[data-bs-theme="dark"] .via-page .vycapture-hero-visual{background:var(--awe-color-surface-soft)!important}
:root[data-bs-theme="dark"] .via-page .vycapture-local-block,:root[data-bs-theme="dark"] .via-page .vycapture-feature-card{background:var(--awe-color-surface)!important}
@media(max-width:767.98px){.via-page .via-product-card{padding:1.1rem}.via-page .via-action{min-height:44px}}
@media(prefers-reduced-motion:reduce){.via-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}