/* Sadek-IT — pages/home.css */
.home-hero{padding:86px 0 78px}
.home-hero:before{background:radial-gradient(ellipse at 88% 60%,#0f355849,transparent 60%)}
.home-hero .hero-grid{grid-template-columns:.94fr 1.2fr;gap:48px}
.home-hero h1{font-size:clamp(2.8rem,4.3vw,4.3rem);line-height:1.08;letter-spacing:-.055em}
.home-hero .lead{max-width:470px;font-size:1.08rem}
.hero-signature{font-size:.8rem;line-height:1.7;border-left:2px solid #4ebcca;padding-left:16px;margin:36px 0 0}
.hero-signature strong{color:#c7d5e7;font-weight:400}
.hero-abelbat{padding:0;min-width:0}
.proof-overline{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:.7rem;color:#9cb3ce;margin-bottom:18px}
.hero-abelbat .browser{transform:none;border-color:#3a506b;border-radius:12px 12px 0 0;box-shadow:0 24px 60px #0004}
.hero-abelbat .browser img{aspect-ratio:1.48;transition:transform .45s}
.hero-abelbat .project-caption{position:static;border-radius:0 0 12px 12px;border:1px solid #3a506b;border-top:none;padding:23px 25px;background:#101d2d;box-shadow:none}
.hero-abelbat .project-caption strong{font-size:1.65rem;letter-spacing:-.03em;margin:2px 0 4px}
.home-audiences{background:#0a121f}
.home-audiences .wrap{justify-content:space-between}
.home-audiences strong{font-size:1.1rem;font-weight:500}
.home-audiences .wrap>span:first-child{font-size:.7rem;letter-spacing:.12em;margin-right:20px}
.services-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.bento-item{border:1px solid #26394f;background:#0d1725;border-radius:15px;padding:28px;display:flex;flex-direction:column;min-width:0;position:relative;transition:border-color .25s,transform .25s,background .25s}
.bento-item:hover{border-color:#477897;background:#102034;transform:translateY(-3px)}
.bento-head{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:30px}
.bento-head .icon{margin:0;flex-shrink:0;width:25px}
.bento-index{font-size:.72rem;letter-spacing:.035em;color:#a8bed7}
.bento-item h3{font-size:1.45rem;line-height:1.2;margin-bottom:16px}
.bento-item p{font-size:.91rem;max-width:440px;margin-bottom:26px}
.bento-0{grid-column:span 6;grid-row:span 2;padding:38px;background:linear-gradient(145deg,#113354,#0e1a2b 65%)}
.bento-0 .bento-head{margin-bottom:54px}
.bento-0 h3{font-size:2.6rem}
.bento-0 p{font-size:1.05rem}
.bento-1{grid-column:span 6}
.bento-1 h3{font-size:1.8rem}
.bento-2,.bento-3{grid-column:span 3}
.bento-foot{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #365774;padding-top:25px;margin-top:28px;margin-bottom:30px}
.bento-foot span{font-size:.82rem;color:#b9d4eb;padding-right:12px}
.bento-link{margin-top:auto;align-self:flex-start;color:#b8eff6;font-size:.85rem;border-bottom:1px solid #3b7282;padding-bottom:5px;transition:color .2s,border-color .2s}
.bento-link:hover{color:white;border-color:white}
.home-case{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;align-items:center}
.home-case-image{min-width:0}
.home-case-image .browser img{aspect-ratio:1.45}
.home-case-copy h3{font-size:2.65rem}
.home-case-copy .large-copy{color:#d7e2f1;line-height:1.65;font-size:1.15rem}
.offer-editorial{display:grid;grid-template-columns:1.05fr 1fr;gap:100px;align-items:center}
.offer-editorial p{max-width:465px}
.offer-price{border-left:1px solid #355673;padding-left:70px}
.offer-price>span{font-size:.88rem;color:#a8bfd8}
.offer-price>strong{display:block;font-size:7.5rem;line-height:1.3;letter-spacing:-.075em;color:var(--cyan);font-weight:600}
.offer-price strong span{font-size:3rem;letter-spacing:-.04em}
.offer-price p{font-size:.95rem}
@media (max-width:1050px){.home-hero .hero-grid{gap:30px;grid-template-columns:1fr 1.15fr}}
@media (max-width:1050px){.home-hero h1{font-size:3.3rem}}
@media (max-width:1050px){.bento-2,.bento-3{grid-column:span 6}}
@media (max-width:1050px){.bento-0{grid-row:span 1}}
@media (max-width:1050px){.bento-0 h3{font-size:2rem}}
@media (max-width:1050px){.bento-0 .bento-head{margin-bottom:30px}}
@media (max-width:1050px){.bento-foot{margin-top:5px}}
@media (max-width:1050px){.home-case{gap:30px}}
@media (max-width:1050px){.offer-editorial{gap:45px}}
@media (max-width:1050px){.offer-price{padding-left:40px}}
@media (max-width:800px){.home-hero{padding:56px 0}}
@media (max-width:800px){.home-hero .hero-grid{grid-template-columns:1fr;gap:40px}}
@media (max-width:800px){.home-hero h1{font-size:3.6rem}}
@media (max-width:800px){.hero-abelbat{max-width:none;margin:0}}
@media (max-width:800px){.home-hero .lead{max-width:570px}}
@media (max-width:800px){.hero-signature{margin-top:25px}}
@media (max-width:800px){.home-audiences .wrap{gap:18px;justify-content:start}}
@media (max-width:800px){.home-audiences .wrap>span:first-child{width:100%}}
@media (max-width:800px){.services-bento{grid-template-columns:1fr 1fr}}
@media (max-width:800px){.bento-item{grid-column:span 1;grid-row:auto}}
@media (max-width:800px){.bento-0{grid-column:1/-1;padding:30px}}
@media (max-width:800px){.bento-1{grid-column:1/-1}}
@media (max-width:800px){.bento-0 h3{font-size:2.1rem}}
@media (max-width:800px){.bento-0 .bento-head{margin-bottom:25px}}
@media (max-width:800px){.home-case{grid-template-columns:1fr;gap:35px}}
@media (max-width:800px){.home-case-copy h3{font-size:2.1rem}}
@media (max-width:800px){.offer-editorial{grid-template-columns:1fr;gap:38px}}
@media (max-width:800px){.offer-price{border-left:0;border-top:1px solid #355673;padding:30px 0 0}}
@media (max-width:800px){.offer-price>strong{font-size:6rem}}
@media (max-width:520px){.home-hero h1{font-size:2.65rem}}
@media (max-width:520px){.home-hero .lead{font-size:1rem}}
@media (max-width:520px){.home-hero .buttons{display:grid;grid-template-columns:1fr}}
@media (max-width:520px){.home-hero .buttons .btn{white-space:normal}}
@media (max-width:520px){.hero-signature{font-size:.78rem}}
@media (max-width:520px){.hero-abelbat .project-caption{padding:18px;gap:14px;flex-wrap:wrap}}
@media (max-width:520px){.hero-abelbat .project-caption strong{font-size:1.5rem}}
@media (max-width:520px){.hero-abelbat .project-caption small{font-size:.75rem}}
@media (max-width:520px){.proof-overline{font-size:.67rem}}
@media (max-width:520px){.home-audiences strong{font-size:.94rem}}
@media (max-width:520px){.home-audiences .wrap{gap:14px}}
@media (max-width:520px){.services-bento{grid-template-columns:1fr}}
@media (max-width:520px){.bento-item,.bento-0,.bento-1,.bento-2,.bento-3{grid-column:1;padding:25px}}
@media (max-width:520px){.bento-0 h3{font-size:2rem}}
@media (max-width:520px){.bento-head{margin-bottom:25px}}
@media (max-width:520px){.bento-item h3{line-height:1.2}}
@media (max-width:520px){.bento-foot{margin-bottom:25px}}
@media (max-width:520px){.offer-price>strong{font-size:5.5rem}}
@media (max-width:520px){.home-case-copy .large-copy{font-size:1.05rem}}
@media (prefers-reduced-motion:reduce){.bento-item:hover{transform:none!important}}
.home-hero h1{font-size:clamp(2.5rem,4.25vw,4rem);line-height:1.08;max-width:660px;text-wrap:balance}
.home-hero .hero-grid{grid-template-columns:1fr 1.08fr;gap:45px}
.home-hero .lead{font-size:1.05rem;line-height:1.8}
.home-audiences strong{font-size:1rem;font-weight:500}
.hero-signature{max-width:450px}
.bento-infra{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:35px;min-height:0;padding:32px 40px;background:#0c1821}
.bento-infra h3{margin:18px 0 12px;font-size:1.7rem}
.bento-infra p{margin:0;max-width:660px}
.bento-infra .bento-link{flex-shrink:0;margin-top:0}
.home-case-image{display:block;min-width:0}
.home-case-image .browser img{aspect-ratio:1.42;object-position:center top}
.home-case-copy .case-label{font-size:.74rem;letter-spacing:.07em;line-height:1.9}
@media (max-width:1050px){.home-hero .hero-grid{gap:32px}}
@media (max-width:800px){.home-hero .hero-grid{grid-template-columns:1fr}}
@media (max-width:800px){.home-hero h1{font-size:3rem}}
@media (max-width:800px){.bento-infra{display:block}}
@media (max-width:800px){.bento-infra .bento-link{margin-top:25px}}
@media (max-width:520px){.home-hero h1{font-size:clamp(2rem,8vw,2.65rem)}}
@media (max-width:520px){.home-hero .lead{font-size:1rem}}
@media (max-width:520px){.bento-infra{padding:25px}}
@media (max-width:520px){.bento-infra h3{font-size:1.6rem}}
@media (max-width:520px){.offer-price>strong{font-size:5rem}}
.offer-price>strong{font-family:"Manrope",sans-serif;font-weight:700;letter-spacing:-.04em}
.bento-index{font-family:"Source Sans 3",sans-serif}
.home-case-image .browser img{aspect-ratio:1.6;object-position:top}
.home-hero:before{background:radial-gradient(ellipse at 85% 25%,#15313a55,transparent 65%)}
.bento-item,.offer-editorial{background-image:none}
.home-hero{padding:76px 0 64px}
.home-hero h1{font-size:clamp(2.5rem,4.05vw,3.85rem);line-height:1.13}
.home-hero .hero-grid{grid-template-columns:1fr 1.12fr;gap:46px}
.hero-signature{font-size:.85rem;font-weight:400}
.hero-signature strong{font-weight:400}
.home-audiences .wrap{justify-content:flex-start;gap:35px}
.hosting-section{padding-top:110px;padding-bottom:72px}
.work-section{padding-block:100px}
.work-section .section-top{margin-bottom:50px}
.infrastructure-section{padding-top:112px;padding-bottom:88px}
.infrastructure-section .section-top{align-items:start}
.offer-section{padding-top:100px;padding-bottom:90px}
.bento-item:hover{transform:none;border-color:#4c8c97;background:#101f2a}
.bento-item{transition-duration:.3s}
@media (max-width:1050px){.home-hero .hero-grid{gap:28px}}
@media (max-width:1050px){.home-hero h1{font-size:3rem}}
@media (max-width:800px){.home-hero .hero-grid{grid-template-columns:1fr}}
@media (max-width:800px){.home-hero{padding:52px 0}}
@media (max-width:800px){.home-hero h1{font-size:3rem;max-width:650px}}
@media (max-width:800px){.hosting-section{padding-top:75px;padding-bottom:45px}}
@media (max-width:800px){.work-section,.infrastructure-section{padding-block:72px}}
@media (max-width:800px){.offer-section{padding-block:68px}}
@media (max-width:520px){.home-hero h1{font-size:clamp(2rem,7.9vw,2.65rem)}}
@media (max-width:520px){.work-section,.infrastructure-section{padding-block:60px}}
@media (max-width:520px){.offer-section{padding-block:58px}}