/* VaySunic site theme for the 3D pages (scheme B: ink-purple base, theme purple as light, lilac hairlines,
   orange only for the primary action). Loaded after the page's own styles by scripts/build-3d.mjs. */
:root{
  --bg0:#140A22; --bg1:#1E0E33; --surface:#21103A; --card:#1F0F34;
  --violet:#582C84; --violet2:#745398; --lilac:#C3AEE0; --orange:#FA8C35;
  --text:#FBF8FE; --body:#D3CBDF; --muted:#ADA2BE;
  --line:rgba(195,174,224,.15); --glass:rgba(205,182,238,.045);
  --hair:inset 0 0 0 1px rgba(205,182,238,.12),inset 0 1px 0 rgba(255,255,255,.06);
  --bar:76px;
}
body{background:var(--bg0);font-size:15px}
::selection{background:var(--violet);color:#fff}
:focus-visible{outline-color:#D9C6F3}

/* site bar: same logo, links and contact pill as the website header */
.site-bar{position:fixed;top:0;left:0;right:0;z-index:55;height:var(--bar);display:flex;align-items:center;gap:28px;padding:0 32px;
  background:rgba(22,11,38,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(205,182,238,.14)}
.site-bar .sb-logo img{height:40px;width:auto;display:block}
.site-bar nav{display:flex;gap:28px;margin-left:auto}
.site-bar nav a{font:400 14px Inter,sans-serif;color:#DCD5E5;padding:8px 0;position:relative}
.site-bar nav a:hover{color:#fff}
.site-bar nav a[aria-current=page]{color:#fff}
.site-bar nav a[aria-current=page]::after{content:"";position:absolute;left:50%;bottom:-4px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px rgba(250,140,53,.7)}
.site-bar .sb-cta{display:inline-flex;align-items:center;min-height:42px;padding:0 20px;border-radius:999px;border:1px solid rgba(214,192,245,.48);background:rgba(195,174,224,.06);color:#fff;font:500 14px Sora,sans-serif;transition:.25s}
.site-bar .sb-cta:hover{background:#F3ECFB;border-color:#F3ECFB;color:#2A1248}
body.wl .site-bar{display:none}
body:not(.wl) .app{padding-top:var(--bar)!important}
body:not(.wl) .panel{top:var(--bar);max-height:calc(100vh - var(--bar))}
.panel .top>a:first-child,.panel .top>.logo{display:none}
.panel .top{justify-content:flex-start}
body.wl .panel .top>a:first-child,body.wl .panel .top>.logo{display:none}

/* panel: aubergine band lit from the top-left, plum cards with a lilac hairline */
.panel{position:sticky;align-self:start;background:radial-gradient(70% 50% at 0% 0%,rgba(150,112,204,.18),transparent 62%),linear-gradient(180deg,#1E0E33 0%,#1A0C2D 100%);border-right:1px solid rgba(205,182,238,.12)}
.panel h1{font-weight:500;letter-spacing:-.03em}
.eyebrow{color:#CDB8EC}
.switch{background:rgba(195,174,224,.06);border-color:var(--line)}
.switch a[aria-current=page]{background:var(--violet)}
.models button,.stepper,.cust,.chips button,.chips label,.txt{background:var(--card);border-color:transparent;box-shadow:var(--hair)}
.models button[aria-pressed=true],.chips button[aria-pressed=true]{background:var(--violet);border-color:var(--violet);box-shadow:none;color:#fff}
.stepper button{border-color:rgba(214,192,245,.3)}
.stepper button:hover:not(:disabled){border-color:var(--lilac);background:rgba(195,174,224,.1)}
.dots i{background:rgba(195,174,224,.14)}
.dots i.on{background:var(--lilac)}
.results{background:rgba(205,182,238,.12);border-color:transparent;box-shadow:var(--hair)}
.results div{background:var(--card)}
.results b.flash{color:#fff}
.cust-tabs{border-bottom-color:var(--line)}
.cust-tabs button[aria-selected=true]{background:rgba(88,44,132,.35);box-shadow:inset 0 -2px 0 var(--lilac)}
.warn{background:rgba(250,140,53,.07);border-color:rgba(250,140,53,.28)}
.sw[aria-pressed=true]{box-shadow:0 0 0 3px rgba(195,174,224,.4)}
.btn-primary{box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 30px -12px rgba(250,140,53,.5)}
.btn-ghost{border-color:rgba(214,192,245,.48);background:rgba(195,174,224,.06);color:#fff}
.btn-ghost:hover{background:#F3ECFB;border-color:#F3ECFB;color:#2A1248}
.note b{color:#E6E0EE}

/* stage: ink-purple room, theme purple only as the light behind the product */
.stage{background:radial-gradient(40% 50% at 50% 58%,rgba(124,78,186,.38),transparent 68%),radial-gradient(50% 60% at 0% 0%,rgba(195,174,224,.06),transparent 62%),linear-gradient(180deg,#120820 0%,#160A27 100%)}
.toolbar{background:rgba(22,11,38,.8);border-color:rgba(205,182,238,.16)}
.toolbar button[aria-pressed=true]{background:var(--violet);color:#fff}
.toolbar button:hover{background:rgba(195,174,224,.1)}
.badge{color:#9C90AE}
.hs .dot{background:rgba(30,14,51,.9);border-color:rgba(214,190,245,.6);box-shadow:0 0 0 6px rgba(88,44,132,.22)}
.hs .card,.toast{background:rgba(30,14,51,.95);border-color:rgba(205,182,238,.22)}
.big .k{color:#CDB8EC}
.big .n small{color:var(--lilac)}

@media (max-width:980px){
  .site-bar{padding:0 16px;gap:12px}
  .site-bar nav{display:none}
  .site-bar .sb-cta{margin-left:auto;min-height:38px;padding:0 14px;font-size:13px}
  .site-bar .sb-logo img{height:30px}
  :root{--bar:62px}
  .panel{position:relative;top:0;max-height:none}
}

/* presentation mode: full-bleed stage, no site header (the exit button sits top-right) */
body.present .site-bar{display:none}
body.present .app{padding-top:0}