@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');
:root{--sky:#48afe0;--pale:#eef9fe;--ink:#163b50;--muted:#607887;--line:#d9edf6}*{box-sizing:border-box}
body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,90%);margin:auto}
.top{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf5f8}.nav{height:82px;display:flex;align-items:center;gap:34px}
.brand-image{display:flex;align-items:center;margin-right:auto}.brand-image img{display:block;width:155px;height:54px;object-fit:contain;object-position:left center}
.navlinks{display:flex;gap:25px;font-size:14px}.navlinks a:hover{color:#249fd9}.navcta,.btn{padding:14px 20px;border-radius:8px;font-weight:700;font-size:14px;display:inline-block}
.navcta,.primary{background:linear-gradient(135deg,#3ca9de,#78caf0);color:white;box-shadow:0 8px 24px #48afe033}.secondary{border:1px solid #7bc8ec;color:#218fc4;background:#fff}
.hero{background:linear-gradient(90deg,rgba(238,249,254,.98) 0%,rgba(238,249,254,.93) 39%,rgba(238,249,254,.42) 59%,rgba(238,249,254,.04) 80%),url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1800&q=84') center right/cover no-repeat;min-height:610px;display:flex;align-items:center}
.hero-copy{max-width:590px;padding:80px 0}.hero h1{font:800 clamp(46px,5.5vw,72px)/1.02 'Plus Jakarta Sans';letter-spacing:-.045em;margin:18px 0 24px}.hero h1 span{color:#2ca9df}.hero p{font-size:18px;line-height:1.7;color:#4f6d7d}.actions{display:flex;gap:12px;margin-top:32px}
.section{padding:88px 0}.center{text-align:center}.section h2,.subhero h1{font:800 clamp(34px,4vw,50px)/1.08 'Plus Jakarta Sans';letter-spacing:-.035em}.lead{color:var(--muted);font-size:17px;line-height:1.7;max-width:760px}.center .lead{margin:0 auto}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}.card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 12px 35px #1b77970b;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #1b779718}.card img{display:block;width:100%;height:245px;object-fit:cover;transition:transform .45s}.card:hover img{transform:scale(1.025)}.card-body{padding:26px;min-height:205px}.card h3{font:800 21px 'Plus Jakarta Sans';margin:0 0 12px}.card p{color:var(--muted);line-height:1.65}.learn{color:#159bd5;font-weight:700;font-size:14px}
.soft{background:var(--pale)}.split,.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split img,.content-grid img{width:100%;min-height:430px;object-fit:cover;border-radius:22px}.ticks{display:grid;gap:16px;margin-top:28px}.tick:before{content:'✓';display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#dff5ff;color:#159bd5;font-weight:900;margin-right:12px}
.path{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:48px}.step{padding:28px;border-top:3px solid #69bde7}.step b{display:grid;place-items:center;width:38px;height:38px;background:#4bb1e3;color:white;border-radius:50%;margin-bottom:18px}.step p{color:var(--muted);line-height:1.6}
.banner{background:linear-gradient(120deg,#279fd8,#83d0f2);color:#fff;padding:58px 0}.banner .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.banner h2{font:800 34px 'Plus Jakarta Sans';margin:0 0 8px}.banner .btn{background:white;color:#218fc4}
.footer{background:#eaf8fe;padding:55px 0;color:#476778}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px}.footer-logo img{width:165px;height:auto}.footer h4{color:#163b50}.footer a{display:block;margin:10px 0;font-size:14px}
.subhero{background:linear-gradient(135deg,#dff5ff,#86d3f4);padding:90px 0}.bullets{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.bullets div{padding:16px;background:#f1fafe;border-radius:10px;font-weight:600}
@media(max-width:900px){.navlinks{display:none}.services,.path{grid-template-columns:1fr 1fr}.split,.content-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.services,.path,.bullets,.footer-grid{grid-template-columns:1fr}.brand-image img{width:128px;height:46px}.hero h1{font-size:45px}.actions{flex-direction:column}.banner .wrap{display:block}}