:root{--km-vh:100dvh;--km-bg:#0d1810;--km-text:#f3f6f1;--km-muted:#a8b5aa;--km-line:rgba(255,255,255,.11);--km-accent:#9fbe87}
body.komona-static{overflow-x:clip}
body.komona-static main{min-height:100vh;min-height:100svh;min-height:100dvh;min-height:var(--km-vh,100dvh);padding-top:max(112px,calc(env(safe-area-inset-top) + 92px))!important}
body.komona-static main>section{min-height:100vh;min-height:100svh;min-height:100dvh;min-height:var(--km-vh,100dvh);display:flex;flex-direction:column;justify-content:center}
.km-top{position:fixed;z-index:110;top:max(14px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(1120px,calc(100% - 28px));min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 10px 8px 12px;border:1px solid var(--km-line);border-radius:20px;background:rgba(11,20,13,.84);backdrop-filter:blur(22px);box-shadow:0 20px 70px rgba(0,0,0,.2);color:var(--km-text)}
.km-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0}.km-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--km-accent);color:#102014;font-weight:950}.km-brand-copy{display:grid;min-width:0}.km-brand-copy strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.km-brand-copy small{font-size:.66rem;color:var(--km-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.km-menu-button{min-height:44px;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--km-line);background:rgba(255,255,255,.04);color:var(--km-text);padding:10px 13px;border-radius:14px;font:inherit;font-weight:800;cursor:pointer}.km-menu-button i{width:18px;display:grid;gap:4px}.km-menu-button i b{height:2px;border-radius:2px;background:currentColor}
.km-scrim{position:fixed;inset:0;z-index:120;background:rgba(2,5,3,.42);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .28s ease}
.km-panel{position:fixed;z-index:130;top:0;right:0;width:min(460px,92vw);height:100vh;height:100svh;height:100dvh;height:var(--km-vh,100dvh);padding:max(24px,env(safe-area-inset-top)) 22px max(20px,env(safe-area-inset-bottom));background:linear-gradient(155deg,rgba(18,35,24,.99),rgba(8,15,10,.995));color:var(--km-text);border-left:1px solid var(--km-line);box-shadow:-28px 0 90px rgba(0,0,0,.34);transform:translateX(102%);transition:transform .34s cubic-bezier(.22,.8,.24,1);display:grid;grid-template-rows:auto 1fr auto auto;gap:22px;overflow:auto}
.km-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.km-head div{display:grid;gap:5px}.km-kicker{font-size:.65rem;letter-spacing:.13em;text-transform:uppercase;color:var(--km-accent);font-weight:850}.km-head strong{font-size:1.18rem}.km-head small{color:var(--km-muted)}.km-close{width:46px;height:46px;border:1px solid var(--km-line);border-radius:15px;background:rgba(255,255,255,.05);color:var(--km-text);font-size:1.4rem;cursor:pointer}
.km-links{display:grid;align-content:start}.km-links a{display:grid;grid-template-columns:36px 1fr;grid-template-areas:"num title" "num sub";column-gap:12px;padding:16px 4px;border-bottom:1px solid var(--km-line);color:inherit;text-decoration:none}.km-links span{grid-area:num;color:var(--km-accent);font-size:.65rem;letter-spacing:.1em}.km-links b{grid-area:title;font-size:clamp(1.25rem,3vw,1.95rem);line-height:1.05;letter-spacing:-.03em}.km-links small{grid-area:sub;color:var(--km-muted);margin-top:5px;line-height:1.4}
.km-secondary{display:grid;grid-template-columns:1fr 1fr;gap:7px}.km-secondary a{min-height:44px;padding:9px 10px;border:1px solid var(--km-line);border-radius:12px;color:var(--km-muted);background:rgba(255,255,255,.025);text-decoration:none;font-size:.75rem;display:flex;align-items:center}.km-secondary a:hover,.km-secondary a:focus-visible{color:#fff;border-color:var(--km-accent)}.km-foot{display:flex;justify-content:space-between;gap:12px;color:#94a298;font-size:.65rem}
body.km-open{overflow:hidden}.km-open>.km-scrim{opacity:1;pointer-events:auto}.km-open>.km-panel{transform:translateX(0)}body>main,.km-top{transition:transform .34s cubic-bezier(.22,.8,.24,1),filter .34s ease}.km-open>main{transform:translateX(min(-7vw,-56px)) scale(.985);transform-origin:left center;filter:saturate(.84) brightness(.78)}.km-open>.km-top{transform:translateX(calc(-50% - min(7vw,56px))) scale(.985)}
.km-menu-button:focus-visible,.km-close:focus-visible,.km-links a:focus-visible,.km-secondary a:focus-visible{outline:3px solid var(--km-accent);outline-offset:3px}
@media(max-width:760px){body.komona-static main>section{justify-content:flex-start}.km-panel{width:min(400px,100vw);padding-inline:18px}.km-secondary{grid-template-columns:1fr}.km-open>main{transform:translateX(-22px) scale(.992)}.km-open>.km-top{transform:translateX(calc(-50% - 22px)) scale(.992)}.km-foot span{display:none}}
@media(max-width:430px){.km-menu-button>span{display:none}.km-brand-copy small{display:none}}
@media(prefers-reduced-motion:reduce){.km-panel,.km-scrim,body>main,.km-top{transition:none!important}}

.km-region-cta{min-height:var(--km-vh,100dvh);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:26px;align-items:center;padding:clamp(74px,9vw,124px) clamp(20px,7vw,92px);background:radial-gradient(circle at 12% 16%,rgba(176,206,147,.22),transparent 26%),linear-gradient(145deg,#eff3e8,#e6eadf 52%,#f3efe3);color:#182019}
.km-region-cta h2{max-width:900px;margin:14px 0 18px;font-size:clamp(38px,6vw,72px);line-height:.98;letter-spacing:-.05em}.km-region-cta>div>p{max-width:820px;color:#59675d;line-height:1.66;font-size:17px}.km-region-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.km-region-actions a{display:inline-flex;align-items:center;min-height:44px;padding:12px 15px;border-radius:13px;border:1px solid rgba(24,50,34,.12);background:white;color:#193c26;text-decoration:none;font-weight:800}.km-region-actions .km-primary{background:#193c26;color:white}.km-region-cta aside{padding:28px;border-radius:28px;background:linear-gradient(155deg,#112219,#1e402d);color:#eef4ed;box-shadow:0 28px 80px rgba(17,34,25,.18)}.km-region-cta aside span{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:10px;color:#a9b9aa}.km-region-cta aside strong{display:block;margin:14px 0;font-size:clamp(24px,3vw,38px);line-height:1.06}.km-region-cta aside p{margin:0;color:#b8c5ba;line-height:1.6}
.km-footer{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(380px,1.6fr);gap:34px 52px;padding:48px clamp(20px,7vw,92px) 26px;background:#0b130e;color:#dce5dd}.km-footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.km-footer-brand strong{font-size:20px}.km-footer-brand span{color:#8fa096}.km-footer-brand a{margin-top:12px;color:#c9d9cb;text-decoration:none;font-size:12px}.km-footer nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 18px}.km-footer nav a{color:#94a59a;text-decoration:none;font-size:13px}.km-footer nav a:hover,.km-footer nav a:focus-visible{color:white}.km-footer>p{grid-column:1/-1;margin:0;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:#809087;font-size:12px;line-height:1.55}.km-footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);font-size:11px;color:#6f8075}.km-footer-bottom a{color:#9eaea3;text-decoration:none}
@media(max-width:760px){.km-region-cta{grid-template-columns:1fr}.km-region-actions{flex-direction:column}.km-region-actions a{justify-content:center}.km-footer{grid-template-columns:1fr}.km-footer nav{grid-template-columns:1fr 1fr}.km-footer-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:460px){.km-footer nav{grid-template-columns:1fr}}


/* Wave 6 floating controls */
.km-top{display:none!important}
.km-floating-brand{position:fixed;z-index:112;top:max(16px,env(safe-area-inset-top));left:clamp(14px,2vw,26px);display:inline-flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border-radius:17px;background:rgba(242,246,239,.8);backdrop-filter:blur(20px) saturate(135%);border:1px solid rgba(27,53,36,.1);box-shadow:0 16px 44px rgba(12,31,19,.14);color:#173820;text-decoration:none}.km-floating-copy{display:grid;gap:1px}.km-floating-copy strong{font-size:.72rem}.km-floating-copy small{font-size:.58rem;color:#6f7d73}
.km-floating-menu-wrap{position:fixed;z-index:112;top:max(16px,env(safe-area-inset-top));right:clamp(14px,2vw,26px)}.km-floating-menu{width:54px;height:54px;border:1px solid rgba(27,53,36,.1);border-radius:17px;background:rgba(242,246,239,.8);backdrop-filter:blur(20px);box-shadow:0 16px 44px rgba(12,31,19,.14);display:grid;place-items:center;color:#173820;cursor:pointer}.km-floating-menu i{width:22px;display:grid;gap:4px}.km-floating-menu i b{height:2px;border-radius:3px;background:currentColor;transition:.2s}.km-open .km-floating-menu i b:nth-child(1){transform:translateY(6px) rotate(45deg)}.km-open .km-floating-menu i b:nth-child(2){opacity:0}.km-open .km-floating-menu i b:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.km-floating-utility{position:fixed;z-index:108;left:clamp(14px,2vw,26px);bottom:max(16px,env(safe-area-inset-bottom));display:flex;gap:8px}.km-utility-button{width:44px;height:44px;border-radius:14px;border:1px solid rgba(27,53,36,.1);background:rgba(242,246,239,.82);backdrop-filter:blur(18px);box-shadow:0 12px 34px rgba(12,31,19,.12);color:#173820;display:grid;place-items:center;text-decoration:none}.km-pending{opacity:.45;cursor:not-allowed}
.km-scroll-progress{--km-scroll:0deg;position:fixed;z-index:108;right:clamp(14px,2vw,26px);bottom:max(16px,env(safe-area-inset-bottom));width:52px;height:52px;border:0;border-radius:50%;padding:3px;background:conic-gradient(#7ea16d var(--km-scroll),rgba(24,56,32,.16) 0);box-shadow:0 14px 38px rgba(12,31,19,.16);cursor:pointer}.km-scroll-progress span{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:rgba(242,246,239,.95);color:#173820;font-size:18px}
.km-custom-cursor,.km-custom-cursor a,.km-custom-cursor button{cursor:none!important}.km-cursor,.km-cursor-dot{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;transform:translate3d(-100px,-100px,0);will-change:transform}.km-cursor{width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:1px solid rgba(116,153,101,.78);background:rgba(184,209,165,.05);transition:width .16s ease,height .16s ease,margin .16s ease,border-color .16s ease}.km-cursor-dot{width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#315b3c}.km-cursor.is-link{width:18px;height:18px;margin:-9px 0 0 -9px;border-color:rgba(49,91,60,.46)}.km-cursor-dot.is-link{opacity:.35}
.km-floating-brand:focus-visible,.km-floating-menu:focus-visible,.km-utility-button:focus-visible,.km-scroll-progress:focus-visible{outline:3px solid #86a776;outline-offset:3px}
@media(max-width:520px){.km-floating-copy{display:none}.km-floating-brand{padding:8px}}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.km-cursor,.km-cursor-dot{display:none!important}.km-custom-cursor,.km-custom-cursor a,.km-custom-cursor button{cursor:auto!important}}


/* Wave 7 mobile full-bleed + safe areas */
html,body{width:100%;max-width:none;min-width:0;margin:0;background:#0f1b13;overflow-x:hidden}
body.komona-static{overflow-x:clip}
body.komona-static main{width:100%;max-width:none;box-sizing:border-box}
.km-floating-brand{left:max(10px,env(safe-area-inset-left))}
.km-floating-menu-wrap{right:max(10px,env(safe-area-inset-right))}
.km-floating-utility{left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom))}
.km-scroll-progress{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom))}
.km-region-cta,.km-footer{
  padding-left:max(16px,env(safe-area-inset-left));
  padding-right:max(16px,env(safe-area-inset-right));
}
@media(max-width:760px){
  body.komona-static main{
    padding-left:max(14px,env(safe-area-inset-left))!important;
    padding-right:max(14px,env(safe-area-inset-right))!important;
  }
  body.komona-static main>section{min-width:0}
  body.komona-static main img,body.komona-static main svg{max-width:100%}
  body.komona-static main table{display:block;max-width:100%;overflow-x:auto}
  body.komona-static main a,body.komona-static main button{min-height:44px}
}
@media(orientation:landscape) and (max-height:520px){
  html,body{background:#0f1b13}
  body.komona-static main{
    min-height:var(--km-vh,100dvh);
    padding-top:max(54px,calc(env(safe-area-inset-top) + 42px))!important;
    padding-left:max(18px,env(safe-area-inset-left))!important;
    padding-right:max(18px,env(safe-area-inset-right))!important;
    padding-bottom:max(20px,env(safe-area-inset-bottom))!important;
  }
  body.komona-static main>section{
    min-height:var(--km-vh,100dvh);
    justify-content:flex-start;
  }
  .km-floating-brand{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left))}
  .km-floating-menu-wrap{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}
  .km-floating-brand{height:44px;padding:6px 8px}
  .km-floating-menu{width:44px;height:44px;border-radius:14px}
  .km-floating-utility{left:max(8px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom))}
  .km-scroll-progress{right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));width:46px;height:46px}
  .km-panel{width:min(560px,74vw);padding:max(10px,env(safe-area-inset-top)) 16px max(10px,env(safe-area-inset-bottom))}
  .km-links a{padding:10px 4px}
  .km-links b{font-size:1.1rem}
  .km-links small{font-size:.7rem}
  .km-secondary{grid-template-columns:repeat(3,1fr)}
  .km-region-cta{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);min-height:var(--km-vh,100dvh);padding-top:max(52px,calc(env(safe-area-inset-top) + 40px));padding-bottom:max(32px,env(safe-area-inset-bottom))}
}


/* Wave 8 command center */
.km-floating-menu-wrap,.km-floating-utility{display:none!important}
.km-command-center{position:fixed;z-index:114;top:max(14px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;gap:7px}
.km-command-button,.km-floating-menu{width:48px;height:48px;border:1px solid rgba(27,53,36,.12);border-radius:15px;background:rgba(245,248,243,.88);backdrop-filter:blur(20px) saturate(140%);color:#173820;box-shadow:0 14px 38px rgba(12,31,19,.16);display:grid;place-items:center;cursor:pointer;font:inherit;font-size:18px}
.km-command-button:hover,.km-command-button:focus-visible,.km-floating-menu:hover,.km-floating-menu:focus-visible{background:#fff;outline:none}
.km-command-backdrop{position:fixed;inset:0;z-index:180;background:rgba(6,14,9,.66);backdrop-filter:blur(12px);display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
.km-command-backdrop[hidden]{display:none}
.km-command-layer{position:relative;width:min(720px,calc(100vw - 36px));max-height:min(76dvh,760px);overflow:auto;padding:28px;border-radius:26px;background:linear-gradient(155deg,rgba(246,249,244,.99),rgba(232,239,229,.99));color:#17251b;box-shadow:0 40px 120px rgba(0,0,0,.32)}
.km-command-layer h2{font-size:clamp(32px,5vw,54px);line-height:.98;letter-spacing:-.04em;margin:10px 0 18px}.km-command-close{position:absolute;right:14px;top:14px;width:42px;height:42px;border:1px solid rgba(22,44,29,.1);border-radius:13px;background:white;color:#173820;font-size:1.3rem;cursor:pointer}.km-command-search{min-height:56px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:16px;background:white;border:1px solid rgba(22,44,29,.12)}.km-command-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:18px}.km-command-results{display:grid;gap:8px;margin-top:14px}.km-command-results a{min-height:58px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid rgba(22,44,29,.08);display:flex;align-items:center;justify-content:space-between;gap:14px;color:#173820;text-decoration:none}.km-command-results a div{display:grid;gap:2px}.km-command-results span{font-size:12px;color:#718075}.km-share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.km-share-grid button{min-height:70px;padding:12px;border-radius:16px;border:1px solid rgba(22,44,29,.1);background:rgba(255,255,255,.72);display:grid;grid-template-columns:36px 1fr;grid-template-areas:"icon title" "icon sub";align-items:center;gap:2px 10px;text-align:left;color:#173820;opacity:.82}.km-share-grid button>span{grid-area:icon;width:36px;height:36px;border-radius:12px;background:#dfe9d9;display:grid;place-items:center;font-weight:900}.km-share-grid strong{grid-area:title}.km-share-grid small{grid-area:sub;color:#77847b}
.km-cursor{width:30px;height:30px;margin:-15px 0 0 -15px;border:2px solid rgba(255,255,255,.96);box-shadow:0 0 0 1px rgba(15,39,22,.72),0 0 16px rgba(255,255,255,.42);background:rgba(21,52,29,.08)}.km-cursor-dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:#fff;box-shadow:0 0 0 1px rgba(15,39,22,.9)}.km-cursor.is-link{width:20px;height:20px;margin:-10px 0 0 -10px;border-color:#fff}.km-cursor-dot.is-link{opacity:.85;background:#f8fff6}
@media(max-width:760px){.km-command-center{top:max(9px,env(safe-area-inset-top));right:max(9px,env(safe-area-inset-right));gap:5px}.km-command-button,.km-floating-menu{width:44px;height:44px;border-radius:13px}.km-command-backdrop{place-items:start center;padding-top:max(70px,calc(env(safe-area-inset-top) + 56px))}.km-command-layer{width:min(620px,calc(100vw - 18px));max-height:calc(var(--km-vh,100dvh) - 80px);padding:20px 14px 16px;border-radius:20px}.km-command-layer h2{font-size:clamp(28px,9vw,42px);padding-right:40px}.km-command-search input{font-size:16px}.km-share-grid{grid-template-columns:1fr}}
@media(orientation:landscape) and (max-height:520px){.km-command-center{top:max(7px,env(safe-area-inset-top));right:max(7px,env(safe-area-inset-right))}.km-command-button,.km-floating-menu{width:40px;height:40px}.km-command-backdrop{place-items:start center;padding-top:max(50px,calc(env(safe-area-inset-top) + 44px))}.km-command-layer{max-height:calc(var(--km-vh,100dvh) - 56px);padding:16px}.km-command-layer h2{font-size:28px}.km-command-results a{min-height:46px;padding:8px 10px}.km-share-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.km-share-grid button{min-height:56px}}

.km-command-hint{margin:10px 2px 4px;color:#718075;font-size:12px;line-height:1.5}
.km-command-empty{padding:16px;border-radius:14px;background:rgba(255,255,255,.65);color:#647269}


/* Wave 11 unified right-side command drawers */
.km-command-backdrop{
  display:block;padding:0;background:rgba(2,8,4,.48);backdrop-filter:blur(7px);
}
.km-command-drawer-panel{
  position:absolute;top:0;right:0;width:min(500px,92vw);height:100vh;height:100svh;height:100dvh;height:var(--km-vh,100dvh);
  max-height:none;overflow:auto;margin:0;padding:max(26px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) 24px;
  border-radius:0;border-left:1px solid rgba(24,55,34,.12);background:linear-gradient(155deg,rgba(246,249,244,.995),rgba(229,237,226,.995));
  box-shadow:-30px 0 90px rgba(0,0,0,.28);animation:kmDrawerIn .34s cubic-bezier(.22,.8,.24,1) both;
}
body.km-command-open{overflow:hidden}
@keyframes kmDrawerIn{from{transform:translateX(102%)}to{transform:translateX(0)}}
@media(max-width:760px){
  .km-command-drawer-panel{
    width:min(430px,100vw);max-width:100vw;
    padding:max(70px,calc(env(safe-area-inset-top) + 56px)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
    border-radius:0;
  }
}
@media(orientation:landscape) and (max-height:520px){
  .km-command-drawer-panel{width:min(560px,78vw);padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) 18px}
}
@media(prefers-reduced-motion:reduce){.km-command-drawer-panel{animation:none!important}}

.km-command-summary{display:flex;align-items:baseline;gap:6px;margin:10px 2px 2px;color:#6b786e}.km-command-summary strong{font-size:17px;color:#1d3f29}.km-command-summary span{font-size:12px}
.km-result-kind{width:max-content;padding:4px 7px;border-radius:999px;background:#e0eadb;color:#315a3b!important;font-size:9px!important;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.km-command-empty{display:grid;gap:7px}.km-empty-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}.km-empty-links a{min-height:auto!important;padding:7px 9px!important;border-radius:999px!important;background:#e4ece0!important;font-size:11px!important;font-weight:800!important}
