.zh-hero{--zh-pad:max(24px, calc((100vw - 1400px) / 2));--zh-ink:#081630;--zh-muted:#112648ad;--zh-gradient:linear-gradient(95deg, #00a3fe 0%, #3c6cf9 48%, #8044fc 100%);min-height:max(780px,100svh);color:var(--zh-ink);isolation:isolate;background:radial-gradient(circle at 70% 46%,#3c6cf91f,#0000 34%),radial-gradient(circle at 88% 16%,#01bbff1f,#0000 26%),radial-gradient(circle at 60% 92%,#8044fc17,#0000 30%),linear-gradient(120deg,#fff 0%,#f7faff 45%,#eef4ff 100%);position:relative;overflow:hidden}.zh-visual{z-index:0;position:absolute;inset:0}.zh-canvas{opacity:0;transition:opacity .9s;inset:0;position:absolute!important}.zh-visual[data-ready=true] .zh-canvas{opacity:1}.zh-poster{position:absolute;inset:0}.zh-poster img{object-fit:cover;object-position:70% 50%}.zh-veil{z-index:1;pointer-events:none;background:linear-gradient(90deg,#f9fbfff7 0%,#f9fbffe0 26%,#f9fbff66 36%,#f9fbff00 45%);position:absolute;inset:0}.zh-cards{z-index:1;pointer-events:none;position:absolute;inset:0}.zh-anchor{will-change:transform;position:absolute;top:0;left:0;transform:translate(-999px,-999px)}.zh-card{border:1px solid #5064b424;border-left:3px solid var(--tone,#3c6cf9);width:clamp(136px,9.4vw,168px);color:var(--zh-ink);-webkit-backdrop-filter:blur(10px);pointer-events:auto;opacity:0;background:#ffffffe6;border-radius:12px;gap:2px;padding:8px 12px 9px;text-decoration:none;transition:transform .28s cubic-bezier(.22,.82,.25,1),box-shadow .28s,border-color .28s;display:grid;translate:-50% -12%;box-shadow:0 14px 34px #1e32781f}.zh-visual[data-ready=true] .zh-card{animation:zh-card-in .7s cubic-bezier(.22, .82, .25, 1) calc(1.75s + var(--i,0) * .13s) both}.zh-card strong{letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:850}.zh-card span{color:#5b6788;font-size:.66rem;line-height:1.3}:is(.zh-card[data-active=true],.zh-card:hover,.zh-card:focus-visible){border-color:#3c6cf952;transform:translateY(-4px);box-shadow:0 18px 40px #3c6cf938}.zh-card:focus-visible{outline-offset:3px;outline:2px solid #3c6cf9}@keyframes zh-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.zh-core-label{color:#1c2a55;letter-spacing:.26em;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px #fffc;opacity:0;justify-items:center;margin:0;font-size:.56rem;font-weight:800;line-height:1.4;display:grid;translate:-50% -50%}.zh-visual[data-ready=true] .zh-core-label{animation:.9s 1.5s both zh-fade}.zh-tag{color:#1c2a5585;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;opacity:0;margin:0;font-size:.62rem;font-weight:700;line-height:1.9;display:grid;translate:-50% -50%}.zh-visual[data-ready=true] .zh-tag{animation:1s 2.6s both zh-fade}@keyframes zh-fade{to{opacity:1}}.zh-copy{z-index:2;width:calc(var(--zh-pad) + min(40vw, 640px));padding:clamp(140px, 21vh, 220px) 0 150px var(--zh-pad);position:relative}.zh-copy .zh-eyebrow{color:#197fd8;max-width:640px;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.2em;text-transform:uppercase;text-wrap:balance;align-items:center;gap:18px;margin:0 0 clamp(20px,3vh,30px);font-size:.74rem;font-weight:750;line-height:1.5;display:flex}.zh-eyebrow i{background:linear-gradient(90deg,#3c6cf9,#8044fc);flex:none;width:58px;height:1px}.zh-copy .zh-title{color:var(--zh-ink);letter-spacing:-.062em;margin:0;font-size:clamp(2.8rem,3.8vw,4.2rem);font-weight:700;line-height:.98}.zh-copy .zh-title>span{display:block}.zh-copy .zh-title em{color:#0000;background:var(--zh-gradient);-webkit-background-clip:text;background-clip:text;width:fit-content;padding-bottom:.08em;font-style:normal;display:block}.zh-description{max-width:540px;color:var(--zh-muted);margin:clamp(22px,3.2vh,30px) 0 0;font-size:clamp(1rem,1.12vw,1.14rem);line-height:1.6}.zh-actions{flex-wrap:wrap;gap:16px;margin-top:clamp(26px,4vh,38px);display:flex}.zh-actions .button{border-radius:14px;min-height:58px;padding-inline:26px}.zh-actions .button-primary{box-shadow:0 16px 40px #2a68ef3d}.zh-actions .button-secondary{color:#10213e;background:#fffc;border-color:#1880e366}.zh-proof{flex-wrap:wrap;gap:14px clamp(16px,1.8vw,30px);margin:clamp(30px,5vh,46px) 0 0;padding:0;list-style:none;display:flex}.zh-proof li{color:#34466b;white-space:nowrap;align-items:center;gap:9px;font-size:.84rem;font-weight:620;display:flex}.zh-proof svg{color:#1688ed;stroke-width:1.8px;width:22px;height:22px}.zh-footline{z-index:2;right:var(--zh-pad);bottom:26px;left:var(--zh-pad);color:#1c2a5580;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.22em;text-transform:uppercase;justify-content:space-between;gap:20px;font-size:.62rem;font-weight:700;display:flex;position:absolute}.zh-footline p{align-items:center;gap:16px;margin:0;display:flex}.zh-footline i{background:#3c6cf9;width:44px;height:1px}.zh-footline b{color:#3c6cf9}.zh-reveal{animation:zh-rise .9s cubic-bezier(.22, .82, .25, 1) var(--d,0s) both}@keyframes zh-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (max-width:1100px){.zh-hero{flex-direction:column;min-height:0;display:flex}.zh-copy{width:auto;padding:128px var(--zh-pad) 0;order:1}.zh-visual{order:2;height:min(74svh,700px);min-height:460px;margin-top:12px;position:relative}.zh-veil{display:none}.zh-footline{padding:16px var(--zh-pad) 28px;order:3;position:relative;bottom:auto;left:auto;right:auto}.zh-card{width:132px;padding:8px 10px}.zh-card span{font-size:.64rem}}@media (max-width:760px){.zh-copy{padding-top:112px}.zh-copy .zh-title{font-size:clamp(2.4rem,11vw,3.2rem)}.zh-actions .button{justify-content:center;width:100%}.zh-proof{gap:12px 20px}.zh-visual{aspect-ratio:1/1.08;height:auto;min-height:0}.zh-copy .zh-eyebrow{letter-spacing:.14em;gap:12px;font-size:.66rem}.zh-eyebrow i{width:32px}.zh-card{border-left-width:2px;width:auto;padding:6px 9px}.zh-card strong{font-size:.6rem}.zh-card span,.zh-core-label{display:none}.zh-footline{flex-direction:column;font-size:.56rem}}@media (prefers-reduced-motion:reduce){.zh-reveal,.zh-visual[data-ready=true] .zh-card,.zh-visual[data-ready=true] .zh-core-label,.zh-visual[data-ready=true] .zh-tag{opacity:1;animation:none}.zh-canvas,.zh-card{transition:none}}
