.home-page{--home-ink:#14221d;--home-muted:#50645a;--home-rule:#dce6df;--home-wash:#f0f5f1;background:var(--bg);color:var(--home-ink)}
.home-page .site-header{background:var(--bg-header)}
.home-page .brand-text small{color:#52645a;font-size:11px}
.home-page .btn-primary{background:#047857;color:#fff}
.home-page .btn-primary:hover{background:#064d36;color:#fff}
.home-page .nav{height:76px}
.home-page .brand-text small{font-size:.68rem}
.home-page .nav-menu a{white-space:nowrap}
.home-hero{padding:clamp(76px,11vw,142px) 0 76px}
.home-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:clamp(40px,9vw,130px)}
.home-hero-copy{max-width:780px}
.home-hero h1{max-width:760px;font-size:clamp(3rem,7vw,6rem);line-height:.99;letter-spacing:-.045em;font-weight:700}
.home-lead{margin-top:27px;font-size:clamp(1.35rem,2.6vw,2rem);font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--color-primary-deep)}
.home-explainer{max-width:610px;margin-top:16px;color:var(--home-muted);font-size:1.05rem;line-height:1.65}
.home-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}
.home-contact{font-weight:600;text-decoration:underline;text-decoration-color:#9aaca0;text-underline-offset:5px}
.home-index{display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding:0 0 5px 22px;border-left:1px solid var(--home-rule)}
.home-index>span{font-size:.8rem;font-weight:600;color:var(--home-muted)}
.home-index>strong{font:600 1.4rem/1.3 var(--font-display);letter-spacing:-.025em}
.home-index>a,.home-section-heading>a,.home-about a{font-size:.9rem;font-weight:600;color:var(--color-primary-deep)}
.home-offerings{padding:76px 0 88px;background:var(--home-wash)}
.home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}
.home-section-heading h2,.home-about h2,.home-close h2{font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.08;letter-spacing:-.035em}
.home-section-heading p{margin-top:10px;color:var(--home-muted);max-width:64ch}
.home-section-heading>a{flex:none;padding-bottom:4px}
.offering-table-wrap{overflow-x:auto;border-top:1px solid #cddbd1;border-bottom:1px solid #cddbd1}
.offering-table{width:100%;border-collapse:collapse;text-align:left;min-width:730px}
.offering-table caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.offering-table th,.offering-table td{padding:22px 18px;border-bottom:1px solid var(--home-rule);vertical-align:middle}
.offering-table thead th{padding-top:14px;padding-bottom:14px;color:var(--home-muted);font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.065em}
.offering-table tbody tr:last-child th,.offering-table tbody tr:last-child td{border-bottom:0}
.offering-table tbody tr{transition:background .18s ease}
.offering-table tbody tr:hover{background:rgba(255,255,255,.72)}
.offering-table tbody th{width:28%;font-weight:400}
.offering-name{font:600 1.15rem/1.3 var(--font-display);letter-spacing:-.02em}
.offering-name span{font:400 .85rem var(--font)}
.offering-subtitle{display:block;margin-top:5px;color:var(--home-muted);font-size:.83rem}
.offering-kind{display:inline-block;border:1px solid #cddbd1;border-radius:5px;padding:5px 8px;color:#344b3e;font-size:.78rem;font-weight:600;white-space:nowrap}
.offering-kind-solution{border-color:#b4d9ca;background:#e2f2e9;color:#205b41}
.offering-table td{color:#42554a;font-size:.92rem;line-height:1.55}
.offering-table td:last-child{white-space:nowrap}
.offering-cta{font-weight:600;color:var(--color-primary-deep)}
.catalog-note{margin-top:14px;color:var(--home-muted);font-size:.84rem}
.home-about{padding:92px 0;background:#173a2c;color:#f4f8f5}
.home-about-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(38px,9vw,130px);align-items:start}
.home-about h2{max-width:540px}
.home-about p{max-width:62ch;color:#d8e5dc;line-height:1.75}
.home-about a{display:inline-block;margin-top:21px;color:#bce5ce;text-decoration:underline;text-underline-offset:4px}
.home-close{padding:78px 0 86px;text-align:center}
.home-close-inner{display:grid;justify-items:center;gap:14px}
.home-close p{color:var(--home-muted);margin-bottom:9px}
.home-footer{padding-top:44px!important}
.home-footer-inner{display:grid;grid-template-columns:minmax(190px,1.1fr) minmax(185px,1fr) minmax(135px,.7fr) minmax(185px,1fr);column-gap:30px;row-gap:21px;align-items:start;padding-bottom:25px}
.home-footer-inner>p{grid-column:1;color:var(--home-muted);font-size:.9rem}
.home-footer-inner>nav,.home-footer-legal,.home-footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.home-footer-inner>nav::before,.home-footer-legal>strong,.home-footer-contact>strong{margin-bottom:4px;color:var(--home-ink);font-size:.78rem;font-weight:700}
.home-footer-inner>nav::before{content:'Produk'}
.home-footer-inner>nav a,.home-footer-contact a,.home-footer-legal span{color:var(--home-muted);font-size:.84rem}
.home-footer-inner>nav a:hover,.home-footer-contact a:hover{color:var(--color-primary)}
.home-footer-bottom{grid-column:1/-1;display:flex;gap:22px;align-items:center;padding-top:16px;border-top:1px solid var(--border);color:var(--home-muted);font-size:.82rem}
@media(max-width:850px){.home-hero-inner{grid-template-columns:1fr;gap:40px}.home-index{max-width:400px}.home-footer-inner{grid-template-columns:1fr 1fr}.home-footer-inner>.brand,.home-footer-inner>p{grid-column:1/-1}.home-footer-inner>nav{grid-column:1;grid-row:auto}.home-footer-legal,.home-footer-contact{grid-column:2}}
@media(max-width:600px){.home-page .nav{height:68px}.home-page .brand-text small{max-width:175px}.home-page .nav-actions{display:none}.home-page .nav-menu-actions{display:flex;padding:14px 8px 0}.home-hero{padding:64px 0 58px}.home-hero h1{font-size:clamp(2.7rem,13vw,4rem)}.home-lead{margin-top:21px}.home-explainer{font-size:.98rem}.home-actions{align-items:flex-start;flex-direction:column;gap:16px}.home-actions .btn{white-space:normal;text-align:center}.home-index{padding-left:16px}.home-offerings{padding:58px 0 64px}.home-section-heading{align-items:flex-start;flex-direction:column;gap:13px}.offering-table-wrap{overflow:visible;border:0}.offering-table{min-width:0;display:block}.offering-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.offering-table tbody{display:grid;gap:0}.offering-table tr{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:19px 0;border-top:1px solid #cddbd1}.offering-table tbody tr:last-child{border-bottom:1px solid #cddbd1}.offering-table tbody th,.offering-table td{width:auto;padding:0;border:0}.offering-table tbody th{grid-column:1}.offering-table td:nth-child(2){grid-column:2;grid-row:1;align-self:start}.offering-table td:nth-child(3){grid-column:1/-1;padding:5px 0;color:var(--home-muted)}.offering-table td:nth-child(4){grid-column:1/-1;padding-top:5px}.home-about{padding:64px 0}.home-about-inner{grid-template-columns:1fr;gap:22px}.home-close{padding:62px 0}.home-footer-inner>nav{gap:10px 17px}.home-footer-legal,.home-footer-contact{grid-column:auto}.home-footer-bottom{flex-wrap:wrap;gap:12px 18px}.home-footer-bottom span{width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){.offering-table tbody tr{transition:none}}