.vision-main{background:#f8fafc;padding-top:120px}.vision-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#0f172a,#312e81,#1d4ed8);padding:100px 24px 120px}.vision-hero__content{max-width:760px;margin:0 auto}.vision-hero h1{margin-top:12px;font-size:46px;font-weight:700}.vision-hero p{color:#ffffffd9;margin-top:16px;font-size:18px}.vision-section{margin-top:-80px;padding:0 24px 80px}.vision-section__grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1100px;margin:0 auto;display:grid}.vision-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:36px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0f172a1f}.vision-card:before{content:"";pointer-events:none;border:1px solid #fff3;border-radius:24px;position:absolute;inset:0}.vision-card__badge{color:#312e81;text-transform:uppercase;letter-spacing:.05em;background:#eef2ff;border-radius:999px;align-items:center;gap:10px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.vision-card h2{color:#0f172a;margin-top:24px;font-size:30px}.vision-card p{color:#334155;text-align:justify;text-justify:inter-word;margin-top:16px;font-size:17px;line-height:1.8}@media (max-width:600px){.vision-hero{padding:80px 16px 90px}.vision-hero h1{font-size:34px}.vision-section{padding:0 16px 60px}.vision-card{padding:28px}.vision-card h2{font-size:26px}}