.ataf-hero-saas{
    --ataf-primary:#0b5cff;
    --ataf-dark:#071638;
    --ataf-bg:#f7fbff;
    --ataf-max:1280px;
    --ataf-pt:58px;
    --ataf-pb:46px;
    --ataf-imgw:100%;
    background:linear-gradient(180deg,var(--ataf-bg) 0%, #fff 100%);
    width:100%;
    overflow:hidden;
    box-sizing:border-box;
    padding:var(--ataf-pt) 20px var(--ataf-pb);
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.ataf-hero-saas *{box-sizing:border-box;}
.ataf-hero-inner{
    max-width:var(--ataf-max);
    margin:0 auto;
    display:grid;
    grid-template-columns:41% 59%;
    align-items:center;
    gap:34px;
}
.ataf-hero-copy{position:relative;z-index:2;}
.ataf-hero-title{
    margin:0 0 22px;
    color:var(--ataf-dark);
    font-size:clamp(42px,4vw,64px);
    line-height:1.06;
    letter-spacing:-0.055em;
    font-weight:900;
}
.ataf-hero-title-main,
.ataf-hero-title-highlight{display:block;}
.ataf-hero-title-highlight{color:var(--ataf-primary);}
.ataf-hero-desc{
    max-width:510px;
    margin:0 0 28px;
    color:#263852;
    font-size:18px;
    line-height:1.65;
    font-weight:400;
}
.ataf-hero-benefits{
    display:grid;
    grid-template-columns:1fr 1.25fr;
    gap:16px 28px;
    max-width:520px;
    margin:0 0 30px;
}
.ataf-hero-benefit{
    display:flex;
    align-items:center;
    gap:12px;
    color:#04112d;
    font-size:16px;
    line-height:1.35;
    font-weight:800;
}
.ataf-hero-check{
    width:22px;
    height:22px;
    flex:0 0 22px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--ataf-primary);
    color:#fff;
    font-size:14px;
    font-weight:900;
}
.ataf-hero-buttons{
    display:flex;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}
.ataf-hero-btn{
    min-height:52px;
    padding:0 28px;
    border-radius:9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    text-decoration:none!important;
    font-size:16px;
    font-weight:750;
    transition:.2s ease;
}
.ataf-hero-btn-primary{
    background:var(--ataf-primary);
    color:#fff!important;
    box-shadow:0 10px 24px rgba(11,92,255,.18);
}
.ataf-hero-btn-secondary{
    background:#fff;
    color:var(--ataf-primary)!important;
    border:1.5px solid var(--ataf-primary);
}
.ataf-play{
    width:25px;
    height:25px;
    border-radius:999px;
    background:#fff;
    color:var(--ataf-primary);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
    line-height:1;
}
.ataf-hero-visual{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    min-width:0;
}
.ataf-hero-mockup{
    display:block;
    width:var(--ataf-imgw);
    max-width:1000px;
    height:auto;
    object-fit:contain;
    margin-right:-18px;
}
.ataf-hero-empty{
    min-height:300px;
    border:2px dashed #b8c6d9;
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#6a7890;
    width:100%;
    background:#fff;
}
@media (max-width:1024px){
    .ataf-hero-inner{grid-template-columns:1fr;gap:40px;}
    .ataf-hero-copy{text-align:center;}
    .ataf-hero-desc,.ataf-hero-benefits{margin-left:auto;margin-right:auto;}
    .ataf-hero-buttons{justify-content:center;}
    .ataf-hero-mockup{margin:0 auto;width:100%;}
}
@media (max-width:640px){
    .ataf-hero-saas{padding:48px 16px 38px;}
    .ataf-hero-title{font-size:42px;letter-spacing:-.045em;}
    .ataf-hero-desc{font-size:16px;}
    .ataf-hero-benefits{grid-template-columns:1fr;gap:14px;}
    .ataf-hero-buttons{display:grid;grid-template-columns:1fr;width:100%;}
    .ataf-hero-btn{width:100%;}
}