:root{--g:#123b35;--d:#102b28;--gold:#d4a85f;--ink:#182b29;--muted:#657672}body{font-family:Inter,system-ui,sans-serif;color:var(--ink)}.kt-top{background:var(--d);color:#e4eeeb;font-size:12px;padding:9px 0}.kt-nav{background:#fff;box-shadow:0 5px 22px #102b2810}.kt-nav .navbar-brand b{font-size:23px;color:var(--d)}.kt-nav .navbar-brand b span{color:#b78a43}.kt-nav small{font-size:10px;color:var(--muted)}.kt-mark{width:44px;height:44px;border-radius:14px;background:var(--g);color:white;display:grid;place-items:center}.kt-nav .nav-link{font-weight:650;color:#30413d}.kt-btn{background:var(--g);color:#fff;font-weight:750;padding:11px 19px}.kt-btn:hover{background:#0b2924;color:#fff}.kt-hero{background:linear-gradient(105deg,#0c2925f5,#123b35d9 55%,#123b3570),url('https://konveksi-tokoabi.co.id/wp-content/uploads/2022/01/Hero-1-1.png') center/cover;color:#fff;padding:90px 0;min-height:560px;display:flex;align-items:center}.kt-eyebrow,.kt-kicker{font-size:11px;letter-spacing:2px;color:#d4a85f;font-weight:850}.kt-hero h1{font-size:clamp(36px,5vw,62px);font-weight:850;line-height:1.04;letter-spacing:-2px;max-width:760px;margin:20px 0}.kt-hero p{font-size:17px;color:#e2ece8;max-width:650px;line-height:1.8}.kt-points{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;font-size:13px}.kt-points i{color:#e8c98e;margin-right:7px}.kt-trust{background:#f6f7f3;padding:26px 0}.kt-section{padding:72px 0}.kt-section h2{font-size:clamp(28px,3.5vw,42px);font-weight:830;color:var(--d);letter-spacing:-1px}.kt-lead{color:var(--muted);line-height:1.8}.kt-photo{width:100%;height:390px;object-fit:cover;border-radius:20px}.kt-card{height:100%;border:1px solid #e5eae5;border-radius:18px;overflow:hidden;background:white;box-shadow:0 8px 25px #102b2809}.kt-card img{width:100%;height:220px;object-fit:cover}.kt-card .body{padding:22px}.kt-card h3{font-size:19px;font-weight:800;color:var(--d)}.kt-card p{font-size:14px;line-height:1.7;color:var(--muted)}.kt-band{background:var(--d);color:white;padding:60px 0}.kt-band h2{color:white;font-weight:850}.kt-cta{background:#f4f5f0;border:1px solid #e5e9e1;border-radius:22px;padding:36px}.kt-footer{background:#0c211e;color:#cad7d2;padding:55px 0 25px;margin-top:50px}.kt-footer-brand{font-size:24px;font-weight:900;color:white;letter-spacing:2px}.kt-footer b{display:block;color:white;margin-bottom:12px}.kt-footer a{display:block;color:#cad7d2;text-decoration:none;margin:8px 0;font-size:14px}.kt-wa{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#16a34a;color:white;display:grid;place-items:center;font-size:30px;z-index:999;text-decoration:none}@media(max-width:767px){.kt-hero{padding:60px 0;min-height:520px}.kt-hero h1{font-size:39px}.kt-section{padding:50px 0}.kt-photo{height:260px}}

/* Responsive refinement v2 — mobile-first fixes */
html,body{width:100%;max-width:100%;overflow-x:clip}body{-webkit-text-size-adjust:100%}.container{width:100%}.kt-nav{padding:10px 0}.kt-nav .container,.kt-nav .navbar-collapse,.kt-nav .navbar-brand{min-width:0}.kt-nav .navbar-brand b{font-size:clamp(19px,4vw,23px);line-height:1}.kt-nav .navbar-toggler{border:1px solid #dce5df;border-radius:10px;padding:7px 10px;box-shadow:none}.kt-nav .navbar-toggler:focus{box-shadow:0 0 0 3px rgba(18,59,53,.12)}.kt-nav .navbar-nav{gap:2px}.kt-nav .nav-link{padding:10px 12px;border-radius:9px}.kt-nav .nav-link:hover,.kt-nav .nav-link:focus{background:#f3f6f2}.kt-nav .kt-btn{white-space:nowrap}.kt-hero{width:100%;min-height:clamp(440px,62vw,560px);padding:clamp(48px,7vw,90px) 0;background-position:center}.kt-hero .container,.kt-hero .container>.col-lg-8{min-width:0}.kt-hero h1{font-size:clamp(34px,5.2vw,62px);line-height:1.08;letter-spacing:-1.5px;overflow-wrap:anywhere}.kt-hero p{font-size:clamp(15px,1.5vw,17px)}.kt-points{row-gap:12px;column-gap:18px}.kt-section,.kt-card{min-width:0}.kt-section .row>*{min-width:0}.kt-photo{display:block;max-width:100%}.kt-card img{display:block;max-width:100%}.kt-band{overflow:hidden}.kt-cta{min-width:0}.kt-footer{overflow-wrap:anywhere}.kt-wa{display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.2)}img,video,iframe,table{max-width:100%}.premium-content,.premium-box{overflow-wrap:anywhere}.table-responsive{max-width:100%}
@media(max-width:991.98px){.kt-nav .navbar-collapse{padding:12px 0 5px}.kt-nav .navbar-nav{margin:6px 0 12px!important}.kt-nav .navbar-nav .nav-link{padding:11px 12px}.kt-nav .navbar-collapse>.kt-btn{display:block;width:100%;text-align:center;margin:5px 0 8px}}
@media(max-width:767.98px){.kt-top{font-size:11px;padding:8px 0}.kt-top .container{justify-content:center!important;text-align:center}.kt-top .container span:last-child{display:none}.kt-nav{position:relative}.kt-nav .container{padding-left:16px;padding-right:16px}.kt-mark{width:39px;height:39px;border-radius:11px;flex:0 0 39px}.kt-nav .navbar-brand small{font-size:9px}.kt-hero{min-height:0;padding:58px 0 54px;background-position:58% center}.kt-hero h1{max-width:100%;font-size:clamp(32px,8.5vw,43px);letter-spacing:-1.2px;margin:15px 0}.kt-hero p{font-size:15px;line-height:1.7}.kt-hero .btn{width:100%;justify-content:center;font-size:15px;padding:12px 16px!important}.kt-points{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;font-size:12px}.kt-trust{padding:20px 0}.kt-trust .row{--bs-gutter-y:14px}.kt-trust .row>div{font-size:13px;line-height:1.45}.kt-trust small{font-size:11px}.kt-section{padding:46px 0}.kt-section h2{font-size:clamp(25px,7vw,32px);line-height:1.16;letter-spacing:-.6px}.kt-lead{font-size:14px;line-height:1.75}.kt-photo{height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:15px}.kt-card img{height:auto;aspect-ratio:16/10}.kt-card .body{padding:18px}.kt-card h3{font-size:17px}.kt-card p{font-size:13px}.kt-band{padding:42px 0}.kt-band h2{font-size:27px;line-height:1.18}.kt-band .btn{width:100%;white-space:normal}.kt-cta{padding:22px;border-radius:17px}.kt-footer{padding:42px 0 22px;margin-top:35px}.kt-footer .row>div{min-width:0}.kt-footer-brand{font-size:22px}.kt-wa{width:52px;height:52px;right:14px;bottom:14px;font-size:26px}}
@media(max-width:380px){.kt-nav .navbar-brand{gap:8px!important}.kt-nav .navbar-brand b{font-size:18px}.kt-mark{width:35px;height:35px;flex-basis:35px}.kt-nav .navbar-toggler{padding:6px 8px}.kt-hero h1{font-size:31px}.kt-points{grid-template-columns:1fr}}


/* Homepage layout repair v6 — responsive independent grid */
.kt-home{width:100%;overflow:clip;color:#1b2c27}.kt-home-container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.kt-home-hero{position:relative;isolation:isolate;min-height:610px;display:flex;align-items:center;overflow:hidden;background:#102f28}
.kt-home-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(10,37,31,.98),rgba(12,49,40,.82)),url("https://konveksi-tokoabi.co.id/wp-content/uploads/2022/01/Hero-1-1.png") center/cover no-repeat}
.kt-home-hero>.kt-home-container{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);align-items:center;gap:55px;padding-block:78px}
.kt-home-hero-copy{max-width:660px;color:#fff}.kt-home-eyebrow,.kt-home-kicker{display:inline-block;color:#d9b779;font-size:11px;font-weight:850;letter-spacing:2px;text-transform:uppercase}
.kt-home-hero h1{max-width:700px;margin:18px 0 20px;color:#fff;font-size:clamp(38px,4.4vw,62px);font-weight:850;line-height:1.06;letter-spacing:-1.8px}
.kt-home-hero-copy>p{max-width:610px;color:#e3ece7;font-size:16px;line-height:1.85;margin:0}
.kt-home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.kt-home-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border-radius:8px;font-size:13px;font-weight:800;text-decoration:none}
.kt-home-btn-gold{background:#d7b16d;color:#1c2b24}.kt-home-btn-outline{border:1px solid rgba(255,255,255,.65);color:#fff}
.kt-home-points{display:flex;flex-wrap:wrap;gap:20px;margin-top:26px;color:#e9f0eb;font-size:12px;font-weight:650}
.kt-home-hero-visual{position:relative;min-width:0}.kt-home-image-frame{height:390px;overflow:hidden;border:8px solid rgba(255,255,255,.13);border-radius:20px;box-shadow:0 25px 60px #0004;transform:rotate(1.5deg)}
.kt-home-image-frame img{display:block;width:100%;height:100%;object-fit:cover}.kt-home-image-note{position:absolute;left:-24px;bottom:22px;display:flex;flex-direction:column;padding:14px 22px;background:#d7b16d;color:#18372d;border-radius:10px}
.kt-home-trust{background:#f5f6f1;border-bottom:1px solid #e9ece5}.kt-home-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:25px;gap:20px}
.kt-home-trust-grid>div{padding-left:20px;border-left:2px solid #d4b16f;min-width:0}.kt-home-trust-grid b{display:block;font-size:14px;color:#18372e}.kt-home-trust-grid span{display:block;margin-top:4px;color:#758078;font-size:12px}
.kt-home-about{padding:86px 0}.kt-home-about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.kt-home-about-image{height:430px;overflow:hidden;border-radius:18px;background:#f0f2ed}.kt-home-about-image img{display:block;width:100%;height:100%;object-fit:cover}
.kt-home-about-copy h2,.kt-home-section-head h2,.kt-home-cta h2{margin:13px 0 18px;color:#17372e;font-size:clamp(29px,3.1vw,42px);line-height:1.14;letter-spacing:-1px;font-weight:850}
.kt-home-about-copy p,.kt-home-section-head p{color:#6d7972;font-size:15px;line-height:1.85}.kt-home-services{padding:78px 0 90px;background:#f7f8f5}
.kt-home-section-head{max-width:680px;margin:0 auto 38px;text-align:center}.kt-home-section-head h2{margin-bottom:12px}
.kt-home-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:stretch}
.kt-home-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #e7ebe6;border-radius:15px;box-shadow:0 8px 26px #182f240e}
.kt-home-card-image{display:block;width:100%;height:245px;overflow:hidden;background:#edf0eb}.kt-home-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.kt-home-card-placeholder{height:245px;display:grid;place-items:center;background:#e9eee8;color:#42614f;font-size:25px;font-weight:900}
.kt-home-card-body{padding:21px 22px 23px}.kt-home-card-body h3{margin:0 0 9px;color:#17372e;font-size:18px;line-height:1.3;font-weight:820}
.kt-home-card-body p{min-height:48px;margin:0 0 14px;color:#748078;font-size:13px;line-height:1.7}.kt-home-card-body a{color:#a47b3e;font-size:12px;font-weight:850}
.kt-home-cta{padding:58px 0;background:#123b32;color:white}.kt-home-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}
.kt-home-cta h2{max-width:700px;margin:12px 0;color:white;font-size:clamp(27px,3vw,38px)}.kt-home-cta p{max-width:700px;color:#dce8e1;font-size:14px;line-height:1.8}
.kt-home-btn-light{flex:0 0 auto;background:#fff;color:#17372e}
@media(max-width:900px){.kt-home-hero>.kt-home-container{grid-template-columns:1fr;gap:34px;padding-block:65px}.kt-home-hero-visual{max-width:580px;width:100%;margin:auto}.kt-home-image-frame{height:330px}.kt-home-about-grid{gap:38px}.kt-home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.kt-home-container{width:calc(100% - 36px)}.kt-home-hero>.kt-home-container{padding-block:54px 48px;gap:28px}.kt-home-hero h1{font-size:clamp(34px,9vw,43px);letter-spacing:-1.1px}.kt-home-hero-copy>p{font-size:14px}.kt-home-actions{display:grid;grid-template-columns:1fr}.kt-home-btn{width:100%}.kt-home-points{gap:10px 15px;font-size:11px}.kt-home-image-frame{height:245px;border-width:5px}.kt-home-image-note{left:-6px;bottom:12px;padding:10px 15px}.kt-home-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.kt-home-about{padding:54px 0}.kt-home-about-grid{grid-template-columns:1fr;gap:27px}.kt-home-about-image{height:270px}.kt-home-services{padding:55px 0 60px}.kt-home-service-grid{grid-template-columns:1fr;gap:17px}.kt-home-card-image,.kt-home-card-placeholder{height:230px}.kt-home-cta{padding:43px 0}.kt-home-cta-inner{display:grid;grid-template-columns:1fr;gap:20px}}