:root{--focus:#2f72d6;--shadow-soft:0 8px 24px rgba(16,28,44,.07)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{min-height:44px}button{font:inherit}.btn{min-height:44px;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(16,28,44,.14)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:fixed;left:16px;top:12px;z-index:1000;background:#fff;color:var(--navy);padding:10px 14px;border-radius:8px;box-shadow:var(--shadow);transform:translateY(-160%)}.skip-link:focus{transform:none}
.nav a{position:relative;padding:28px 0}.nav a[aria-current=page]{color:#7e5f29}.nav a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:var(--gold)}.hero{background:radial-gradient(circle at 82% 35%,rgba(200,163,90,.16),transparent 30%),linear-gradient(120deg,var(--deep),var(--navy2))}.hero-mark{backdrop-filter:blur(8px)}
.unit-grid,.product-card,.company-card,.callout,.form-card,.contact-card{border-radius:var(--radius)}.unit-grid{overflow:hidden;box-shadow:var(--shadow-soft)}.product-card{border-color:#e8e3da;border-radius:10px}.form-card{box-shadow:var(--shadow-soft)}.form-card label,.filters label,.auth-card label,.setup-card label{color:#273342}.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.filters input:focus,.filters select:focus{border-color:var(--focus);box-shadow:0 0 0 3px rgba(47,114,214,.11)}
.empty{border:1px dashed #cbc4b8;border-radius:10px;text-align:center}.table-wrap tbody tr:hover{background:#faf8f3}.status{white-space:nowrap}.whatsapp-float{max-width:calc(100vw - 24px)}
@media(max-width:980px){.nav{box-shadow:0 18px 30px rgba(16,28,44,.12)}.nav a{width:100%;padding:12px 2px}.nav a[aria-current=page]:after{left:0;right:auto;bottom:6px;width:34px}.menu-toggle{width:44px;height:44px;border-radius:8px}.product-grid{gap:14px}}
@media(max-width:600px){body{font-size:15px}.nav-wrap{min-height:68px}.brand img{width:44px;height:44px}.nav{top:68px;max-height:calc(100vh - 68px);overflow:auto}.nav-actions a{min-height:42px;display:inline-flex;align-items:center}.section h2{font-size:30px}.page-hero.compact{padding:46px 0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{padding:11px}.product-card b{font-size:15px}.product-card p{margin:5px 0}.product-card h3{font-size:14px}.hero-actions,.document-actions,.admin-actions{flex-wrap:wrap}.hero-actions .btn{flex:1 1 160px}.checkout-grid{gap:28px}.checkout-item{gap:12px;align-items:flex-start}.checkout-item span{min-width:0}.checkout-item b{text-align:right;white-space:nowrap}.form-card{padding:20px}.buy-form{align-items:stretch;flex-direction:column}.buy-form input{width:100%}.cart-product{align-items:flex-start}.cart-list form{flex-wrap:wrap}.whatsapp-float span{display:none}}
@media(max-width:340px){.product-grid,.brand-preview{grid-template-columns:1fr}.nav-actions .icon-link{display:none}.container{width:min(100% - 20px,1180px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Shared control geometry and readable public page hierarchy. */
input[type=checkbox],input[type=radio]{appearance:auto;width:18px;height:18px;min-width:18px;min-height:18px;padding:0;margin:3px 0;accent-color:#9b742e;flex:0 0 18px;vertical-align:middle}
label:has(>input[type=checkbox]),label:has(>input[type=radio]){display:flex!important;align-items:flex-start;gap:10px;font-weight:500;line-height:1.55;cursor:pointer;padding:8px 0}
input[type=hidden],[hidden]{display:none!important}
button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.btn{font-size:14px;font-weight:650}.btn-outline{background:#fff}.page-hero .btn-outline{color:#fff;background:transparent;border-color:#8191a4}.page-hero .btn-outline:hover{background:#ffffff14}
.section{padding:48px 0}.section h2{font-size:28px;line-height:1.25;margin:0 0 18px}.section h3{font-size:19px}.page-hero.compact{padding:32px 0}.page-hero.compact h1{font-size:32px;margin-bottom:12px}.page-hero p{font-size:16px;margin:8px 0}.prose-grid{gap:40px}.prose-grid article p,.prose-grid li,.prose p{font-size:16px}.prose-grid h2:not(:first-child){margin-top:28px}
.form-card{gap:18px}.form-card label{font-weight:550}.document-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.account-grid{gap:24px}.account-grid>div{padding:24px;background:#fff;border:1px solid var(--border);border-radius:12px;min-width:0}.account-grid h2{font-size:21px}.account-verification{background:#fff8e9;border-bottom:1px solid #eadcb8;padding:16px 0}.account-verification .container{display:flex;gap:20px;align-items:center;justify-content:space-between}.account-verification h2{font-size:16px;margin:0}.account-verification p{font-size:14px;margin:4px 0}.account-verification form{flex-shrink:0}.checkout-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px}.checkout-grid>div{min-width:0}.checkout-item{gap:20px}.checkout-item b{white-space:nowrap}.notice{padding:14px 18px;border:1px solid #dbe5df;border-radius:8px;background:#f0f8f3;margin-bottom:18px}.notice.error{background:#fff3f1;border-color:#eac0b9;color:#922a20}.notice.success{color:#236242}.pagination{display:flex;gap:10px;margin:20px 0}.table-wrap:has(tbody:empty):after{content:"Belum ada data untuk ditampilkan.";display:block;padding:22px;color:#64748b;font-size:14px}
@media(max-width:760px){.section{padding:30px 0}.section h2{font-size:24px}.page-hero.compact{padding:26px 0}.page-hero.compact h1{font-size:27px}.checkout-grid{grid-template-columns:1fr}.account-verification .container{align-items:flex-start;flex-direction:column;gap:10px}.account-grid>div{padding:16px}.prose-grid{gap:24px}}
.insurance-option[hidden]{display:none!important}


/* Corporate motion system: restrained, transform/opacity-only, reduced-motion safe. */
.public-body{--aca-motion-fast:140ms;--aca-motion-base:260ms;--aca-motion-slow:420ms;--aca-motion-ease:cubic-bezier(.22,.61,.36,1)}
.public-body .site-header{animation:acaHeaderIn var(--aca-motion-slow) var(--aca-motion-ease) both}
.public-body #main-content{animation:acaPageIn var(--aca-motion-slow) var(--aca-motion-ease) both;transition:opacity var(--aca-motion-fast) ease,transform var(--aca-motion-fast) ease,filter var(--aca-motion-fast) ease}
.public-body .site-footer{animation:acaFooterIn var(--aca-motion-slow) var(--aca-motion-ease) .04s both}
.public-body.page-leaving #main-content{opacity:.86;transform:translateY(-4px);filter:saturate(.96)}
.public-body.page-leaving .site-header{opacity:.96}
.public-body [data-aca-reveal]{opacity:0;transform:translateY(12px);transition:opacity var(--aca-motion-slow) var(--aca-motion-ease),transform var(--aca-motion-slow) var(--aca-motion-ease);will-change:opacity,transform}
.public-body [data-aca-reveal].is-visible{opacity:1;transform:none;will-change:auto}
.public-body [data-aca-reveal="soft"]{transform:translateY(8px)}
.public-body .product-card,.public-body .company-card,.public-body .unit-grid,.public-body .contact-card{transition:transform 180ms var(--aca-motion-ease),box-shadow 180ms ease,border-color 180ms ease}
@media(hover:hover) and (pointer:fine){.public-body .product-card:hover,.public-body .company-card:hover,.public-body .contact-card:hover{transform:translateY(-2px)}}
@keyframes acaHeaderIn{from{opacity:.97;transform:translateY(-5px)}to{opacity:1;transform:none}}
@keyframes acaPageIn{from{opacity:.90;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes acaFooterIn{from{opacity:.94;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.public-body .site-header,.public-body #main-content,.public-body .site-footer{animation:none!important}.public-body.page-leaving #main-content{opacity:1!important;transform:none!important;filter:none!important}.public-body [data-aca-reveal]{opacity:1!important;transform:none!important;transition:none!important}.public-body .product-card,.public-body .company-card,.public-body .unit-grid,.public-body .contact-card{transition:none!important}}