:root{--ink:#142b3b;--navy:#102b3c;--deep:#0b202e;--copper:#bb7645;--paper:#fff;--pale:#f2f5f5;--line:#d9e0e1;--muted:#526370;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;left:-999px;top:8px;background:white;padding:12px;z-index:100}.skip:focus{left:12px}.setup-banner{background:#ffedcf;color:#513a22;padding:9px 0;font-size:.88rem;line-height:1.45}.header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:10}.header-inner{min-height:82px;display:flex;align-items:center;gap:30px}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.045em;font-size:1.12rem;white-space:nowrap}.brand small{display:block;font-size:.57rem;letter-spacing:.19em;font-weight:700;color:var(--copper);margin-top:3px}.brand-mark{height:37px;width:37px;display:grid;place-items:center;border:2px solid var(--copper);font-size:1.7rem;line-height:1;color:var(--copper);transform:skew(-8deg)}nav{display:flex;gap:15px;align-items:center;margin-left:auto}nav a{text-decoration:none;font-size:.82rem;font-weight:700;color:#3f5663;white-space:nowrap}nav a:hover,nav a[aria-current=page]{color:var(--copper)}.header-cta{text-decoration:none;border:1px solid var(--navy);padding:12px 14px;font-weight:700;font-size:.82rem;white-space:nowrap}.header-cta:hover{background:var(--navy);color:white}.header-cta span{margin-left:10px}.menu-toggle{display:none}.eyebrow{font-size:.76rem;color:var(--copper);font-weight:800;letter-spacing:.16em;margin:0 0 20px}.eyebrow.light{color:#ffd3a6}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.12}h1{font-size:clamp(2.8rem,5.6vw,5.8rem);max-width:900px;margin-bottom:26px}h1 em{font-family:Georgia,serif;font-weight:400}h2{font-size:clamp(2rem,3.4vw,3.4rem);margin-bottom:24px}h3{font-size:1.35rem}p,li{line-height:1.72;color:var(--muted)}.hero{min-height:620px;position:relative;color:white;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:#304555 url('atap-penangkal-petir.webp') center 52%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,27,40,.91) 0%,rgba(8,27,40,.76) 39%,rgba(8,27,40,.19) 77%),linear-gradient(0deg,rgba(9,30,43,.55),transparent 55%)}.hero-inner{position:relative;padding:90px 0 120px}.hero h1{max-width:800px}.hero p:not(.eyebrow){max-width:570px;color:#e4eaeb;font-size:1.1rem}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:0;background:var(--copper);color:white;text-decoration:none;padding:17px 23px;font-size:.94rem;font-weight:700;cursor:pointer;min-height:54px}.button:hover{background:#9f5e35}.button:disabled{background:#aab1b5;cursor:not-allowed}.button-light{background:white;color:var(--navy)}.button-light:hover{background:#dce5e7}.text-link{display:inline-block;text-decoration:none;font-weight:800;border-bottom:1px solid var(--copper);padding-bottom:7px;font-size:.94rem}.light-link{color:white}.hero-index{position:absolute;bottom:24px;right:max(24px,calc((100vw - 1180px)/2));color:#e9e7e5;letter-spacing:.13em;font-size:.7rem}.section{padding-top:105px;padding-bottom:105px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.intro-grid h2{max-width:500px}.large{font-size:1.18rem;color:#324b58;line-height:1.75}.pale{background:var(--pale)}.section-head{max-width:760px;margin-bottom:42px}.cards{display:grid;gap:18px}.three{grid-template-columns:repeat(3,1fr)}.card{background:white;border:1px solid var(--line);padding:34px;min-height:286px;text-decoration:none;display:flex;flex-direction:column}.card:hover{border-color:var(--copper)}.card h2,.card h3{font-size:1.55rem;margin:15px 0}.card p{margin-bottom:24px}.card-no{color:var(--copper);letter-spacing:.16em;font-size:.75rem;font-weight:800}.card-link{font-weight:800;margin-top:auto;font-size:.9rem;color:var(--navy)}.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}.process ol{list-style:none;padding:0;margin:0}.process li{display:flex;gap:30px;border-top:1px solid var(--line);padding:22px 0}.process li span{font-weight:800;color:var(--copper)}.process li h3{margin-bottom:6px}.process li p{margin-bottom:0}.dark-band{background:var(--navy);color:white}.band-inner{padding:65px 0;display:flex;justify-content:space-between;gap:30px;align-items:center}.band-inner p:not(.eyebrow){color:#c9d5d9}.band-inner h2{margin-bottom:12px}.page-hero{padding-top:92px;padding-bottom:82px;border-bottom:1px solid var(--line)}.page-hero h1{max-width:880px}.lead{font-size:1.24rem;max-width:770px;color:#435b68}.split{display:grid;grid-template-columns:1fr 1fr;gap:12%}.feature-list{padding:0;list-style:none}.feature-list li{border-top:1px solid var(--line);display:flex;gap:25px;padding:23px 0}.feature-list b{color:var(--copper)}.feature-list h3{margin-bottom:7px}.feature-list p{margin:0}.panel{background:var(--pale);padding:38px;align-self:start}.panel ul{padding-left:20px}.narrow{max-width:800px}.note{border-left:3px solid var(--copper);padding:14px 22px;background:white}.empty{grid-column:1/-1;padding:50px;background:var(--pale);border:1px dashed #a8b9bd}.empty h2{font-size:1.8rem}.content-image{margin-top:auto}.project{padding:20px}.project-image{aspect-ratio:4/3;object-fit:cover;margin-bottom:18px}.article{max-width:890px;padding-top:70px;padding-bottom:110px}.article h1{font-size:clamp(2.6rem,5vw,4.8rem)}.back{display:inline-block;margin-bottom:45px;font-weight:700;text-decoration:none}.prose{max-width:740px;padding:35px 0}.prose h2{font-size:1.8rem;margin:35px 0 12px}.prose p{font-size:1.08rem}.prose a{color:#975528}.article-cta{background:var(--pale);padding:36px;margin-top:30px}.article-cta h2{font-size:1.8rem}.faq-list{max-width:870px}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font-size:1.25rem;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-list summary:after{content:'+';color:var(--copper)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{max-width:700px;margin:15px 0 0}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10%}.survey-form{display:grid;gap:20px}.survey-form label{display:grid;gap:8px;font-weight:700}.survey-form input,.survey-form select,.survey-form textarea{width:100%;border:1px solid #aab8bc;padding:14px;font:inherit;background:white;border-radius:0;color:var(--ink)}.survey-form input:focus,.survey-form select:focus,.survey-form textarea:focus{outline:2px solid var(--copper);outline-offset:1px}.survey-form button{justify-self:start}.form-note{font-size:.89rem}.contact-aside{background:var(--pale);padding:38px;align-self:start}.contact-aside hr{border:0;border-top:1px solid var(--line);margin:30px 0}.footer{background:var(--deep);color:white;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:10%}.footer a{color:white}.footer p{color:#aebfc7;font-size:.9rem}.footer-grid>div:nth-child(2) a{display:block;margin:14px 0;text-decoration:none;font-size:.9rem}.brand-foot{margin-bottom:22px}.footer strong{display:block;margin-bottom:15px}.footer-bottom{margin-top:60px;border-top:1px solid #315062;padding-top:22px;display:flex;gap:20px;justify-content:space-between;color:#aebfc7;font-size:.75rem}.footer-bottom span:last-child{max-width:440px;text-align:right}@media(max-width:1100px){.header-inner{gap:16px}nav{gap:10px}nav a{font-size:.75rem}.header-cta{display:none}}@media(max-width:1100px){.wrap{width:min(100% - 36px,1180px)}.header-inner{min-height:70px}.menu-toggle{display:flex;margin-left:auto;width:44px;height:44px;background:white;border:1px solid var(--line);flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;background:var(--ink)}nav{display:none;position:absolute;left:0;right:0;top:100%;background:white;border-bottom:1px solid var(--line);padding:14px 18px 24px;box-shadow:0 20px 20px #102b3c20;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{font-size:1rem;padding:12px;border-bottom:1px solid var(--line)}.hero{min-height:590px}.hero-image{background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(8,27,40,.89),rgba(8,27,40,.43)),linear-gradient(0deg,#102b3c55,transparent)}.hero-inner{padding:75px 0 100px}.section{padding-top:70px;padding-bottom:70px}.intro-grid,.process,.split,.contact-grid{grid-template-columns:1fr;gap:35px}.three{grid-template-columns:1fr 1fr}.footer-grid{gap:30px;grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:560px){h1{font-size:clamp(2.45rem,11vw,3.8rem)}.hero{min-height:620px}.hero h1{font-size:clamp(2.45rem,11vw,3.7rem)}.hero p:not(.eyebrow){font-size:1rem}.hero-index{font-size:.6rem;left:18px;right:auto}.three{grid-template-columns:1fr}.card{min-height:230px}.page-hero{padding-top:62px;padding-bottom:60px}.lead{font-size:1.1rem}.band-inner{display:block}.band-inner .button{margin-top:18px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:12px}.footer-bottom span:last-child{text-align:left}.contact-aside,.panel,.empty{padding:25px}.hero-actions{align-items:flex-start;flex-direction:column}.article{padding-top:45px}.article-cta{padding:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.logo-image{width:38px;height:38px;object-fit:contain}

@media(max-width:560px){.header .brand{font-size:.84rem;white-space:normal;line-height:1.13;max-width:calc(100% - 60px)}.header .brand-mark{flex:none}.header .brand small{font-size:.55rem;letter-spacing:.12em}.footer .brand{white-space:normal}}