section.landing-page-hero{position:relative}
section.landing-page-hero.bg-electric-blue{background-color:#2c3cbb !important}
section.landing-page-hero.bg-black{background-color:#000 !important}
section.landing-page-hero.bg-white{background-color:#fff !important}
section.landing-page-hero.bg-oatmeal{background-color:#e7e4df !important}
section.landing-page-hero.bg-forged-steel{background-color:#3a352e !important}
section.landing-page-hero.text-white,section.landing-page-hero.text-white h1,section.landing-page-hero.text-white h2,section.landing-page-hero.text-white h3,section.landing-page-hero.text-white h4,section.landing-page-hero.text-white h5,section.landing-page-hero.text-white h6,section.landing-page-hero.text-white p,section.landing-page-hero.text-white li,section.landing-page-hero.text-white span{color:#fff}
section.landing-page-hero.text-black,section.landing-page-hero.text-black h1,section.landing-page-hero.text-black h2,section.landing-page-hero.text-black h3,section.landing-page-hero.text-black h4,section.landing-page-hero.text-black h5,section.landing-page-hero.text-black h6,section.landing-page-hero.text-black p,section.landing-page-hero.text-black li,section.landing-page-hero.text-black span{color:#000}
section.landing-page-hero.text-oatmeal,section.landing-page-hero.text-oatmeal h1,section.landing-page-hero.text-oatmeal h2,section.landing-page-hero.text-oatmeal h3,section.landing-page-hero.text-oatmeal h4,section.landing-page-hero.text-oatmeal h5,section.landing-page-hero.text-oatmeal h6,section.landing-page-hero.text-oatmeal p,section.landing-page-hero.text-oatmeal li,section.landing-page-hero.text-oatmeal span{color:#e7e4df}
section.landing-page-hero.text-forged-steel,section.landing-page-hero.text-forged-steel h1,section.landing-page-hero.text-forged-steel h2,section.landing-page-hero.text-forged-steel h3,section.landing-page-hero.text-forged-steel h4,section.landing-page-hero.text-forged-steel h5,section.landing-page-hero.text-forged-steel h6,section.landing-page-hero.text-forged-steel p,section.landing-page-hero.text-forged-steel li,section.landing-page-hero.text-forged-steel span{color:#3a352e}

@media (max-width:700px){section.landing-page-hero{background-image:none !important;background-color:#000}}

section.landing-page-hero.enable-black-fade:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,1),transparent);pointer-events:none;z-index:1}
section.landing-page-hero.enable-black-fade:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,1),transparent);pointer-events:none;z-index:2}
@media (max-width:700px){section.landing-page-hero.enable-black-fade:before{display:none}}

section.landing-page-hero video{z-index:1}
@media (max-width:700px){section.landing-page-hero video{display:none}}

section.landing-page-hero .frame{position:relative;z-index:2}

section.landing-page-hero .mobile-container{display:none}
@media (max-width:700px){
section.landing-page-hero .mobile-container{display:block;width:100%;height:40vh;position:absolute;top:0;z-index:0}
section.landing-page-hero .mobile-container:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,1),transparent);pointer-events:none;z-index:1}
}

@media (max-width:700px){
section.landing-page-hero{background-position:bottom center}
section.landing-page-hero:after{content:'';position:absolute;top:18.6rem;left:0;width:100%;height:calc(100% - 18.6rem);background:linear-gradient(to top,rgba(0,0,0,1),transparent);pointer-events:none;z-index:1}
section.landing-page-hero > div{position:relative;z-index:2}
}

section.landing-page-hero .header-grid p{margin-bottom:0}
section.landing-page-hero .header-grid .header-buttons{margin-top:clamp(3.2rem,3.4vw,4.8rem)}
section.landing-page-hero .header-grid .headline-wrapper{grid-column-start:1;grid-column-end:9}
@media (max-width:700px){section.landing-page-hero .header-grid .headline-wrapper{grid-column-end:13}}

@media (max-width:700px){section.landing-page-hero .header-content{padding-top:250px}}

/* === Breadcrumb === */
section.landing-page-hero .hero-breadcrumb{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.6rem;transition:opacity .2s ease}
section.landing-page-hero .hero-breadcrumb:hover{opacity:.7}

/* === Header paragraph with bullet styles === */
section.landing-page-hero .header-paragraph ul{list-style:none;padding-left:0;margin:1.6rem 0}
section.landing-page-hero .header-paragraph ul li{position:relative;padding-left:2.4rem;margin-bottom:.8rem;line-height:1.5}
section.landing-page-hero .header-paragraph ul li:last-child{margin-bottom:0}

/* Disc bullets */
section.landing-page-hero.bullets-disc .header-paragraph ul li:before{content:'';position:absolute;left:.4rem;top:.7em;width:6px;height:6px;border-radius:50%;background-color:currentColor}

/* Checkmark bullets (green) */
section.landing-page-hero.bullets-checkmark .header-paragraph ul li:before{content:'';position:absolute;left:0;top:.2em;width:1.6rem;height:1.6rem;-webkit-mask-image:url("../../assets/imgs/checkmark.svg");mask-image:url("../../assets/imgs/checkmark.svg");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:#8FFF3E}

section.landing-page-hero .sub-title{margin-bottom:3.2rem}
section.landing-page-hero .sub-title p{margin:0}

section.landing-page-hero .lower-content{margin-top:clamp(7.2rem,8vw,10.4rem)}

/* === Stat boxes === */
section.landing-page-hero .stat-boxes-wrapper{position:relative;display:flex;flex-wrap:wrap}
section.landing-page-hero .stat-boxes-wrapper:after,section.landing-page-hero .stat-boxes-wrapper:before{content:'';position:absolute;width:200vw;height:1px;background-color:var(--border-brand-green,#8FFF3E);pointer-events:none;left:-100vw}
section.landing-page-hero .stat-boxes-wrapper:after{bottom:0}
section.landing-page-hero .stat-boxes-wrapper:before{top:0}

section.landing-page-hero .stat-box{padding:2.4rem 2rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;overflow:hidden;background:transparent;border-left:1px solid #8FFF3E;flex:1;min-width:0}
section.landing-page-hero .stat-box:last-child{border-right:1px solid #8FFF3E}
section.landing-page-hero .stat-box-content{display:flex;flex-direction:column;gap:.4rem;width:100%}
section.landing-page-hero .stat-box .stat-number{font-family:"ballinger-mono",monospace;font-size:clamp(3.6rem,4vw,5.2rem);font-weight:400;line-height:1;color:#8FFF3E;margin:0 0 1.2rem 0}
section.landing-page-hero .stat-box .stat-heading{color:#8FFF3E;font-family:"ballinger-mono",monospace;font-size:1.4rem;font-weight:500;line-height:2rem;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 1.2rem 0}
section.landing-page-hero .stat-box .stat-paragraph{color:#fff;margin:0;font-size:1.8rem;font-weight:400;line-height:1.4}

@media (max-width:1024px){
section.landing-page-hero .stat-box{flex:1 0 50%;border-right:1px solid #8FFF3E;border-bottom:1px solid #8FFF3E}
section.landing-page-hero .stat-box:nth-last-child(-n+2){border-bottom:none}
}
@media (max-width:700px){
section.landing-page-hero .stat-boxes-wrapper{flex-direction:column}
section.landing-page-hero .stat-box{flex:1 0 100%;border-left:1px solid #8FFF3E !important;border-right:1px solid #8FFF3E !important;border-bottom:1px solid #8FFF3E !important;padding:2rem 1.6rem}
section.landing-page-hero .stat-box:last-child{border-bottom:none !important}
section.landing-page-hero .stat-box .stat-number{font-size:3.6rem}
section.landing-page-hero .stat-box .stat-paragraph{font-size:1.6rem}
}

/* === Disclaimer === */
section.landing-page-hero .disclaimer{display:flex;align-items:center;margin-top:3.2rem;flex-wrap:wrap;gap:1.6rem}
section.landing-page-hero .disclaimer p,section.landing-page-hero .disclaimer a{display:inline-flex}
section.landing-page-hero .disclaimer p{margin:0;margin-right:.8rem}