/*
Theme Name: VietInvest Landing
Description: Custom landing page theme based on the VietInvest HTML draft.
Version: 1.1.3
Text Domain: vietinvest-landing
*/
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.hero-grid>*,.hero-card .meta>*{min-width:0}
.hero .pill{max-width:100%;white-space:normal}
.hero .pill i{flex-shrink:0}
.hero-actions .btn{max-width:100%;white-space:normal;text-align:center}
.vi-honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
#news-err{grid-column:1/-1;color:#ffd0c0}
button:disabled{cursor:wait;opacity:.65}
.vi-page{min-height:100vh;display:flex;flex-direction:column}
.vi-page .vi-header{position:relative;background:#fff;padding:24px 0;border-bottom:1px solid #e4dced;transform:none}
.vi-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
.vi-brand{font-weight:750;font-size:25px;color:#52308a}
.vi-content{flex:1;width:min(900px,calc(100% - 40px));margin:70px auto}
.vi-content h1{font-size:clamp(36px,6vw,64px);line-height:1.1;margin-bottom:24px}
.vi-content p,.vi-content ul,.vi-content ol{margin:18px 0}
.vi-content a:not(.btn){color:#7750a8;text-decoration:underline}
.vi-content article+article{margin-top:48px}
.vi-footer{padding:32px 0;background:#231634;color:#e8dff2}
@media(max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:820px){.menu a[data-n=""]::before{content:none}}
@media(max-width:560px){
  header .logo img,header.scrolled .logo img{height:auto;width:138px;max-width:100%}
  .nav{gap:8px}.nav-cta{gap:8px;flex-shrink:0}.nav-cta .btn{white-space:nowrap;padding:10px 13px}
  .hero-card{padding:22px}.hero-card .top{gap:10px;flex-wrap:wrap}
  .hero-card .meta{grid-template-columns:1fr!important}
  .hero-actions{gap:10px}.hero-actions .btn{padding:15px 18px}
}