.homepage .hero-banner{display:block;position:relative;isolation:isolate;width:100%;margin:20px 0 35px;padding:0;background:#f5faff;overflow:hidden}.homepage .hero-banner .hero-visual{position:absolute;inset:0;z-index:-1;height:100%}.hero-banner .hero-illustration{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}.hero-banner .hero-content{position:relative;min-height:clamp(600px,52vw,760px);padding-block:clamp(75px,7vw,105px) 170px}.hero-banner .hero-copy{max-width:44%}.hero-banner .hero-copy h1{font-size:clamp(42px,4.25vw,60px);letter-spacing:-2px}.hero-banner .hero-copy h1 span{color:#0965ef}.hero-banner .hero-lead{color:#536785;font-size:18px;font-weight:500;line-height:1.7}.hero-banner .eyebrow{color:#3e628a}.hero-banner .hero-actions{position:absolute;left:50%;bottom:62px;transform:translateX(-50%);margin:0}.hero-banner .hero-actions .button{min-width:300px;justify-content:center;gap:24px;border:0;border-radius:50px;background:linear-gradient(120deg,#33a6ff,#0965ff);box-shadow:0 10px 28px #126cff30;font-size:20px;min-height:66px;padding:17px 30px}.hero-banner .hero-actions .button:hover{background:linear-gradient(120deg,#218ee8,#0754df)}.hero-banner .hero-actions .button span{font-size:30px}
@media(min-width:1700px){.hero-banner .hero-content{min-height:820px;padding-top:125px}}
@media(max-width:1000px) and (min-width:761px){.hero-banner .hero-content{min-height:590px;padding-top:85px}.hero-banner .hero-copy{max-width:45%}.hero-banner .hero-copy h1{font-size:42px}.hero-banner .hero-lead{font-size:16px}.hero-banner .hero-actions{bottom:48px}.hero-banner .hero-illustration{object-position:55% center}}
@media(max-width:760px){.homepage .hero-banner{display:flex;flex-direction:column;margin:20px 0 30px;background:linear-gradient(145deg,#fbfdff,#edf6ff)}.hero-banner .hero-content{display:contents;min-height:0;padding:0}.hero-banner .hero-copy{order:1;max-width:none;width:calc(100% - 36px);margin:35px auto 22px}.hero-banner .hero-copy h1{font-size:clamp(38px,8vw,52px);max-width:550px}.hero-banner .hero-lead{font-size:17px;max-width:510px;margin-top:20px}.homepage .hero-banner .hero-visual{order:2;position:relative;inset:auto;z-index:0;width:100%;height:clamp(270px,70vw,450px)}.hero-banner .hero-illustration{object-fit:cover;object-position:right center}.hero-banner .hero-actions{order:3;position:static;transform:none;justify-content:center;margin:22px 18px 38px}.hero-banner .hero-actions .button{min-width:0;width:min(100%,330px);min-height:60px;font-size:18px}.hero-banner .eyebrow{font-size:9px;letter-spacing:1.1px}}