:root{--blue:#1265ba;--navy:#0c2442;--light:#eef6ff;--muted:#52657b;--line:#dce8f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--navy);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 18px #0c24420c}.wrap{width:min(1160px,92%);margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px}.brand{font-weight:850;font-size:22px;color:#0d4d90;line-height:1.15}.brand small{display:block;font-size:11px;letter-spacing:2px;color:#65809d}.navlinks{display:flex;align-items:center;gap:17px;flex-wrap:wrap;font-weight:650;font-size:14px}.navlinks a:hover,.textlink{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 21px;border-radius:12px;font-weight:800;transition:transform .2s,background .2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.call{background:#1265ba;color:white}.wa{background:#169a5b;color:white}.outline{border-color:#b4d0ee;background:#fff;color:#145da8}.hero{background:linear-gradient(115deg,#071d39ef,#0d4279da),url('/img/su-tesisati.jpg') center/cover;color:#fff;padding:92px 0 105px}.hero-inner{max-width:800px}.eyebrow{display:inline-block;border:1px solid #ffffff55;background:#ffffff17;padding:6px 13px;border-radius:30px;font-size:13px;font-weight:700}.hero h1{font-size:clamp(35px,5.3vw,62px);line-height:1.12;margin:22px 0}.hero p{font-size:18px;color:#e5f1ff;max-width:660px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero .outline{background:#fff;color:#1256a0}.trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;font-weight:700;font-size:14px;color:#dcefff}.section{padding:75px 0}.alt{background:#f4f9ff}.sectionhead{max-width:770px;margin:0 auto 33px;text-align:center}.sectionhead h2{font-size:clamp(27px,3.5vw,39px);line-height:1.2;margin:8px 0}.sectionhead p{color:var(--muted);margin:0}.kicker{color:#1163b5;font-size:13px;font-weight:850;letter-spacing:1.8px;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 9px 28px #113b650b;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #113b651c}.card img{width:100%;height:180px;object-fit:cover}.card-body{padding:21px}.card h3{margin:0 0 9px;font-size:19px}.card p{margin:0 0 15px;color:var(--muted);font-size:14px}.card .textlink{font-weight:800}.areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.area{border:1px solid #d8e6f5;border-radius:16px;background:#fff;padding:18px}.area h3{margin:0 0 10px;font-size:17px}.area a{display:inline-block;margin:4px 8px 4px 0;font-size:13px;font-weight:750;color:#1763ac}.area a:hover{text-decoration:underline}.strip{background:#0c315b;color:white;padding:36px 0}.strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.strip h2{margin:0;font-size:25px}.strip p{margin:3px 0 0;color:#d4e8ff}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{background:white;border:1px solid var(--line);padding:25px;border-radius:18px}.step b{display:inline-grid;place-items:center;width:40px;height:40px;background:#e7f2ff;color:#1163b5;border-radius:12px;font-size:20px}.step h3{margin:14px 0 5px}.step p{margin:0;color:var(--muted)}.faq{max-width:850px;margin:auto}.faq details{background:white;border:1px solid var(--line);border-radius:13px;margin:11px 0;padding:17px 20px}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted);margin-bottom:0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contactbox{padding:32px;border-radius:20px;background:#fff;border:1px solid var(--line)}.contactbox h3{font-size:25px;margin:0 0 10px}.contactbox p{color:var(--muted)}footer{background:#091f39;color:#d9e7f5;padding:35px 0 95px}footer a{color:#fff}.footerlinks{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.mobilebar{display:none}.crumb{font-size:13px;color:#56718e;margin:22px 0}.article{max-width:850px;margin:35px auto 80px}.article h1{font-size:clamp(30px,4vw,46px);line-height:1.2}.article h2{margin-top:30px}.article p,.article li{color:#405772}.article .lead{font-size:18px}.menu-button{display:none}@media(max-width:960px){.navlinks{gap:10px;font-size:12px}.grid{grid-template-columns:repeat(2,1fr)}.areas{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.nav{min-height:68px}.brand{font-size:19px}.menu-button{display:block;background:#eaf4ff;border:0;border-radius:10px;padding:9px 13px;color:#1255a0;font-weight:800}.navlinks{display:none;position:absolute;top:68px;left:0;right:0;background:white;padding:20px 5%;box-shadow:0 10px 20px #0002;flex-direction:column;align-items:flex-start;font-size:15px}.navlinks.open{display:flex}.hero{padding:60px 0 70px}.hero p{font-size:16px}.grid,.areas,.process,.contact{grid-template-columns:1fr}.section{padding:55px 0}.strip .wrap{align-items:flex-start}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;padding:9px 12px;background:white;box-shadow:0 -4px 20px #0002;gap:9px}.mobilebar a{flex:1;padding:12px 8px;text-align:center;font-size:14px}footer{padding-bottom:105px}}