:root{--ink:#14221e;--muted:#5d6865;--paper:#f8faf7;--white:#fff;--green:#188d16;--green-deep:#0b5e26;--orange:#f26d21;--line:#dce5dc;--shadow:0 18px 50px rgba(20,34,30,.12);--radius:18px}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:10;background:#fff;padding:.75rem;color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.header-inner{min-height:83px;display:flex;justify-content:space-between;align-items:center;gap:2rem}.brand{display:flex;width:auto;align-items:center;gap:.65rem;line-height:1;text-decoration:none}.brand img{width:100%;height:auto;display:block;object-fit:cover;object-position:left center;border-radius:5px}.brand .brand-mark{width:52px;height:52px;object-fit:contain;object-position:center;border-radius:0;flex:none}.brand-copy{display:grid;gap:.28rem}.brand-copy strong{font-size:1.15rem;letter-spacing:-.04em;white-space:nowrap}.brand-copy span{color:var(--muted);font-size:.68rem;font-weight:650;letter-spacing:.015em;white-space:nowrap}.site-nav{display:flex;gap:1.35rem;align-items:center;font-size:.9rem;font-weight:650}.site-nav>a,.product-menu>summary{white-space:nowrap;text-decoration:none;cursor:pointer}.product-menu{position:relative}.product-menu summary{list-style:none}.product-menu summary::-webkit-details-marker{display:none}.product-menu[open] summary{color:var(--green-deep)}.product-popover{position:absolute;right:-8rem;top:2.2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;min-width:500px;padding:1.25rem;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius)}.product-popover a{display:block;padding:.26rem 0;text-decoration:none;font-size:.84rem}.product-popover a:hover{text-decoration:underline;color:var(--green-deep)}.menu-label,.footer-label{font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--orange);margin:0 0 .45rem}.nav-contact,.button{background:var(--green-deep);color:#fff;padding:.7rem 1rem;border-radius:8px;text-decoration:none}.hero{padding:6.5rem 0 5.5rem;background:linear-gradient(130deg,#ecf3e9 0%,#f8faf7 53%,#f5dfd0 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.45fr .55fr;align-items:center;gap:4rem}.eyebrow{margin:0 0 .7rem;color:var(--green-deep);font-size:.75rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.hero h1,.page-hero h1,.section-heading h2,.quick-links h2{margin:0;font-size:clamp(2.25rem,5vw,4.5rem);letter-spacing:-.06em;line-height:.98}.hero-copy{font-size:1.12rem;max-width:670px;color:#3f4d47;margin:1.5rem 0 2rem}.button{display:inline-flex;gap:.6rem;align-items:center;font-weight:750}.button:hover{background:var(--green)}.hero-mark{aspect-ratio:1;background:var(--green-deep);border-radius:50%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:inset 0 0 0 14px rgba(255,255,255,.12),0 24px 50px rgba(11,94,38,.2);transform:rotate(-8deg)}.hero-mark span{font-size:.85rem;letter-spacing:.16em;font-weight:800}.hero-mark strong{font-size:clamp(1.2rem,2.7vw,2.2rem);line-height:1.05;margin-top:.6rem}.section{padding:5.5rem 0}.products-section{padding-bottom:3rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.section-heading h2,.quick-links h2{font-size:clamp(1.8rem,3.5vw,3rem);max-width:650px}.section-heading>p{max-width:285px;color:var(--muted);margin:0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.category-card{position:relative;isolation:isolate;min-height:355px;display:flex;align-items:end;overflow:hidden;border-radius:var(--radius);background:#173b2b;color:white;text-decoration:none;box-shadow:0 2px 0 rgba(0,0,0,.03)}.category-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;z-index:-2}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(7,28,20,.92) 100%);z-index:-1}.category-card:hover>img{transform:scale(1.05)}.category-content{display:grid;gap:.55rem;padding:1.3rem}.category-content strong{font-size:1.35rem;line-height:1.15}.category-content>span{font-size:.86rem;line-height:1.45;color:rgba(255,255,255,.84)}.category-content b{font-size:.82rem;margin-top:.35rem}.category-content i{font-style:normal;color:#ffac78}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:3rem;border-top:1px solid var(--ink)}.quick-link-list{border-top:1px solid var(--ink)}.quick-link-list a{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);font-weight:700;text-decoration:none}.quick-link-list a:hover span{color:var(--orange)}.contact-cta{margin:2rem 0 5rem;padding:2rem 2.3rem;border-radius:var(--radius);display:flex;justify-content:space-between;gap:2rem;align-items:center;background:var(--green-deep);color:#fff}.contact-cta .eyebrow{color:#b7e6ae}.contact-cta h2{margin:0;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.1}.cta-actions{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.button-light{background:#fff;color:var(--green-deep)}.button-light:hover{background:#edf7e9}.text-link{font-weight:700}.page-hero{padding:4.5rem 0 3.5rem;background:linear-gradient(120deg,#e9f2e7,#f8faf7)}.page-hero h1{font-size:clamp(2.4rem,4.5vw,4rem);max-width:960px}.crumb{font-size:.88rem;color:var(--muted);margin:1.5rem 0 0}.crumb span{padding:0 .45rem}.source-content{max-width:960px;padding-top:4rem;padding-bottom:1rem}.source-content img{max-width:100%;height:auto;display:block;margin:1.5rem auto;border-radius:10px;box-shadow:0 10px 24px rgba(20,34,30,.08)}.source-content figure{margin:2rem 0}.source-content figcaption{text-align:center;color:var(--muted);font-size:.85rem}.source-content p,.source-content li{max-width:850px}.source-content h2,.source-content h3{line-height:1.2;margin-top:2.5rem}.source-content h2{font-size:1.75rem}.source-content h3{font-size:1.2rem}.source-content ul{padding-left:1.2rem}.source-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.88rem;display:block;overflow-x:auto;background:white;border:1px solid var(--line);border-radius:10px}.source-content th,.source-content td{padding:.7rem .75rem;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;white-space:nowrap}.source-content th{background:#eef5ec;color:var(--green-deep);font-size:.78rem;letter-spacing:.04em}.source-content tr:last-child td{border-bottom:0}.source-content blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:4px solid var(--orange);background:#fff5ef}.source-gallery{max-width:1180px;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.source-gallery>p,.source-gallery>a{margin:0}.source-gallery>a{display:block}.source-gallery>a img{width:100%;aspect-ratio:4/3;object-fit:cover;margin:0}.site-footer{background:var(--ink);color:#e7eee8;padding:3.5rem 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:3rem}.footer-name{font-size:1.1rem;font-weight:800;margin:0 0 .2rem}.site-footer p{color:#b8c7bd}.site-footer a{display:block;margin:.35rem 0;color:#fff;font-size:.9rem}.social-list{display:flex;flex-wrap:wrap;gap:.35rem .9rem}.social-list a{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none}.social-list img{width:18px;height:18px;object-fit:contain;filter:grayscale(1) brightness(3)}@media(max-width:850px){.header-inner{min-height:auto;padding:.8rem 0;align-items:flex-start}.site-nav{justify-content:flex-end;flex-wrap:wrap;gap:.65rem 1rem;font-size:.8rem}.brand{width:auto}.brand .brand-mark{width:46px;height:46px}.brand-copy strong{font-size:1rem}.brand-copy span{font-size:.61rem}.product-popover{right:-5rem;min-width:min(470px,calc(100vw - 40px))}.category-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:4.5rem 0}.hero-grid{grid-template-columns:1fr}.hero-mark{display:none}.footer-grid{grid-template-columns:1fr 1fr}.source-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.shell{width:min(100% - 28px,1180px)}.header-inner{gap:.75rem}.site-nav{gap:.5rem .75rem}.brand{gap:.45rem}.brand .brand-mark{width:38px;height:38px}.brand-copy strong{font-size:.83rem}.brand-copy span{font-size:.52rem}.site-nav>a:not(.nav-contact){font-size:0}.site-nav>a:not(.nav-contact):before{font-size:.76rem}.site-nav>a[href="/"]:before{content:"Beranda"}.site-nav>a[href="/company-profile/"]:before{content:"Profil"}.site-nav>a[href="/gallery/"]:before{content:"Gallery"}.nav-contact{padding:.45rem .6rem}.product-popover{grid-template-columns:1fr;right:-4rem;gap:.8rem}.category-grid,.source-gallery{grid-template-columns:1fr}.category-card{min-height:300px}.section-heading,.quick-links,.contact-cta{display:grid;grid-template-columns:1fr}.section{padding:3.75rem 0}.contact-cta{padding:1.5rem;margin-bottom:3.75rem}.footer-grid{grid-template-columns:1fr;gap:1.5rem}.source-content{padding-top:2.75rem}.source-content table{font-size:.8rem}}