.h-pin{position:relative;padding:0!important}.h-sticky{align-items:center;height:100svh;padding-top:76px;display:flex;position:sticky;top:0;overflow:hidden}.h-grad{background:linear-gradient(120deg,#0ea5e9,#14b8a6);color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes h-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes h-pop{0%{opacity:0;transform:translateY(60px)scale(.92)rotate(-2deg)}to{opacity:1;transform:none}}@keyframes h-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes h-blob{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,-30px)scale(1.12)}}.motion .hero .h-in{opacity:0;animation:.9s cubic-bezier(.2,.7,.2,1) forwards h-rise;animation-delay:calc(var(--d,0) * .11s + .1s)}.motion .hero .mock{opacity:0;animation:1.1s cubic-bezier(.2,.7,.2,1) .35s forwards h-pop}.motion .hero .float-card{opacity:0;animation:.8s cubic-bezier(.2,.7,.2,1) .9s forwards h-rise,5s ease-in-out 1.8s infinite h-float}.hero{isolation:isolate}.hero:before,.hero:after{content:"";z-index:-1;filter:blur(80px);pointer-events:none;border-radius:50%;animation:14s ease-in-out infinite h-blob;position:absolute}.hero:before{background:#004d9a29;width:520px;height:520px;top:-160px;right:-120px}.hero:after{background:#14b8a624;width:420px;height:420px;animation-delay:-7s;bottom:-160px;left:-140px}.hero .hero-grid>div:first-child{transform:translateY(calc(var(--p) * -140px));opacity:clamp(0, calc(1 - var(--p) * 1.7), 1)}.hero .hero-visual{transform:translateY(calc(var(--p) * -60px)) scale(calc(1 + var(--p) * .14));transform-origin:50% 30%}@keyframes h-marquee{to{transform:translate(-50%)}}.h-marquee{border-block:1px solid var(--line);background:#fff;padding:22px 0;overflow:hidden}.h-marquee-track{width:max-content;animation:45s linear infinite h-marquee;display:flex}.h-marquee:hover .h-marquee-track{animation-play-state:paused}.h-marquee span{white-space:nowrap;letter-spacing:-.02em;color:var(--ink);align-items:center;gap:28px;padding-right:28px;font-size:clamp(20px,2.4vw,30px);font-weight:800;display:inline-flex}.h-marquee span:after{content:"";background:linear-gradient(135deg,#0ea5e9,#14b8a6);border-radius:50%;width:10px;height:10px}.h-marquee span:nth-child(3n+2){color:var(--brand)}.h-statement{background:#050d1a;height:240vh}.h-statement .h-sticky{justify-content:center}.h-statement .wrap{max-width:1100px}.h-statement .eyebrow{color:#14b8a6}.h-statement p{letter-spacing:-.035em;color:#fff;font-size:clamp(30px,4.4vw,60px);font-weight:800;line-height:1.15}.h-statement .w{opacity:.15;transition:opacity .35s}.h-statement .w.on{opacity:1}.h-spot{color:#ffffffc7;background:radial-gradient(900px 600px at 90% 10%, #0ea5e940, transparent 60%), var(--navy);height:300vh}.h-spot-grid{grid-template-columns:1fr 1fr;align-items:center;gap:56px;width:100%;display:grid}.h-spot-grid>*{min-width:0}.h-spot-text{transform:translateY(calc((.5 - var(--p)) * 50px))}.h-spot .eyebrow{color:#38bdf8}.h-spot h2{color:#fff;letter-spacing:-.035em;font-size:clamp(28px,3.2vw,44px);font-weight:800}.h-spot-text>p{margin-top:14px;font-size:16.5px}.h-spot .spotlight-name{margin-bottom:14px}.h-chips{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.h-chips span{--s:calc(.08 + .62 * var(--i) / var(--n));color:#fff;opacity:clamp(.18, calc((var(--p) - var(--s)) * 12), 1);background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;padding:6px 11px;font-size:12.5px;font-weight:600;transition:background .3s,border-color .3s}.h-chips span:hover{background:#38bdf82e;border-color:#38bdf880}.h-spot-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.h-spot .btn-light{color:var(--navy)}.h-spot-art{aspect-ratio:1;width:100%;max-height:calc(100vh - 140px);margin:0 auto;position:relative}.h-spot-art img{height:auto;display:block;position:absolute}.h-spot-art .a-orbit{opacity:.16;width:100%;transform:rotate(calc(var(--p) * 120deg)) scale(calc(.8 + var(--p) * .3));inset:0}.h-spot-art .a-profile{filter:drop-shadow(0 40px 60px #00000073);width:74%;opacity:clamp(.2, calc(.2 + var(--p) * 4), 1);transform:translateY(calc((1 - clamp(0, calc(var(--p) * 2.6), 1)) * 140px)) scale(calc(.82 + clamp(0, calc(var(--p) * 2.6), 1) * .18));top:6%;left:2%}.h-spot-art .a-chat{filter:drop-shadow(0 40px 60px #0000008c);width:52%;opacity:clamp(0, calc((var(--p) - .32) * 5), 1);transform:translateX(calc((1 - clamp(0, calc((var(--p) - .32) * 3), 1)) * 70%)) rotate(calc((1 - clamp(0, calc((var(--p) - .32) * 3), 1)) * 8deg));bottom:2%;right:0}.h-products .product{transform:scale(calc(.9 + clamp(0, calc(var(--p) * 2.8), 1) * .1));transition:opacity .6s}.h-prod{--in:clamp(0, calc((var(--p) - .05) * 3.2), 1);grid-template-columns:1fr 1.15fr;align-items:center;gap:64px;padding:56px 0;display:grid}.h-prod+.h-prod{border-top:1px solid var(--line)}.h-prod>*{min-width:0}.h-prod.reverse .h-prod-stage{order:-1}.h-prod h3{letter-spacing:-.03em;font-size:clamp(28px,3.4vw,40px);font-weight:800}.h-prod-text>p{color:var(--muted);margin-top:14px;font-size:18px}.h-prod .checks{grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:26px}.h-prod .checks li:before{background-color:color-mix(in srgb, var(--t1) 14%, white)}.h-prod .actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.h-prod-text{opacity:var(--in);transform:translateY(calc((1 - var(--in)) * 40px))}.h-prod .checks li{--s:calc(.12 + var(--i) * .05);opacity:clamp(0, calc((var(--p) - var(--s)) * 8), 1);transform:translateX(calc((1 - clamp(0, calc((var(--p) - var(--s)) * 8), 1)) * -16px))}.h-prod-stage{aspect-ratio:5/4;perspective:1400px;isolation:isolate;color:inherit;border-radius:28px;display:block;position:relative}.h-prod-stage:before{content:"";z-index:-2;background:linear-gradient(135deg, var(--t1) 0%, var(--t2) 100%);transform:scale(calc(.85 + var(--in) * .15));opacity:calc(.25 + var(--in) * .75);border-radius:28px;position:absolute;inset:8% 0 0 6%}.h-prod-stage:after{content:"";z-index:-1;opacity:.5;background-image:radial-gradient(#ffffff59 1px,#0000 1.5px);background-size:18px 18px;border-radius:28px;position:absolute;inset:8% 0 0 6%;-webkit-mask-image:linear-gradient(160deg,#000,#0000 70%);mask-image:linear-gradient(160deg,#000,#0000 70%)}.h-prod-glow{z-index:-1;aspect-ratio:1;background:var(--t1);opacity:.28;filter:blur(70px);border-radius:50%;width:60%;animation:12s ease-in-out infinite h-blob;position:absolute;top:-10%;right:-6%}.h-prod-browser{transform-origin:50% 100%;width:86%;transform:translateY(calc((1 - var(--in)) * 90px + (var(--p) - .5) * -30px)) rotateX(calc((1 - var(--in)) * 18deg)) rotateY(calc((1 - var(--in)) * -14deg + 4deg));opacity:calc(.15 + var(--in) * .85);background:#fff;border:1px solid #0f172a1a;border-radius:14px;transition:box-shadow .4s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 40px 90px #071a334d}.h-prod-bar{background:#eef2f6;border-bottom:1px solid #0f172a14;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.h-prod-bar i{border-radius:50%;width:9px;height:9px}.h-prod-bar i:first-child{background:#f87171}.h-prod-bar i:nth-child(2){background:#fbbf24}.h-prod-bar i:nth-child(3){background:#34d399}.h-prod-bar span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:6px;max-width:60%;margin:0 auto;padding:2px 12px;font-size:11.5px;overflow:hidden}.h-prod-screen{aspect-ratio:16/10;background:#f3f5f8;overflow:hidden}.h-prod-screen img{width:100%;transform:translateY(calc(clamp(0, calc((var(--p) - .3) * 2.6), 1) * var(--shift,0%)));display:block}.h-prod-phone{width:27%;transform:translateY(calc((1 - clamp(0, calc((var(--p) - .12) * 3.4), 1)) * 160px + (var(--p) - .5) * -70px)) rotate(calc((1 - clamp(0, calc((var(--p) - .12) * 3.4), 1)) * 10deg + 3deg));opacity:clamp(0, calc((var(--p) - .1) * 5), 1);background:#0b1220;border-radius:30px;padding:7px;transition:translate .5s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:-4%;right:2%;box-shadow:0 40px 70px #071a3373}.h-prod-phone img{border-radius:24px;width:100%;height:auto;display:block}.h-prod-detail{z-index:2;opacity:clamp(0, calc((var(--p) - .26) * 6), 1);scale:calc(.6 + clamp(0, calc((var(--p) - .26) * 6), 1) * .4);transition:translate .5s cubic-bezier(.2,.7,.2,1);position:absolute}.h-prod-detail img{width:100%;height:auto;animation:5s ease-in-out infinite h-float;display:block}.h-prod-detail.is-seal{width:17%;bottom:6%;left:4%}.h-prod-detail.is-seal img{border-radius:50%;box-shadow:0 20px 40px #071a3359}.h-prod-detail.is-card{width:44%;bottom:2%;left:2%}.h-prod-detail.is-card img{border-radius:14px;box-shadow:0 24px 50px #071a334d}.h-prod.reverse .h-prod-browser{left:auto;right:0}.h-prod.reverse .h-prod-stage:before,.h-prod.reverse .h-prod-stage:after{inset:8% 6% 0 0}.h-prod.reverse .h-prod-glow{left:-6%;right:auto}.h-prod.reverse .h-prod-phone{left:2%;right:auto}.h-prod.reverse .h-prod-detail{left:auto;right:2%}.h-prod-stage:hover .h-prod-phone{translate:0 -14px}.h-prod-stage:hover .h-prod-detail{translate:0 -8px}.h-prod-stage:hover .h-prod-browser{box-shadow:0 50px 110px #071a3361}.h-prod-stage:focus-visible{outline:3px solid var(--t1);outline-offset:6px}.h-services .card.reveal{transform:translateY(48px)scale(.96)}.h-services .card.reveal.in{transform:none}.h-services .card.reveal.in:hover{transition-delay:0s;transform:translateY(-4px)}.stats-band.h-stats{background:linear-gradient(110deg, var(--navy) 0%, #0c2d57 calc(30% + var(--p) * 40%), var(--navy) 100%)}.h-steps .steps{position:relative}.h-steps .steps:before,.h-steps .steps:after{content:"";border-radius:2px;height:2px;position:absolute;top:20px;left:21px;right:21px}.h-steps .steps:before{background:var(--line)}.h-steps .steps:after{transform-origin:0;transform:scaleX(clamp(0, calc((var(--p) - .25) * 2.6), 1));background:linear-gradient(90deg,#0ea5e9,#14b8a6)}.h-steps .step{--s:calc(.25 + var(--i) * .1);opacity:clamp(.3, calc((var(--p) - var(--s)) * 8), 1);transform:translateY(calc((1 - clamp(0, calc((var(--p) - var(--s)) * 8), 1)) * 24px))}.h-steps .step:before{z-index:1;box-shadow:0 0 0 6px var(--bg-soft)}.h-cta .cta{transform:scale(calc(.88 + clamp(0, calc(var(--p) * 2.6), 1) * .12))}@media (width>=901px) and (height<=780px){.h-spot-text>p{display:none}}.h-stack{background:linear-gradient(#eef4fb,#fff)}.h-stack-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:56px;width:100%;display:grid}.h-stack-grid>*{min-width:0}.h-stack-text h2{letter-spacing:-.035em;font-size:clamp(28px,3.4vw,46px);font-weight:800}.h-stack-list{gap:10px;margin:26px 0 30px;padding:0;list-style:none;display:grid}.h-stack-list li{border-left:3px solid color-mix(in srgb, var(--brand) calc(var(--vis) * 100%), var(--line));background:rgba(255, 255, 255, calc(var(--vis) * .9));box-shadow:0 10px 30px rgba(7, 26, 51, calc(var(--vis) * .08));opacity:calc(.4 + var(--vis) * .6);border-radius:14px;padding:14px 16px 14px 18px}.h-stack-list b{color:var(--ink);font-size:16.5px;display:block}.h-stack-list span{color:var(--muted);font-size:14.5px}.h-stack-stage{aspect-ratio:1.5;position:relative}.h-stack-stage figure{transform:translateY(calc((1 - var(--in)) * 115%)) scale(calc(1 - (1 - var(--out)) * .07));transform-origin:50% 0;filter:brightness(calc(.6 + var(--out) * .4));background:#0f172a;border-radius:14px;margin:0;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 80px #071a334d}.h-stack-stage .bar{background:#1e293b;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.h-stack-stage .bar i{background:#f87171;border-radius:50%;width:9px;height:9px}.h-stack-stage .bar i:nth-child(2){background:#fbbf24}.h-stack-stage .bar i:nth-child(3){background:#34d399}.h-stack-stage .bar span{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:70%;margin:0 auto;font-size:11.5px;overflow:hidden}.h-stack-stage img{width:100%;height:auto;display:block}@media (width<=900px){.h-stack-grid{grid-template-columns:1fr;gap:18px}.h-stack .h-sticky{align-items:flex-start;padding-top:96px}.h-stack-text h2{font-size:24px}.h-stack-list{gap:6px;margin:14px 0 0}.h-stack-list span{display:none}.h-stack-list li{padding:10px 14px}.h-stack-text .btn{display:none}}.no-motion .h-stack{height:auto!important}.no-motion .h-stack-stage{aspect-ratio:auto;gap:16px;display:grid}.no-motion .h-stack-stage figure{filter:none;position:relative;transform:none}.no-motion .h-stack-list li{opacity:1}@media (width<=920px){.h-steps .steps:before,.h-steps .steps:after{display:none}}@media (width<=900px){.h-spot{height:auto}.h-spot .h-sticky{height:auto;padding:96px 0;position:relative}.h-spot-grid{grid-template-columns:1fr;gap:40px}.h-spot-text{transform:none}.h-chips span{opacity:1}.h-spot-art{max-width:520px;max-height:none}.h-spot-art .a-profile,.h-spot-art .a-chat{opacity:1;transform:none}.h-prod{grid-template-columns:1fr;gap:40px;padding:40px 0}.h-prod.reverse .h-prod-stage{order:0}.h-prod-stage{width:100%;max-width:620px;margin:0 auto}}@media (width<=520px){.h-prod .checks{grid-template-columns:1fr}.h-prod-phone{border-radius:20px;width:30%;padding:5px}.h-prod-phone img{border-radius:16px}}@media (prefers-reduced-motion:reduce){.hero:before,.hero:after,.h-marquee-track,.motion .hero .float-card,.h-prod-glow,.h-prod-detail img{animation:none}.h-marquee{overflow-x:auto}}.no-motion .h-statement,.no-motion .h-spot{height:auto}.no-motion .h-sticky{height:auto;padding:100px 0;position:relative}.no-motion .hero .hero-grid>div:first-child,.no-motion .hero .hero-visual,.no-motion .h-spot-text,.no-motion .h-products .product,.no-motion .h-cta .cta,.no-motion .h-chips span,.no-motion .h-steps .step,.no-motion .h-spot-art .a-profile,.no-motion .h-spot-art .a-chat{opacity:1;transform:none}.no-motion .h-prod-text,.no-motion .h-prod .checks li,.no-motion .h-prod-browser,.no-motion .h-prod-phone,.no-motion .h-prod-detail{opacity:1;transform:scale(1)}.no-motion .h-prod-stage:before{opacity:1;transform:none}
