:root{--navy:#126044;--navy-deep:#0b4532;--navy-soft:#edf6f0;--orange:#168451;--blue:#168451;--line:#dce8df}
header.site{position:sticky;top:0;z-index:100}.navwrap{max-width:1280px;margin:auto;position:relative;padding:12px 24px}.brand img{max-height:48px}.topbar{font-size:.75rem}.subbar{display:none}
.home-intro{padding:22px 0 24px;background:#fff}.hero-deck{border-radius:24px;background:#edf4ef;overflow:hidden;position:relative;border:1px solid #dce8df}.hero-slide{display:grid;grid-template-columns:35% 65%;height:340px}.hero-slide[hidden]{display:none}.hero-copy{padding:34px 24px 50px 32px;display:flex;flex-direction:column;justify-content:center}.hero-copy .eyebrow{font-size:.7rem;letter-spacing:.12em;color:#126044}.hero-copy h1{font-size:clamp(1.65rem,2.8vw,2.65rem);line-height:1.13;color:#103f30;margin:12px 0 15px;letter-spacing:-.04em}.hero-copy p{font-size:.88rem;line-height:1.65;color:#496354;margin:0}.hero-location{font-size:.56rem;letter-spacing:.08em;color:#496354;margin-top:20px}.hero-visual{display:flex;align-items:center;justify-content:center;min-width:0;background:#eef1ed}.hero-visual img{width:100%;height:100%;object-fit:contain}.hero-controls{position:absolute;bottom:12px;left:32px;display:flex;gap:7px;align-items:center}.hero-controls button,.announcement-bar button{border:1px solid #cadbce;background:#fff;color:#126044;border-radius:20px;min-width:30px;height:30px;cursor:pointer;font-size:.72rem}.hero-dots{display:flex;gap:5px}.hero-dots button{min-width:8px;width:8px;height:8px;padding:0;background:#c1d5c7;border:0}.hero-dots button[aria-current=true]{width:22px;background:#126044}.hero-controls #heroPause{padding:0 10px}
.home-actions{display:flex;justify-content:center;gap:12px;margin:16px 0}.quick-action{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #b8d3c2;border-radius:12px;padding:13px 24px;background:#fff;color:#126044;font-weight:600;font-size:.88rem;transition:background .2s}.quick-action:hover{background:#edf6f0}.quick-action.primary{background:#126044;color:white}.quick-action.primary:hover{background:#0b4532}.quick-action span{font-size:1.2rem}
.announcement-bar{display:flex;gap:16px;align-items:center;border:1px solid #c8ddcd;border-radius:13px;background:#f5f9f6;overflow:hidden;min-height:52px}.announcement-bar>strong{align-self:stretch;display:flex;align-items:center;white-space:nowrap;background:#126044;color:white;padding:0 18px;font-size:.8rem}.announcement-bar>button{margin-right:12px;padding:0 10px;flex:none}.announcement-window{overflow:hidden;flex:1;min-width:0}.announcement-track{display:flex;width:max-content;gap:70px;animation:announcement-scroll 38s linear infinite}.announcement-track p{font-size:.83rem;white-space:nowrap;margin:0}.announcement-bar:hover .announcement-track,.announcement-bar:focus-within .announcement-track,.announcement-bar.paused .announcement-track{animation-play-state:paused}@keyframes announcement-scroll{from{transform:translateX(0)}to{transform:translateX(-55%)}}
.mega-trigger{border:0;background:none;font:inherit;font-weight:600;font-size:.92rem;padding:10px;color:var(--ink);cursor:pointer;border-radius:10px}.mega-trigger[aria-expanded=true]{background:#126044;color:#fff}.mega-panel{position:absolute;top:100%;left:24px;right:24px;border-radius:0 0 20px 20px;background:#126044;color:#fff;box-shadow:0 20px 40px #123b3026;overflow:auto;max-height:calc(100dvh - 120px)}.mega-panel[hidden]{display:none}.mega-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;padding:30px 36px}.mega-columns section{padding:0;background:none}.mega-columns section+section{border-left:1px solid #ffffff40;padding-left:36px}.mega-kicker{font-size:.66rem;letter-spacing:.12em;color:#b9dfca}.mega-columns h2{font-size:1.5rem;color:white;margin:7px 0}.mega-columns p{font-size:.8rem;color:#d4e9dd;margin:0 0 15px}.tenant-links{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.tenant-links a{display:flex;justify-content:space-between;gap:10px;color:#fff;padding:9px 0;border-bottom:1px solid #ffffff2b;font-size:.82rem}.tenant-links a:hover{text-decoration:underline}.mega-digital{display:inline-block;color:#fff;border:1px solid #ffffff60;border-radius:24px;padding:10px 18px;margin-top:22px;font-size:.8rem}.mega-footer{padding:16px 36px;background:#248553;display:flex;justify-content:space-between;gap:12px;color:#fff;font-size:.8rem}.mega-footer a{color:white}.about-mega-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px 14px;padding:30px 36px}.about-mega-grid a{display:flex;align-items:center;text-align:center;flex-direction:column;gap:10px;font-size:.8rem;color:white}.about-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;font-size:2.1rem}.mega-logo{max-width:60px;max-height:45px;object-fit:contain}.about-mega-grid a:hover{text-decoration:underline}.service-survey{display:block;color:#126044;font-size:.76rem;font-weight:600;padding-top:12px;width:100%}button:focus-visible,a:focus-visible{outline:3px solid #d8aa38;outline-offset:4px}.stats-band{padding-top:42px}
@media(max-width:1000px){.hero-slide{grid-template-columns:38% 62%}.hero-copy{padding:24px 20px 50px}.hero-controls{left:20px}.hero-copy h1{font-size:1.85rem}.hero-location{display:none}.navwrap{gap:12px}nav.mainnav{gap:10px}.brand-text{display:none}.about-mega-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.home-intro{padding:14px 0 20px}.hero-slide{display:flex;height:auto;flex-direction:column-reverse}.hero-slide[hidden]{display:none}.hero-visual{height:205px}.hero-copy{padding:20px 22px 58px}.hero-copy h1{font-size:1.75rem;margin:8px 0}.hero-copy h1 br{display:none}.hero-copy p{font-size:.82rem}.hero-controls{left:22px}.home-actions{gap:7px}.quick-action{padding:11px 8px;flex:1;gap:5px;font-size:.7rem;text-align:center}.quick-action span{display:none}.announcement-bar{gap:9px}.announcement-bar>strong{padding:0 10px;font-size:.65rem}.announcement-track p{font-size:.75rem}.announcement-bar>button{margin-right:7px;font-size:.65rem}.mobile-menu details{border-bottom:1px solid var(--line);padding:12px 0}.mobile-menu summary{cursor:pointer;font-weight:600}.mobile-menu details a{font-size:.86rem;padding-left:12px}.mobile-menu h3{font-size:.78rem;margin:16px 0 4px;color:#126044}}
@media(prefers-reduced-motion:reduce){.announcement-track{animation:none;width:auto;display:block}.announcement-track p{white-space:normal;padding:6px 0}.announcement-bar{align-items:flex-start}.announcement-bar>strong{padding:14px 10px}.announcement-bar>button{display:none}}

.pending-tenant{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #ffffff2b;font-size:.82rem}.pending-tenant small{font-size:.65rem;color:#d4e9dd}.mobile-menu .pending-tenant{color:#126044}

/* Akses digital ditempatkan di samping login. */
.nav-digital{background:#126044;color:#fff!important;border:1px solid #126044;white-space:nowrap}.nav-digital:hover{background:#0b4532}.home-actions{max-width:680px;margin:18px auto 22px}.home-actions .quick-action{flex:1;min-height:52px}@media(max-width:1200px) and (min-width:769px){nav.mainnav{gap:14px}.nav-actions{gap:8px}.nav-actions .btn{padding:11px 14px}}@media(max-width:768px){.nav-actions{gap:6px}.nav-actions .nav-digital{padding:10px 12px;font-size:.72rem}.nav-actions .btn-ghost-navy{padding:10px 12px;font-size:.72rem}.home-actions{max-width:100%;margin:14px 0 18px}.home-actions .quick-action{font-size:.8rem;padding:12px 10px}}