/* Commercial VARVOX identity, sharing Vuexy control and card quality. */
body.public-app { background:var(--ui-paper); }
.public-app .container { width:min(1200px,calc(100% - 56px)); }
.public-app .site-header { background:var(--ui-paper); border-color:var(--ui-line); position:relative; z-index:80; }
.public-app .header-inner { min-height:86px; gap:20px; }
.public-app .brand-logo { width:154px; }
.public-app #navigation { gap:19px; }
.public-app #navigation a { font-size:13px; padding-block:28px; }
.public-app .utility { background:#193a5a; }
.public-app .hero { background:linear-gradient(110deg,var(--brand-blue-soft),var(--ui-paper) 82%); padding-block:64px; }
body.public-app .vx-workspace .hero h1 { font-size:clamp(32px,4.2vw,54px); line-height:1.5; letter-spacing:-.7px; font-weight:750; }
body.public-app .vx-workspace h2 { font-size:clamp(23px,2.5vw,32px); }
.public-app .hero-grid { gap:44px; }
.public-app :is(.service-card,.step,.feature-card,.info-card,.contact-card,.faq-item,.form-card) { background:var(--ui-paper); border:1px solid var(--ui-line); border-radius:12px; box-shadow:var(--ui-shadow); }
.public-app :is(.service-card,.info-card,.contact-card) { padding:24px; }
.public-app :is(.service-card,.feature-card) { transition:transform .15s ease,box-shadow .15s ease; }
.public-app :is(.service-card,.feature-card):hover { transform:translateY(-3px); box-shadow:0 8px 24px #20345410; }
.public-app .journey-art { border:1px solid var(--ui-line); border-radius:18px; box-shadow:0 14px 45px #244a7017; background:var(--ui-paper); }
.public-app :is(.art-top,.art-bottom,.floating-note) { background:var(--ui-paper); color:var(--ui-heading); border-color:var(--ui-line); }
.public-app .floating-note { border-radius:10px; box-shadow:var(--ui-shadow); }
.public-app :is(.icon-tile,.pill) { background:var(--brand-blue-soft); color:var(--brand-blue-dark); }
.public-app :is(.section-muted,.soft-section,.section.alt) { background:var(--ui-canvas); }
.public-app footer { background:var(--ui-canvas); border-top:1px solid var(--ui-line); color:var(--ui-heading); }
.public-app footer p,.public-app .footer-bottom { color:var(--ui-muted); }
.public-app footer a:hover { color:var(--brand-blue-dark); }
.public-app :is(.hero-facts,.footer-bottom) { border-color:var(--ui-line); }
.public-app .button { border-radius:7px; box-shadow:0 3px 9px #2873ad1a; font-size:14px; }
.public-app .button.secondary { background:var(--ui-paper); color:var(--ui-heading); border-color:var(--ui-line); box-shadow:none; }
.public-app .menu-toggle { background:var(--ui-soft); border:1px solid var(--ui-line); color:var(--ui-heading); border-radius:7px; padding:8px 12px; font-size:13px; }
.public-app .skip { z-index:200; background:var(--ui-paper); color:var(--brand-blue-dark); }
[data-theme=dark] .public-app :is(.service-card,.step-card,.contact-card,.form-card,.trust-bar,.mini-card,.route-card,.hero-facts,.step-number,.feature-list li,.timeline>div,.product-preview,.simple-card) { background:var(--ui-paper); color:var(--ui-heading); border-color:var(--ui-line); }
[data-theme=dark] .public-app :is(.soft,.section-muted,.cta-strip,.faq,.section.alt,.art-orbit) { background:var(--ui-canvas); border-color:var(--ui-line); }
[data-theme=dark] .public-app :is(.parcel,.floating-note,.list-panel,.preview-banner) { background:var(--ui-soft); color:var(--ui-heading); border-color:var(--ui-line); }
[data-theme=dark] .public-app :is(.orbit-label,.art-bottom,.art-top) { color:var(--ui-heading); }
[data-theme=dark] .public-app .hero h1 span { color:var(--brand-blue-dark); }
@media(max-width:1100px) {
  .public-app .header-inner { gap:14px; flex-wrap:wrap; padding-block:14px; }
  .public-app .ui-preferences { margin-inline-start:auto; }
  .public-app .menu-toggle { display:block; margin-inline-start:auto; }
  .public-app #navigation { display:none; order:4; width:100%; padding-top:10px; border-top:1px solid var(--ui-line); flex-wrap:wrap; }
  .public-app #navigation.open { display:flex; }
  .public-app #navigation a { padding:8px 12px; border-radius:6px; background:var(--ui-soft); }
  html:not(.js) .public-app #navigation { display:flex; }
}
@media(max-width:768px) {
  .public-app .container { width:calc(100% - 36px); }
  .public-app .hero { padding-block:38px; }
  .public-app .hero-grid { gap:30px; }
  .public-app .header-inner { gap:12px; }
  .public-app .brand-logo { width:125px; }
  .public-app .hero-facts { gap:18px; }
}
@media(max-width:480px) {
  .public-app .container { width:calc(100% - 28px); }
  .public-app .utility-inner { gap:12px; font-size:10px; }
  .public-app .utility-inner>span { max-width:70%; }
  .public-app .menu-toggle { font-size:0; padding:9px; min-width:36px; min-height:40px; }
  .public-app .menu-toggle::before { content:'☰'; font-size:19px; }
  .public-app .header-inner { gap:8px; }
  .public-app .ui-preferences { margin-inline-start:0; gap:4px; }
  .public-app .ui-dropdown>summary { min-width:34px; padding:6px; }
  .public-app .brand-logo { width:112px; }
  .public-app .journey-art { min-height:320px; }
}

body.public-app .vx-workspace .grid>.card { margin:0; }

.public-app .header-portal { display:inline-flex; align-items:center; gap:7px; white-space:nowrap; }
.public-app .header-portal .ti { width:18px; height:18px; }
@media(max-width:480px) { .public-app .header-portal { padding:9px; min-width:36px; min-height:40px; } .public-app .header-portal span { display:none; } }
/* Resolve marketing aliases on the themed body, not on the light root palette. */
body.public-app { --ink:var(--ui-heading); --muted:var(--ui-muted); --line:var(--ui-line); --surface:var(--ui-canvas); --accent-soft:var(--brand-blue-soft); }
[data-theme=dark] .public-app :is(.eyebrow,.text-link) { color:var(--brand-blue-dark); }
[data-theme=dark] .public-app :is(.orbit-label,.dash-sidebar,.table-card,.stat,.tracking,.detail-row,.filters,.table-heading,.table-footer,.notice,.quote) { background:var(--ui-paper); color:var(--ui-heading); border-color:var(--ui-line); }
[data-theme=dark] .public-app .orbit-label small { color:var(--ui-muted); }
[data-theme=dark] .public-app .status { background:var(--brand-blue-soft); color:var(--brand-blue-dark); }
[data-theme=dark] .public-app .principles { background:var(--ui-paper); border-color:var(--ui-line); }
[data-theme=dark] .public-app :is(.dash-sidebar nav a:first-child,.avatar) { color:var(--brand-blue-dark); }