.darion-become-section,
.darion-become-benefits,
.darion-become-steps,
.darion-become-growth {
padding: 90px 0;
}
.darion-section-label{
display:inline-block;
margin-bottom:16px;
font-size:.9rem;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
color:#2563eb;
}
.darion-become-section h2,
.darion-become-benefits h2,
.darion-become-steps h2,
.darion-become-growth h2{
margin:0 0 22px;
font-size:clamp(2rem,4vw,3rem);
line-height:1.15;
}
.darion-become-section p,
.darion-become-benefits p,
.darion-become-steps p,
.darion-become-growth p{
color:#5f6775;
line-height:1.8;
} .darion-become-hero{
position:relative;
}
.darion-become-hero__image{
position:relative;
min-height:520px;
display:flex;
align-items:flex-start;
background-size:cover;
background-position:center;
}
.darion-become-hero__overlay{
position:absolute;
inset:0;
background:linear-gradient(
90deg,
rgba(10,18,32,.82),
rgba(10,18,32,.52),
rgba(10,18,32,.30)
);
}
.darion-become-hero__content{
position:relative;
z-index:10;
width:100%;
max-width:1280px;
margin:0 auto;
padding:120px 40px 60px;
color:#fff;
transform: translateY(-70px);
}
.darion-become-hero__eyebrow{
display:inline-block;
margin-bottom:18px;
padding:8px 18px;
border-radius:999px;
background:rgba(255,255,255,.12);
backdrop-filter:blur(8px);
font-size:.9rem;
font-weight:600;
}
.darion-become-hero h1{
margin:0 0 24px;
font-size:clamp(3rem,6vw,4.8rem);
line-height:1.05;
color:#fff;
}
.darion-become-hero p{
margin:0 0 34px;
color:rgba(255,255,255,.92);
}
.darion-become-hero p:first-of-type{
max-width:620px;
font-size:1.1rem;
line-height:1.8;
}
.darion-become-hero__description{
max-width:700px !important;
font-size:1rem !important;
line-height:1.75;
opacity:.82;
margin-bottom:40px;
}
.darion-become-hero .darion-button{
display:inline-flex;
align-items:center;
justify-content:center;
margin-bottom:40px;
font-size:1.2rem;
padding:16px 34px;
background:#2563eb;
color:#fff !important;
border-radius:12px;
font-weight:700;
text-decoration:none;
}
.darion-become-hero .darion-button:hover{
background:#1d4ed8;
color:#fff;
}
.darion-become-hero__description{
max-width:700px;
font-size:1.05rem;
line-height:1.8;
opacity:.88;
margin-bottom:40px;
} .darion-become-hero__features{
display:flex;
flex-wrap:wrap;
gap:18px;
}
.darion-become-hero__features div{
display:flex;
align-items:center;
gap:10px;
padding:14px 20px;
border-radius:999px;
background:rgba(255,255,255,.12);
backdrop-filter:blur(8px);
color:#fff;
font-weight:600;
} .darion-become-split{
display:grid;
grid-template-columns:1.25fr .75fr;
gap:70px;
align-items:center;
}
.darion-become-split__text p{
margin-bottom:18px;
}
.darion-become-split__card{
background:#fff;
border-radius:24px;
padding:42px;
box-shadow:0 20px 60px rgba(0,0,0,.07);
}
.darion-become-split__card h3{
margin-top:0;
margin-bottom:24px;
}
.darion-become-split__card ul{
margin:0;
padding-left:18px;
}
.darion-become-split__card li{
margin-bottom:16px;
line-height:1.7;
} .darion-become-benefits{
background:#f7f9fc;
}
.darion-become-benefits__grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-top:50px;
}
.darion-become-benefits__card{
background:#fff;
border-radius:22px;
padding:36px;
box-shadow:0 16px 40px rgba(0,0,0,.06);
transition:.25s;
}
.darion-become-benefits__card:hover{
transform:translateY(-8px);
}
.darion-become-benefits__icon{
font-size:2rem;
margin-bottom:22px;
}
.darion-become-benefits__card h3{
margin:0 0 16px;
} .darion-become-tags{
display:flex;
flex-wrap:wrap;
gap:18px;
margin-top:42px;
}
.darion-become-tags span{
padding:14px 24px;
border-radius:999px;
background:#f4f6fb;
font-weight:600;
} .darion-become-steps{
background:#f7f9fc;
}
.darion-become-steps__timeline{
margin:55px auto 0;
max-width:720px;
}
.darion-become-step{
display:flex;
gap:30px;
align-items:flex-start;
margin-bottom:42px;
}
.darion-become-step:last-child{
margin-bottom:0;
}
.darion-become-step__number{
width:62px;
height:62px;
border-radius:50%;
background:#2563eb;
color:#fff;
font-size:1.35rem;
font-weight:700;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.darion-become-step h3{
margin:6px 0 10px;
} .darion-become-growth__grid{
display:grid;
grid-template-columns:repeat(5, minmax(0,1fr));
gap:24px;
margin-top:50px;
}
.darion-become-growth__item{
min-width:0;
overflow:hidden;
background:#fff;
border-radius:22px;
padding:34px;
text-align:center;
box-sizing:border-box;
box-shadow:0 16px 40px rgba(0,0,0,.06);
} .darion-home-cta{
padding:90px 0;
}
.darion-home-cta__card{
display:flex;
justify-content:space-between;
align-items:center;
gap:40px;
background:linear-gradient(135deg,#2563eb,#1d4ed8);
border-radius:28px;
padding:60px;
color:#fff;
}
.darion-home-cta__card h2{
color:#fff;
margin:0 0 18px;
}
.darion-home-cta__card p{
margin:0;
color:rgba(255,255,255,.9);
}
.darion-home-cta .darion-button{
display:inline-flex;
align-items:center;
justify-content:center;
white-space:nowrap;
min-width:220px;
font-size:1.15rem;
padding:16px 34px;
background:#fff;
color:#2563eb;
border-radius:12px;
font-weight:700;
text-decoration:none;
transition:.25s;
box-shadow:0 10px 30px rgba(0,0,0,.15);
}
.darion-home-cta .darion-button:hover{
background:#f3f6ff;
transform:translateY(-2px);
} @media (max-width:1100px){
.darion-become-benefits__grid{
grid-template-columns:repeat(2,1fr);
}
.darion-become-growth__grid{
grid-template-columns:repeat(2,1fr);
}
.darion-become-split{
grid-template-columns:1fr;
}
}
@media (max-width:768px){
.darion-become-section,
.darion-become-benefits,
.darion-become-growth,
.darion-become-steps,
.darion-home-cta{
padding:70px 0;
}
.darion-become-hero__image{
min-height:620px;
}
.darion-become-benefits__grid{
grid-template-columns:1fr;
}
.darion-become-growth__grid{
grid-template-columns:1fr;
}
.darion-home-cta__card{
flex-direction:column;
text-align:center;
padding:40px 28px;
}
.darion-become-step{
gap:18px;
}
}
.darion-become-hero{
position:relative;
width:100%;
}
.darion-become-section .darion-container,
.darion-become-benefits .darion-container,
.darion-become-steps .darion-container,
.darion-become-growth .darion-container,
.darion-home-cta{
max-width:1120px;
margin:0 auto;
}
.darion-become-growth *,
.darion-become-benefits *,
.darion-become-section *,
.darion-become-steps *{
box-sizing:border-box;
}
body{
overflow-x:hidden !important;
}