:root{
  --vn-blue:#123a9b;
  --vn-blue-dark:#0b286f;
  --vn-yellow:#ffd31a;
  --vn-bg:#f5f6f8;
  --vn-text:#111827;
  --vn-muted:#667085;
  --vn-white:#ffffff;
  --vn-border:#e7eaf0;
}
.vn2-wrap{font-family:inherit;color:var(--vn-text);background:#fff;overflow:hidden}
.vn2-container{width:min(1180px,calc(100% - 48px));margin:0 auto}
.vn2-hero{background:linear-gradient(135deg,#f7f8fa 0%,#ffffff 62%);position:relative;padding:92px 0 84px;background-size:cover;background-position:center;border-bottom:1px solid var(--vn-border)}
.vn2-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:var(--vn-yellow);opacity:.13;right:-130px;top:-160px}
.vn2-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:70px;align-items:center;position:relative;z-index:2}
.vn2-eyebrow,.vn2-kicker{font-size:13px;font-weight:800;letter-spacing:.13em;color:var(--vn-blue);display:block;margin-bottom:16px}
.vn2-hero h1,.vn2-section h2{margin:0;color:#101828;letter-spacing:-.035em}
.vn2-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.02;max-width:760px}
.vn2-hero-copy>p{font-size:19px;line-height:1.75;color:#5e6673;max-width:760px;margin:26px 0 32px}
.vn2-hero-actions,.vn2-cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.vn2-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:14px;font-weight:750;text-decoration:none!important;transition:.2s ease;border:1px solid transparent}
.vn2-btn:hover{transform:translateY(-2px)}
.vn2-btn-primary{background:var(--vn-yellow);color:#111}
.vn2-btn-secondary{background:#fff;color:var(--vn-blue);border-color:#d9dfea}
.vn2-btn-dark{background:#101828;color:#fff}
.vn2-btn-light{background:#fff;color:#101828}
.vn2-hero-panel{display:grid;grid-template-columns:1fr;gap:14px}
.vn2-stat{background:#fff;border:1px solid var(--vn-border);border-radius:24px;padding:24px 26px;box-shadow:0 15px 45px rgba(16,24,40,.05);display:flex;align-items:center;gap:20px}
.vn2-stat strong{font-size:38px;line-height:1;color:var(--vn-blue)}
.vn2-stat span{font-size:15px;color:#626b78;line-height:1.35;font-weight:600}
.vn2-section{padding:92px 0}
.vn2-two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}
.vn2-section h2{font-size:clamp(34px,4vw,54px);line-height:1.08}
.vn2-copy p,.vn2-feature-card p,.vn2-mini-card p,.vn2-coverage p,.vn2-section-head p,.vn2-cta p{font-size:17px;line-height:1.75;color:var(--vn-muted);margin:0}
.vn2-soft{background:var(--vn-bg);position:relative}
.vn2-soft:before{content:"";position:absolute;width:280px;height:280px;background:var(--vn-yellow);opacity:.12;border-radius:50%;left:-100px;bottom:-120px}
.vn2-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative;z-index:1}
.vn2-feature-card{background:#fff;border:1px solid var(--vn-border);border-radius:28px;padding:40px;min-height:330px}
.vn2-feature-card h3,.vn2-mini-card h3{font-size:25px;margin:22px 0 14px}
.vn2-icon,.vn2-mini-icon{width:58px;height:58px;border-radius:18px;background:#edf2ff;color:var(--vn-blue);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800}
.vn2-icon-yellow{background:#fff6c7;color:#111}
.vn2-section-head{text-align:center;max-width:760px;margin:0 auto 44px}
.vn2-section-head p{margin-top:16px}
.vn2-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.vn2-mini-card{background:#fff;border:1px solid var(--vn-border);border-radius:24px;padding:28px;box-shadow:0 12px 38px rgba(16,24,40,.04)}
.vn2-mini-card h3{font-size:20px;margin-top:18px}
.vn2-mini-card p{font-size:15px}
.vn2-mini-icon{width:48px;height:48px;border-radius:16px;font-size:21px;background:#f3f5f8}
.vn2-coverage{background:#fafafa}
.vn2-coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.vn2-coverage h2{margin-bottom:20px}
.vn2-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.vn2-chips span{background:#fff;border:1px solid var(--vn-border);padding:11px 16px;border-radius:999px;font-weight:700;color:var(--vn-blue)}
.vn2-map-card{min-height:340px;background:#fff;border:1px solid var(--vn-border);border-radius:30px;position:relative;overflow:hidden;box-shadow:0 18px 50px rgba(16,24,40,.06)}
.vn2-map-card:before{content:"";position:absolute;width:250px;height:250px;border:46px solid rgba(18,58,155,.06);border-radius:50%;right:-70px;top:-70px}
.vn2-map-line{position:absolute;left:22%;top:55%;width:58%;height:3px;background:linear-gradient(90deg,var(--vn-blue),var(--vn-yellow));transform:rotate(-13deg);transform-origin:left center;border-radius:3px}
.vn2-map-dot{position:absolute;width:18px;height:18px;background:var(--vn-blue);border:5px solid #fff;border-radius:50%;box-shadow:0 0 0 2px rgba(18,58,155,.12)}
.vn2-map-dot.d1{left:22%;top:53%}.vn2-map-dot.d2{left:40%;top:44%}.vn2-map-dot.d3{left:59%;top:40%}.vn2-map-dot.d4{left:76%;top:31%;background:var(--vn-yellow)}
.vn2-map-title{position:absolute;left:8%;bottom:78px;font-size:30px;font-weight:850;color:#111}
.vn2-map-note{position:absolute;left:8%;bottom:45px;color:var(--vn-muted);font-weight:600}
.vn2-cta-section{padding-top:20px;padding-bottom:90px}
.vn2-cta{background:var(--vn-yellow);border-radius:30px;padding:48px 54px;display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center}
.vn2-cta h2{font-size:clamp(30px,4vw,48px);margin:0 0 12px}
.vn2-cta p{color:#2d2f35;max-width:700px}
@media(max-width:1024px){
 .vn2-container{width:min(100% - 36px,960px)}
 .vn2-hero{padding:72px 0}
 .vn2-hero-grid,.vn2-two-col,.vn2-coverage-grid{grid-template-columns:1fr;gap:42px}
 .vn2-hero-panel{grid-template-columns:repeat(3,1fr)}
 .vn2-stat{display:block;text-align:center;padding:22px 14px}
 .vn2-stat strong{display:block;margin-bottom:8px}
 .vn2-card-grid{grid-template-columns:repeat(2,1fr)}
 .vn2-cta{grid-template-columns:1fr}
}
@media(max-width:767px){
 .vn2-container{width:calc(100% - 28px)}
 .vn2-hero{padding:54px 0 50px}
 .vn2-hero h1{font-size:40px}
 .vn2-hero-copy>p{font-size:17px;line-height:1.65}
 .vn2-hero-actions,.vn2-cta-actions{flex-direction:column}
 .vn2-btn{width:100%}
 .vn2-hero-panel{grid-template-columns:1fr}
 .vn2-stat{display:flex;text-align:left}
 .vn2-section{padding:64px 0}
 .vn2-two-col,.vn2-mission-grid,.vn2-card-grid,.vn2-coverage-grid{grid-template-columns:1fr}
 .vn2-feature-card{padding:28px;min-height:0}
 .vn2-section-head{text-align:left}
 .vn2-map-card{min-height:290px}
 .vn2-map-title{font-size:24px}
 .vn2-cta{padding:34px 24px;border-radius:24px}
}