:root{--ink:#13231e;--forest:#173c30;--green:#286c52;--lime:#d7ee72;--cream:#f5f3eb;--white:#fff;--muted:#68756f;--line:#d9ded9;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{height:78px;padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;gap:34px;background:#fff;position:relative;z-index:20;border-bottom:1px solid var(--line)}.brand-image-link{display:block;width:215px;height:72px;overflow:hidden}.brand-logo-frame{display:block;width:215px;height:72px;overflow:hidden;position:relative}.brand-logo{display:block;width:243px;max-width:none;transform:translate(-15px,-88px)}.nav-links{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:14px;font-weight:600}.nav-links>a:hover{color:var(--green)}.menu-button{display:none;border:0;background:transparent;font-size:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 22px;border-radius:4px;border:0;font-weight:800;font-size:14px}.button-primary{background:var(--lime)}.button-outline{border:1px solid var(--forest);padding:11px 17px}.nav-services{position:relative}.nav-services summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:5px}.nav-services summary::-webkit-details-marker{display:none}.services-menu{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:22px;position:absolute;top:34px;left:50%;transform:translateX(-50%);width:650px;padding:25px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px rgba(10,35,27,.14)}.services-menu strong{display:block;font:700 13px 'Manrope';padding-bottom:9px;border-bottom:1px solid var(--line);margin-bottom:7px}.services-menu a{display:block;color:var(--muted);font-size:12px;padding:5px 0}.services-menu a:first-of-type{color:var(--green);font-weight:800}.breadcrumbs{font-size:12px;color:#c8d4ce;margin-bottom:30px}.breadcrumbs a{color:var(--lime)}.service-hero{position:relative;background:var(--forest);color:#fff;overflow:hidden}.service-hero:after{content:'';position:absolute;inset:0 0 0 55%;background:linear-gradient(90deg,var(--forest),transparent),url('assets/hero-rumah-tropis.png') center/cover;opacity:.35}.hero-wrap{position:relative;z-index:1;padding:90px 0 95px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800;color:var(--lime)}h1,h2,h3,p{margin-top:0}.service-hero h1{font:700 clamp(42px,5.4vw,70px)/1.07 'Manrope';letter-spacing:-3px;max-width:780px;margin:15px 0 22px}.service-hero h1 em,h2 em{font-family:var(--serif);font-weight:400}.hero-copy{max-width:650px;color:#d0d9d5;font-size:18px}.hero-actions{display:flex;gap:20px;align-items:center;margin-top:30px}.hero-link{color:#fff;font-weight:700;border-bottom:1px solid #fff}.proof-strip{background:var(--lime);padding:18px 20px}.proof-strip .container{display:flex;justify-content:center;gap:50px;font-size:13px;font-weight:800}.section{padding:95px 0}.section-head{max-width:760px;margin-bottom:48px}.section-head span{color:var(--green);text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:800}.section-head h2{font:700 clamp(34px,4vw,52px)/1.15 'Manrope';letter-spacing:-2px;margin:12px 0}.section-head p{color:var(--muted)}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.type-card{border:1px solid var(--line);padding:34px;scroll-margin-top:100px}.type-card b{color:var(--green);font:400 25px var(--serif)}.type-card h2{font:700 26px 'Manrope';margin:20px 0 12px}.type-card p,.type-card li{color:var(--muted);font-size:14px}.type-card ul{padding-left:20px}.type-card a{color:var(--green);font-weight:800;font-size:13px}.scope{background:var(--cream)}.scope-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.scope-grid h2{font:700 clamp(34px,4vw,50px)/1.16 'Manrope';letter-spacing:-2px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check-grid div{background:#fff;padding:20px;border-left:3px solid var(--green);font-weight:700}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.process-grid article{padding:28px 22px;border-right:1px solid var(--line)}.process-grid article:last-child{border:0}.process-grid span{color:var(--green);font:400 22px var(--serif)}.process-grid h3{font:700 17px 'Manrope';margin:16px 0 8px}.process-grid p{font-size:13px;color:var(--muted)}.seo-copy{max-width:790px}.seo-copy h2{font:700 34px 'Manrope';letter-spacing:-1px;margin-top:45px}.seo-copy p,.seo-copy li{color:#405049}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-weight:800;cursor:pointer}.faq details p{color:var(--muted);margin:12px 0 0}.cta{background:#0f2820;color:#fff;text-align:center;padding:80px 20px}.cta h2{font:700 clamp(34px,4vw,52px)/1.15 'Manrope';letter-spacing:-2px}.cta p{color:#c6d1cb;max-width:650px;margin:0 auto 26px}footer{background:#091a14;color:#899790;padding:48px 0 25px}.footer-row{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-row strong{color:#fff}.footer-links{display:flex;gap:22px;font-size:12px}.floating-wa{position:fixed;z-index:30;right:22px;bottom:22px;background:#25d366;color:#fff;padding:13px 18px;border-radius:50px;font-weight:800;font-size:13px;box-shadow:0 8px 25px rgba(0,0,0,.23)}
@media(max-width:900px){.site-header{height:68px}.nav-links,.site-header>.button{display:none}.menu-button{display:block;margin-left:auto}.nav-links.open{display:flex;align-items:stretch;position:absolute;top:68px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;box-shadow:0 10px 25px rgba(0,0,0,.1);max-height:calc(100vh - 68px);overflow:auto}.nav-services summary{justify-content:space-between}.services-menu{position:static;transform:none;width:auto;grid-template-columns:1fr;box-shadow:none;margin-top:14px;padding:18px}.type-grid,.scope-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.proof-strip .container{flex-wrap:wrap;gap:10px 30px}.scope-grid{gap:35px}}
@media(max-width:600px){.container{width:min(100% - 28px,1160px)}.brand-image-link{width:175px;height:60px}.brand-logo-frame{width:175px;height:60px}.brand-logo{width:197px;transform:translate(-12px,-71px)}.hero-wrap{padding:60px 0 70px}.service-hero h1{font-size:41px;letter-spacing:-2px}.service-hero:after{inset:0;opacity:.15}.hero-actions{align-items:flex-start;flex-direction:column}.section{padding:70px 0}.type-grid,.check-grid,.process-grid{grid-template-columns:1fr}.process-grid article{border-right:0;border-bottom:1px solid var(--line)}.footer-row{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}.floating-wa span{display:none}}