:root{--hijau-tua:#007a31;--hijau:#009a3e;--hijau-muda:#e0f2f1;--hijau-sangat-muda:#f6fbf8;--garis-hijau:#c9e2d2;--garis:#dce2de;--putih:#fff;--hitam:#212121;--teks-redup:#526058;--merah:#b42318}*,:before,:after{box-sizing:border-box}html{background-color:var(--putih);scroll-behavior:smooth;font-family:Poppins,sans-serif}body{min-height:100vh;color:var(--hitam);flex-direction:column;margin:0;padding:0;display:flex}.container{width:min(100% - 3rem,1280px);margin-inline:auto}.site-header{background:var(--putih);border-bottom:1px solid var(--garis)}.header-inner{justify-content:space-between;align-items:center;gap:2rem;min-height:100px;display:flex}.brand{border-radius:6px;align-items:center;display:inline-flex}.brand img{width:auto;height:82px;display:block}.site-nav{align-items:center;gap:clamp(1rem,2.5vw,2rem);display:flex}.site-nav a{color:var(--teks-redup);font-size:.88rem;font-weight:600;text-decoration:none}.site-nav a:hover{color:var(--hijau-tua)}main{background:var(--putih);flex:1}#beranda,#tracking,#layanan,#tentang{scroll-margin-top:1.5rem}.brand-hero{background:var(--putih);padding:clamp(3.5rem,6vw,5rem) 0}.hero-grid{display:block}.hero-copy{max-width:880px}.hero-copy h1{max-width:720px;color:var(--hijau-tua);letter-spacing:-.055em;margin:0;font-size:clamp(3rem,6vw,5rem);line-height:.98}.hero-description{max-width:720px;color:var(--teks-redup);margin:1.5rem 0 0;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.75}.hero-actions{align-items:center;margin-top:2rem;display:flex}.primary-link{min-height:52px;color:var(--putih);background:var(--hijau);border:1px solid var(--hijau);border-radius:7px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;display:inline-flex}.primary-link:hover{background:var(--hijau-tua);border-color:var(--hijau-tua)}.service-list{margin:1rem 0 0;padding:0;list-style:none}.service-list li>span{color:var(--hijau);letter-spacing:.05em;font-size:.78rem;font-weight:700}.tracking-section{background:var(--hijau-sangat-muda);border-block:1px solid var(--garis-hijau);padding:clamp(3.5rem,7vw,5.5rem) 0}.tracking-intro{max-width:820px}.section-label{color:var(--hijau-tua);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .65rem;font-size:.82rem;font-weight:700}.tracking-intro h2{color:var(--hijau-tua);letter-spacing:-.035em;margin:0;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.08}.intro-copy{max-width:680px;color:var(--teks-redup);margin:.75rem 0 0;font-size:clamp(1rem,2vw,1.15rem);line-height:1.7}.tracking-form{max-width:920px;margin-top:1.75rem}.tracking-form label{color:var(--hitam);margin-bottom:.6rem;font-weight:600;display:block}.search-row{grid-template-columns:minmax(0,1fr) minmax(190px,240px);gap:1rem;display:grid}.tracking-form input,.tracking-form button,.secondary-button{min-height:56px;font:inherit;border-radius:7px}.tracking-form input{width:100%;min-width:0;color:var(--hitam);background:var(--putih);border:1px solid #8b9890;padding:0 1rem}.tracking-form input::placeholder{color:#68746c}.tracking-form input[aria-invalid=true]{border-color:var(--merah)}.tracking-form button,.secondary-button{cursor:pointer;padding:.75rem 1.5rem;font-weight:700}.tracking-form button{color:var(--putih);background:var(--hijau);border:1px solid var(--hijau)}.tracking-form button:hover:not(:disabled){background:var(--hijau-tua);border-color:var(--hijau-tua)}.tracking-form button:disabled{cursor:wait;opacity:.72}.form-message{color:var(--merah);margin:.65rem 0 0;font-size:.88rem;font-weight:600;line-height:1.5}.form-message[hidden],.tracking-result-container[hidden]{display:none}.tracking-result-container{margin-top:2rem}.result-state{border:1px solid var(--garis);border-left-width:5px;border-radius:7px;max-width:920px;padding:1.25rem 1.5rem}.result-state-loading{background:var(--hijau-sangat-muda);border-left-color:var(--hijau)}.result-state-error{border-left-color:var(--merah);background:#fff8f6}.result-state-title{color:var(--hijau-tua);margin:0;font-size:1.15rem;font-weight:700}.result-state-copy{max-width:680px;color:var(--teks-redup);margin:.45rem 0 0;line-height:1.6}.secondary-button{min-height:44px;color:var(--hijau-tua);background:var(--putih);border:1px solid var(--hijau-tua);margin-top:1rem}.shipment-summary{background:var(--hijau-sangat-muda);border:1px solid var(--garis-hijau);border-left:6px solid var(--hijau);border-radius:8px;grid-template-columns:minmax(280px,.8fr) minmax(0,1.55fr);display:grid;overflow:hidden}.status-overview{border-right:1px solid var(--garis-hijau);padding:clamp(1.5rem,4vw,2.5rem)}.current-status{color:var(--hijau-tua);letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-size:clamp(2.35rem,5vw,3.25rem);line-height:1.05}.status-note{color:var(--hitam);overflow-wrap:anywhere;margin:1.15rem 0 0;line-height:1.6}.status-time{color:var(--teks-redup);margin-top:1rem;font-size:.92rem;display:block}.shipment-facts{margin:0;padding:1rem clamp(1.5rem,4vw,2.5rem)}.shipment-fact{border-bottom:1px solid var(--garis-hijau);grid-template-columns:minmax(130px,.7fr) minmax(0,1.5fr);gap:1.25rem;padding:1rem 0;display:grid}.shipment-fact:last-child{border-bottom:0}.shipment-fact dt{color:var(--hijau-tua);font-size:.88rem;font-weight:700}.shipment-fact dd{min-width:0;color:var(--hitam);overflow-wrap:anywhere;margin:0}.history-section{margin-top:2rem}.history-section>h2{color:var(--hijau-tua);letter-spacing:-.02em;margin:0;font-size:clamp(1.45rem,3vw,2rem)}.status-timeline{border-left:2px solid var(--garis-hijau);max-width:900px;margin:1.5rem 0 0 .65rem;padding:0 0 0 1.6rem;list-style:outside}.timeline-item{color:var(--hijau);padding:0 0 1.75rem .5rem}.timeline-item:last-child{padding-bottom:0}.timeline-item::marker{font-size:1.3rem}.timeline-entry{color:var(--hitam);grid-template-columns:minmax(145px,180px) minmax(0,1fr);gap:1.5rem;display:grid}.timeline-date{font-size:.9rem;line-height:1.55}.timeline-content h3{color:var(--hijau-tua);margin:0;font-size:1.05rem}.timeline-location,.timeline-note{overflow-wrap:anywhere;margin:.35rem 0 0;line-height:1.6}.timeline-location{color:var(--teks-redup);font-size:.88rem;font-weight:600}.empty-history{max-width:680px;color:var(--teks-redup);border-top:1px solid var(--garis);margin:1rem 0 0;padding:1rem 0}.services-section{background:var(--putih);padding:clamp(3.5rem,7vw,5rem) 0}.section-heading{max-width:780px}.section-heading h2,.about-grid h2{max-width:760px;color:var(--hijau-tua);letter-spacing:-.045em;margin:0;font-size:clamp(2.2rem,4vw,3.25rem);line-height:1.08}.service-list{border-top:1px solid var(--garis);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:3.5rem;display:grid}.service-list li{min-width:0;padding:1.5rem clamp(1rem,3vw,2rem) 0 0}.service-list li+li{border-left:1px solid var(--garis);padding-left:clamp(1rem,3vw,2rem)}.service-list h3{color:var(--hijau-tua);margin:1.4rem 0 0;font-size:1.25rem}.service-list p{color:var(--teks-redup);margin:.75rem 0 0;font-size:.92rem;line-height:1.7}.about-section{color:var(--putih);background:var(--hijau-tua);padding:clamp(3.5rem,7vw,5rem) 0}.about-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);align-items:end;gap:clamp(2rem,8vw,7rem);display:grid}.about-section .section-label,.about-grid h2{color:var(--putih)}.about-section .section-label{opacity:.75}.about-copy p{margin:0;font-size:1.05rem;line-height:1.8}.site-footer{color:var(--teks-redup);background:var(--putih);border-top:1px solid var(--garis);padding:1.75rem 0}.site-footer p{margin:0;font-size:.85rem}.footer-inner{display:block}.brand:focus-visible,.site-nav a:focus-visible,.primary-link:focus-visible,.tracking-form input:focus-visible,.tracking-form button:focus-visible,.secondary-button:focus-visible{outline-offset:3px;outline:3px solid #63bc82}@media (width<=760px){.container{width:min(100% - 1.5rem,1280px)}.header-inner{flex-direction:column;align-items:flex-start;gap:.75rem;padding-block:.75rem 1rem}.brand img{object-fit:contain;max-width:100%;height:62px}.site-nav{flex-wrap:wrap;gap:.65rem 1.25rem}.site-nav a{font-size:.8rem}.brand-hero{padding:3.5rem 0}.about-grid{grid-template-columns:minmax(0,1fr);gap:2.5rem}.hero-copy h1{font-size:clamp(3rem,14vw,4rem)}.hero-actions{flex-direction:column;align-items:flex-start}.primary-link{width:100%}.tracking-section{padding-block:3.5rem}.tracking-intro h2{font-size:clamp(2rem,11vw,2.85rem)}.tracking-form{margin-top:2rem}.search-row{grid-template-columns:minmax(0,1fr);gap:.75rem}.tracking-form button{width:100%}.tracking-result-container{margin-top:2.25rem}.result-state{padding:1.1rem}.shipment-summary{grid-template-columns:minmax(0,1fr)}.status-overview{border-right:0;border-bottom:1px solid var(--garis-hijau);padding:1.5rem}.shipment-facts{padding:.5rem 1.5rem}.shipment-fact{grid-template-columns:minmax(0,1fr);gap:.35rem;padding:.9rem 0}.timeline-entry{grid-template-columns:minmax(0,1fr);gap:.35rem}.status-timeline{margin-left:.4rem;padding-left:1.25rem}.service-list{grid-template-columns:minmax(0,1fr);margin-top:2.5rem}.service-list li,.service-list li+li{border-left:0;border-bottom:1px solid var(--garis);padding:1.5rem 0}.service-list li:last-child{border-bottom:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}