/* =========================
   PARTNER LANDING CLEAN CSS
========================= */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800;900&display=swap');

html,body{
margin:0;
padding:0;
width:100%;
overflow-x:hidden;
}

body{
font-family:'Manrope',sans-serif;
background:#04140f;
color:#fff;
}

*{
box-sizing:border-box;
}

.lp-page{
min-height:100vh;
background:
radial-gradient(circle at top left,rgba(17,98,57,.34),transparent 40%),
radial-gradient(circle at top right,rgba(255,140,66,.16),transparent 34%),
linear-gradient(180deg,#03110c 0%,#071b14 100%);
}

.lp-page .wrap{
width:100%;
max-width:1180px;
margin:0 auto;
padding:0 20px;
}

.lp-page .section{
padding:78px 0;
}

.lp-page h1,
.lp-page h2,
.lp-page h3,
.lp-page p{
margin:0;
}

.lp-page h1{
font-size:72px;
line-height:1.02;
font-weight:900;
letter-spacing:-.04em;
margin-bottom:22px;
}

.lp-page h2{
font-size:44px;
line-height:1.08;
font-weight:900;
letter-spacing:-.03em;
}

.lp-page h3{
font-size:24px;
font-weight:800;
}

.lp-page p{
color:rgba(255,255,255,.78);
line-height:1.6;
}

.lp-page .eyebrow{
display:inline-block;
font-size:12px;
font-weight:800;
letter-spacing:.22em;
color:#ff9a53;
margin-bottom:14px;
text-transform:uppercase;
}

.lp-page .section-head{
text-align:center;
margin-bottom:38px;
}

/* HERO */

.lp-page .hero{
padding:92px 0 72px;
}

.lp-page .hero__grid{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:34px;
align-items:center;
}

.lp-page .badge{
display:inline-flex;
padding:12px 18px;
border-radius:999px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
font-size:12px;
font-weight:800;
letter-spacing:.16em;
margin-bottom:22px;
}

.lp-page .hero__lead{
font-size:20px;
max-width:620px;
margin-bottom:28px;
}

.lp-page .hero__actions{
display:flex;
gap:14px;
flex-wrap:wrap;
}

.lp-page .hero__card{
display:grid;
gap:16px;
}

.lp-page .mini-card,
.lp-page .card,
.lp-page .lead-form,
.lp-page .cta-strip__inner,
.lp-page .step{
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));
border:1px solid rgba(255,255,255,.07);
border-radius:24px;
box-shadow:0 16px 40px rgba(0,0,0,.18);
}

.lp-page .mini-card{
padding:24px;
}

.lp-page .mini-card span{
display:block;
font-size:14px;
color:#ffb178;
margin-bottom:8px;
}

.lp-page .mini-card strong{
font-size:24px;
font-weight:900;
}

/* BUTTONS */

.lp-page .btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:56px;
padding:0 28px;
border-radius:16px;
text-decoration:none;
font-size:16px;
font-weight:800;
transition:.22s ease;
}

.lp-page .btn--primary{
background:#e27d47;
color:#fff;
box-shadow:0 12px 28px rgba(226,125,71,.24);
}

.lp-page .btn--primary:hover{
transform:translateY(-2px);
}

.lp-page .btn--ghost{
color:#fff;
border:1px solid rgba(255,255,255,.1);
background:rgba(255,255,255,.03);
}

.lp-page .btn--full{
width:100%;
border:0;
cursor:pointer;
}

/* GRIDS */

.lp-page .grid{
display:grid;
gap:22px;
}

.lp-page .grid--4{
grid-template-columns:repeat(4,1fr);
}

.lp-page .grid--2{
grid-template-columns:repeat(2,minmax(0,1fr));
}

/* FEATURES */

.lp-page .card{
padding:26px;
}

.lp-page .card:hover{
transform:translateY(-3px);
transition:.2s ease;
}

.lp-page .feature .icon{
font-size:28px;
margin-bottom:12px;
}

.lp-page .feature h3{
margin-bottom:8px;
}

/* TIMELINE */

.lp-page .timeline{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:16px;
}

.lp-page .step{
padding:22px;
text-align:center;
}

.lp-page .step span{
display:inline-flex;
width:42px;
height:42px;
align-items:center;
justify-content:center;
border-radius:50%;
background:#e27d47;
font-weight:900;
margin-bottom:12px;
}

/* CTA */

.lp-page .cta-strip__inner{
padding:28px;
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
}

/* FORM */

.lp-page .lead-form{
padding:30px;
}

.lp-page .field{
display:flex;
flex-direction:column;
gap:8px;
margin-bottom:16px;
}

.lp-page .field label{
font-size:14px;
font-weight:700;
color:#fff;
}

.lp-page .lead-form input,
.lp-page .lead-form textarea{
width:100%;
border:1px solid rgba(255,255,255,.08);
background:#fff;
color:#111;
border-radius:14px;
padding:14px 16px;
font:inherit;
font-size:16px;
outline:none;
min-height:52px;
}

.lp-page .lead-form textarea{
min-height:150px;
resize:vertical;
}

.lp-page .lead-form input:focus,
.lp-page .lead-form textarea:focus{
border-color:#e27d47;
box-shadow:0 0 0 4px rgba(226,125,71,.14);
}

/* FOOTER */

.lp-page .footer{
padding:34px 0 50px;
text-align:center;
font-size:14px;
color:rgba(255,255,255,.55);
}

/* TABLET */

@media (max-width:1100px){

.lp-page h1{font-size:58px;}
.lp-page .hero__grid{grid-template-columns:1fr;}
.lp-page .grid--4{grid-template-columns:repeat(2,1fr);}
.lp-page .timeline{grid-template-columns:repeat(2,1fr);}

}

/* MOBILE */

@media (max-width:768px){

.lp-page .wrap{padding:0 16px;}
.lp-page .section{padding:38px 0;}
.lp-page .hero{padding:44px 0 36px;}

.lp-page h1{
font-size:38px;
margin-bottom:16px;
}

.lp-page h2{
font-size:28px;
}

.lp-page h3{
font-size:21px;
}

.lp-page .hero__lead{
font-size:16px;
margin-bottom:20px;
}

.lp-page .hero__grid,
.lp-page .grid--2,
.lp-page .grid--4,
.lp-page .timeline{
grid-template-columns:1fr;
gap:14px;
}

.lp-page .hero__actions{
flex-direction:column;
gap:12px;
}

.lp-page .btn{
width:100%;
min-height:50px;
padding:0 18px;
font-size:15px;
}

.lp-page .mini-card,
.lp-page .card,
.lp-page .lead-form,
.lp-page .cta-strip__inner,
.lp-page .step{
padding:18px;
border-radius:18px;
}

.lp-page .cta-strip__inner{
flex-direction:column;
align-items:flex-start;
gap:14px;
}

.lp-page .section-head{
margin-bottom:24px;
}

.lp-page .lead-form input,
.lp-page .lead-form textarea{
min-height:48px;
padding:12px 14px;
}

.lp-page .lead-form textarea{
min-height:130px;
}

.lp-page .footer{
padding:26px 0 38px;
font-size:13px;
}

}
.lp-page .feature .icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:56px;
    height:56px;
    margin:0 auto 18px;
    border-radius:16px;
    background:rgba(255,255,255,.04);
    }
    
    .lp-page .feature .icon .material-symbols-outlined{
    font-size:30px;
    color:#ffffff;
    line-height:1;
    }
    .footer a{
      color:#fff;
      text-decoration:none;
  }
  
  .footer a:hover{
      opacity:.8;
  }