@font-face{font-family:"Plus Jakarta Sans";src:url("../../fonts/PlusJakartaSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("../../fonts/PlusJakartaSans-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("../../fonts/PlusJakartaSans-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("../../fonts/Inter-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("../../fonts/Inter-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

.h2-hero--index-two{
  --brand-primary:#0774FF;
  --brand-secondary:#2D3C58;
  --brand-accent:#FFC107;
  --brand-white:#fff;
  --hero-background:linear-gradient(259deg,#006CF5 7.09%,#0559D9 71.14%);
  --font-heading:"Plus Jakarta Sans",sans-serif;
  --font-body:Inter,sans-serif;
  --transition:all .4s ease;
}

.h2-hero--index-two,.h2-hero--index-two *,.h2-hero--index-two *::before,.h2-hero--index-two *::after{box-sizing:border-box}


.h2-hero--index-two img{border:0;vertical-align:middle;max-width:100%;height:auto}
.h2-hero--index-two a{color:inherit;text-decoration:none}

.h2-hero{position:relative;isolation:isolate;overflow:hidden;font-family:var(--font-heading);color:#fff}
.h2-hero--index-two{min-height:913px;padding:270px 0 250px;background:var(--hero-background)}
.h2-hero-background{position:absolute;inset:0;z-index:-1;pointer-events:none}
.h2-hero-background__atmosphere,.h2-hero-background__lines{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat}
.h2-hero-background__atmosphere{background-image:url("../img/shape__one.png")}
.h2-hero-background__lines{background-image:url("../img/shape__two.svg")}
.h2-hero-background__shape{position:absolute;top:10px;left:0}
.h2-hero-container{width:100%;max-width:1350px;margin:0 auto;padding:0 15px}
.h2-hero-row{display:flex;flex-wrap:wrap;margin:0 -12px}
.h2-hero-column{padding:0 12px}
.h2-hero-column--content{width:50%}
.h2-hero-column--visual{width:41.66666667%;margin-left:8.33333333%}
.h2-hero-content{position:relative;z-index:1}
.h2-hero-title{position:relative;margin:0;color:#fff;font:700 66px/76px var(--font-heading)}
.h2-hero-title span{color:var(--brand-accent);font-weight:600}
.h2-hero-title__stroke{position:absolute;right:38%;bottom:-15%;overflow:visible}
.h2-hero-actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:60px}
.h2-button{display:inline-flex;align-items:center;gap:6px;padding:18px 33px;border:1px solid transparent;border-radius:6px;font:600 16px/1 var(--font-body);text-transform:capitalize;transition:var(--transition)}
.h2-button--primary{background:var(--brand-accent);color:var(--brand-secondary)}
.h2-button--secondary{border-color:#fff;color:#fff}
.h2-button:hover{border-color:transparent;background:var(--brand-accent);color:var(--brand-secondary)}
.h2-button--primary:hover{background:var(--brand-secondary);color:#fff}
.h2-button__icon{width:14px;height:13px;fill:currentColor}
.h2-hero-terms{display:flex;align-items:center;gap:5px;margin-top:25px;color:#fff}
.h2-hero-terms img{width:18px}
.h2-hero-visual{position:relative;z-index:3}
.h2-hero-device{display:block;width:100%}
.h2-hero-float{position:absolute}
.h2-hero-float--one{top:-15%;right:35%}
.h2-hero-float--two{top:44.5%;left:1px}
.h2-hero-float--three{right:33.2%;bottom:0}
.h2-hero-float--four{right:11.6%;bottom:10.4%}
.h2-hero-float--five{right:1%;bottom:30%}

.h2-hero-reveal{animation:reveal-down .8s both}
.h2-hero-reveal--1{animation-delay:.3s}.h2-hero-reveal--2{animation-delay:.5s}.h2-hero-reveal--3{animation-delay:.6s}
.h2-float-orbit{animation:orbit 15s linear infinite}.h2-pulse{animation:pulse 8s linear infinite}.h2-float-soft{animation:float-soft 3s linear infinite}
@keyframes reveal-down{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}
@keyframes orbit{0%,100%{transform:translate(0,0)}25%{transform:translate(-30px,-10px)}50%{transform:translate(-15px,0)}75%{transform:translate(0,0)}}
@keyframes pulse{0%,40%,65%,100%{transform:scale(1)}30%,75%{transform:scale(1.05)}50%{transform:scale(.95)}}
@keyframes float-soft{0%,100%{transform:translateY(0)}30%{transform:translateY(3px)}40%,65%{transform:translateY(5px)}50%{transform:translateY(7px)}75%{transform:translateY(3px)}}

@media(max-width:1199px) and (min-width:992px){.h2-hero-column--content{width:58.333333%}.h2-hero-column--visual{width:41.666667%;margin-left:0}}
@media(max-width:991px) and (min-width:768px){.h2-hero-row{justify-content:center}.h2-hero-column--content{width:75%;order:2}.h2-hero-column--visual{width:83.333333%;margin-left:0}}
@media(max-width:767px){.h2-hero-column--content,.h2-hero-column--visual{width:100%;margin-left:0}.h2-hero-visual{margin-top:130px}}
@media(max-width:576px){.h2-hero--index-two{min-height:0;padding:210px 0 215px}.h2-hero-container{padding:0 10px}.h2-hero-title{font-size:45px;line-height:1.12}.h2-button{padding:18px 24px}}
@media(prefers-reduced-motion:reduce){.h2-hero--index-two *,.h2-hero--index-two *::before,.h2-hero--index-two *::after{animation-duration:.01ms!important;animation-iteration-count:1!important}}