.h8{--h8-inset:clamp(1.25rem, 4vw, 3.5rem);--h8-y:clamp(5rem, 3.5rem + 5vw, 9rem);--h8-mono:var(--font-geist-mono), ui-monospace, "SFMono-Regular", Menlo, monospace;--h8-ease:var(--ds-ease-precision);isolation:isolate;background:var(--ink-900);font-family:var(--ds-font-body);margin-top:-68px;position:relative;overflow:clip}@media (min-width:1024px){.h8{margin-top:-72px}}.h8 [data-theme=dark]{--h8-accent:var(--green-400);--h8-frame:color-mix(in srgb, var(--slate-400) 16%, transparent);--h8-plus:color-mix(in srgb, var(--slate-400) 60%, transparent);--h8-chip-bg:color-mix(in srgb, var(--blue-50) 3%, transparent);--h8-chip-border:color-mix(in srgb, var(--slate-400) 28%, transparent)}.h8 [data-theme=light]{--h8-accent:var(--green-700);--h8-frame:var(--blue-200);--h8-plus:var(--slate-400);--h8-chip-bg:var(--white);--h8-chip-border:var(--blue-200)}.h8-sec{position:relative}.h8-sec[id]{scroll-margin-top:4.5rem}.h8-sec[data-rule]{border-top:1px solid var(--h8-frame)}.h8-shell{max-width:82rem;padding:var(--h8-y) var(--h8-inset);margin-inline:auto;position:relative}@media (min-width:1024px){.h8-shell{border-inline:1px solid var(--h8-frame);width:calc(100% - 2*clamp(1rem,3vw,3rem))}.h8-sec[data-rule]>.h8-shell:before,.h8-sec[data-rule]>.h8-shell:after{content:"";background:linear-gradient(var(--h8-plus), var(--h8-plus)) center / 1px 100% no-repeat, linear-gradient(var(--h8-plus), var(--h8-plus)) center / 100% 1px no-repeat;pointer-events:none;width:13px;height:13px;position:absolute;top:-7px}.h8-sec[data-rule]>.h8-shell:before{left:-7px}.h8-sec[data-rule]>.h8-shell:after{right:-7px}}.h8-eyebrow{font-family:var(--h8-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-text-secondary);align-items:center;gap:.625rem;font-size:.75rem;line-height:1.4;display:inline-flex}.h8-eyebrow:before{content:"";background:var(--h8-accent);border-radius:1px;width:.4375rem;height:.4375rem}.h8-h1,.h8-h2,.h8-h3{color:var(--ds-text);text-wrap:balance;font-weight:500}.h8-h1{letter-spacing:-.042em;font-size:clamp(2.625rem,1.6rem + 3.3vw,4.25rem);line-height:1.02}.h8-h2{letter-spacing:-.034em;font-size:clamp(2rem,1.45rem + 2.2vw,3.5rem);line-height:1.06}.h8-h3{letter-spacing:-.024em;font-size:clamp(1.5rem,1.3rem + .8vw,2.125rem);line-height:1.15}.h8-accent{color:var(--green-500)}.h8-lead{max-width:40rem;color:var(--ds-text-secondary);text-wrap:pretty;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.6}.h8-body{color:var(--ds-text-secondary);text-wrap:pretty;font-size:1.0625rem;line-height:1.65}.h8 :is(.h8-h1,.h8-h2,.h8-h3,.h8-case-title,.h8-aud-title,.h8-form-title):lang(th){letter-spacing:0}.h8 .h8-h1:lang(th){line-height:1.25}.h8 :is(.h8-h2,.h8-h3,.h8-aud-title):lang(th){line-height:1.32}.h8 :is(.h8-lead,.h8-body,.h8-case-summary,.h8-stat dt,.h8-proc-body p,.h8-next p,.h8-ticks li):lang(th){line-height:1.8}.h8 :is(.h8-eyebrow,.h8-row-eyebrow,.h8-case-tag,.h8-aud-eyebrow,.h8-proc-label,.h8-consult-sub):lang(th){font-family:var(--ds-font-body);letter-spacing:0;text-transform:none;font-size:.875rem;font-weight:500}.h8 :lang(th){word-break:normal;overflow-wrap:break-word;line-break:auto}.h8 :is(.h8-h1,.h8-h2,.h8-h3,.h8-lead,.h8-aud-title,.h8-case-title,.h8-proc-title,.h8-chips li,.h8-btn,.h8-link):lang(th){word-break:keep-all}.h8-actions{flex-wrap:wrap;gap:.75rem;display:flex}.h8-btn{border-radius:var(--ds-radius-lg);background:var(--ds-cta-bg);height:3.25rem;color:var(--ds-cta-fg);white-space:nowrap;transition:background-color var(--ds-dur-300) var(--h8-ease), box-shadow var(--ds-dur-300) var(--h8-ease), color var(--ds-dur-300) var(--h8-ease);justify-content:center;align-items:center;gap:.625rem;padding:0 1.5rem;font-size:1rem;font-weight:500;display:inline-flex}.h8-btn:hover{background:var(--ds-cta-bg-hover)}.h8-btn svg{width:1.125rem;height:1.125rem;transition:transform var(--ds-dur-300) var(--h8-ease)}.h8-btn:hover svg{transform:translate(3px)}.h8-btn.is-ghost{color:var(--ds-text);box-shadow:inset 0 0 0 1px var(--h8-chip-border);background:0 0}.h8-btn.is-ghost:hover{box-shadow:inset 0 0 0 1px var(--ds-text)}.h8-link{width:fit-content;color:var(--ds-text);transition:background-size var(--ds-dur-600) var(--h8-ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;align-items:center;gap:.5rem;padding-bottom:2px;font-weight:500;display:inline-flex}.h8-link-arrow{display:inline-flex}.h8-link svg{width:1.05em;height:1.05em;color:var(--h8-accent);transition:transform var(--ds-dur-300) var(--h8-ease)}.h8-link:hover,a:hover .h8-link{background-size:100% 1px}.h8-link:hover svg,a:hover .h8-link svg{transform:translate(3px)}.h8-chips{flex-wrap:wrap;gap:.5rem;display:flex}.h8-chips li{border:1px solid var(--h8-chip-border);background:var(--h8-chip-bg);color:var(--ds-text);border-radius:999px;padding:.375rem .875rem;font-size:.875rem;line-height:1.4}.h8-head{gap:1.25rem;max-width:52rem;margin-bottom:clamp(3.5rem,6vw,6rem);display:grid}.h8-head.is-split>div{justify-items:start;gap:1.25rem;display:grid}@media (min-width:1024px){.h8-head.is-split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;column-gap:clamp(3rem,6vw,6rem);max-width:none}.h8-head.is-split>.h8-eyebrow{grid-column:1/-1}.h8-head.is-split>div{padding-top:.5rem}}.h8-hero{--silk-px:0;--silk-py:0;isolation:isolate;background:var(--silk-950);overflow:clip}.h8-silk-paint,.h8-silk-canvas,.h8-silk-shade{pointer-events:none;position:absolute;inset:0}.h8-silk-paint{background-image:linear-gradient(132deg, transparent 58%, color-mix(in srgb, var(--silk-navy) 70%, transparent) 66%, color-mix(in srgb, var(--green-500) 50%, transparent) 71.5%, color-mix(in srgb, var(--silk-crest) 88%, transparent) 72.6%, var(--silk-950) 73.1%), linear-gradient(132deg, transparent 24%, color-mix(in srgb, var(--silk-line) 80%, transparent) 36%, color-mix(in srgb, var(--green-800) 45%, transparent) 44%, transparent 52%), radial-gradient(40% 55% at 30% 95%, color-mix(in srgb, var(--silk-teal) 18%, transparent), transparent 70%);transition:opacity 1.2s var(--h8-ease)}.h8-silk-canvas{opacity:0;width:100%;height:100%;transition:opacity 1.4s var(--h8-ease);display:block}.h8-hero[data-scene=live] .h8-silk-canvas{opacity:1}.h8-hero[data-scene=live] .h8-silk-paint{opacity:0}.h8-silk-shade{background:linear-gradient(0deg, var(--ink-900) 0%, transparent 16%), linear-gradient(90deg, color-mix(in srgb, var(--silk-950) 90%, transparent) 0%, color-mix(in srgb, var(--silk-950) 55%, transparent) 34%, transparent 56%)}@media (max-width:1023px){.h8-silk-paint,.h8-silk-canvas{height:min(100%,100svh);bottom:auto;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.h8-silk-shade{background:linear-gradient(0deg, var(--ink-900) 0%, transparent 10%), linear-gradient(180deg, color-mix(in srgb, var(--silk-950) 45%, transparent), color-mix(in srgb, var(--silk-950) 62%, transparent) 30%, color-mix(in srgb, var(--silk-950) 62%, transparent) 55%, color-mix(in srgb, var(--silk-950) 20%, transparent) 80%)}}.h8-hero{--h8-hero-gap:clamp(2.5rem, 6svh, 4.5rem);flex-direction:column;min-height:100svh;display:flex}.h8-hero>.h8-shell{z-index:1;padding-top:calc(68px + var(--h8-hero-gap));padding-bottom:calc(var(--h8-hero-gap) - 1.5rem);border-inline:0;flex:1;align-items:center;display:flex}@media (min-width:1024px){.h8-hero>.h8-shell{padding-top:calc(72px + var(--h8-hero-gap))}}.h8-hero-grid{align-items:center;gap:4.5rem;width:100%;display:grid}@media (min-width:1024px){.h8-hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2.5rem,4vw,4rem)}.h8-hero-visual{margin-right:calc(-1 * var(--h8-inset) + 1.5rem)}}.h8-hero-copy{justify-items:start;gap:1.75rem;display:grid}.h8-hero-copy .h8-actions{margin-top:.75rem}.h8-hero-visual{position:relative}@media (max-width:767px){.h8-hero-visual{width:150%;margin-top:1rem}.h8-hero-visual.is-showcase{width:auto}}.h8-hero-visual .vx-hero{transform:translate3d(calc(var(--silk-px) * -10px), calc(var(--silk-py) * -8px), 0);transition:transform var(--ds-dur-900) var(--h8-ease)}@media (prefers-reduced-motion:no-preference){.h8-hero-copy>*{animation:h8-intro var(--ds-dur-900) var(--h8-ease) both}.h8-hero-copy>:nth-child(2){animation-delay:80ms}.h8-hero-copy>:nth-child(3){animation-delay:.16s}.h8-hero-copy>:nth-child(4){animation-delay:.24s}}@keyframes h8-intro{0%{opacity:0;transform:translateY(1.25rem)}}.h8-proof>.h8-shell{padding-block:0}.h8-stats{margin-inline:calc(-1 * var(--h8-inset));background:var(--h8-frame);border-bottom:1px solid var(--h8-frame);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}@media (min-width:1024px){.h8-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.h8-stat{background:var(--ds-surface);flex-direction:column-reverse;justify-content:flex-end;gap:.625rem;padding:clamp(1.75rem,3vw,2.75rem) clamp(1.25rem,2.5vw,2.25rem);display:flex}.h8-stat dd{letter-spacing:-.035em;color:var(--ds-text);font-variant-numeric:lining-nums tabular-nums;font-size:clamp(1.875rem,1.4rem + 1.5vw,2.875rem);font-weight:500;line-height:1}.h8-stat dt{max-width:16rem;color:var(--ds-text-secondary);font-size:.9375rem;line-height:1.5}.h8-clients{z-index:1;padding-block:1.5rem clamp(1.75rem,3vw,2.5rem);position:relative}.h8-marquee{--gap:clamp(2.75rem, 5vw, 4.5rem);display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.h8-marquee-track{align-items:center;gap:var(--gap);padding-right:var(--gap);flex-shrink:0;animation:60s linear infinite h8-marquee;display:flex}.h8-marquee:hover .h8-marquee-track,.h8-marquee[data-inview=false] .h8-marquee-track{animation-play-state:paused}@keyframes h8-marquee{to{transform:translate(-100%)}}.h8-logo{object-fit:contain;filter:grayscale()invert();mix-blend-mode:screen;opacity:.72;width:auto;max-width:8rem;height:2.125rem;transition:opacity var(--ds-dur-300) var(--h8-ease), filter var(--ds-dur-300) var(--h8-ease);display:block}.h8-marquee-track li:hover .h8-logo{opacity:1}.h8-logo-text{color:var(--ds-text-secondary);white-space:nowrap;font-weight:500}.h8-rows{gap:clamp(4.5rem,9vw,9rem);display:grid}.h8-row{align-items:center;gap:2.75rem;display:grid}@media (min-width:1024px){.h8-row{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(3rem,6vw,6rem)}.h8-row[data-flip]{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.h8-row[data-flip] .h8-row-media{order:2}}.h8-row-copy{justify-items:start;gap:1.25rem;max-width:34rem;display:grid}.h8-row-copy .h8-link{margin-top:.5rem}.h8-row-eyebrow{font-family:var(--h8-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-text-secondary);align-items:center;gap:.75rem;font-size:.75rem;display:flex}.h8-row-eyebrow span{color:var(--h8-accent)}.h8-also{border-top:1px solid var(--h8-frame);gap:1.5rem;margin-top:clamp(4.5rem,8vw,8rem);padding-top:2.5rem;display:grid}.h8-also-title{letter-spacing:-.02em;color:var(--ds-text);font-size:clamp(1.25rem,1.15rem + .4vw,1.5rem);font-weight:500}.h8-also ul{gap:.75rem;display:grid}@media (min-width:640px){.h8-also ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.h8-also ul{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.h8-also ul{grid-template-columns:repeat(5,minmax(0,1fr))}}.h8-also li{display:flex}.h8-also-card{border:1px solid var(--ds-hairline);background:var(--ds-surface-raised);color:var(--ds-text);transition:border-color var(--ds-dur-300) var(--h8-ease), box-shadow var(--ds-dur-300) var(--h8-ease), transform var(--ds-dur-300) var(--h8-ease);border-radius:1rem;flex-direction:column;flex:1;gap:.625rem;padding:1.25rem;display:flex}.h8-also-card:hover{border-color:color-mix(in srgb, var(--h8-accent) 45%, var(--ds-hairline));box-shadow:var(--ds-elevation-2);transform:translateY(-2px)}.h8-also-icon{background:color-mix(in srgb, var(--green-500) 12%, transparent);width:2.5rem;height:2.5rem;color:var(--h8-accent);border-radius:.625rem;place-items:center;margin-bottom:.375rem;display:grid}.h8-also-icon svg{width:1.25rem;height:1.25rem}.h8-also-card strong{letter-spacing:-.01em;font-size:1.0625rem;font-weight:500;line-height:1.3}.h8-also-line{color:var(--ds-text-secondary);font-size:.9375rem;line-height:1.5}.h8-also-card .h8-link{margin-top:auto;padding-top:.25rem}@media (max-width:639px){.h8-also-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.25rem .875rem;padding:1rem;display:grid}.h8-also-icon{grid-area:1/1/span 2;align-self:start;margin-bottom:0}.h8-also-card strong{grid-area:1/2}.h8-also-line{grid-area:2/2}.h8-also-card .h8-link{grid-area:1/3/span 2;margin-top:0;padding-top:0}}.h8-proc{gap:2.5rem;display:grid}@media (min-width:1024px){.h8-proc{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(3rem,5vw,5rem)}}.h8-proc-list{border-top:1px solid var(--h8-frame)}.h8-proc-item{border-bottom:1px solid var(--h8-frame);position:relative}.h8-proc-item:before{content:"";width:2px;transition:background-color var(--ds-dur-300) var(--h8-ease);background:0 0;position:absolute;top:-1px;bottom:-1px;left:0}.h8-proc-item[data-active=true]:before{background:color-mix(in srgb, var(--ds-text) 22%, transparent)}.h8-proc[data-auto=false] .h8-proc-item[data-active=true]:before{background:var(--h8-accent)}.h8-proc-progress{background:var(--h8-accent);transform-origin:top;width:2px;animation-name:h8-progress;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:-1px;bottom:-1px;left:0}.h8-proc-progress.is-paused{animation-play-state:paused}@keyframes h8-progress{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.h8-proc-item h3 button{text-align:left;letter-spacing:-.02em;width:100%;color:var(--ds-text-secondary);cursor:pointer;transition:color var(--ds-dur-300) var(--h8-ease);grid-template-columns:2.75rem minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:1.5rem 0 1.5rem 1.25rem;font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem);font-weight:500;display:grid}.h8-proc-item h3 button:hover,.h8-proc-item[data-active=true] h3 button{color:var(--ds-text)}.h8-proc-num{font-family:var(--h8-mono);letter-spacing:.08em;color:var(--h8-accent);font-size:.8125rem}.h8-proc-chev{width:1.25rem;height:1.25rem;color:var(--ds-text-secondary);transition:transform var(--ds-dur-300) var(--h8-ease)}.h8-proc-item[data-active=true] .h8-proc-chev{transform:rotate(180deg)}.h8-proc-body{transition:grid-template-rows var(--ds-dur-600) var(--h8-ease);grid-template-rows:0fr;display:grid}.h8-proc-item[data-active=true] .h8-proc-body{grid-template-rows:1fr}.h8-proc-body>div{padding-left:1.25rem;overflow:hidden}@media (min-width:640px){.h8-proc-body>div{padding-left:4.5rem}}.h8-proc-body p{max-width:32rem;color:var(--ds-text-secondary);font-size:1.0625rem;line-height:1.65}.h8-proc-body .h8-proc-label{font-family:var(--h8-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-text);margin-top:1.25rem;font-size:.75rem}.h8-proc-body ul{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-bottom:1.75rem;display:flex}.h8-proc-body li{border:1px solid var(--h8-chip-border);background:var(--h8-chip-bg);color:var(--ds-text);border-radius:999px;padding:.3125rem .75rem;font-size:.8125rem}.h8-proc-stage{display:none}.h8-proc-inline{aspect-ratio:4/3;margin-bottom:1.75rem}@media (min-width:1024px){.h8-proc-stage{aspect-ratio:4/3;display:block;position:sticky;top:7rem}.h8-proc-inline{display:none}}.h8-proc-panel{opacity:0;visibility:hidden;transition:opacity var(--ds-dur-600) var(--h8-ease), visibility var(--ds-dur-600) var(--h8-ease);position:absolute;inset:0}.h8-proc-panel[data-active=true]{opacity:1;visibility:visible}.h8-case{color:inherit;align-content:start;gap:1rem;display:grid}.h8-case.is-lead{gap:2rem;margin-bottom:clamp(3.5rem,6vw,5.5rem)}@media (min-width:1024px){.h8-case.is-lead{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(2.5rem,5vw,5rem)}}.h8-case-img{aspect-ratio:4/3;background:var(--blue-100);border-radius:1rem;position:relative;overflow:hidden}.h8-case.is-lead .h8-case-img{aspect-ratio:16/11;overflow:visible}.h8-case.is-lead .h8-case-img:before{content:"";border:1px solid var(--h8-accent);border-radius:inherit;transition:transform var(--ds-dur-600) var(--h8-ease);position:absolute;inset:0;transform:translate(.875rem,.875rem)}.h8-case.is-lead:hover .h8-case-img:before{transform:translate(.375rem,.375rem)}.h8-case.is-lead .h8-case-img img{border-radius:inherit}.h8-case-img img{object-fit:cover;transition:transform 1.2s var(--h8-ease)}.h8-case:not(.is-lead):hover .h8-case-img img{transform:scale(1.04)}.h8-case-img.is-empty{background:radial-gradient(circle at 1px 1px, var(--blue-200) 1px, transparent 0) 0 0 / 18px 18px, var(--blue-100)}.h8-case-copy{justify-items:start;gap:1.125rem;display:grid}.h8-case-copy .h8-link{margin-top:.5rem}.h8-case-tag{font-family:var(--h8-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ds-text-secondary);font-size:.75rem;line-height:1.5}.h8-case:not(.is-lead) .h8-case-tag{margin-top:.5rem}.h8-cases{gap:3rem 2rem;display:grid}@media (min-width:640px){.h8-cases{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.h8-cases{grid-template-columns:repeat(3,minmax(0,1fr))}}.h8-case-title{letter-spacing:-.015em;color:var(--ds-text);transition:color var(--ds-dur-300) var(--h8-ease);font-size:1.3125rem;font-weight:500;line-height:1.3}.h8-case:hover .h8-case-title{color:var(--h8-accent)}.h8-case-summary{color:var(--ds-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.h8-aud{gap:1.25rem;display:grid}@media (min-width:1024px){.h8-aud{grid-template-columns:repeat(3,minmax(0,1fr))}}.h8-aud-card{border:1px solid var(--ds-hairline);background:var(--ds-surface-raised);box-shadow:var(--ds-elevation-1);transition:transform var(--ds-dur-600) var(--h8-ease), box-shadow var(--ds-dur-600) var(--h8-ease), border-color var(--ds-dur-600) var(--h8-ease);border-radius:1rem;flex-direction:column;gap:1rem;padding:clamp(1.75rem,3vw,2.5rem);display:flex}.h8-aud-card:hover{border-color:color-mix(in srgb, var(--h8-accent) 45%, var(--ds-hairline));box-shadow:var(--ds-elevation-2);transform:translateY(-4px)}.h8-aud-icon{background:color-mix(in srgb, var(--green-500) 12%, transparent);width:3rem;height:3rem;color:var(--h8-accent);border-radius:.75rem;place-items:center;margin-bottom:.75rem;display:grid}.h8-aud-icon svg{width:1.375rem;height:1.375rem}.h8-aud-eyebrow{font-family:var(--h8-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-text-secondary);font-size:.75rem}.h8-aud-title{letter-spacing:-.02em;color:var(--ds-text);font-size:clamp(1.375rem,1.25rem + .4vw,1.625rem);font-weight:500;line-height:1.2}.h8-ticks{border-top:1px solid var(--ds-hairline);gap:.75rem;margin-block:.5rem 1rem;padding-top:1.25rem;display:grid}.h8-ticks li{color:var(--ds-text);grid-template-columns:1.25rem minmax(0,1fr);gap:.625rem;font-size:.975rem;line-height:1.5;display:grid}.h8-ticks svg{width:1.125rem;height:1.125rem;color:var(--h8-accent);margin-top:.1875rem}.h8-aud-card .h8-link{margin-top:auto}.h8-voice-stage{display:grid}.h8-voice-item{opacity:0;visibility:hidden;transition:opacity var(--ds-dur-600) var(--h8-ease), transform var(--ds-dur-600) var(--h8-ease), visibility var(--ds-dur-600) var(--h8-ease);grid-area:1/1;align-items:center;gap:2.5rem;display:grid;transform:translateY(.75rem)}.h8-voice-item[data-active=true]{opacity:1;visibility:visible;transform:none}@media (min-width:1024px){.h8-voice-item{grid-template-columns:minmax(0,1fr) auto;gap:clamp(3rem,7vw,7rem)}}.h8-voice-copy{order:2;gap:2.5rem;display:grid}@media (min-width:1024px){.h8-voice-copy{order:0}}.h8-voice blockquote p{letter-spacing:-.025em;max-width:44rem;color:var(--ds-text);text-wrap:pretty;font-size:clamp(1.625rem,1.2rem + 1.6vw,2.75rem);font-weight:500;line-height:1.22}.h8 .h8-voice blockquote p:lang(th){letter-spacing:0;line-height:1.5}.h8-voice figcaption{align-items:center;gap:1.25rem;display:flex}.h8-voice-logo{object-fit:contain;border-right:1px solid var(--ds-hairline);box-sizing:content-box;width:auto;max-width:9rem;height:2.5rem;padding-right:1.25rem}@media (max-width:639px){.h8-voice-logo{max-width:6.5rem;height:1.75rem;padding-right:1rem}}.h8-voice-person{color:var(--ds-text-secondary);gap:.25rem;font-size:.9375rem;display:grid}.h8-voice-person strong{color:var(--ds-text);font-size:1.0625rem;font-weight:500}.h8-voice-photo{aspect-ratio:1;background:var(--ds-surface-muted);width:clamp(10rem,30vw,22rem);box-shadow:var(--ds-elevation-2);border-radius:50%;position:relative;overflow:hidden}.h8-voice-photo img{object-fit:cover;object-position:center 22%}.h8-voice-tabs{flex-wrap:wrap;gap:.75rem;margin-top:clamp(2.5rem,5vw,4rem);display:flex}.h8-voice-tab{border:1px solid var(--ds-hairline);background:var(--ds-surface-raised);cursor:pointer;min-width:8.5rem;height:3.5rem;transition:border-color var(--ds-dur-300) var(--h8-ease), box-shadow var(--ds-dur-300) var(--h8-ease);border-radius:999px;place-items:center;padding:0 1.25rem;display:grid;position:relative;overflow:hidden}.h8-voice-tab img{object-fit:contain;filter:grayscale();opacity:.55;width:auto;max-width:7rem;height:1.625rem;transition:filter var(--ds-dur-300) var(--h8-ease), opacity var(--ds-dur-300) var(--h8-ease)}.h8-voice-tab:hover img,.h8-voice-tab.is-on img{filter:none;opacity:1}.h8-voice-tab:hover{border-color:color-mix(in srgb, var(--h8-accent) 40%, var(--ds-hairline))}.h8-voice-tab.is-on{border-color:var(--h8-accent);box-shadow:0 0 0 1px var(--h8-accent)}.h8-voice-progress{background:var(--h8-accent);transform-origin:0;height:2px;animation:linear forwards h8-voice-progress;position:absolute;inset:auto 0 0}@keyframes h8-voice-progress{0%{transform:scaleX(0)}}.h8-faq-grid{gap:3rem;display:grid}@media (min-width:1024px){.h8-faq-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:clamp(3rem,6vw,6rem)}.h8-faq-head{position:sticky;top:7rem}}.h8-faq-head{justify-items:start;gap:1.25rem;display:grid}.h8-consult{background:radial-gradient(ellipse 50% 60% at 85% 30%, color-mix(in srgb, var(--green-500) 14%, transparent), transparent 70%), var(--ds-surface)}.h8-consult-grid{gap:3.5rem;display:grid}@media (min-width:1024px){.h8-consult-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(3rem,6vw,6rem)}}.h8-consult-copy{justify-items:start;gap:1.25rem;display:grid}.h8-consult-sub{font-family:var(--h8-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-text);margin-top:1.5rem;font-size:.75rem;font-weight:400}.h8-next{border-top:1px solid var(--h8-frame);width:100%}.h8-next li{border-bottom:1px solid var(--h8-frame);grid-template-columns:2.5rem minmax(0,1fr);gap:.75rem;padding-block:1.125rem;display:grid}.h8-next li>span{font-family:var(--h8-mono);color:var(--h8-accent);padding-top:.1875rem;font-size:.8125rem}.h8-next strong{color:var(--ds-text);font-weight:500}.h8-next p{color:var(--ds-text-secondary);margin-top:.25rem;font-size:.9375rem;line-height:1.55}.h8-direct{gap:.625rem;margin-top:1.25rem;display:grid}.h8-direct p{color:var(--ds-text-secondary);font-size:.9375rem}.h8-direct a{width:fit-content;color:var(--ds-text);text-underline-offset:4px;transition:text-decoration-color var(--ds-dur-300) var(--h8-ease);align-items:center;gap:.625rem;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline-flex}.h8-direct a:hover{text-decoration-color:currentColor}.h8-direct svg{width:1.125rem;height:1.125rem;color:var(--h8-accent)}.h8-form-card{border:1px solid var(--h8-frame);background:var(--ds-surface-raised);box-shadow:var(--ds-elevation-2);border-radius:1.25rem;padding:clamp(1.5rem,3.5vw,2.75rem)}.h8-form-title{letter-spacing:-.02em;color:var(--ds-text);margin-bottom:1.75rem;font-size:1.375rem;font-weight:500}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.h8-head,.h8-row-media,.h8-row-copy,.h8-also,.h8-proc,.h8-case,.h8-aud,.h8-voice,.h8-faq-grid,.h8-consult-grid>*{animation:linear both h8-rise;animation-timeline:view();animation-range:entry entry 70%}}}@keyframes h8-rise{0%{opacity:0;transform:translateY(2.5rem)}}@media (prefers-reduced-motion:reduce){.h8 *,.h8 :before,.h8 :after{animation:none!important}.h8-marquee{-webkit-mask-image:none;mask-image:none}.h8-marquee-track{flex-wrap:wrap;flex-shrink:1;justify-content:center;row-gap:1.5rem;padding-right:0}.h8-marquee-track[aria-hidden]{display:none}}.h8[data-tone=split]>.h8-sec[data-theme=light]{--ds-surface:var(--white);--ds-surface-raised:var(--blue-50);--background:var(--ds-surface);--card:var(--ds-surface-raised);--h8-chip-bg:var(--blue-50)}.h8[data-tone=split]>.h8-sec[data-theme=light]:not(.h8-proof):nth-child(2n of .h8-sec[data-theme=light]:not(.h8-proof)){--ds-surface:var(--blue-50);--ds-surface-raised:var(--white);--h8-chip-bg:var(--white)}.h8-stats-band{--w:50%;margin-inline:calc(-1 * var(--h8-inset));position:relative}@media (min-width:1024px){.h8-stats-band{--w:25%}}.h8-stats-band .h8-stats{margin-inline:0}.h8-stats-line{left:clamp(0px, calc(var(--x,calc(var(--w) / 2)) - var(--w) / 2), calc(100% - var(--w)));width:var(--w);background:linear-gradient(90deg, transparent, var(--green-400) 35%, var(--green-500) 50%, var(--green-400) 65%, transparent);pointer-events:none;height:2px;transition:left .12s ease-out;position:absolute}.h8-stats-line:after{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--green-400) 70%, transparent), transparent);filter:blur(5px);position:absolute;inset:-8px 8%}.h8-stats-line.is-top{top:-1.5px}.h8-stats-line.is-bottom{bottom:-.5px}@media (prefers-reduced-motion:reduce){.h8-stats-line{transition:none}}.h8[data-tone=split] .h8-services{isolation:isolate}.h8[data-tone=split] .h8-services:before{content:"";z-index:-1;background:radial-gradient(ellipse 45% 55% at 88% 0%, color-mix(in srgb, var(--green-400) 12%, transparent), transparent 70%), radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--slate-400) 38%, transparent) 1px, transparent 0) 0 0 / 22px 22px;pointer-events:none;height:min(48rem,70%);position:absolute;inset:0 0 auto;-webkit-mask-image:radial-gradient(70% 80% at 80% 0,#000 20%,#0000 70%);mask-image:radial-gradient(70% 80% at 80% 0,#000 20%,#0000 70%)}.h8[data-tone=split] .h8-btn:not(.is-ghost):hover{box-shadow:0 .75rem 1.75rem -.75rem color-mix(in srgb, var(--green-700) 70%, transparent)}.h8[data-tone=split] .h8-btn:active{transform:translateY(1px)}.h8[data-tone=split] .h8-proc-item h3 button{transition:color var(--ds-dur-300) var(--h8-ease), background-color var(--ds-dur-300) var(--h8-ease)}.h8[data-tone=split] .h8-proc-item:not([data-active=true]) h3 button:hover{background:color-mix(in srgb, var(--h8-accent) 5%, transparent)}.h8[data-tone=split] .h8-link{min-height:2.75rem;transition:color var(--ds-dur-300) var(--h8-ease);background:0 0;gap:.75rem;padding-bottom:0}.h8[data-tone=split] .h8-link-arrow{background:color-mix(in srgb, var(--green-500) 16%, transparent);width:2.25rem;height:2.25rem;color:var(--green-800);transition:background-color var(--ds-dur-300) var(--h8-ease), color var(--ds-dur-300) var(--h8-ease), transform var(--ds-dur-300) var(--h8-ease);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.h8[data-tone=split] .h8-link-arrow svg{width:1.05rem;height:1.05rem;color:inherit;transition:transform var(--ds-dur-600) var(--h8-ease);grid-area:1/1}.h8[data-tone=split] .h8-link-arrow svg+svg{transform:translate(-2.25rem)}.h8[data-tone=split] :is(.h8-link:hover,a:hover .h8-link,.h8-row:has(.h8-row-media:hover) .h8-link){color:var(--h8-accent)}.h8[data-tone=split] :is(.h8-link:hover,a:hover .h8-link,.h8-row:has(.h8-row-media:hover) .h8-link) .h8-link-arrow{background:var(--green-700);color:var(--white)}.h8[data-tone=split] :is(.h8-link:hover,a:hover .h8-link,.h8-row:has(.h8-row-media:hover) .h8-link) .h8-link-arrow svg{transform:translate(2.25rem)}.h8[data-tone=split] :is(.h8-link:hover,a:hover .h8-link,.h8-row:has(.h8-row-media:hover) .h8-link) .h8-link-arrow svg+svg{transform:translate(0)}.h8[data-tone=split] :is(.h8-link:active,a:active .h8-link) .h8-link-arrow{background:var(--green-800);color:var(--white);transform:scale(.9)}@media (prefers-reduced-motion:reduce){.h8[data-tone=split] .h8-link-arrow svg+svg{display:none}.h8[data-tone=split] .h8-link .h8-link-arrow svg{transform:none!important}}.h8[data-tone=split] .h8-aud-card{position:relative;overflow:hidden}.h8[data-tone=split] .h8-aud-card:before{content:"";background:var(--h8-accent);transform-origin:0;height:3px;transition:transform var(--ds-dur-600) var(--h8-ease);position:absolute;inset:0 0 auto;transform:scaleX(0)}.h8[data-tone=split] .h8-aud-card:hover:before{transform:scaleX(1)}.h8[data-tone=split] .h8-aud-icon{transition:background-color var(--ds-dur-300) var(--h8-ease), color var(--ds-dur-300) var(--h8-ease)}.h8[data-tone=split] .h8-aud-card:hover .h8-aud-icon{background:var(--h8-accent);color:var(--white)}.h8-screens-row{--gap:clamp(1.25rem, 2.5vw, 2rem);--screen-w:clamp(11rem, 18vw, 15rem);--shot-h:calc((var(--screen-w) - 1rem) * 1110 / 540);--desk-h:calc(var(--shot-h) + 1rem - 1.75rem - .4rem);overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;margin-inline:calc(-1 * var(--h8-inset));padding-block:.75rem 1rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.h8-screens-row::-webkit-scrollbar{display:none}.h8-screens-row[data-dragging]{cursor:grabbing;-webkit-user-select:none;user-select:none}.h8-screens-row img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.h8-screens-nav{justify-content:flex-end;gap:.625rem;margin-top:1.25rem;display:flex}.h8-screens-btn{background:color-mix(in srgb, var(--green-500) 16%, transparent);width:2.75rem;height:2.75rem;color:var(--green-800);cursor:pointer;transition:background-color var(--ds-dur-300) var(--h8-ease), color var(--ds-dur-300) var(--h8-ease), transform var(--ds-dur-300) var(--h8-ease);border-radius:50%;place-items:center;display:grid}.h8-screens-btn:hover{background:var(--green-700);color:var(--white)}.h8-screens-btn:active{transform:scale(.92)}.h8-screens-btn svg{width:1.125rem;height:1.125rem}.h8-screens-track{gap:var(--gap);padding-right:var(--gap);flex-shrink:0;display:flex}.h8-screen{width:var(--screen-w);color:var(--ds-text);gap:1rem;display:grid}.h8-phone{background:var(--ink-900);box-shadow:0 1.75rem 3rem -1.75rem color-mix(in srgb, var(--ink-900) 55%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--blue-50) 10%, transparent);transition:transform var(--ds-dur-600) var(--h8-ease), box-shadow var(--ds-dur-600) var(--h8-ease);border-radius:2.25rem;padding:.5rem;display:block}.h8-phone-screen{aspect-ratio:540/1110;background:var(--blue-100);border-radius:1.75rem;display:block;overflow:hidden}.h8-phone-screen img{object-fit:cover;object-position:top;width:100%;height:100%}.h8-screen.is-desktop{width:calc(var(--desk-h) * 1200 / 768 + .8rem)}.h8-browser{background:var(--ink-900);box-shadow:0 1.75rem 3rem -1.75rem color-mix(in srgb, var(--ink-900) 55%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--blue-50) 10%, transparent);transition:transform var(--ds-dur-600) var(--h8-ease), box-shadow var(--ds-dur-600) var(--h8-ease);border-radius:1rem;grid-template-rows:1.75rem auto;padding:0 .4rem .4rem;display:grid}.h8-browser-bar{align-items:center;gap:.35rem;padding-left:.5rem;display:flex}.h8-browser-bar i{background:color-mix(in srgb, var(--slate-400) 40%, transparent);border-radius:50%;width:.5rem;height:.5rem}.h8-browser-screen{height:var(--desk-h);background:var(--blue-100);border-radius:.6rem;display:block;overflow:hidden}.h8-browser-screen img{object-fit:cover;object-position:top;width:100%;height:100%}.h8-screen-caption{grid-template-columns:minmax(0,1fr) auto;column-gap:.5rem;padding-inline:.25rem;font-size:.9375rem;line-height:1.35;display:grid}.h8-screen-caption strong{font-weight:500}.h8-screen-caption>span{color:var(--ds-text-secondary);grid-column:1;font-size:.875rem}.h8-screen-caption svg{width:1.125rem;height:1.125rem;color:var(--h8-accent);transition:transform var(--ds-dur-300) var(--h8-ease);grid-area:1/2/span 2;align-self:center}.h8-screen.is-link:hover :is(.h8-phone,.h8-browser){box-shadow:0 2.25rem 3.5rem -1.75rem color-mix(in srgb, var(--ink-900) 60%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--blue-50) 10%, transparent);transform:translateY(-6px)}.h8-screen.is-link:hover strong{color:var(--h8-accent)}.h8-screen.is-link:hover .h8-screen-caption svg{transform:translate(3px)}
.vx,.h8-proc-stage,.h8-proc-inline{container-type:inline-size}.vx,.h8-proc-inline{position:relative}.vx>*,.h8-proc-panel,.h8-proc-inline>*{font-size:var(--vx-fs,1.6cqi)}.h8 [data-inview=false],.h8 [data-inview=false] *{animation-play-state:paused!important}.vx-stage{aspect-ratio:4/3;isolation:isolate;border:1px solid var(--h8-frame);background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--slate-400) 20%, transparent) 1px, transparent 0) 0 0 / 22px 22px, linear-gradient(160deg, color-mix(in srgb, var(--ink-800) 80%, var(--blue-600)), var(--ink-900) 70%);border-radius:1.25rem}.vx-stage:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(26rem circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--green-400) 10%, transparent), transparent 65%);opacity:0;transition:opacity var(--ds-dur-600) var(--h8-ease);pointer-events:none;position:absolute;inset:0}.vx-stage:hover:before{opacity:1}.vx-win{border:1px solid color-mix(in srgb, var(--slate-400) 22%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--ink-700) 75%, var(--ink-800)), var(--ink-800) 40%);box-shadow:0 2.5em 5em -2em #000000b3, 0 0 0 1px #0003, inset 0 1px 0 color-mix(in srgb, var(--blue-50) 6%, transparent);color:var(--blue-100);border-radius:.9em;overflow:hidden}.vx-bar{border-bottom:1px solid color-mix(in srgb, var(--slate-400) 14%, transparent);align-items:center;gap:.45em;height:2.5em;padding:0 .9em;display:flex}.vx-bar>i{background:color-mix(in srgb, var(--slate-400) 32%, transparent);border-radius:50%;width:.6em;height:.6em}.vx-bar>.vx-mono{margin-left:.6em}.vx-mono{font-family:var(--h8-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--slate-400);font-size:.78em;line-height:1.3}.vx-pill{background:color-mix(in srgb, var(--slate-400) 14%, transparent);color:var(--blue-100);white-space:nowrap;border-radius:999px;padding:.2em .75em;font-size:.78em;line-height:1.5;display:inline-block}.vx-pill.is-ok{background:color-mix(in srgb, var(--green-400) 16%, transparent);color:var(--green-400)}.vx-pill.is-wait{background:color-mix(in srgb, var(--champagne-500) 18%, transparent);color:var(--champagne-500)}.vx-step{font-family:var(--h8-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--blue-100);align-items:center;gap:.55em;font-size:.78em;display:inline-flex;position:absolute;bottom:calc(100% + .7em);left:0}.vx-step em{background:var(--green-400);color:var(--ink-900);border-radius:.3em;padding:.2em .45em;font-style:normal;font-weight:600}.vx-chip{z-index:3;border:1px solid color-mix(in srgb, var(--slate-400) 26%, transparent);background:color-mix(in srgb, var(--ink-700) 92%, var(--green-500));color:var(--blue-50);white-space:nowrap;border-radius:999px;align-items:center;gap:.55em;padding:.65em 1.1em;font-weight:500;display:inline-flex;position:absolute;box-shadow:0 1.2em 2.5em -1em #000000b3}.vx-chip svg{width:1.1em;height:1.1em;color:var(--green-400)}.vx-float{z-index:3;border:1px solid color-mix(in srgb, var(--slate-400) 26%, transparent);background:var(--ink-800);color:var(--blue-50);border-radius:.8em;animation:6s ease-in-out infinite vx-bob;position:absolute;box-shadow:0 1.5em 3em -1em #000000b3}.vx-dot{background:var(--green-400);border-radius:50%;flex-shrink:0;width:.6em;height:.6em;animation:2s ease-out infinite vx-pulse}.vx-phone{aspect-ratio:9/19;border:.35em solid color-mix(in srgb, var(--ink-700) 80%, var(--slate-600));background:var(--ink-900);box-shadow:0 3em 5em -2em #000000bf, inset 0 0 0 1px color-mix(in srgb, var(--blue-50) 6%, transparent);border-radius:2.2em;position:relative;overflow:hidden}.vx-notch{z-index:4;background:color-mix(in srgb, var(--ink-700) 80%, var(--slate-600));border-radius:999px;width:32%;height:1.15em;position:absolute;top:.6em;left:50%;transform:translate(-50%)}@keyframes vx-bob{50%{transform:translateY(-.5em)}}@keyframes vx-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--green-400) 60%, transparent)}to{box-shadow:0 0 0 .8em #0000}}@keyframes vx-in-up{0%{opacity:0;transform:translateY(2em)}}@keyframes vx-pop{0%{opacity:0;transform:scale(.85)}}@keyframes vx-swap-a{0%,46%{opacity:1}50%,92%{opacity:0}96%,to{opacity:1}}@keyframes vx-swap-b{0%,46%{opacity:0}50%,92%{opacity:1}96%,to{opacity:0}}.vx-hero{--vx-fs:1.68cqi;aspect-ratio:1.2}.vxh-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--green-500) 22%, transparent), transparent);pointer-events:none;border-radius:50%;position:absolute;inset:8% -4% 4% 18%}.vxh-app{width:88%;animation:vx-in-up var(--ds-dur-900) var(--h8-ease) .1s both;position:absolute;top:10%;left:12%}.vxh-body{grid-template-columns:9.5em minmax(0,1fr);display:grid}.vxh-side{border-right:1px solid color-mix(in srgb, var(--slate-400) 14%, transparent);align-content:start;gap:.3em;padding:1.2em .8em;display:grid}.vxh-side span{color:var(--slate-400);border-radius:.45em;padding:.5em .65em;font-size:.95em}.vxh-side .is-on{background:color-mix(in srgb, var(--green-400) 14%, transparent);color:var(--blue-50)}.vxh-logo,.vxw-nav b,.vxm-app{background:linear-gradient(135deg, var(--green-400), var(--green-700));border-radius:.45em;width:1.7em;height:1.7em;display:block}.vxh-logo{margin:0 0 1em .5em}.vxh-main{align-content:start;gap:1.3em;padding:1.4em 1.5em 1.5em;display:grid}.vxh-head{justify-content:space-between;align-items:flex-end;display:flex}.vxh-head>div{gap:.35em;display:grid}.vxh-head strong{letter-spacing:-.015em;color:var(--blue-50);font-size:1.55em;font-weight:500}.vxh-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85em;display:grid}.vxh-kpi{border:1px solid color-mix(in srgb, var(--slate-400) 14%, transparent);background:color-mix(in srgb, var(--slate-400) 6%, transparent);border-radius:.6em;gap:.55em;padding:.95em 1em;display:grid;position:relative}.vxh-kpi>span{color:var(--slate-400);font-size:.82em}.vxh-kpi strong{letter-spacing:-.02em;color:var(--blue-50);font-size:2em;font-weight:500;line-height:1}.vxh-kpi small{letter-spacing:0;color:var(--green-400);margin-left:.3em;font-size:.4em;font-weight:500}.vxh-kpi.is-sel{outline:1.5px solid var(--green-400);outline-offset:.35em;animation:vxh-select .7s var(--h8-ease) 1.3s both}.vxh-kpi.is-sel .vx-step{animation:vx-pop .5s var(--ds-ease-settle) 1.6s both;bottom:calc(100% + 1em);left:-.35em}.vxh-h{border:1.5px solid var(--green-400);background:var(--ink-900);width:.6em;height:.6em;animation:vx-pop .4s var(--ds-ease-settle) 1.5s both;position:absolute}.vxh-h:first-of-type{top:-.68em;left:-.68em}.vxh-h:nth-of-type(2){top:-.68em;right:-.68em}.vxh-h:nth-of-type(3){bottom:-.68em;left:-.68em}.vxh-h:nth-of-type(4){bottom:-.68em;right:-.68em}@keyframes vxh-select{0%{outline-offset:1.1em;outline-color:#0000}}.vxh-swap{display:inline-grid}.vxh-swap>*{grid-area:1/1}.vxh-swap>:last-child{opacity:0}.vxh-swap>:first-child{animation:9s 3s infinite both vx-swap-a}.vxh-swap>:last-child{animation:9s 3s infinite both vx-swap-b}.vxh-table{border:1px solid color-mix(in srgb, var(--slate-400) 14%, transparent);border-radius:.6em;overflow:hidden}.vxh-thead,.vxh-row{grid-template-columns:minmax(0,1fr) 6.5em 6.5em;align-items:center;padding:0 1em;display:grid}.vxh-thead{border-bottom:1px solid color-mix(in srgb, var(--slate-400) 14%, transparent);height:2.4em;font-family:var(--h8-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--slate-400);font-size:.72em}.vxh-rows{height:10.304em;overflow:hidden}.vxh-row{border-bottom:1px solid color-mix(in srgb, var(--slate-400) 9%, transparent);height:2.8em;color:var(--blue-100);animation:vxh-push 9s var(--h8-ease) 3s infinite both;font-size:.92em}.vxh-row>:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vxh-row>:nth-child(2){color:var(--slate-400);font-variant-numeric:tabular-nums}.vxh-row>:last-child{justify-self:start}.vxh-row.is-new{background:color-mix(in srgb, var(--green-400) 7%, transparent)}@keyframes vxh-push{0%,6%{transform:translateY(-100%)}14%,86%{transform:translateY(0)}96%,to{transform:translateY(-100%)}}.vxh-status>*{justify-self:start}.vxh-note{z-index:3;background:var(--blue-50);width:29%;color:var(--ink-900);animation:vxh-note-in var(--ds-dur-900) var(--h8-ease) .6s both;border-radius:.8em;padding:1.1em 1.2em 1.2em;position:absolute;top:3%;left:-2%;transform:rotate(-2deg);box-shadow:0 2em 4em -1.5em #000000b3}.vxh-note .vx-step{bottom:calc(100% + .9em)}.vxh-note .vx-mono{color:var(--slate-600)}.vxh-note p{letter-spacing:-.015em;margin:.55em 0 .9em;font-size:1.3em;font-weight:500;line-height:1.28}.vxh-who{color:var(--slate-600);align-items:center;gap:.55em;font-size:.85em;display:flex}.vxh-who b{background:var(--champagne-500);width:2.1em;height:2.1em;color:var(--ink-900);border-radius:50%;place-items:center;font-size:.8em;display:grid}@keyframes vxh-note-in{0%{opacity:0;transform:translate(-2em,1em)rotate(-7deg)}}.vxh-phone{z-index:4;width:23%;animation:vx-in-up 1s var(--h8-ease) 1.8s both;position:absolute;bottom:0;left:0}.vxh-screen{gap:.65em;padding:2.6em .85em .85em;display:grid}.vxh-screen>strong{color:var(--blue-50);font-size:1.25em;font-weight:500}.vxh-card{border:1px solid color-mix(in srgb, var(--slate-400) 16%, transparent);background:color-mix(in srgb, var(--slate-400) 7%, transparent);color:var(--slate-400);border-radius:.8em;gap:.3em;padding:.8em;font-size:.82em;display:grid}.vxh-card b{color:var(--blue-50);font-size:1.2em;font-weight:500}.vxh-card-id{font-family:var(--h8-mono);letter-spacing:.08em;font-size:.85em}.vxh-amount{color:var(--blue-50);margin-top:.2em;font-size:1.6em;font-weight:500}.vxh-btn{background:var(--green-400);height:2.6em;color:var(--ink-900);border-radius:.6em;place-items:center;margin-top:.4em;font-weight:600;animation:9s 3s infinite both vxh-btn;display:grid}.vxh-btn>span{align-items:center;gap:.35em;display:inline-flex}.vxh-btn svg{width:1.1em;height:1.1em}@keyframes vxh-btn{0%,44%{background:var(--green-400);color:var(--ink-900);transform:scale(1)}47%{transform:scale(.94)}50%,92%{background:color-mix(in srgb, var(--green-400) 16%, transparent);color:var(--green-400);transform:scale(1)}96%,to{background:var(--green-400);color:var(--ink-900)}}.vxh-card.is-dim{opacity:.45}.vxh-app .vx-bar>.vx-mono{margin-left:auto}.vxh-live{z-index:3;animation:vx-pop .6s var(--ds-ease-settle) 2.3s both;position:absolute;bottom:17%;right:-1%}.vxh-live .vx-step{left:auto;right:0}.vxh-live-card{border:1px solid color-mix(in srgb, var(--green-400) 35%, transparent);background:var(--ink-800);border-radius:.8em;align-items:center;gap:.75em;padding:.8em 1.15em;display:flex;box-shadow:0 1.5em 3em -1em #000000b3}.vxh-live-card>span{color:var(--blue-50);gap:.15em;font-size:.95em;font-weight:500;display:grid}.vxh-live-card small{color:var(--slate-400);font-size:.85em;font-weight:400}.vx-web{--vx-fs:1.95cqi}.vxw-win{width:84%;position:absolute;top:50%;left:7%;transform:translateY(-50%)}.vxw-url{background:color-mix(in srgb, var(--slate-400) 10%, transparent);color:var(--slate-400);border-radius:999px;align-items:center;gap:.45em;margin-inline:auto;padding:.3em 1.1em;font-size:.82em;display:inline-flex}.vxw-url svg{width:.9em;height:.9em}.vxw-body{gap:1.3em;padding:1.3em;display:grid}.vxw-nav{align-items:center;gap:1.1em;display:flex}.vxw-nav span{background:color-mix(in srgb, var(--slate-400) 26%, transparent);border-radius:999px;width:3.4em;height:.5em}.vxw-nav em{background:var(--green-400);color:var(--ink-900);border-radius:.4em;margin-left:auto;padding:.4em 1em;font-size:.82em;font-style:normal;font-weight:600}.vxw-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1em;display:grid}.vxw-chart,.vxw-tile{border:1px solid color-mix(in srgb, var(--slate-400) 14%, transparent);background:color-mix(in srgb, var(--slate-400) 6%, transparent);border-radius:.7em}.vxw-chart{gap:.4em;padding:1em 1em .6em;display:grid}.vxw-chart strong{letter-spacing:-.02em;color:var(--blue-50);font-size:2em;font-weight:500}.vxw-chart svg{width:100%;height:7.5em;overflow:visible}.vxw-line{fill:none;stroke:var(--green-400);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0;animation:vxw-draw 8s var(--h8-ease) infinite both}.vxw-area{fill:color-mix(in srgb, var(--green-400) 13%, transparent);animation:vxw-area 8s var(--h8-ease) infinite both}@keyframes vxw-draw{0%{stroke-dashoffset:1px;opacity:1}35%,88%{stroke-dashoffset:0;opacity:1}96%,to{stroke-dashoffset:0;opacity:0}}@keyframes vxw-area{0%,20%{opacity:0}40%,88%{opacity:1}96%,to{opacity:0}}.vxw-tiles{gap:.7em;display:grid}.vxw-tile{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5em .8em;padding:.75em .9em;display:grid}.vxw-tile span{color:var(--slate-400);font-size:.8em}.vxw-tile strong{color:var(--blue-50);grid-area:1/2/3;font-size:1.15em;font-weight:500}.vxw-tile i{background:color-mix(in srgb, var(--slate-400) 15%, transparent);border-radius:999px;height:.35em;position:relative;overflow:hidden}.vxw-tile i:after{content:"";width:calc(var(--fill) * 100%);border-radius:inherit;background:var(--green-400);transform-origin:0;animation:vxw-grow 8s var(--h8-ease) calc(var(--i) * .2s) infinite both;position:absolute;inset:0}@keyframes vxw-grow{0%,10%{transform:scaleX(0)}40%,88%{transform:scaleX(1)}to{transform:scaleX(0)}}.vxw-chip{top:6%;left:-3%}.vxw-score{grid-template-columns:auto auto;align-items:center;column-gap:.7em;padding:.8em 1.1em .8em .8em;display:grid;bottom:6%;right:-3%}.vxw-score svg{grid-row:1/3;width:3.4em;height:3.4em;transform:rotate(-90deg)}.vxw-score circle{fill:none;stroke:color-mix(in srgb, var(--slate-400) 20%, transparent);stroke-width:3.5px}.vxw-score .vxw-arc{stroke:var(--green-400);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:.02px;animation:vxw-arc 8s var(--h8-ease) infinite both}@keyframes vxw-arc{0%,15%{stroke-dashoffset:1px}50%,to{stroke-dashoffset:.02px}}.vxw-score strong{align-self:end;font-size:1.7em;font-weight:500;line-height:1}.vx-mobile{--vx-fs:1.75cqi}.vxm-front{z-index:2;width:29%;position:absolute;top:6%;left:22%}.vxm-back{width:26%;position:absolute;top:12%;left:52%;transform:rotate(6deg)}.vxm-screen{gap:.7em;padding:2.6em .9em .9em;display:grid}.vxm-screen>strong{letter-spacing:-.01em;color:var(--blue-50);font-size:1.4em;font-weight:500}.vxm-days{gap:.35em;display:flex}.vxm-days span{background:color-mix(in srgb, var(--slate-400) 10%, transparent);color:var(--slate-400);text-align:center;border-radius:.5em;flex:1;padding:.5em 0;font-size:.75em}.vxm-days .is-on{background:var(--green-400);color:var(--ink-900);font-weight:600}.vxm-slot{border:1px solid color-mix(in srgb, var(--slate-400) 16%, transparent);background:color-mix(in srgb, var(--slate-400) 6%, transparent);border-radius:.75em;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6em;padding:.7em;display:grid}.vxm-slot em{font-family:var(--h8-mono);color:var(--blue-100);font-size:.78em;font-style:normal}.vxm-slot>span{color:var(--slate-400);gap:.1em;font-size:.72em;display:grid}.vxm-slot b{white-space:nowrap;text-overflow:ellipsis;color:var(--blue-50);font-size:1.3em;font-weight:500;overflow:hidden}.vxm-check{border:1px solid color-mix(in srgb, var(--slate-400) 30%, transparent);border-radius:50%;place-items:center;width:1.5em;height:1.5em;display:grid}.vxm-check svg{opacity:0;width:.9em;height:.9em}.vxm-slot.is-pick{border-color:var(--green-400);background:color-mix(in srgb, var(--green-400) 12%, transparent);animation:7s infinite both vxm-pick}.vxm-slot.is-pick .vxm-check{border-color:var(--green-400);background:var(--green-400);color:var(--ink-900);animation:7s infinite both vxm-tick}.vxm-slot.is-pick .vxm-check svg{opacity:1}@keyframes vxm-pick{0%,22%{border-color:color-mix(in srgb, var(--slate-400) 16%, transparent);background:color-mix(in srgb, var(--slate-400) 6%, transparent)}28%,90%{border-color:var(--green-400);background:color-mix(in srgb, var(--green-400) 12%, transparent)}to{border-color:color-mix(in srgb, var(--slate-400) 16%, transparent);background:color-mix(in srgb, var(--slate-400) 6%, transparent)}}@keyframes vxm-tick{0%,22%{border-color:color-mix(in srgb, var(--slate-400) 30%, transparent);background:0 0;transform:scale(1)}26%{transform:scale(1.25)}30%,90%{background:var(--green-400);border-color:var(--green-400);transform:scale(1)}to{border-color:color-mix(in srgb, var(--slate-400) 30%, transparent);background:0 0}}.vxm-push{z-index:3;background:var(--blue-50);color:var(--ink-900);animation:vxm-push 7s var(--h8-ease) infinite both;border-radius:1em;align-items:center;gap:.6em;padding:.65em .7em;font-size:.78em;display:flex;position:absolute;top:3.2em;left:.5em;right:.5em;box-shadow:0 1em 2em -.8em #000000b3}.vxm-push>span{color:var(--slate-600);display:grid}.vxm-push strong{color:var(--ink-900);font-size:1.1em}.vxm-app{flex-shrink:0;width:2.2em;height:2.2em}@keyframes vxm-push{0%,32%{opacity:0;transform:translateY(-130%)}40%,84%{opacity:1;transform:translateY(0)}92%,to{opacity:0;transform:translateY(-130%)}}.vxm-reader{align-content:start;gap:.6em;height:100%;padding:2.6em 1em 1em;display:grid}.vxm-reader b{color:var(--blue-50);margin-bottom:.3em;font-size:1.25em;font-weight:500}.vxm-reader>i{width:var(--w);background:color-mix(in srgb, var(--slate-400) 22%, transparent);border-radius:999px;height:.42em;display:block}.vxm-toast{border:1px solid color-mix(in srgb, var(--champagne-500) 40%, transparent);background:color-mix(in srgb, var(--champagne-500) 16%, var(--ink-900));color:var(--champagne-500);white-space:nowrap;animation:vxm-toast 7s var(--h8-ease) infinite both;border-radius:.75em;justify-content:center;align-items:center;gap:.45em;padding:.65em .5em;font-size:.8em;font-weight:500;display:flex;position:absolute;bottom:1.4em;left:.9em;right:.9em}.vxm-balance{background:color-mix(in srgb, var(--green-400) 12%, transparent);border-radius:.7em;gap:.3em;padding:.75em .8em;display:grid}.vxm-balance strong{color:var(--green-400);font-size:1.15em;font-weight:500}.vxm-field{border-bottom:1px solid color-mix(in srgb, var(--slate-400) 16%, transparent);color:var(--blue-100);gap:.2em;padding-bottom:.55em;font-size:.85em;display:grid}.vxm-field .vx-mono{font-size:.72em}.vxm-toast.is-ok{border-color:color-mix(in srgb, var(--green-400) 40%, transparent);background:color-mix(in srgb, var(--green-400) 16%, var(--ink-900));color:var(--green-400)}.vxm-toast svg{width:1.2em;height:1.2em}@keyframes vxm-toast{0%,55%{opacity:0;transform:translateY(1em)}62%,92%{opacity:1;transform:translateY(0)}to{opacity:0}}.vxm-cta{background:var(--green-400);color:var(--ink-900);text-align:center;border-radius:.7em;margin-top:.5em;padding:.75em;font-size:.85em;font-weight:600}.vxm-chip{bottom:11%;left:4%}.vx-ent{--vx-fs:1.8cqi}.vxe-lines{width:100%;height:100%;position:absolute;inset:0}.vxe-lines path{fill:none;stroke:color-mix(in srgb, var(--green-400) 55%, transparent);stroke-width:1.5px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke;animation:1.4s linear infinite vxe-flow}@keyframes vxe-flow{to{stroke-dashoffset:-14px}}.vxe-hub{z-index:2;border:1px solid color-mix(in srgb, var(--green-400) 55%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--green-500) 28%, var(--ink-800)), var(--ink-800));width:32%;box-shadow:0 0 0 .55em color-mix(in srgb, var(--green-400) 8%, transparent), 0 2em 4em -1.5em #000000b3;border-radius:.9em;gap:.5em;padding:1.1em 1.2em 1.2em;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vxe-hub .vx-mono{color:var(--green-400)}.vxe-hub strong{color:var(--blue-50);font-size:1.05em;font-weight:500;line-height:1.3}.vxe-hub-rows{gap:.45em;margin-top:.3em;display:grid}.vxe-hub-rows i{background:color-mix(in srgb, var(--blue-50) 16%, transparent);border-radius:999px;height:.45em;display:block}.vxe-hub-rows i:nth-child(2){width:72%}.vxe-hub-rows i:nth-child(3){width:84%}.vxe-node{z-index:2;top:var(--y);left:var(--x);border:1px solid color-mix(in srgb, var(--slate-400) 26%, transparent);background:var(--ink-800);text-align:center;min-width:6.5em;animation:vxe-ping 3.6s ease-out calc(var(--i) * .7s) infinite;border-radius:.7em;gap:.2em;padding:.7em 1em;display:grid;position:absolute;transform:translate(-50%,-50%)}.vxe-node b{color:var(--blue-50);font-size:1.1em;font-weight:500}.vxe-node>span{font-family:var(--h8-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--slate-400);font-size:.72em}@keyframes vxe-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--green-400) 45%, transparent)}40%,to{box-shadow:0 0 0 .9em #0000}}.vxe-legacy{border-color:color-mix(in srgb, var(--champagne-500) 45%, transparent);min-width:11em}.vxe-node .vxe-migrate{font-family:var(--ds-font-body);letter-spacing:0;text-transform:none;color:var(--champagne-500);gap:.4em;font-size:.78em;display:grid}.vxe-migrate i{background:color-mix(in srgb, var(--slate-400) 20%, transparent);border-radius:999px;height:.4em;display:block;position:relative;overflow:hidden}.vxe-migrate i:after{content:"";border-radius:inherit;background:var(--champagne-500);transform-origin:0;width:82%;animation:vxe-migrate 6s var(--h8-ease) infinite both;position:absolute;inset:0}@keyframes vxe-migrate{0%{transform:scaleX(.08)}75%,to{transform:scaleX(1)}}.vxe-log{gap:.4em;padding:.85em 1.1em;display:grid;top:5%;left:36%}.vxe-log>span:last-child{align-items:center;gap:.45em;font-size:.92em;display:flex}.vxe-log svg{width:1.1em;height:1.1em;color:var(--green-400)}.vx-design{--vx-fs:1.8cqi}.vxd-win{width:80%;position:absolute;top:50%;left:7%;transform:translateY(-50%)}.vxd-canvas{background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--slate-400) 18%, transparent) 1px, transparent 0) 0 0 / 1.2em 1.2em;place-items:center;padding:2.2em 2em 2.4em;display:grid;position:relative}.vxd-frame{aspect-ratio:16/10;border:1px solid color-mix(in srgb, var(--slate-400) 26%, transparent);border-radius:.7em;width:74%;position:relative;overflow:hidden;box-shadow:0 1.5em 3em -1.2em #000000b3}.vxd-layer{align-content:start;gap:.6em;padding:1em;display:grid;position:absolute;inset:0}.vxd-wire{background:var(--ink-800)}.vxd-wire i,.vxd-w-cards i{border:1px dashed color-mix(in srgb, var(--slate-400) 45%, transparent);border-radius:.4em;display:block}.vxd-w-hero{height:5em}.vxd-w-line{width:80%;height:.8em}.vxd-w-line.is-short{width:55%}.vxd-w-btn{width:6em;height:1.9em}.vxd-w-cards,.vxd-h-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5em;margin-top:.2em;display:grid}.vxd-w-cards i{height:3em}.vxd-hifi{background:var(--blue-50);color:var(--ink-900);clip-path:inset(0);animation:vxd-wipe 8s var(--h8-ease) infinite both}.vxd-h-hero{background:radial-gradient(circle at 80% 30%, color-mix(in srgb, var(--green-400) 70%, transparent), transparent 55%), linear-gradient(120deg, var(--green-700), var(--blue-600));border-radius:.4em;height:5em}.vxd-hifi b{letter-spacing:-.01em;font-size:1.15em;font-weight:600}.vxd-hifi>span{color:var(--slate-600);font-size:.78em}.vxd-hifi em{background:var(--green-700);color:var(--white);border-radius:.4em;justify-self:start;padding:.45em 1.1em;font-size:.8em;font-style:normal;font-weight:600}.vxd-h-cards i{border:1px solid var(--blue-200);background:var(--blue-100);border-radius:.4em;height:3em}@keyframes vxd-wipe{0%,10%{clip-path:inset(0 100% 0 0)}45%,86%{clip-path:inset(0)}99%,to{clip-path:inset(0 0 0 100%)}}.vxd-scan{background:var(--green-400);width:2px;box-shadow:0 0 1.2em .2em color-mix(in srgb, var(--green-400) 60%, transparent);opacity:0;animation:vxd-scan 8s var(--h8-ease) infinite both;position:absolute;top:0;bottom:0;left:0}@keyframes vxd-scan{0%{opacity:0;left:0}10%{opacity:1;left:0}45%{opacity:1;left:100%}48%,84%{opacity:0;left:100%}85%{opacity:0;left:0}86%{opacity:1;left:0}99%{opacity:1;left:100%}to{opacity:0;left:100%}}.vxd-cursor{width:1.7em;height:1.7em;color:var(--white);fill:var(--ink-900);filter:drop-shadow(0 .2em .4em #00000080);animation:vxd-cursor 8s var(--h8-ease) infinite both;position:absolute;top:66%;left:31%}@keyframes vxd-cursor{0%,45%{top:88%;left:74%;transform:scale(1)}60%{top:66%;left:31%;transform:scale(1)}64%{transform:scale(.82)}68%,86%{top:66%;left:31%;transform:scale(1)}to{top:88%;left:74%}}.vxd-palette{border-radius:999px;gap:.45em;padding:.7em .8em;display:flex;top:3%;right:-2%}.vxd-palette i{width:1.7em;height:1.7em;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--blue-50) 12%, transparent);border-radius:50%}.vxd-palette i:first-child{background:var(--green-500)}.vxd-palette i:nth-child(2){background:var(--green-400)}.vxd-palette i:nth-child(3){background:var(--champagne-500)}.vxd-palette i:nth-child(4){background:var(--blue-600)}.vxd-palette i:nth-child(5){background:var(--blue-50)}.vxd-type{align-items:center;gap:.9em;padding:.8em 1.1em;animation-delay:-3s;display:flex;bottom:7%;left:-2%}.vxd-type strong{letter-spacing:-.03em;font-size:2.3em;font-weight:500;line-height:1}.vxd-type span{gap:.45em;display:grid}.vxd-type i{background:color-mix(in srgb, var(--slate-400) 35%, transparent);border-radius:999px;width:4em;height:.4em;display:block}.vxd-type i+i{width:2.8em}.h8-proc .vx-stage{aspect-ratio:4/3}.h8-proc .vx-stage .h8-proc-panel,.h8-proc-inline>*{--vx-fs:2.15cqi}.vxp{place-items:center;display:grid;position:absolute;inset:8% 7%}.vxp>.vx-win{width:100%;position:relative}.vxp-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:1em;padding:1.3em;display:grid}.vxp-col{align-content:start;gap:.7em;display:grid}.vxp-col .vx-mono{margin-bottom:.3em;font-size:.72em}.vxp-note{background:var(--blue-50);color:var(--ink-900);border-radius:.45em;padding:.85em .9em;font-size:1.02em;font-weight:500;line-height:1.3;transform:rotate(-1deg);box-shadow:0 .8em 1.5em -.8em #000000b3}.vxp-note:nth-of-type(2n){transform:rotate(1.2deg)}.vxp-note.is-pain{background:color-mix(in srgb, var(--champagne-500) 32%, var(--blue-50))}.vxp-note.is-goal{background:color-mix(in srgb, var(--green-400) 34%, var(--blue-50))}.vxp-note.is-hot{outline:1.5px solid var(--champagne-500);outline-offset:.3em}[data-active=true] .vxp-note{animation:vx-pop .5s var(--ds-ease-settle) calc(.15s + var(--i) * 80ms) both}.vxp-flow{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:3em;width:86%;display:grid}.vxp-screen{aspect-ratio:9/16;border:1px dashed color-mix(in srgb, var(--slate-400) 45%, transparent);background:color-mix(in srgb, var(--ink-800) 70%, transparent);border-radius:1.1em;align-content:start;gap:.8em;padding:1em .9em;display:grid;position:relative}.vxp-screen:not(:last-child):after{content:"→";color:var(--slate-400);font-size:1.4em;position:absolute;top:50%;right:-2.2em;transform:translateY(-50%)}.vxp-screen-body{gap:.55em;display:grid}.vxp-screen-body i{background:color-mix(in srgb, var(--slate-400) 28%, transparent);border-radius:999px;height:.55em;display:block}.vxp-screen-body i:first-child{border-radius:.5em;height:4.5em}.vxp-screen-body i:nth-child(3){width:65%}.vxp-screen-body b{border:1px dashed color-mix(in srgb, var(--slate-400) 45%, transparent);border-radius:.5em;height:2em;margin-top:.8em;display:block}.vxp-screen.is-hifi{border:1px solid color-mix(in srgb, var(--green-400) 60%, transparent);background:var(--blue-50);transform:scale(1.1);box-shadow:0 2em 4em -1.5em #000000b3}.vxp-screen.is-hifi .vx-mono{color:var(--slate-600)}.vxp-screen.is-hifi i{background:var(--blue-200)}.vxp-screen.is-hifi i:first-child{background:linear-gradient(120deg, var(--green-700), var(--blue-600))}.vxp-screen.is-hifi b{background:var(--green-700);border:0}[data-active=true] .vxp-screen{animation:vx-in-up .6s var(--h8-ease) calc(.1s + var(--i) * .15s) both}.vxp-tag{bottom:0;left:50%;transform:translate(-50%)}.vxp-sprints{gap:.8em;padding:1.3em;display:grid}.vxp-sprint{grid-template-columns:5.5em minmax(0,1fr) 7em;align-items:center;gap:1em;font-size:.95em;display:grid}.vxp-sprint>span{color:var(--blue-100)}.vxp-sprint>i{background:color-mix(in srgb, var(--slate-400) 15%, transparent);border-radius:999px;height:.7em;overflow:hidden}.vxp-sprint b{border-radius:inherit;background:var(--green-400);width:0;height:100%;display:block}.vxp-sprint.is-done b{width:100%}.vxp-sprint.is-now b{background:var(--champagne-500);width:58%}.vxp-sprint em{font-family:var(--h8-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--slate-400);font-size:.75em;font-style:normal}.vxp-sprint.is-done em{color:var(--green-400)}.vxp-sprint.is-now em{color:var(--champagne-500)}[data-active=true] .vxp-sprint b{animation:vxp-fill .9s var(--h8-ease) calc(var(--i) * .12s) both}@keyframes vxp-fill{0%{width:0}}.vxp-commits{border-top:1px solid color-mix(in srgb, var(--slate-400) 14%, transparent);font-family:var(--h8-mono);color:var(--slate-400);gap:.6em;padding:1em 1.3em 1.2em;font-size:.82em;display:grid}.vxp-commits span{align-items:center;gap:.7em;display:flex}.vxp-commits b{background:var(--green-400);border-radius:50%;flex-shrink:0;width:.55em;height:.55em}[data-active=true] .vxp-commits span{animation:vx-in-up .5s var(--h8-ease) calc(.8s + var(--i) * .15s) both}.vxp-checks{gap:.9em;padding:1.5em 1.4em;display:grid}.vxp-checks li{color:var(--blue-50);align-items:center;gap:.85em;font-size:1.15em;display:flex}.vxp-checks i{background:var(--green-400);width:1.6em;height:1.6em;color:var(--ink-900);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.vxp-checks svg{stroke-width:3px;width:.95em;height:.95em}[data-active=true] .vxp-checks i{animation:vx-pop .4s var(--ds-ease-settle) calc(.3s + var(--i) * .3s) both}.vxp-stamp{bottom:2%;right:-3%}[data-active=true] .vxp-stamp{animation:vx-pop .5s var(--ds-ease-settle) 1.9s both}.vxp-sla{gap:1.2em;padding:1.4em;display:grid}.vxp-uptime strong{letter-spacing:-.035em;color:var(--blue-50);margin:.15em 0 .4em;font-size:3.4em;font-weight:500;line-height:1;display:block}.vxp-ticks{grid-template-columns:repeat(30,minmax(0,1fr));align-items:end;gap:.25em;height:2.8em;display:grid}.vxp-ticks i{background:var(--green-400);opacity:.85;transform-origin:bottom;border-radius:.15em;height:100%;display:block}.vxp-ticks i.is-dip{background:var(--champagne-500);height:62%}[data-active=true] .vxp-ticks i{animation:vxp-tick .5s var(--h8-ease) calc(var(--i) * 25ms) both}@keyframes vxp-tick{0%{transform:scaleY(0)}}.vxp-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75em;display:grid}.vxp-tiles>div{border:1px solid color-mix(in srgb, var(--slate-400) 14%, transparent);background:color-mix(in srgb, var(--slate-400) 6%, transparent);border-radius:.6em;gap:.4em;padding:.85em .9em;display:grid}.vxp-tiles .vx-mono{font-size:.68em}.vxp-tiles strong{color:var(--blue-50);font-size:1.1em;font-weight:500}.h8 [data-theme=light] .vx-stage{background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--slate-400) 40%, transparent) 1px, transparent 0) 0 0 / 22px 22px, linear-gradient(160deg, var(--blue-50), var(--blue-100));box-shadow:var(--ds-elevation-1);transition:border-color var(--ds-dur-600) var(--h8-ease), box-shadow var(--ds-dur-600) var(--h8-ease)}.h8 [data-theme=light] .vx-stage:before{background:radial-gradient(26rem circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--green-400) 18%, transparent), transparent 65%)}.h8 [data-theme=light] .h8-row-media .vx-stage:hover{border-color:color-mix(in srgb, var(--green-500) 45%, var(--blue-200));box-shadow:var(--ds-elevation-2)}.h8 [data-theme=light] :is(.vx-win,.vx-float,.vx-phone){box-shadow:0 2em 4em -2em color-mix(in srgb, var(--ink-900) 45%, transparent), 0 0 0 1px color-mix(in srgb, var(--ink-900) 10%, transparent)}.h8 [data-theme=light] .vx-step{background:var(--white);color:var(--ink-900);box-shadow:0 .4em 1em -.4em color-mix(in srgb, var(--ink-900) 35%, transparent);border-radius:.45em;padding:.25em .6em .25em .25em}.h8 [data-theme=light] .vx-step em{background:var(--green-700);color:var(--white)}.h8 [data-theme=light] .vxe-lines path{stroke:color-mix(in srgb, var(--green-700) 60%, transparent)}.h8 [data-theme=light] :is(.vxp-col .vx-mono,.vxp-screen:not(.is-hifi) .vx-mono){color:var(--slate-400)}.h8 [data-theme=light] .vxp-screen:not(.is-hifi){background:var(--ink-800)}.h8 [data-theme=light] .vxp-screen:not(:last-child):after{color:var(--slate-600)}.h8 [data-theme=light] :is(.vx-chip,.vx-float){border-color:var(--blue-200);background:var(--white);color:var(--ink-900);box-shadow:0 1em 2.2em -1em color-mix(in srgb, var(--ink-900) 40%, transparent)}.h8 [data-theme=light] :is(.vx-chip,.vx-float) svg{color:var(--green-700)}.h8 [data-theme=light] :is(.vx-chip,.vx-float) .vx-mono{color:var(--slate-600)}.h8 [data-theme=light] .vx-chip .vx-dot{background:var(--green-600)}.h8 [data-theme=light] .vxw-score circle{stroke:color-mix(in srgb, var(--slate-400) 30%, transparent)}.h8 [data-theme=light] .vxw-score .vxw-arc{stroke:var(--green-600)}.h8 [data-theme=light] .vxd-palette i{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink-900) 12%, transparent)}.h8 [data-theme=light] .vxd-type i{background:color-mix(in srgb, var(--slate-600) 30%, transparent)}.hs{--hs-ease:cubic-bezier(.22, .7, .18, 1);--hs-glass:color-mix(in srgb, var(--blue-50) 8%, transparent);--hs-glass-strong:color-mix(in srgb, var(--blue-50) 17%, transparent);--hs-glass-line:color-mix(in srgb, var(--blue-50) 24%, transparent);--hs-glass-hi:color-mix(in srgb, var(--white) 42%, transparent);--hs-glass-blur:blur(18px) saturate(1.4);--hs-shadow:color-mix(in srgb, var(--ink-900) 72%, transparent);--hs-label:clamp(.75rem, 1.5cqi, .875rem);--hs-ghost-y:1.5cqi;--hs-float:1.4cqi;--hs-address-w:56%;aspect-ratio:1.1;position:relative;container-type:inline-size}.hs-browser{border:1px solid var(--hs-glass-line);background:linear-gradient(160deg, var(--hs-glass-strong), var(--hs-glass) 60%);width:104cqi;-webkit-backdrop-filter:var(--hs-glass-blur);backdrop-filter:var(--hs-glass-blur);box-shadow:inset 0 1px 0 var(--hs-glass-hi), 0 3rem 5rem -2rem var(--hs-shadow);transform:translate3d(calc(var(--silk-px,0) * -8px), calc(var(--silk-py,0) * -6px), 0);transition:transform var(--ds-dur-900) var(--h8-ease);border-radius:2cqi;padding:0 1.4cqi 1.4cqi;position:absolute;top:6cqi;left:24cqi}.hs-bar{align-items:center;height:6.4cqi;padding-left:.6cqi;display:flex;position:relative}.hs-dots{gap:.9cqi;display:flex}.hs-dots i{aspect-ratio:1;background:color-mix(in srgb, var(--blue-50) 34%, transparent);border-radius:50%;width:1.3cqi}.hs-address{width:var(--hs-address-w);border:1px solid var(--hs-glass-line);background:var(--hs-glass);color:var(--blue-50);font-size:var(--hs-label);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.55em;margin:0;padding:.45em 1.1em;line-height:1.2;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hs-address svg{opacity:.8;flex-shrink:0;width:.9em;height:.9em}.hs-address strong{flex-shrink:0}.hs-address span{text-overflow:ellipsis;min-width:0;color:var(--slate-300);overflow:hidden}.hs-address span:before{content:"· "}.hs-screen{aspect-ratio:1200/768;background:var(--white);border-radius:1cqi;position:relative;overflow:hidden}.hs-phone-pos{z-index:2;width:33cqi;transform:translate3d(calc(var(--silk-px,0) * -18px), calc(var(--silk-py,0) * -12px), 0);transition:transform var(--ds-dur-900) var(--h8-ease);position:absolute;bottom:3cqi;left:2cqi}.hs-stack,.hs-phone{position:relative}.hs-bezel{background:var(--ink-900);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--slate-400) 30%, transparent), 0 2.5rem 4rem -1.5rem var(--hs-shadow);border-radius:5.2cqi;padding:1cqi}.hs-ghost{border:1px solid var(--hs-glass-line);background:linear-gradient(160deg, color-mix(in srgb, var(--white) 22%, transparent), var(--hs-glass) 55%, var(--hs-glass-strong));-webkit-backdrop-filter:var(--hs-glass-blur);backdrop-filter:var(--hs-glass-blur);box-shadow:inset 0 1px 0 var(--hs-glass-hi), 0 2rem 3.5rem -1.5rem var(--hs-shadow);transform:translateY(var(--hs-ghost-y));border-radius:5.2cqi;position:absolute;inset:0}.hs-ghost:before,.hs-ghost:after{content:"";position:absolute}.hs-ghost:before{border:1px solid var(--hs-glass-line);border-radius:4.2cqi;inset:1cqi}.hs-ghost:after{background:color-mix(in srgb, var(--blue-50) 18%, transparent);border-radius:999px;width:30%;height:2.2cqi;top:2.4cqi;left:50%;transform:translate(-50%)}.hs-pscreen{--pw:31cqi;--sb:calc(var(--pw) * .125);aspect-ratio:.46;isolation:isolate;background:var(--white);border-radius:3.8cqi;position:relative;overflow:hidden}.hs-statusbar{z-index:2;height:var(--sb);background:var(--white);color:var(--ink-900);font-family:var(--ds-font-body);font-size:calc(var(--pw) * .046);letter-spacing:-.01em;grid-template-columns:1fr 34% 1fr;place-items:center;font-weight:600;line-height:1;display:grid;position:absolute;top:0;left:0;right:0}.hs-time{grid-column:1;padding-left:.4em}.hs-sbicons{grid-column:3;align-items:center;gap:.3em;padding-right:.2em;display:flex}.hs-sbicons svg{fill:currentColor;width:auto;height:.78em;display:block}.hs-sbicons .is-battery{height:.88em}.hs-island{z-index:3;top:calc((var(--sb) - var(--pw) * .07) / 2);width:30%;height:calc(var(--pw) * .07);background:var(--ink-900);border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.hs-shot,.hs-pshot{object-fit:cover;opacity:0;width:100%;position:absolute;left:0;transform:translateY(3%)}.hs-shot{object-position:left top;height:100%;top:0}.hs-pshot{top:var(--sb);height:calc(100% - var(--sb));object-position:top}.hs-shot.is-on,.hs-pshot.is-on{z-index:1;opacity:1;transition:opacity .7s var(--hs-ease), transform .9s var(--hs-ease);transform:none}.hs-shot.is-out,.hs-pshot.is-out{opacity:0;transition:opacity 0s linear .9s;transform:none}.hs-chip{z-index:3;border:1px solid var(--hs-glass-line);background:var(--hs-glass-strong);max-width:34cqi;-webkit-backdrop-filter:var(--hs-glass-blur);backdrop-filter:var(--hs-glass-blur);box-shadow:inset 0 1px 0 var(--hs-glass-hi);color:var(--blue-50);font-size:var(--hs-label);border-radius:.9rem;gap:.15em;margin:0;padding:.65em .95em;line-height:1.3;display:grid;position:absolute;bottom:calc(100% + 1.4cqi);left:0}.hs-chip strong{font-weight:600}.hs-chip span{color:var(--slate-300);font-size:.92em}.hs-address strong,.hs-chip strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.is-link:is(.hs-address,.hs-chip):hover strong,.is-link:is(.hs-address,.hs-chip):focus-visible strong{text-underline-offset:.2em;text-decoration:underline}.hs-ui{z-index:3;align-items:center;gap:.75rem;display:flex;position:absolute;bottom:0;right:0}.hs-toggle{border:1px solid var(--hs-glass-line);background:var(--hs-glass);width:2rem;height:2rem;-webkit-backdrop-filter:var(--hs-glass-blur);backdrop-filter:var(--hs-glass-blur);color:var(--blue-100);cursor:pointer;transition:border-color var(--ds-dur-300) var(--h8-ease);border-radius:50%;place-items:center;display:grid}.hs-toggle:hover{border-color:var(--green-400)}.hs-toggle svg{width:.8rem;height:.8rem}.hs-steps{gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.hs-step{cursor:pointer;background:0 0;border:0;width:clamp(1.5rem,3.4cqi,1.75rem);height:1.5rem;padding:0;display:block;position:relative}.hs-step:before,.hs-step i{content:"";border-radius:2px;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.hs-step:before{background:color-mix(in srgb, var(--slate-400) 35%, transparent)}.hs-step.is-done:before{background:color-mix(in srgb, var(--green-400) 55%, transparent)}.hs-step i{background:var(--green-400);transform-origin:0;animation:linear both hs-fill}.hs-toggle:focus-visible,.hs-step:focus-visible,.is-link:is(.hs-address,.hs-chip):focus-visible{outline:2px solid var(--green-400);outline-offset:3px}.hs-step:focus-visible{border-radius:.3em}.hs[data-paused] *{animation-play-state:paused!important}@keyframes hs-fill{0%{transform:translateY(-50%)scaleX(0)}to{transform:translateY(-50%)scaleX(1)}}@media (max-width:600px){.hs{aspect-ratio:.95}}@container (max-width:560px){.hs-browser{width:112cqi;top:14cqi;left:27cqi}.hs-phone-pos{width:38cqi;bottom:13cqi;left:0}.hs-pscreen{--pw:36cqi}.hs-chip{max-width:36cqi}.hs-chip span{display:none}.hs-address{width:58%;left:33%}}@media (prefers-reduced-motion:no-preference){.hs-browser{animation:hs-in-right 1.2s var(--hs-ease) .1s both}.hs-phone-pos{animation:hs-in-up 1.2s var(--hs-ease) .35s both}.hs-stack{animation:6s ease-in-out 1.6s infinite alternate both hs-float}.hs-address,.hs-chip{animation:hs-label-in .6s var(--hs-ease) .3s both}}@media (prefers-reduced-motion:reduce){.hs-shot,.hs-pshot{transform:none}}@keyframes hs-in-right{0%{opacity:0;translate:6cqi}}@keyframes hs-in-up{0%{opacity:0;translate:0 6cqi}}@keyframes hs-float{to{translate:0 calc(-1 * var(--hs-float))}}@keyframes hs-label-in{0%{opacity:0;translate:0 .4em}}