.vh4-hero{position:relative;width:100%;height:72vh;min-height:700px;max-height:820px;overflow:hidden;background:var(--hero-bg);display:flex;flex-direction:row}@media(max-width:860px){.vh4-hero{flex-direction:column;height:auto;max-height:none;min-height:0}}.vh4-panel{position:relative;flex:1 1 0;min-width:0;min-height:0;overflow:hidden;display:flex;align-items:center;cursor:pointer;transition:flex-grow .65s cubic-bezier(.4,0,.2,1)}@media(max-width:860px){.vh4-panel{flex:none;width:100%;min-height:52vh}}@media(max-width:860px){.vh4-build{align-items:flex-start}.vh4-build .vh4-content{padding-top:185px}}.vh4-layer{position:absolute;inset:0;pointer-events:none}.vh4-bg{z-index:0;overflow:hidden;left:auto;right:clamp(20px,4vw,56px);top:14%;bottom:14%;width:min(50%,420px);transition:transform .9s cubic-bezier(.22,1,.36,1),filter .8s}.vh4-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.vh4-kb{transform-origin:center;animation:vh4-kb 30s ease-in-out infinite alternate}@keyframes vh4-kb{0%{transform:scale(1.04)}to{transform:scale(1.14)}}.vh4-grid{z-index:1;background-image:linear-gradient(rgba(127,179,174,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(127,179,174,.06) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(125% 100% at 32% 42%,#000,transparent 74%);mask-image:radial-gradient(125% 100% at 32% 42%,#000,transparent 74%);opacity:.8;transition:opacity .8s}.vh4-spot{z-index:1;transition:opacity .8s,transform .9s}.vh4-build .vh4-spot{background:radial-gradient(58% 54% at 60% 52%,color-mix(in srgb,var(--hero-accent) 16%,transparent),transparent 70%)}.vh4-load .vh4-spot{background:radial-gradient(58% 54% at 60% 52%,color-mix(in srgb,var(--hero-accent) 15%,transparent),transparent 70%)}.vh4-tint{z-index:2;transition:opacity .75s cubic-bezier(.4,0,.2,1)}.vh4-build .vh4-tint{background:linear-gradient(115deg,#040f0ef5,#051616d6 40%,#061c1b8a 72%,#0822204d)}.vh4-load .vh4-tint{background:linear-gradient(115deg,#030d0cf5,#061a17d6 40%,#09221e8a 72%,#0c2a244d)}.vh4-dark{z-index:3;background:#020a09a8;opacity:0;transition:opacity .6s}.vh4-vignette{z-index:4;background:radial-gradient(135% 120% at 48% 42%,transparent 52%,rgba(0,0,0,.5))}.vh4-frame{z-index:5}.vh4-c{position:absolute;width:26px;height:26px;border:1.5px solid color-mix(in srgb,var(--hero-accent) 28%,transparent);transition:border-color .6s,opacity .6s}.vh4-c-tl{left:26px;top:26px;border-right:0;border-bottom:0}.vh4-c-tr{right:26px;top:26px;border-left:0;border-bottom:0}.vh4-c-bl{left:26px;bottom:26px;border-right:0;border-top:0}.vh4-c-br{right:26px;bottom:26px;border-left:0;border-top:0}@media(max-width:860px){.vh4-c{width:18px;height:18px}.vh4-c-tl,.vh4-c-tr{top:18px}.vh4-c-bl,.vh4-c-br{bottom:18px}.vh4-c-tl,.vh4-c-bl{left:18px}.vh4-c-tr,.vh4-c-br{right:18px}}.vh4-tag{position:absolute;z-index:6;right:clamp(28px,5vw,84px);left:auto;bottom:clamp(30px,4.5vh,56px);display:flex;align-items:center;gap:12px;padding:11px 16px 11px 14px;border-radius:12px;background:#061615a8;border:1px solid color-mix(in srgb,var(--hero-title) 12%,transparent);backdrop-filter:blur(10px);opacity:0;transform:translateY(14px);transition:opacity .6s .1s,transform .6s .1s}.vh4-load .vh4-tag{left:auto;right:clamp(28px,5vw,84px)}.vh4-tag-dot{width:8px;height:8px;border-radius:50%;background:var(--hero-accent);flex:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--hero-accent) 16%,transparent)}.vh4-tag-name{font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.04em;color:var(--hero-title)}.vh4-tag-desc{font-family:var(--font-mono);font-size:12px;color:var(--hero-text)}@media(max-width:520px){.vh4-tag-desc{display:none}}.vh4-content{position:relative;z-index:10;max-width:560px;padding:clamp(40px,7vh,100px) clamp(28px,5vw,84px);pointer-events:none}.vh4-content>*{pointer-events:auto}.vh4-kicker{font-family:var(--font-mono);font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--hero-accent);margin:0 0 20px;display:flex;align-items:center;gap:11px}.vh4-kicker b{font-weight:500;color:color-mix(in srgb,var(--hero-accent) 55%,transparent)}.vh4-kicker:before{content:"";width:24px;height:1px;background:var(--hero-accent);opacity:.7;flex:none}.vh4-title{font-size:clamp(38px,4.7vw,68px);font-weight:500;line-height:1.01;letter-spacing:-.03em;color:var(--hero-title);margin:0 0 22px;text-wrap:balance}.vh4-title em{font-style:normal;color:var(--hero-accent)}.vh4-sub{font-size:clamp(15px,1.25vw,17px);line-height:1.6;color:var(--hero-text);margin:0 0 34px;max-width:42ch;text-wrap:pretty}.vh4-actions{display:flex;flex-wrap:wrap;gap:14px}@media(min-width:861px){.vh4-panel{align-items:flex-start}.vh4-content{padding-top:200px;max-width:640px}.vh4-title{font-size:clamp(34px,3.3vw,54px)}.vh4-sub{margin-bottom:26px}}.vh4-btn{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;text-decoration:none;padding:15px 24px;border-radius:12px;transition:transform .25s cubic-bezier(.4,0,.2,1),background .25s,border-color .25s,box-shadow .25s}.vh4-btn svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.vh4-btn:hover svg{transform:translate(4px)}.vh4-btn-primary{background:var(--hero-accent);color:var(--hero-on-accent)}.vh4-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px color-mix(in srgb,var(--hero-accent) 30%,transparent)}.vh4-btn-ghost{background:color-mix(in srgb,var(--hero-title) 5%,transparent);color:var(--hero-title);border:1px solid color-mix(in srgb,var(--hero-title) 24%,transparent)}.vh4-btn-ghost:hover{border-color:color-mix(in srgb,var(--hero-title) 50%,transparent);background:color-mix(in srgb,var(--hero-title) 11%,transparent);transform:translateY(-2px)}.vh4-panel:hover .vh4-tint,.vh4-panel.is-active .vh4-tint{opacity:.28}.vh4-panel:hover .vh4-bg,.vh4-panel.is-active .vh4-bg{transform:scale(1.28)}.vh4-panel:hover .vh4-grid,.vh4-panel.is-active .vh4-grid{opacity:.35}.vh4-load:hover .vh4-grid,.vh4-load.is-active .vh4-grid{opacity:1}.vh4-panel:hover .vh4-tag,.vh4-panel.is-active .vh4-tag{opacity:1;transform:none}.vh4-panel:hover .vh4-c,.vh4-panel.is-active .vh4-c{border-color:color-mix(in srgb,var(--hero-accent) 70%,transparent)}@media(min-width:861px)and (hover:hover){.vh4-hero:hover .vh4-panel{flex-grow:.72}.vh4-hero .vh4-panel:hover{flex-grow:1.72}.vh4-hero:hover .vh4-panel:not(:hover) .vh4-content{opacity:.42;transition:opacity .5s}.vh4-hero:hover .vh4-panel:not(:hover) .vh4-dark{opacity:.55}}@media(min-width:861px){.vh4-hero.has-active .vh4-panel{flex-grow:.6}.vh4-hero.has-active .vh4-panel.is-active{flex-grow:1.85}}.vh4-hero.has-active .vh4-panel:not(.is-active) .vh4-content{opacity:.4}.vh4-hero.has-active .vh4-panel:not(.is-active) .vh4-dark{opacity:.6}.vh4-divider{position:relative;flex:0 0 1px;align-self:stretch;z-index:20;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--hero-accent) 55%,transparent),transparent);pointer-events:none}@media(max-width:860px){.vh4-divider{flex:0 0 1px;height:1px;align-self:auto;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--hero-accent) 55%,transparent),transparent)}}.vh4-or{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:21;width:56px;height:56px;border-radius:50%;background:var(--hero-bg);border:1px solid color-mix(in srgb,var(--hero-accent) 42%,transparent);display:grid;place-items:center;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--hero-accent);animation:vh4-orin .6s cubic-bezier(.22,1,.36,1) .72s both}.vh4-or:after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid color-mix(in srgb,var(--hero-accent) 42%,transparent);animation:vh4-pulse 3.2s ease-out infinite}@keyframes vh4-pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(2);opacity:0}}@keyframes vh4-orin{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.vh4-eyebrow{position:absolute;top:100px;left:0;right:0;z-index:25;text-align:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--hero-title) 62%,transparent);pointer-events:none;animation:vh4-in .9s cubic-bezier(.22,1,.36,1) .05s both}@media(max-width:860px){.vh4-eyebrow{top:88px}}.vh4-h1{margin:0 auto 10px;max-width:44ch;font-family:var(--font-mono);font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:none;color:var(--hero-accent);line-height:1.55}.vh4-eyebrow-q{display:block}@media(max-width:860px){.vh4-h1{font-size:11.5px;padding:0 20px}}.vh4-load .vh4-grid{background-size:32px 32px;opacity:1;-webkit-mask-image:radial-gradient(120% 110% at 62% 50%,#000,transparent 78%);mask-image:radial-gradient(120% 110% at 62% 50%,#000,transparent 78%)}.vh4-load .vh4-bg{-webkit-mask-image:radial-gradient(80% 75% at 50% 50%,#000 42%,transparent 74%);mask-image:radial-gradient(80% 75% at 50% 50%,#000 42%,transparent 74%)}.vh4-load .vh4-bg img{object-fit:cover}.vh4-anim{opacity:0;transform:translateY(26px);animation:vh4-in .9s cubic-bezier(.22,1,.36,1) forwards}@keyframes vh4-in{to{opacity:1;transform:none}}.vh4-build .vh4-kicker{animation-delay:.16s}.vh4-build .vh4-title{animation-delay:.25s}.vh4-build .vh4-sub{animation-delay:.34s}.vh4-build .vh4-actions{animation-delay:.43s}.vh4-load .vh4-kicker{animation-delay:.3s}.vh4-load .vh4-title{animation-delay:.39s}.vh4-load .vh4-sub{animation-delay:.48s}.vh4-load .vh4-actions{animation-delay:.57s}@media(prefers-reduced-motion:reduce){.vh4-anim,.vh4-eyebrow,.vh4-or{animation:none!important;opacity:1;transform:none}.vh4-or{transform:translate(-50%,-50%)}.vh4-kb{animation:none}.vh4-or:after{animation:none}}