/* LEKBOT Design System Release 5.2 */
:root{--ds-header:#07100d;--ds-border:rgba(255,255,255,.10);--ds-text:#f3f7f5;--ds-muted:#9ba8a2;--ds-green:#37e6a0;--ds-green-soft:#89f0c6;--ds-panel:rgba(9,20,16,.97)}
.utility-bar{height:38px;border-bottom:1px solid var(--ds-border);background:#050a08;position:relative;z-index:1002;font-size:12px;color:#c4cec9}
.utility-inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}
.utility-left,.utility-center,.utility-right{display:flex;align-items:center;gap:14px;white-space:nowrap}.utility-center{justify-content:center}.utility-right{justify-content:flex-end}.utility-dot{width:7px;height:7px;border-radius:50%;background:var(--ds-green);box-shadow:0 0 12px rgba(55,230,160,.6)}.utility-market{color:var(--ds-green-soft);font-weight:600}.utility-link{color:#c4cec9;text-decoration:none}.utility-link:hover{color:#fff}
.header{top:0!important;min-height:72px!important;background:rgba(5,13,10,.96)!important;border-bottom:1px solid var(--ds-border)!important;backdrop-filter:blur(18px);z-index:1001!important}
.nav{min-height:72px!important;height:72px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:34px!important;align-items:center!important}
.brand{gap:11px!important}.brand-symbol{width:38px!important;height:38px!important;border-radius:10px!important;font-size:17px!important}.brand-word{font-size:20px!important;letter-spacing:.05em!important}
.nav-links{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:100%!important}
.nav-item{height:100%;display:flex;align-items:center;position:relative}.nav-link,.nav-links>a{font-family:Inter,"Noto Sans Thai",sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1!important;color:#d2dad6!important;padding:12px 14px!important;border-radius:8px!important;text-decoration:none!important;display:flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important}.nav-link:hover,.nav-links>a:hover,.nav-item.open>.nav-link{color:#fff!important;background:rgba(255,255,255,.05)!important}.nav-link.active{color:var(--ds-green)!important}.nav-link.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:var(--ds-green);border-radius:2px}.chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.75}
.mega-menu{position:absolute;top:calc(100% - 1px);left:0;min-width:560px;padding:20px;background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:0 0 14px 14px;box-shadow:0 24px 70px rgba(0,0,0,.48);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease;display:grid;grid-template-columns:1fr 1fr;gap:14px;z-index:1005}.nav-item:hover>.mega-menu,.nav-item.open>.mega-menu{opacity:1;visibility:visible;transform:translateY(0)}.mega-menu.knowledge-menu{min-width:610px;grid-template-columns:1fr 1fr}.mega-column{padding:4px 8px}.mega-title{display:block;color:var(--ds-green);font-size:11px;font-weight:800;letter-spacing:.12em;margin:0 0 12px}.mega-link{display:block;padding:10px 11px;border-radius:9px;color:#f0f5f2;text-decoration:none}.mega-link:hover{background:rgba(55,230,160,.07)}.mega-link strong{display:block;font-size:13px;font-weight:600;margin-bottom:4px}.mega-link small{display:block;color:var(--ds-muted);font-size:11.5px;line-height:1.4}.mega-separator{height:1px;background:var(--ds-border);margin:8px 0}.mega-badge{display:inline-flex;margin-left:7px;padding:2px 6px;border-radius:999px;background:rgba(234,189,58,.15);color:#f2c94c;font-size:9px;font-weight:700;vertical-align:middle}.mega-footer{grid-column:1/-1;border-top:1px solid var(--ds-border);padding:14px 10px 2px;margin-top:3px;display:flex;justify-content:space-between;align-items:center;color:var(--ds-green);font-size:12px;font-weight:600;text-decoration:none}
.nav-actions{gap:10px!important}.nav-actions .button{font-size:13px!important;min-height:42px!important;padding:0 17px!important;border-radius:9px!important}.nav-actions .button-primary{min-width:130px}.lang-switch{border:0!important;background:transparent!important;gap:0!important;padding:0!important}.lang-switch .lang{font-size:12px!important;padding:8px 7px!important;background:transparent!important;color:#a9b5af!important;border:0!important}.lang-switch .lang.active{color:#fff!important}.lang-divider{color:#59645f;font-size:11px}.nav-login{min-width:88px!important}.hub-button{min-width:110px!important}
.menu-toggle{display:none!important}
.hero{padding-top:98px!important}.hero-grid{gap:62px!important}.hero-copy h1{font-size:clamp(52px,5.2vw,78px)!important;line-height:1.04!important;letter-spacing:-.045em!important}.hero-copy p{max-width:600px!important;font-size:16px!important;line-height:1.8!important}.hero-actions .button{font-size:14px!important}.hero-metrics{margin-top:34px!important}.dashboard-card{backdrop-filter:blur(14px)}
@media(max-width:1180px){.utility-center{display:none}.utility-inner{grid-template-columns:1fr 1fr}.nav{gap:18px!important}.nav-link,.nav-links>a{padding:12px 9px!important;font-size:13px!important}.nav-actions .button-primary{min-width:auto}.hub-button{display:none!important}}
@media(max-width:900px){.utility-bar{display:none}.header{min-height:64px!important}.nav{height:64px!important;min-height:64px!important;display:flex!important;justify-content:space-between!important}.menu-toggle{display:flex!important;z-index:1010}.nav-links{position:fixed!important;top:64px!important;left:0!important;right:0!important;bottom:0!important;height:auto!important;background:#07100d!important;display:none!important;align-items:stretch!important;justify-content:flex-start!important;flex-direction:column!important;padding:18px!important;overflow-y:auto!important;gap:4px!important}.nav-links.open{display:flex!important}.nav-item{height:auto!important;display:block!important}.nav-link,.nav-links>a{font-size:15px!important;padding:15px 12px!important;justify-content:space-between!important}.nav-link.active:after{display:none}.mega-menu,.mega-menu.knowledge-menu{position:static!important;min-width:0!important;width:100%!important;display:none!important;grid-template-columns:1fr!important;opacity:1!important;visibility:visible!important;transform:none!important;border-radius:10px!important;box-shadow:none!important;margin:3px 0 10px!important;padding:10px!important}.nav-item.open>.mega-menu{display:grid!important}.nav-item:hover>.mega-menu{display:none}.nav-item.open:hover>.mega-menu{display:grid!important}.mega-footer{grid-column:1}.nav-actions{margin-left:auto!important}.nav-actions .lang-switch,.nav-actions .hub-button,.nav-actions .nav-login{display:none!important}.nav-actions .button-primary{font-size:12px!important;min-height:38px!important;padding:0 13px!important}.mobile-nav-only{display:flex!important}.hero{padding-top:70px!important}.hero-copy h1{font-size:clamp(42px,12vw,62px)!important}}
@media(max-width:560px){.nav-actions .button-primary{display:none!important}.brand-word{font-size:18px!important}.brand-symbol{width:34px!important;height:34px!important}.hero{padding-top:55px!important}}