.vxc{--p-ease:cubic-bezier(.22,1,.36,1);--p-warm:#faf6ec;--p-gold-l:#d9c294}
.vxc svg{stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter}
.vxc .vxp-acc{fill:var(--c-gold);stroke:none}
.vxc-user .vxp-acc,.vxc-send .vxp-acc{fill:currentColor}

.vxc-launch{width:60px;height:60px;box-shadow:0 16px 36px -14px rgba(0,0,0,.7),0 0 0 1px rgba(198,166,103,.45) inset}
.vxc-launch::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 40%,rgba(255,236,190,.28) 48%,transparent 56% 100%) no-repeat;background-size:250% 100%;background-position:130% 0;animation:vxp-glint 8s 2.5s var(--p-ease) infinite}
.vxc.is-open .vxc-launch::after{animation:none}
@keyframes vxp-glint{0%,78%{background-position:130% 0}96%,100%{background-position:-30% 0}}
.vxc-launch-mark .vxc-logo polygon{transform-box:fill-box;transition:transform .45s var(--p-ease)}
.vxc-launch:hover .vxc-launch-mark .vxc-logo polygon{transform:translate(2px,-2px)}
.vxc-launch:hover .vxc-launch-mark .vxc-logo polygon:nth-child(2){transition-delay:.04s}
.vxc-launch:hover .vxc-launch-mark .vxc-logo polygon:nth-child(3){transition-delay:.08s}
.vxc-launch:hover .vxc-launch-mark .vxc-logo polygon:nth-child(4){transition-delay:.12s}

.vxc-nudge{border-inline-start:2px solid var(--c-gold)}

.vxc-panel{box-shadow:0 34px 80px -28px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.08);clip-path:inset(100% 0 0 100%);transform:translateY(10px)}
[dir=rtl] .vxc-panel{clip-path:inset(100% 100% 0 0)}
.vxc.is-open .vxc-panel{clip-path:inset(0);transition:clip-path .5s var(--p-ease),opacity .2s ease,transform .5s var(--p-ease)}
.vxc:not(.is-open) .vxc-panel{transition:clip-path .28s ease-in,opacity .28s ease-in,transform .28s ease-in,visibility 0s .28s}

.vxc-hero{padding:20px 20px 70px;background:#0f0f0f;isolation:isolate}
.vxc-hero::after{display:none}
.vxc-hero>:not(.vxp-aura){position:relative;z-index:1}
.vxp-aura{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.vxp-glow{position:absolute;width:320px;height:320px;inset-inline-end:-140px;top:-150px;background:radial-gradient(closest-side,rgba(198,166,103,.30),rgba(198,166,103,0));animation:vxp-breathe 7s ease-in-out infinite;transform:translate(calc(var(--vxp-x,0) * 18px),calc(var(--vxp-y,0) * 18px))}
@keyframes vxp-breathe{50%{opacity:.55}}
.vxc .vxp-bars{position:absolute;width:250px;height:auto;inset-inline-end:-58px;bottom:-62px;fill:var(--c-gold);stroke:none;opacity:.16;transform:translate(calc(var(--vxp-x,0) * -12px),calc(var(--vxp-y,0) * -12px));transition:transform .6s var(--p-ease)}
[dir=rtl] .vxc .vxp-bars{transform:scaleX(-1) translate(calc(var(--vxp-x,0) * 12px),calc(var(--vxp-y,0) * -12px))}
.vxp-bars polygon{transform-box:fill-box;animation:vxp-drift 9s ease-in-out infinite alternate}
.vxp-bars polygon:nth-child(1){animation-duration:11s;opacity:.7}
.vxp-bars polygon:nth-child(2){animation-duration:8s;animation-delay:-2s}
.vxp-bars polygon:nth-child(3){animation-duration:10s;animation-delay:-5s}
.vxp-bars polygon:nth-child(4){animation-duration:12s;animation-delay:-7s}
@keyframes vxp-drift{from{transform:translate(-5px,3.4px)}to{transform:translate(6px,-4px)}}
.vxp-sheen{position:absolute;inset:-20% -60%;background:linear-gradient(105deg,transparent 42%,rgba(255,232,180,.09) 50%,transparent 58%);animation:vxp-sheen 11s 1.2s var(--p-ease) infinite}
@keyframes vxp-sheen{0%{transform:translateX(-40%)}38%,100%{transform:translateX(40%)}}
[dir=rtl] .vxp-sheen{animation-direction:reverse}

.vxc-hero .vxc-hi{color:rgba(255,255,255,.62);font-weight:500}
.vxc-hero .vxc-person-role{display:inline-flex;align-items:center;gap:8px;color:var(--p-gold-l);letter-spacing:.02em}
.vxc-hero .vxc-person-role::before{content:"";width:5px;height:12px;background:var(--c-gold);transform:skewX(-24deg)}
.vxc-hero .vxc-hq{position:relative;padding-bottom:14px;font-size:27px}
.vxc-hero .vxc-hq::after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:44px;height:3px;background:var(--c-gold);transform:skewX(-24deg) scaleX(0);transform-origin:left;transition:transform .7s .45s var(--p-ease)}
[dir=rtl] .vxc-hero .vxc-hq::after{transform-origin:right}
.vxc.is-open .vxc-hero .vxc-hq::after{transform:skewX(-24deg) scaleX(1)}
.vxc-hero .vxc-person-avatar{box-shadow:0 0 0 4px rgba(198,166,103,.14),0 0 0 1px rgba(198,166,103,.6)}

.vxc.is-open .vxc-hero-top,.vxc.is-open .vxc-hero .vxc-hi,.vxc.is-open .vxc-hero .vxc-person-role,.vxc.is-open .vxc-hero .vxc-hq{animation:vxp-rise .6s var(--p-ease) both}
.vxc.is-open .vxc-hero .vxc-hi{animation-delay:.08s}
.vxc.is-open .vxc-hero .vxc-person-role{animation-delay:.13s}
.vxc.is-open .vxc-hero .vxc-hq{animation-delay:.18s}
.vxc.is-open .vxc-home-body>*{animation:vxp-rise .6s var(--p-ease) both}
.vxc.is-open .vxc-home-body>:nth-child(1){animation-delay:.22s}
.vxc.is-open .vxc-home-body>:nth-child(2){animation-delay:.28s}
.vxc.is-open .vxc-home-body>:nth-child(3){animation-delay:.34s}
.vxc.is-open .vxc-home-body>:nth-child(4){animation-delay:.4s}
.vxc.is-open .vxc-home-body>:nth-child(n+5){animation-delay:.46s}
@keyframes vxp-rise{from{opacity:0;transform:translateY(12px)}}

.vxc-home{background:#f3f1ec}
.vxc-home-body{gap:12px;padding:0 16px 20px}
.vxc-card{position:relative;box-shadow:0 1px 0 rgba(0,0,0,.04),0 10px 24px -16px rgba(0,0,0,.3);overflow:hidden}
.vxc-ask,.vxc-track-card{gap:14px;padding:16px;border:0;transition:transform .3s var(--p-ease),box-shadow .3s var(--p-ease)}
.vxc-ask::before,.vxc-track-card::before,.vxc-journey::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--c-gold);transform:scaleY(0);transform-origin:bottom;transition:transform .35s var(--p-ease)}
.vxc-ask:hover::before,.vxc-track-card:hover::before,.vxc-journey:hover::before,.vxc-ask:focus-visible::before,.vxc-track-card:focus-visible::before,.vxc-journey:focus-visible::before{transform:scaleY(1)}
.vxc-ask:hover,.vxc-track-card:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 32px -18px rgba(0,0,0,.4)}
.vxc-ask .vxc-ask-icon{width:42px;height:42px;background:var(--c-ink);color:var(--c-gold)}
.vxc .vxc-ask .vxc-ask-icon svg{width:26px;height:26px}
.vxc-ask>svg:last-child,.vxc-track-card>svg:last-child{width:18px;height:18px;color:var(--c-gold-d);transition:transform .3s var(--p-ease)}
.vxc-ask:hover>svg:last-child{transform:translateX(4px)}
[dir=rtl] .vxc-ask:hover>svg:last-child{transform:scaleX(-1) translateX(4px)}
.vxc-track-card{border-inline-start:0;background:#fff}
.vxc-track-card:hover{background:var(--p-warm)}

.vxc-journeys{border:0;box-shadow:0 1px 0 rgba(0,0,0,.04),0 10px 24px -16px rgba(0,0,0,.3);margin-bottom:0}
.vxc-journey{position:relative;padding:14px 16px;font-size:13.5px;transition:background-color .2s}
.vxc-journey+.vxc-journey{border-top-color:#eeebe4}
.vxc-journey:hover{background:var(--p-warm)}
.vxc-journey svg{transition:transform .3s var(--p-ease)}
.vxc-journey:hover svg{transform:translateX(4px)}
[dir=rtl] .vxc-journey svg{transform:scaleX(-1)}
[dir=rtl] .vxc-journey:hover svg{transform:scaleX(-1) translateX(4px)}

.vxc-hsearch{padding:12px;background:#f3f1ec;transition:background-color .2s}
.vxc-hsearch:hover{background:#ebe7de}
.vxc-popq{padding:11px 12px}
.vxc-popq:hover{background:var(--p-warm)}
.vxc-team{padding:18px 16px}
.vxc-cbtn{gap:7px;padding:12px 4px;border-color:#e8e4dc;transition:border-color .2s,background-color .2s,transform .2s var(--p-ease)}
.vxc-cbtn:hover{border-color:var(--c-gold);background:var(--p-warm);transform:translateY(-1px)}

.vxc-bar.vxp-dark{position:relative;padding:12px;background:#0f0f0f;border-bottom:0;color:#fff}
.vxc-bar.vxp-dark::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(198,166,103,0),rgba(198,166,103,.7),rgba(198,166,103,0))}
.vxc-bar.vxp-dark .vxc-ibtn{color:rgba(255,255,255,.7)}
.vxc-bar.vxp-dark .vxc-ibtn:hover{background:rgba(255,255,255,.08);color:#fff}
.vxc-bar.vxp-dark .vxc-who strong{color:#fff}
.vxc-bar.vxp-dark .vxc-status{color:var(--p-gold-l)}
.vxc-bar.vxp-dark .vxc-person-avatar{box-shadow:0 0 0 1px rgba(198,166,103,.6)}
.vxc-status::before{background:var(--c-gold);box-shadow:0 0 0 0 rgba(198,166,103,.6);animation:vxp-ping 2.6s ease-out infinite}
@keyframes vxp-ping{0%{box-shadow:0 0 0 0 rgba(198,166,103,.55)}70%,100%{box-shadow:0 0 0 7px rgba(198,166,103,0)}}

.vxc-log{padding:18px 16px 10px;background:#fff}
.vxc-bubble{padding:11px 14px;background:#f3f1ec;clip-path:polygon(0 0,100% 0,100% 100%,9px 100%,0 calc(100% - 9px))}
.vxc-user .vxc-bubble{background:#121212;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}
[dir=rtl] .vxc-bubble{clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}
[dir=rtl] .vxc-user .vxc-bubble{clip-path:polygon(0 0,100% 0,100% 100%,9px 100%,0 calc(100% - 9px))}
.vxc-in{animation:vxp-msg .45s var(--p-ease)}
.vxc-row.vxc-user:last-child{animation:vxp-msg-user .4s var(--p-ease)}
@keyframes vxp-msg{from{opacity:0;transform:translate(-8px,6px)}}
@keyframes vxp-msg-user{from{opacity:0;transform:translate(8px,6px)}}
[dir=rtl] .vxc-in{animation-name:vxp-msg-user}
[dir=rtl] .vxc-row.vxc-user:last-child{animation-name:vxp-msg}

.vxc-dots{gap:5px;padding:14px 16px;align-items:center;height:42px}
.vxc-dots i{width:3px;height:14px;border-radius:0;background:var(--c-gold);transform:skewX(-24deg) scaleY(.4);animation:vxp-talk 1s infinite var(--p-ease)}
.vxc-dots i:nth-child(2){animation-delay:.12s}
.vxc-dots i:nth-child(3){animation-delay:.24s}
@keyframes vxp-talk{0%,100%{transform:skewX(-24deg) scaleY(.4);opacity:.45}35%{transform:skewX(-24deg) scaleY(1);opacity:1}}

.vxc-chip{background:linear-gradient(var(--c-gold),var(--c-gold)) no-repeat 0 100%/0 100%,#fff;transition:background-size .35s var(--p-ease),transform .15s}
[dir=rtl] .vxc-chip{background-position:100% 100%}
.vxc-chip:hover{background-color:#fff;background-size:100% 100%}
.vxc-next{padding:11px 14px;transition:background-color .2s}
.vxc-next svg{transition:transform .3s var(--p-ease)}
.vxc-next:hover svg{transform:translateX(4px)}
[dir=rtl] .vxc-next svg{transform:scaleX(-1)}
[dir=rtl] .vxc-next:hover svg{transform:scaleX(-1) translateX(4px)}

.vxc-compose{margin:8px 14px 14px;border-color:#e2ded5;transition:border-color .2s,box-shadow .2s}
.vxc-compose:focus-within{border-color:var(--c-gold);box-shadow:0 0 0 3px rgba(198,166,103,.18)}
.vxc-send{width:38px;height:38px;transition:background-color .2s,color .2s,transform .15s}
.vxc-send:hover{background:var(--c-gold);color:var(--c-ink)}
.vxc-send svg{transition:transform .3s var(--p-ease)}
.vxc-send:hover svg{transform:translateX(2px)}
[dir=rtl] .vxc-send:hover svg{transform:scaleX(-1) translateX(2px)}

.vxc-searchbox{background:#f3f1ec}
.vxc-hitem summary{padding:14px 2px}

.vxc-nav{border-top-color:#eeebe4}
.vxc-tab{padding:10px 0 11px;transition:color .2s}
.vxc-tab:hover{color:var(--c-ink)}
.vxc-tab[aria-current=page]::before,.vxc-tab::before{content:"";position:absolute;top:-1px;left:50%;width:26px;height:3px;margin-left:-13px;background:var(--c-gold);transform:skewX(-24deg) scaleX(0);transition:transform .4s var(--p-ease);inset:auto}
.vxc-tab::before{top:-1px;left:50%}
.vxc-tab[aria-current=page]::before{transform:skewX(-24deg) scaleX(1)}
.vxc-tab[aria-current=page] svg{color:var(--c-gold-d)}
.vxc-tab svg{transition:transform .3s var(--p-ease)}
.vxc-tab:active svg{transform:scale(.9)}

@media (max-width:600px){
  .vxc-panel,[dir=rtl] .vxc-panel{clip-path:inset(100% 0 0 0)}
  .vxc.is-open .vxc-panel{clip-path:inset(0)}
  .vxc-launch{width:56px;height:56px}
}
@media (prefers-reduced-motion:reduce){
  .vxc-panel,[dir=rtl] .vxc-panel{clip-path:none}
  .vxc .vxp-bars{transform:none}
  .vxc *::after{animation:none!important;transition:none!important}
}