/* v1.6.3: full-height left drawer on all viewports and organic footer transition */
.site-footer{position:relative;margin-top:clamp(65px,9vw,125px);border-top:0;background:linear-gradient(125deg,#eae7ff 0%,#e1f7ed 31%,#ffedf0 64%,#e2eeff 100%);isolation:isolate}
.aksara-footer-wave{position:absolute;bottom:calc(100% - 1px);left:0;width:100%;height:clamp(66px,9vw,130px);color:#eae7ff;pointer-events:none;overflow:hidden}
.aksara-footer-wave svg{width:100%;height:100%;display:block}
.footer-inner{position:relative;z-index:1}
.aksara-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:18px;border-bottom:1px solid #e6e9f1;font-size:1.15rem}
.aksara-nav-close{width:42px;height:42px;display:grid;place-items:center;border:1px solid #dfe4ef;border-radius:14px;background:#fff;color:var(--accent);font-size:28px;line-height:1}
.aksara-nav-backdrop{position:fixed;inset:0;background:rgba(22,32,55,.46);backdrop-filter:blur(4px);z-index:190;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .3s}
.aksara-nav-backdrop.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease,visibility 0s}
body.aksara-menu-open{overflow:hidden}
.site-header .nav-toggle{display:inline-flex;position:relative;z-index:1;margin-left:auto}
.site-header .primary-nav{display:block!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:auto!important;width:min(390px,88vw)!important;height:100vh;height:100dvh;margin:0!important;padding:clamp(22px,4vw,38px)!important;background:linear-gradient(150deg,#fff 0%,#f7f5ff 47%,#f0fbf8 100%)!important;border:0!important;border-radius:0 25px 25px 0!important;box-shadow:22px 0 65px #17213a28!important;z-index:200!important;overflow-y:auto;overscroll-behavior:contain;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translate3d(-105%,0,0)!important;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .28s ease,visibility 0s linear .38s!important}
.site-header .primary-nav.open{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translate3d(0,0,0)!important;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .3s ease,visibility 0s!important}
.site-header .primary-nav .nav-list{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;margin:0!important;padding:0!important}
.site-header .primary-nav .nav-list>li{width:100%;opacity:1;transform:none}
.site-header .primary-nav .nav-list a{display:flex;align-items:center;min-height:50px;padding:12px 17px;border-radius:15px;background:#ffffffad;color:#26334d;font-size:1rem;transition:background .2s,transform .2s,color .2s}
.site-header .primary-nav .nav-list a:hover,.site-header .primary-nav .current-menu-item>a{background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);transform:translateX(3px)}
@media(min-width:761px){.site-header .primary-nav{visibility:hidden!important;opacity:0!important;transform:translate3d(-105%,0,0)!important;pointer-events:none!important}.site-header .primary-nav.open{visibility:visible!important;opacity:1!important;transform:translate3d(0,0,0)!important;pointer-events:auto!important}.site-header .nav-toggle{display:inline-flex!important}.site-header .header-contact{margin-left:0}}
@media(max-width:760px){.site-header .primary-nav{width:min(355px,89vw)!important}.aksara-footer-wave{height:75px}.site-footer{margin-top:78px}.footer-inner{padding-top:35px}}
@media(prefers-reduced-motion:reduce){.site-header .primary-nav,.aksara-nav-backdrop,.site-header .primary-nav .nav-list a{transition:none!important}}

/* v1.6.4: continuous wave-to-footer palette and flat, compact drawer navigation */
.site-footer{background:#eae7ff!important;background-image:linear-gradient(125deg,#eae7ff 0%,#e1f7ed 31%,#ffedf0 64%,#e2eeff 100%)!important;background-attachment:local!important}
.aksara-footer-wave{color:#eae7ff!important;background:transparent!important}
.site-footer::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#eae7ff 0%,#e1f7ed 31%,#ffedf0 64%,#e2eeff 100%);z-index:-1}
.site-header .primary-nav{border-radius:0!important}
.site-header .primary-nav .nav-list{gap:0!important}
.site-header .primary-nav .nav-list li{margin:0!important;padding:0!important}
.site-header .primary-nav .nav-list a{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;min-height:40px!important;padding:9px 5px!important;transform:none!important;font-weight:600;line-height:1.35}
.site-header .primary-nav .nav-list a:hover,.site-header .primary-nav .current-menu-item>a{background:transparent!important;color:var(--accent)!important;transform:none!important}
.aksara-drawer-head{margin-bottom:12px!important;padding-bottom:12px!important}
.site-header .primary-nav .nav-list li.menu-item-has-children{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:center}
.site-header .primary-nav .nav-list li.menu-item-has-children>a{grid-column:1;min-width:0}
.site-header .primary-nav .nav-list .aksara-submenu-toggle{grid-column:2;grid-row:1;display:grid;place-items:center;width:32px;height:32px;border:0;background:transparent;color:var(--accent);cursor:pointer;border-radius:0;padding:0}
.aksara-submenu-toggle svg{width:17px;height:17px;transition:transform .22s ease}
.aksara-submenu-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.site-header .primary-nav .nav-list .sub-menu{grid-column:1/-1;position:static!important;display:none!important;visibility:visible!important;opacity:1!important;transform:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;background:transparent!important;width:auto!important;min-width:0!important;padding:2px 0 5px 16px!important;margin:0 0 2px 7px!important;border-left:1px solid color-mix(in srgb,var(--accent) 30%,transparent)!important;list-style:none!important}
.site-header .primary-nav .nav-list .menu-item-has-children.submenu-open>.sub-menu{display:block!important}
.site-header .primary-nav .nav-list .sub-menu a{font-size:.93rem!important;font-weight:500!important;min-height:36px!important;padding:7px 4px!important}
@media(prefers-reduced-motion:reduce){.aksara-submenu-toggle svg{transition:none}}

/* v1.6.5: seamless animated wave, color-matched footer, submenu arrow */
.site-footer{background:#eae7ff!important;background-image:none!important;isolation:isolate}
.site-footer::before{z-index:0!important;background:radial-gradient(ellipse at 80% 65%,rgba(218,246,235,.58),transparent 55%),radial-gradient(ellipse at 15% 90%,rgba(255,227,239,.42),transparent 55%)!important}
.aksara-footer-wave{color:#eae7ff!important;overflow:hidden!important}
.aksara-footer-wave svg{overflow:visible;transform:translateZ(0)}
.aksara-wave-back{opacity:.58;animation:aksara-wave-drift 12s ease-in-out infinite alternate;transform-origin:center}
.aksara-wave-front{animation:aksara-wave-breathe 9s ease-in-out infinite alternate;transform-origin:center}
@keyframes aksara-wave-drift{from{transform:translateX(-2%) scaleX(1.05) translateY(4px)}to{transform:translateX(2%) scaleX(1.05) translateY(-5px)}}
@keyframes aksara-wave-breathe{from{transform:translateX(1%) scaleX(1.035) translateY(0)}to{transform:translateX(-1%) scaleX(1.035) translateY(7px)}}
.site-header .primary-nav .nav-list .sub-menu li>a{display:flex!important;align-items:center;gap:9px!important}
.site-header .primary-nav .nav-list .sub-menu li>a::before{content:"";flex:0 0 15px;width:15px;height:15px;display:inline-block;background-color:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.8;transition:transform .2s ease}
.site-header .primary-nav .nav-list .sub-menu li>a:hover::before{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){.aksara-wave-back,.aksara-wave-front{animation:none!important}.site-header .primary-nav .nav-list .sub-menu li>a::before{transition:none!important}}