.h4{--bg:#070707;--s1:#101113;--s2:#16171a;--s3:#1c1d21;--line:#ffffff12;--line-2:#ffffff21;--t1:#f2f2f4;--t2:#a9aab0;--t3:#8a8b93;--y:#ffe02b;--ok:#6fd9b5;--wait:#c3c6f5;--warn:#f2be5c;--fail:#ff969b;--ease:cubic-bezier(.2, .7, .2, 1);background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Manrope Variable,Manrope,Helvetica Neue,Arial,sans-serif}.h4 h1,.h4 h2,.h4 h3{color:inherit}.h4 a{color:var(--t1)}.h4 a:hover{color:var(--y)}.h4 .num{font-variant-numeric:tabular-nums}.h4 .grad{background:linear-gradient(165deg,#ffe02b 18%,#fff0a0 62%,#f5f6f8 100%);color:#0000;-webkit-background-clip:text;background-clip:text}html:has(.h4){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:has(.h4){scroll-behavior:auto}}.h4 .wrap{max-width:1200px;margin:0 auto}.h4 section[id]{scroll-margin-top:96px}.h4 .nav-a[aria-current=true]{color:var(--y)}.h4 .sec{padding:128px 24px 0}.h4 .eyebrow{letter-spacing:.04em;color:var(--t3);text-transform:uppercase;align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.h4 .eyebrow b{color:var(--y);font-weight:700}.h4 .h2{letter-spacing:-.035em;color:var(--t1);text-wrap:balance;margin:0;font-size:clamp(34px,3.6vw,52px);font-weight:700;line-height:1.08}.h4 .lead{color:var(--t2);max-width:540px;margin:0;font-size:18px;line-height:1.6}.h4 .card{background:var(--s1);border:1px solid var(--line);border-radius:24px}.h4 .glow{background:radial-gradient(90% 80% at 100% 100%, #ffe02b24, #ffe02b00 60%), var(--s1)}.h4 .btn{letter-spacing:-.01em;cursor:pointer;white-space:nowrap;box-sizing:border-box;height:52px;transition:background-color .18s ease, border-color .18s ease, box-shadow .25s ease, transform .14s var(--ease), color .18s ease;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-family:inherit;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.h4 .btn-sm{border-radius:12px;height:42px;padding:0 16px;font-size:14px}.h4 .btn-block{width:100%}.h4 .btn-primary{background:var(--y);color:#111214;box-shadow:inset 0 1px #ffffff8c,0 12px 32px -14px #ffe02b8c}.h4 .btn-primary:hover{color:#111214;background:#ffe84f;box-shadow:inset 0 1px #ffffff8c,0 16px 40px -12px #ffe02bb3}.h4 .btn-ghost{color:var(--t1);border-color:var(--line-2);background:#ffffff0a}.h4 .btn-ghost:hover{color:var(--t1);background:#ffffff14;border-color:#ffffff42}.h4 .btn:active{transform:scale(.98)}.h4 .btn[disabled]{cursor:progress;opacity:.85}.h4 .btn .ic{width:18px;height:18px;transition:transform .22s var(--ease)}.h4 .btn:hover .ic{transform:translate(3px)}.h4 .icon-btn{border:1px solid var(--line-2);background:var(--s2);width:44px;height:44px;color:var(--t1);cursor:pointer;transition:background-color .18s ease, transform .14s var(--ease);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.h4 .icon-btn:hover{background:var(--s3)}.h4 .icon-btn:active{transform:scale(.96)}.h4 .chip{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:13px;font-weight:600;display:inline-flex}.h4 .field{flex-direction:column;gap:8px;display:flex}.h4 .lbl{color:var(--t1);font-size:14px;font-weight:600}.h4 .lbl i{color:var(--t3);font-style:normal;font-weight:500}.h4 .inp-wrap{position:relative}.h4 .inp{box-sizing:border-box;border:1px solid var(--line-2);width:100%;height:54px;color:var(--t1);background:#0b0b0c;border-radius:14px;outline:none;padding:0 46px 0 16px;font-family:inherit;font-size:16px;font-weight:500;transition:border-color .18s,box-shadow .18s,background-color .18s}.h4 .inp::placeholder{color:#8a8b93;font-weight:400}.h4 .inp:hover{border-color:#ffffff38}.h4 .inp:focus{border-color:var(--y);background:#0e0e10;box-shadow:0 0 0 4px #ffe02b1f}.h4 .inp-err{border-color:var(--fail)}.h4 .inp-err:focus{border-color:var(--fail);box-shadow:0 0 0 4px #ff969b1f}.h4 .inp-ic{pointer-events:none;width:18px;height:18px;margin-top:-9px;position:absolute;top:50%;right:16px}.h4 .err{color:var(--fail);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.h4 .seg{background:var(--s2);border:1px solid var(--line);border-radius:11px;gap:2px;padding:3px;display:flex}.h4 .seg button{cursor:pointer;height:38px;color:var(--t2);background:0 0;border:0;border-radius:8px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background-color .18s,color .18s}.h4 .seg button[aria-pressed=true]{background:var(--y);color:#111214}.h4 .check{color:var(--t2);cursor:pointer;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;display:flex;position:relative}.h4 .vh{opacity:0;width:1px;height:1px;margin:0;position:absolute}.h4 .box{box-sizing:border-box;border:1.5px solid #ffffff47;border-radius:7px;flex:0 0 22px;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;transition:background-color .18s,border-color .18s;display:flex}.h4 .box svg{opacity:0;width:14px;height:14px;transition:opacity .18s ease, transform .22s var(--ease);transform:scale(.5)}.h4 .box-err{border-color:var(--fail)}.h4 .vh:checked+.box{background:var(--y);border-color:var(--y)}.h4 .vh:checked+.box svg{opacity:1;transform:none}.h4 .vh:focus-visible+.box{outline:2px solid var(--y);outline-offset:3px}.h4 .nav-links{display:flex}.h4 .menu-btn{display:none}.h4 .nav-a{color:var(--t2);padding:8px 2px;font-size:14px;font-weight:600;text-decoration:none;transition:color .18s}.h4 .nav-a:hover{color:var(--t1)}.h4 .step-btn{transition:background-color .2s,border-color .2s}.h4 .step-btn:hover{background:#ffffff08}.h4 .op-btn{transition:background-color .2s}.h4 .op-btn:hover{background:#ffffff08}.h4 .lift{transition:transform .3s var(--ease), border-color .3s ease}.h4 .lift:hover{border-color:#ffffff1f;transform:translateY(-4px)}.h4 .pop{animation:h4-pop .5s var(--ease)}@keyframes h4-pop{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}.h4 .fill{animation:3.2s linear forwards h4-fill}@keyframes h4-fill{0%{width:0}to{width:100%}}.h4 .spin{animation:1s linear infinite h4-spin}@keyframes h4-spin{to{transform:rotate(360deg)}}.h4 .orbit{animation:18s linear infinite h4-spin}.h4 .float{animation:7s ease-in-out infinite h4-float}@keyframes h4-float{50%{transform:translateY(-10px)}}.h4 .states{display:grid}.h4 .states>*{grid-area:1/1}.h4 .state{opacity:0;visibility:hidden;transition:opacity .22s linear, transform .3s var(--ease), visibility 0s .3s;transform:translateY(6px)scale(.985)}.h4 .state[data-on=true]{opacity:1;visibility:visible;transition:opacity .28s var(--ease) 60ms, transform .3s var(--ease) 60ms, visibility 0s;transform:none}.h4 .wait-arc{stroke-dasharray:131.9;stroke-dashoffset:131.9px;animation:3.2s linear forwards h4-arc}@keyframes h4-arc{to{stroke-dashoffset:0}}.h4 .tick-path{stroke-dasharray:24;stroke-dashoffset:24px;animation:h4-tick .42s var(--ease) .12s forwards}@keyframes h4-tick{to{stroke-dashoffset:0}}.h4 .screen-in>*{animation:h4-pop .45s var(--ease) both}.h4 .screen-in>:nth-child(2){animation-delay:60ms}.h4 .screen-in>:nth-child(3){animation-delay:.12s}.h4 .screen-in>:nth-child(4){animation-delay:.18s}.h4 .bar-on{box-shadow:0 0 12px -2px #ffe02ba6}.h4 .bar-step{transition:background-color .3s var(--ease)}@supports (animation-timeline:view()){.h4 .reveal{animation:linear both h4-rv;animation-timeline:view();animation-range:entry cover 22%}}@keyframes h4-rv{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}.h4 :focus-visible{outline:2px solid var(--y);outline-offset:2px}.h4 .inp:focus-visible{outline:none}@media (max-width:1100px){.h4 .dash-side{display:none!important}}@media (max-width:1023px){.h4 .grid12{grid-template-columns:minmax(0,1fr)!important;column-gap:0!important}.h4 .col-l,.h4 .col-r{grid-column:1/-1!important}.h4 .hero-ring{display:none}.h4 .sec{padding-top:96px}}@media (max-width:1200px){.h4 .dev-phone{display:none}}@media (max-width:899px){.h4 .laptop{display:none!important}.h4 .dev-phone{width:min(244px,100%)!important;margin:0 auto!important;display:block!important;position:static!important}.h4 .laptop-base{margin:0!important}.h4 .nav-links{display:none}.h4 .menu-btn{display:inline-flex}.h4 .cta-head{display:none!important}}@media (max-width:640px){.h4 .pad-xl{padding:24px!important}.h4 .btn{width:100%}.h4 .hero-cta .btn{flex:100%}}@media (prefers-reduced-motion:reduce){.h4 .pop,.h4 .spin,.h4 .orbit,.h4 .float,.h4 .fill,.h4 .reveal,.h4 .wait-arc,.h4 .tick-path,.h4 .screen-in>*{animation:none}.h4 .wait-arc{stroke-dashoffset:33px}.h4 .tick-path{stroke-dashoffset:0}.h4 .state,.h4 .btn,.h4 .lift,.h4 .inp,.h4 .box,.h4 .box svg{transition:none}.h4 .lift:hover{transform:none}}
