*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#eef9fc;color:#12345a;line-height:1.58;letter-spacing:-.08px}.wrap{max-width:1160px;margin:auto;padding:0 16px}.topbar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #d5eef3;box-shadow:0 3px 14px rgba(0,80,110,.08)}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:8px;text-decoration:none}.brand img{width:220px;height:58px;object-fit:contain;display:block;border-radius:0}.nav nav{display:flex;gap:13px;align-items:center}.nav a{color:#164a75;text-decoration:none;font-weight:700;letter-spacing:-.15px}.wa-button{display:inline-flex;align-items:center;gap:7px;background:#12a95b;color:#fff!important;padding:7px 12px;border-radius:999px;text-decoration:none;font-weight:900;box-shadow:0 5px 14px rgba(18,169,91,.2)}.wa-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#12a95b;font-size:18px;font-weight:900;line-height:1;letter-spacing:0;font-family:Tahoma,Arial,sans-serif}.wa-text{line-height:1}.wa-cta{display:inline-flex;align-items:center;gap:8px}.tag-link{display:inline-block;margin-top:7px;font-size:13px;color:#0a9c5a!important;font-weight:900!important}.hero{background:linear-gradient(135deg,#d9f6ff,#fff 45%,#dff8ed);padding:42px 0}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:center}.hero img{display:block;width:min(100%,460px);margin:0 auto;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:16px;box-shadow:0 10px 25px rgba(0,80,120,.11)}h1,h2,h3{line-height:1.16;letter-spacing:-.6px}h1{font-size:44px;margin:13px 0}h2{font-size:30px}.lead{font-size:19px;color:#47627b;letter-spacing:-.2px}.badge{display:inline-block;background:#075db2;color:#fff;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:900;letter-spacing:.1px}.actions{display:flex;gap:9px;margin-top:20px}.btn{display:inline-block;padding:10px 16px;border-radius:11px;background:#e4f1f8;color:#0757a6;text-decoration:none;font-weight:800;border:1px solid #c4e2ef;letter-spacing:-.15px}.btn.primary{background:#08a55a;color:#fff;border-color:#08a55a}.btn.light{background:#fff;color:#0757a6}.section{padding:30px 16px}.section-title{text-align:center;margin-bottom:24px}.section-title span{color:#0a9c5a;font-weight:900;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.card{background:#fff;border:1px solid #d8edf3;border-radius:17px;padding:21px;box-shadow:0 8px 20px rgba(0,90,120,.055)}.card a{color:#0860ae;font-weight:800}.feature{max-width:1128px;margin:14px auto 30px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;background:#fff;border-radius:20px}.feature img{display:block;width:min(100%,400px);margin:0 auto;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px}.checks{padding-left:20px}.checks li{margin:7px 0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.article-grid.large{grid-template-columns:repeat(2,1fr)}.article-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #d6ebf2}.article-card img{display:block;width:100%;height:130px;object-fit:cover}.article-card div{padding:12px 14px}.article-card p{margin:7px 0 8px}.article-card a{text-decoration:none;color:#0757a6}.article-card small{color:#0b9c5a;font-weight:800}.page-head{background:linear-gradient(135deg,#d7f6ff,#f7fffc);padding:45px 0}.page-head h1{margin-bottom:8px}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.method img{display:block;width:min(100%,480px);margin:0 auto;height:190px;object-fit:cover;border-radius:12px}.notice,.google-box{margin-top:22px;background:#fffde9;border:1px solid #f0db70;border-radius:13px;padding:17px}.city{min-height:200px}.city-page{padding-bottom:25px}.city-hero{background:linear-gradient(135deg,#dff8ff,#fff,#e8faef);padding:45px 0 30px}.city-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center}.city-grid img{display:block;width:min(100%,380px);margin:0 auto;height:220px;object-fit:cover;border-radius:16px}.local-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.local-links a{background:#e8f6fb;border:1px solid #c8e8f1;padding:7px 11px;border-radius:999px;text-decoration:none;color:#0757a6;font-weight:700}.location-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.location-card{min-height:250px}.city-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.city-sections .card{min-height:180px}.article-detail{padding:34px 16px}.article-hero img{display:block;width:min(100%,680px);margin:0 auto;max-height:360px;object-fit:cover;border-radius:16px}.article-detail h1{max-width:900px}.content{background:#fff;padding:22px;border-radius:17px;border:1px solid #deedf2;font-size:16.5px}.article-meta{color:#6c8295}.cta{background:#0757a6;color:#fff;padding:42px 0;text-align:center}.cta h2{font-size:32px}footer{background:#08395e;color:#d8f3ff;padding-top:34px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.footer-grid a{display:block;color:#c8eaf6;text-decoration:none;margin:5px 0}.copyright{margin-top:28px;border-top:1px solid rgba(255,255,255,.15);padding:16px;text-align:center;font-size:13px}
@media(max-width:850px){.nav{flex-direction:column;padding:12px}.nav nav{flex-wrap:wrap;justify-content:center;gap:9px}.hero-grid,.feature,.city-grid{grid-template-columns:1fr}.cards,.article-grid,.article-grid.large,.method-grid,.city-sections,.location-layout{grid-template-columns:1fr}h1{font-size:34px}.footer-grid{grid-template-columns:1fr}.hero{padding-top:28px}.section{padding-top:36px}.hero img,.feature img,.city-grid img{aspect-ratio:auto}}

.wa-float{position:fixed;right:18px;bottom:18px;z-index:50;display:inline-flex;align-items:center;gap:8px;background:#12a95b;color:#fff;text-decoration:none;padding:8px 12px 8px 8px;border-radius:999px;font-weight:900;box-shadow:0 8px 25px rgba(0,0,0,.18)}
.wa-float .wa-icon{width:36px;height:36px;font-size:22px}
@media(max-width:520px){.wa-button{padding:5px}.wa-float{right:12px;bottom:12px}.nav nav{gap:7px}.nav a{font-size:13px}}

.content p{margin:0 0 12px}.content h2{margin:20px 0 8px}.content ul{margin:8px 0 14px;padding-left:22px}.lead{margin:8px 0 14px}.section-title{margin-bottom:18px}


/* Google Maps lokasi Gresik */
.map-card{overflow:hidden}
.map-frame{width:100%;height:420px;border-radius:14px;overflow:hidden;margin:14px 0 12px;background:#eef7f8}
.map-frame iframe{display:block;width:100%;height:100%;border:0}
.map-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:700px){.map-frame{height:320px}}