/* One liquid-glass surface for React components and native preview controls. */
.vca-liquid,.ui-liquid,.ui-button,.ui-metal-face {
  --vca-glass-fill:rgba(225,236,230,.91);
  --vca-glass-ink:#073b4b;
  --vca-glass-edge:#92aaa2;
  --vca-glass-shadow:0 0 6px #00000008,0 2px 6px #00000014,inset 3px 3px .5px -3px #000000e6,inset -3px -3px .5px -3px #000000b0,inset 1px 1px 1px -.5px #ffffffc0,inset -1px -1px 1px -.5px #00000065,inset 0 0 6px 6px #0000000c,0 0 12px #ffffff26;
  color:var(--vca-glass-ink)!important;
  background:linear-gradient(150deg,#ffffffa8,#ffffff08 57%,#b4d0c642),var(--vca-glass-fill)!important;
  border:1px solid var(--vca-glass-edge)!important;
  border-radius:999px!important;
  box-shadow:var(--vca-glass-shadow)!important;
  min-height:44px;min-width:44px;
  /* Frosted fill + optical rim keep the native surface inexpensive to paint. */
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  text-decoration:none!important;
  text-shadow:none!important;
  touch-action:manipulation;
  transition:filter .18s,box-shadow .18s,color .18s,background .18s;
}
.vca-liquid {padding:10px 18px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
button.vca-liquid,input.vca-liquid,a.vca-liquid{min-height:44px!important}
summary.vca-liquid{min-height:46px!important;border-radius:10px!important;--vca-glass-fill:rgba(244,249,245,.93);--vca-glass-edge:#c2d3c9;box-shadow:0 1px 4px #092b3f08,inset 0 1px 0 #ffffffbd!important}
.vca-liquid:hover:not(:disabled):not([aria-disabled="true"]),.ui-liquid:hover:not(:disabled),.ui-button:hover:not(:disabled),.ui-metal-face:hover:not(:disabled){filter:brightness(1.035)}
.vca-liquid:active:not(:disabled),.ui-liquid:active:not(:disabled),.ui-button:active:not(:disabled),.ui-metal-face:active:not(:disabled){box-shadow:inset 0 2px 7px #092b3f33,0 1px 3px #092b3f12!important}
.vca-liquid:focus-visible,.ui-liquid:focus-visible,.ui-button:focus-visible,.ui-metal-face:focus-visible{outline:3px solid #c24739!important;outline-offset:4px!important}
.vca-liquid:disabled,.vca-liquid[aria-disabled="true"],.ui-liquid:disabled,.ui-liquid[aria-disabled="true"],.ui-button:disabled,.ui-metal-face:disabled{opacity:.48!important;cursor:not-allowed!important;filter:none!important}
.vca-liquid[aria-pressed="true"],.vca-liquid[aria-selected="true"],.vca-liquid[aria-expanded="true"]{--vca-glass-fill:rgba(9,71,84,.98);--vca-glass-ink:#fff;--vca-glass-edge:#477b83;background:linear-gradient(150deg,#ffffff24,#ffffff02 58%,#123e5526),var(--vca-glass-fill)!important}
.vca-liquid.vca-glass-on-dark {--vca-glass-fill:rgba(239,245,238,.96);--vca-glass-ink:#073b4b;--vca-glass-edge:#cbded5}
.vca-liquid.vca-glass-destructive {--vca-glass-ink:#833328;--vca-glass-edge:#be9890}
.header .vca-liquid {font-size:12px;padding:8px 12px;letter-spacing:0;line-height:1.2}
.header {backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.header .nav-group>a.vca-liquid {padding-inline:12px}
.header .nav-group>button.vca-liquid,.menu-toggle.vca-liquid {min-width:44px;padding:8px}
.header .nav-group {gap:3px}
.header nav {gap:9px}
.header .standalone-login.vca-liquid {padding-left:12px!important}
.header .nav-contact.vca-liquid {min-height:44px}
.header .nav-cart.vca-liquid {padding-inline:10px!important}
.vca-liquid.close-dialog,.vca-liquid.vca-chat-close {padding:0;min-width:44px;min-height:44px;line-height:1;display:grid;place-items:center}
.vca-chat-panel .vca-liquid {font-size:12px;padding:9px 13px;line-height:1.35}
.vca-guide-toolbar .vca-liquid {font-size:11px;padding:7px 10px}
.vca-chat-panel .vca-opt.vca-liquid {text-align:left;justify-content:flex-start;border-radius:20px!important;padding:11px 15px}
.vca-guide-pager .vca-liquid {font-size:11px;min-width:110px;padding:7px 12px}
.vca-guide-foot a.vca-liquid {font-size:11px;padding:8px 12px;min-height:44px}
.vca-guide-composer>summary.vca-liquid {font-size:12px;margin:8px 12px;padding:10px 14px}
.vca-chat-panel .vca-chat-close.vca-liquid {padding:0;font-size:23px}
.vca-chat-btn.vca-liquid {padding:10px 17px;min-height:50px}
.company-actions>a.vca-liquid,.company-actions>button.vca-liquid {padding:11px 15px}
.company-product-pagination .vca-liquid,.company-pager .vca-liquid {padding:10px 15px}
.cart-line button.vca-liquid {font-size:12px;padding:8px 17px;min-height:44px;margin-top:4px}
.library-controls .vca-liquid {padding:9px 14px}
.preview-bar .vca-liquid {min-height:44px;margin-block:3px;padding:7px 13px;font-size:11px}
.preview-bar:has(.vca-liquid){height:auto;min-height:50px}
.company-card summary.vca-liquid,.company-offers summary.vca-liquid,.source-content summary.vca-liquid {padding:11px 16px;margin-block:4px}
.ui-metal {background:transparent!important;box-shadow:none!important;padding:0!important}
.ui-metal>.absolute {background:none!important}
.ui-metal-face {margin:0!important}
.glass-surface {box-shadow:none!important;background:linear-gradient(155deg,#ffffff50,#ffffff00 60%,#b8d4cc25)!important}
.glass-distortion {backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(max-width:1150px) and (min-width:951px){.header{padding-inline:22px;gap:14px}.header nav{gap:5px}.header .vca-liquid{font-size:11px;padding-inline:9px}.header .nav-group>a.vca-liquid{padding-inline:9px}.brand img{width:115px}.header .standalone-login.vca-liquid{padding-left:9px!important}}
@media(max-width:950px){.header .nav-group>a.vca-liquid{min-height:44px;padding-inline:15px}.header .vca-liquid{font-size:14px}.header .nav-cart.vca-liquid,.header .standalone-login.vca-liquid{padding:10px 15px!important}.header nav{gap:10px}.header .nav-contact.vca-liquid{justify-content:center}.preview-bar>span{font-size:8px;letter-spacing:.8px}.preview-bar{gap:10px}.preview-bar .vca-liquid{font-size:10px;padding:7px 12px;white-space:nowrap}}
@media(max-width:700px){.vca-liquid,.ui-liquid,.ui-button,.ui-metal-face{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.vca-liquid{padding:11px 16px}.journey-tabs button.vca-liquid{padding:11px 10px}.vca-guide-toolbar .vca-liquid{padding:7px 10px}.preview-bar{padding-inline:14px}.vca-guide-foot a.vca-liquid{font-size:10px;padding-inline:9px}.preview-bar>span{max-width:52%}}
@media(prefers-reduced-motion:reduce){.vca-liquid,.ui-liquid,.ui-button,.ui-metal-face{transition:none!important;animation:none!important;transform:none!important}}

/* Journey selectors are compact navigation, with one discrete next action. */
.journey-tabs{border-bottom:0;gap:12px;align-items:stretch}
.journey-tabs button.vca-liquid{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;gap:5px 12px;align-items:center;align-content:center;padding:15px 16px;min-height:84px!important;text-align:left;border-radius:12px!important;--vca-glass-fill:rgba(247,250,247,.9);--vca-glass-edge:#c8d7cf;--vca-glass-ink:#38545b;background:linear-gradient(155deg,#ffffffa6,#ffffff08),var(--vca-glass-fill)!important;box-shadow:0 2px 5px #092b3f08,inset 0 1px 0 #fff!important;transform:none!important}
.journey-tabs button.vca-liquid[aria-selected="true"]{--vca-glass-fill:#e3efea;--vca-glass-edge:#71998d;--vca-glass-ink:#073e4b;background:linear-gradient(155deg,#ffffff70,#ffffff05),var(--vca-glass-fill)!important;box-shadow:inset 0 -3px 0 #0b5263,0 2px 5px #092b3f08!important}
.journey-tabs button>span{grid-column:1;grid-row:1;font-size:10px;letter-spacing:1px;line-height:1;margin:0;opacity:.75}
.journey-tabs button>svg{grid-column:1;grid-row:2;width:23px;height:23px;margin:0}
.journey-tabs button>strong{grid-column:2;grid-row:1/3;max-width:none;font:600 16px/1.35 var(--sans);letter-spacing:0}
.journey-tabs button.vca-liquid:focus-visible{outline-width:2px!important;outline-offset:3px!important}
.journey-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:25px 0 0;margin-top:20px;border-top:1px solid #cedbd4;min-height:170px}
.journey-panel>div{max-width:470px}.journey-panel h3{font:32px/1.13 var(--serif);margin:9px 0 12px;letter-spacing:-.5px}.journey-panel p{font-size:16px;line-height:1.6}
.journey-panel>a.journey-next.vca-liquid{border-radius:12px!important;max-width:none;min-width:170px;font:600 13px/1.35 var(--sans);padding:13px 17px;justify-content:center;gap:10px;align-self:center}
@media(max-width:950px){.journey-tabs{gap:8px}.journey-tabs button.vca-liquid{padding:13px 12px;gap:5px 9px;grid-template-columns:24px minmax(0,1fr)}.journey-tabs button>strong{font-size:14px}.journey-panel{grid-template-columns:1fr;gap:20px;min-height:230px}.journey-panel>a.journey-next.vca-liquid{justify-self:start}}
@media(max-width:700px){.journey-tabs{grid-template-columns:1fr;gap:8px;margin-top:8px}.journey-tabs button.vca-liquid{grid-template-columns:24px 24px minmax(0,1fr);grid-template-rows:1fr;gap:12px;padding:13px 16px;min-height:60px!important;border-radius:10px!important}.journey-tabs button>span{grid-row:1}.journey-tabs button>svg{grid-column:2;grid-row:1;width:21px;height:21px}.journey-tabs button>strong{grid-column:3;grid-row:1;font-size:15px;line-height:1.3}.journey-tabs button.vca-liquid[aria-selected="true"]{box-shadow:inset 3px 0 0 #0b5263,0 1px 3px #092b3f06!important}.journey-panel{padding:23px 0 0;gap:20px;margin-top:23px;min-height:235px}.journey-panel h3{font-size:29px}.journey-panel p{font-size:15px}.journey-panel>a.journey-next.vca-liquid{font-size:13px;min-height:46px!important;justify-self:start;max-width:100%}}
