/* Additive polish: original assets/main.css owns layout and palette. */
html{scroll-padding-top:110px;-webkit-text-size-adjust:100%}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a,button,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:rgba(90,120,130,.18)}
a,button{transition:background-color .18s ease,box-shadow .18s ease,opacity .18s ease}
button:active,.btn:active{scale:.97}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.header-one{opacity:1!important;box-shadow:0 4px 28px #00000009;isolation:isolate}
/* Legacy main.css sets visibility:hidden: opening must restore ALL states. */
header .nav-item .dropdown-menu.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0);}
header .nav-item .dropdown-menu:not(.active){opacity:0;visibility:hidden;pointer-events:none;}
header .nav-item.active .dropdown-menu-bridge{opacity:1;pointer-events:auto;}
.ek-menu-open{overflow:hidden}
.sidebar[aria-hidden="true"]{visibility:hidden;pointer-events:none}
.sidebar[aria-hidden="false"]{visibility:visible;pointer-events:auto}
.header-one.scroll-header{box-shadow:0 8px 30px #00000012}
.sidebar.ek-open{translate:0!important;transform:translateX(0)!important}
.sidebar{overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom)}
main [data-ns-animate],footer [data-ns-animate]{opacity:1}
#ek-status{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:10001;max-width:min(90vw,540px);background:#202326;color:#fff;padding:16px 22px;border-radius:16px;box-shadow:0 12px 35px #0003}
.ek-loading:before{content:"";position:fixed;inset:0 auto auto 0;height:3px;width:35%;background:#8fbcaa;z-index:10002;animation:ek-progress 1s ease-in-out infinite}
@keyframes ek-progress{from{transform:translateX(-100%)}to{transform:translateX(390%)}}
::view-transition-old(root){animation:ek-out .14s ease-out}
::view-transition-new(root){animation:ek-in .2s ease-out}
@keyframes ek-out{to{opacity:0;transform:translate3d(0,-4px,0)}}
@keyframes ek-in{from{opacity:0;transform:translate3d(0,7px,0)}}
@media(max-width:768px){input,textarea,select{font-size:16px}button:disabled{opacity:.55}.sidebar{height:100dvh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}::view-transition-group(*){animation:none!important}}
.cards-marquee-container{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin}
.cards-marquee-container>div{width:max-content;min-width:100%}
.cards-marquee-container>div>div{scroll-snap-align:center}

.cards-marquee-container{display:flex;scroll-snap-type:none;scroll-behavior:auto;gap:0}.cards-marquee-container>div{flex-shrink:0}

/* Premium 3: restrained motion, readable type, original palette and composition. */
:root{--ek-ease:cubic-bezier(.22,1,.36,1);--ek-fast:180ms;--ek-soft:340ms}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-kerning:normal}
main p,main li{overflow-wrap:break-word}
main h1,main h2,main h3{letter-spacing:-.025em;text-wrap:balance;overflow-wrap:break-word}
main h1{line-height:1.12}main h2,main h3{line-height:1.22}
main p{line-height:1.7}
button,.btn{transition:transform var(--ek-fast) var(--ek-ease),scale var(--ek-fast) var(--ek-ease),background-color var(--ek-fast),box-shadow var(--ek-fast)}
button:active,.btn:active{scale:.975}
.header-one{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 24px #12241b0a;transition:box-shadow .25s,background-color .25s}
header .dropdown-menu{box-shadow:0 16px 44px #12241b12;transition:opacity .18s,visibility .18s}
header .dropdown-menu.active{animation:ek-dropdown .22s var(--ek-ease)}
header .dropdown-menu a{border-radius:12px;transition:background-color .18s,translate .18s var(--ek-ease)}
header .dropdown-menu a:focus-visible{outline-offset:-3px}
@keyframes ek-dropdown{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
.sidebar{transition-property:translate,transform,visibility;transition-duration:.36s;transition-timing-function:var(--ek-ease);overflow-y:auto;-webkit-overflow-scrolling:touch}
.sidebar a,.sidebar button{min-height:44px}
.sidebar a:active,.sidebar button:active{background-color:#879a8a14}
.mobile-submenu:not(.hidden){animation:ek-in .22s var(--ek-ease)}
.news-content{overflow-wrap:anywhere;line-height:1.8}
.news-content img,.news-content video{max-width:100%;height:auto;border-radius:16px}
.news-content table{display:block;max-width:100%;overflow-x:auto}
.news-content iframe{max-width:100%}
.ek-article-meta{row-gap:12px;font-variant-numeric:tabular-nums}
.ek-article-meta>div{flex-shrink:0}
input,textarea,select{transition:border-color .18s,box-shadow .18s;background-clip:padding-box}
input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:0 0 0 4px #8fbcaa24}
::selection{background:#8fbcaa55}
@media(hover:hover) and (pointer:fine){
 header .dropdown-menu a:hover{translate:2px 0}
 .btn:hover{transform:translate3d(0,-2px,0);box-shadow:0 8px 20px #162b1e12}
}
@media(max-width:767px){
 .header-one{max-width:calc(100% - 24px);top:max(12px,env(safe-area-inset-top));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
 main h1{font-size:clamp(1.95rem,8.5vw,3rem);letter-spacing:-.03em;line-height:1.16}
 main h2{font-size:clamp(1.65rem,7vw,2.4rem)}
 .news-content{font-size:1rem;line-height:1.8}
 .ek-article-meta{column-gap:12px}
 .ek-article-meta .text-sm{font-size:12px}
 .ek-article-meta svg{width:16px;height:16px}
 .cards-marquee-container{scrollbar-width:none;touch-action:pan-x pan-y}
 .cards-marquee-container::-webkit-scrollbar{display:none}
 .sidebar{padding-top:env(safe-area-inset-top)}
}
@media(prefers-reduced-motion:reduce){
 .parallax-element{translate:none!important}
 .header-one,.sidebar,header .dropdown-menu{transition:none!important}
}
/* Long policy text is body copy even where the legacy markup uses h2. */
main div[style*="text-align: justify"]{text-align:start!important}
main div[style*="text-align: justify"] h2{font-size:clamp(1rem,1.35vw,1.2rem);font-weight:400;line-height:1.75;letter-spacing:0;text-wrap:pretty}
@media(max-width:767px){main div[style*="text-align: justify"] h2{font-size:1rem;line-height:1.7}}
#particleCanvas{width:100%;height:100%;contain:strict}
/* Premium 4: quiet, staged entrance; native scrolling remains untouched. */
header .nav-item .dropdown-menu{--ek-menu-shift:0px;left:50%;translate:-50% 0;transform:translate3d(var(--ek-menu-shift),8px,0)!important;animation:none!important;transition:opacity .24s ease,transform .32s var(--ek-ease),visibility .24s;max-height:calc(100dvh - 136px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
header .nav-item .dropdown-menu.active{transform:translate3d(var(--ek-menu-shift),0,0)!important;animation:none!important}
header .nav-item .dropdown-menu-bridge{height:22px;min-width:340px}
header .nav-item>a .nav-arrow{transition:rotate .3s var(--ek-ease)}
header .nav-item.menu-active>a .nav-arrow{rotate:180deg}
::view-transition-old(root){animation:ek-out .2s ease-out}
::view-transition-new(root){animation:ek-in .4s var(--ek-ease)}
.ek-menu-backdrop{position:fixed;inset:0;z-index:9998;background:#15201c50;border:0;border-radius:0;animation:ek-backdrop .25s ease both;touch-action:none}
.ek-menu-backdrop[hidden]{display:none}
@keyframes ek-backdrop{from{opacity:0}to{opacity:1}}
.sidebar{width:min(88vw,420px);border-radius:26px 0 0 26px;box-shadow:-16px 0 60px #0d191524;transition-duration:.46s}
.sidebar>div{padding:24px 20px}
.sidebar .scroll-bar{height:auto;max-height:calc(100dvh - 130px);padding-bottom:30px}
.sidebar .mobile-menu-toggle{padding:15px 12px;border-radius:14px;font-weight:500}
.sidebar .mobile-submenu{padding:4px 8px 12px 12px}
.sidebar .mobile-submenu a{padding-top:12px;padding-bottom:12px;line-height:1.45;border-radius:12px}

@media(prefers-reduced-motion:reduce){.ek-hero-scene,.ek-hero h1,.ek-hero h6,.ek-hero .btn,.ek-hero [data-instant]{animation:none!important}.ek-menu-backdrop{animation:none}}

:root{--font-inter-tight:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body{font-family:var(--font-inter-tight)}

header .nav-item>a .nav-arrow{transform:none!important;rotate:0}
header .nav-item.menu-active>a .nav-arrow{rotate:180deg}
.ek-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.ek-cta-icon{width:18px;height:18px;flex-shrink:0}

/* Scroll reveal starts hidden only below the viewport; no visible-to-hidden flash. */
main [data-ns-animate].ek-reveal-pending,footer [data-ns-animate].ek-reveal-pending{opacity:0;translate:0 26px}
@media(prefers-reduced-motion:reduce){[data-ns-animate].ek-reveal-pending{opacity:1!important;translate:none!important}}
