@import url('home.css');
.svc-hero{position:relative;min-height:480px;display:flex;align-items:center;color:#fff;background-size:cover;background-position:center;padding-top:140px;padding-bottom:60px}
.svc-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(10,22,40,.92),rgba(13,122,110,.5))}
.svc-hero .container{position:relative;z-index:2}
.svc-hero h1{font-family:'Playfair Display',serif;font-size:clamp(36px,5vw,58px);max-width:720px;margin-bottom:18px}
.svc-hero p{max-width:600px;color:rgba(255,255,255,.85);font-size:17px;margin-bottom:26px}
.benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.benefit{padding:30px;background:#fff;border:1px solid var(--gray-200);border-radius:18px;transition:var(--trans)}
.benefit:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:var(--teal)}
.benefit i{width:50px;height:50px;display:grid;place-items:center;border-radius:12px;background:var(--grad-teal);color:#fff;font-size:20px;margin-bottom:16px}
.benefit h4{color:var(--navy);margin-bottom:8px;font-size:18px;font-family:'Playfair Display',serif}
.benefit p{color:var(--gray-500);font-size:14px}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.content-grid.reverse>div:first-child{order:2}
.content-grid img{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:420px;object-fit:cover;width:100%}
.content-grid h2{font-family:'Playfair Display',serif;color:var(--navy);font-size:32px;margin-bottom:16px}
.content-grid p{color:var(--gray-500);margin-bottom:14px}
.cond-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cond-list span{padding:7px 14px;background:#eaf6f4;color:var(--teal);border-radius:999px;font-size:13px;font-weight:500}
@media (max-width:900px){.content-grid{grid-template-columns:1fr}.content-grid.reverse>div:first-child{order:0}.content-grid img{height:300px}}