/*
Theme Name: Sedot WC Bandar Lampung
Theme URI: https://sedotwcbandarlampung.web.id/
Author: Website Bandar Lampung
Description: Tema landing page jasa sedot WC Bandar Lampung, warna emerald dan emas.
Version: 1.0.0
Requires at least: 6.0
Text Domain: sedot-wc-bandar-lampung
*/
:root{--green:#087f63;--dark:#075c49;--gold:#d6a64b;--ink:#18352d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{text-decoration:none;color:inherit}.container{max-width:1180px;margin:auto;padding:0 22px}.site-header{position:sticky;top:0;background:white;z-index:20;box-shadow:0 2px 15px #0001}.head{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:var(--green);font-size:19px;font-weight:900;line-height:1.2}.nav{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:700}.nav a:hover{color:var(--green)}.btn{display:inline-block;border-radius:30px;padding:13px 23px;font-weight:800;background:var(--green);color:white;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn.gold{background:var(--gold);color:#172b23}.btn.outline{background:white;color:var(--green);border:1px solid #d7e8df}.hero{background:linear-gradient(130deg,#f4faf6,#fff);padding:85px 0}.hero-grid,.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px}.eyebrow{color:var(--green);font-weight:800;letter-spacing:1px;text-transform:uppercase;font-size:13px}.hero h1{font-size:clamp(32px,4vw,55px);line-height:1.16;margin:15px 0 24px}.hero p,.muted{color:#5b6c65}.photo{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 18px 40px #063e2d25}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}section.pad{padding:80px 0}.soft{background:#f7faf7}.center{text-align:center}.section-title{font-size:clamp(27px,3vw,38px);line-height:1.25;margin:8px 0 16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.card{background:white;border:1px solid #e5eee9;border-radius:16px;padding:27px;box-shadow:0 8px 20px #00000006}.card h3{font-size:19px;margin:8px 0}.card a{color:var(--green);font-weight:800}.symbol{font-size:30px}.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.chip{background:#f3faf5;border:1px solid #e1eee6;border-radius:30px;padding:9px 16px;font-weight:600}.benefits{padding-left:20px}.benefits li{margin:10px 0}.cta{background:var(--green);border-radius:24px;padding:50px;color:white;text-align:center}.cta h2{font-size:clamp(27px,3vw,42px);line-height:1.25}.cta p{color:#e6f6ee}.footer{background:#f7faf7;padding:55px 0 20px}.foot{display:grid;grid-template-columns:2fr 1fr;gap:30px}.foot h3{color:var(--green)}.foot a{display:block;margin:6px 0}.copyright{border-top:1px solid #dce8df;padding-top:18px;margin-top:30px;font-size:13px;color:#65756c}.wa-float{position:fixed;right:22px;bottom:22px;width:62px;height:62px;background:#25d366;border-radius:50%;display:grid;place-items:center;z-index:30;box-shadow:0 5px 22px #0004}.wa-float svg{width:36px;height:36px;fill:white}.mobile-toggle{display:none;border:0;background:transparent;font-size:28px;color:var(--green)}@media(max-width:850px){.hero-grid,.split{grid-template-columns:1fr}.hero{padding:50px 0}.cards{grid-template-columns:repeat(2,1fr)}.nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:20px;flex-direction:column;align-items:flex-start;box-shadow:0 12px 20px #0002}.nav.open{display:flex}.mobile-toggle{display:block}.head>.btn{display:none}}@media(max-width:550px){.cards{grid-template-columns:1fr}.foot{grid-template-columns:1fr}section.pad{padding:55px 0}.cta{padding:30px 20px}.hero h1{font-size:34px}.brand{font-size:16px}}