:root {
  --vazt-blue: #1262c7;
  --vazt-navy: #071d42;
  --vazt-ink: #14213b;
  --vazt-muted: #60708a;
  --vazt-line: #d9e3f0;
  --vazt-soft: #f4f8fd;
}

.vazt-home { background: #fff; color: var(--vazt-ink); font-family: "DM Sans", Arial, sans-serif; overflow: hidden; }
.vazt-home *, .vazt-home *::before, .vazt-home *::after { box-sizing: border-box; }
.vazt-home a { text-decoration: none; }
.vazt-eyebrow { color: var(--vazt-blue); font-size: .74rem; font-weight: 800; letter-spacing: .14em; margin: 0 0 1rem; }

.vazt-hero { background: radial-gradient(circle at 80% 12%, #1e75d5 0, rgba(30,117,213,0) 31%), linear-gradient(121deg, #071832 0%, #0b2e68 58%, #0d4f9f 100%); color: #fff; padding: clamp(4.5rem, 8vw, 7.8rem) 0 clamp(4.25rem, 7vw, 6.5rem); }
.vazt-hero-grid { align-items: center; display: grid; gap: clamp(2rem, 6vw, 6rem); grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr); }
.vazt-hero .vazt-eyebrow { color: #98caff; }
.vazt-hero h1 { color: #fff; font-size: clamp(2.7rem, 5.4vw, 5.15rem); font-weight: 700; letter-spacing: -.055em; line-height: .98; margin: 0; max-width: 11ch; }
.vazt-lede { color: #d8e6fa; font-size: clamp(1.03rem, 1.5vw, 1.18rem); line-height: 1.7; margin: 1.5rem 0 2rem; max-width: 53ch; }
.vazt-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.vazt-button { align-items: center; border: 1px solid transparent; border-radius: 9px; display: inline-flex; font-size: .95rem; font-weight: 700; justify-content: center; min-height: 50px; padding: .8rem 1.18rem; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.vazt-button:hover { transform: translateY(-2px); }
.vazt-button-primary { background: #fff; color: var(--vazt-navy); }
.vazt-button-primary:hover { background: #e7f1ff; color: var(--vazt-navy); }
.vazt-button-secondary { border-color: rgba(255,255,255,.58); color: #fff; }
.vazt-button-secondary:hover { background: rgba(255,255,255,.12); color: #fff; }
.vazt-login-note { color: #b6cce9; font-size: .92rem; margin: 1.4rem 0 0; }
.vazt-login-note a { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

.vazt-hero-panel { background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.2); border-radius: 22px; box-shadow: 0 24px 70px rgba(0,0,0,.24); min-height: 430px; overflow: hidden; padding: clamp(1.5rem, 3.5vw, 2.5rem); position: relative; }
.vazt-panel-content { position: relative; z-index: 1; }
.vazt-panel-label { color: #b8d6ff; font-size: .7rem; font-weight: 800; letter-spacing: .14em; }
.vazt-panel-lines { display: flex; gap: 5px; margin: 1.25rem 0 1.75rem; }
.vazt-panel-lines span { background: #62a2ef; border-radius: 8px; display: block; height: 5px; }
.vazt-panel-lines span:nth-child(1) { width: 40px; }.vazt-panel-lines span:nth-child(2) { opacity: .65; width: 22px; }.vazt-panel-lines span:nth-child(3) { opacity: .35; width: 12px; }
.vazt-panel-item { align-items: flex-start; border-top: 1px solid rgba(255,255,255,.2); display: flex; gap: 1rem; padding: 1.12rem 0; }
.vazt-panel-icon { align-items: center; background: rgba(132,189,255,.18); border: 1px solid rgba(200,227,255,.32); border-radius: 50%; color: #d9ecff; display: inline-flex; flex: 0 0 auto; font-size: .7rem; font-weight: 800; height: 36px; justify-content: center; width: 36px; }
.vazt-panel-item strong { color: #fff; display: block; font-size: 1rem; margin-top: .1rem; }.vazt-panel-item small { color: #c3d8f3; display: block; font-size: .86rem; margin-top: .25rem; }
.vazt-panel-orb { border-radius: 50%; filter: blur(1px); position: absolute; }.vazt-panel-orb-one { background: rgba(100,181,255,.34); height: 270px; right: -95px; top: -105px; width: 270px; }.vazt-panel-orb-two { background: rgba(110,83,255,.27); bottom: -105px; height: 240px; left: -115px; width: 240px; }

.vazt-intro-section, .vazt-plans-section { padding: clamp(4.5rem, 8vw, 7rem) 0; }.vazt-intro-section { background: #fff; }.vazt-plans-section { background: var(--vazt-soft); }
.vazt-section-heading { max-width: 620px; }.vazt-section-heading-centered { margin: 0 auto; text-align: center; }.vazt-section-heading h2 { color: var(--vazt-navy); font-size: clamp(2rem, 3.2vw, 3.35rem); font-weight: 700; letter-spacing: -.045em; line-height: 1.06; margin: 0; }.vazt-section-heading > p:last-child { color: var(--vazt-muted); font-size: 1.03rem; line-height: 1.65; margin: 1.1rem 0 0; }
.vazt-path-grid { display: grid; gap: 1.2rem; grid-template-columns: repeat(3, 1fr); margin-top: clamp(2.2rem, 5vw, 4rem); }.vazt-path-card { border: 1px solid var(--vazt-line); border-radius: 14px; color: var(--vazt-ink); min-height: 265px; padding: 1.75rem; position: relative; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }.vazt-path-card:hover { border-color: #80afea; box-shadow: 0 18px 35px rgba(11,61,133,.11); color: var(--vazt-ink); transform: translateY(-5px); }.vazt-path-number { color: #8aa1bf; font-size: .75rem; font-weight: 800; letter-spacing: .12em; }.vazt-path-card h3 { color: var(--vazt-navy); font-size: 1.35rem; margin: 3.3rem 0 .7rem; }.vazt-path-card p { color: var(--vazt-muted); line-height: 1.6; margin: 0; }.vazt-path-link { bottom: 1.65rem; color: var(--vazt-blue); font-size: .92rem; font-weight: 800; left: 1.75rem; position: absolute; }

.vazt-plans-topline { align-items: end; display: flex; gap: 2rem; justify-content: space-between; }.vazt-text-link { color: var(--vazt-blue); flex: 0 0 auto; font-weight: 800; margin-bottom: .35rem; }.vazt-plan-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(3, 1fr); margin-top: 2.6rem; }.vazt-plan-card { background: #fff; border: 1px solid var(--vazt-line); border-radius: 14px; display: flex; flex-direction: column; min-height: 100%; padding: 1.6rem; }.vazt-plan-card h3 { color: var(--vazt-navy); font-size: 1.3rem; margin: 0 0 1.25rem; }.vazt-plan-price { border-bottom: 1px solid var(--vazt-line); padding-bottom: 1.25rem; }.vazt-plan-price strong { color: var(--vazt-blue); font-size: 2.25rem; letter-spacing: -.04em; }.vazt-plan-price > span { color: var(--vazt-muted); font-size: .9rem; margin-left: .25rem; }.vazt-plan-price small { color: var(--vazt-muted); display: block; line-height: 1.45; margin-top: .35rem; }.vazt-plan-description { color: var(--vazt-muted); flex: 1; font-size: .92rem; line-height: 1.55; padding: 1.25rem 0; }.vazt-plan-description ul { margin: 0; padding-left: 1.05rem; }.vazt-plan-description li { margin: .4rem 0; }.vazt-button-plan { background: var(--vazt-navy); color: #fff; width: 100%; }.vazt-button-plan:hover { background: var(--vazt-blue); color: #fff; }.vazt-catalogue-note { background: #fff; border: 1px solid var(--vazt-line); border-radius: 10px; margin-top: 2rem; padding: 1rem; }.vazt-catalogue-note a { color: var(--vazt-blue); font-weight: 700; }

.vazt-account-section { background: #fff; padding: clamp(3.5rem, 6vw, 5.5rem) 0; }.vazt-account-card { align-items: center; background: linear-gradient(105deg, #071d42, #0c4e9e); border-radius: 18px; color: #fff; display: flex; gap: 2rem; justify-content: space-between; overflow: hidden; padding: clamp(2rem, 5vw, 4rem); position: relative; }.vazt-account-card::after { background: rgba(84,166,255,.25); border-radius: 50%; content: ""; height: 260px; position: absolute; right: -80px; top: -130px; width: 260px; }.vazt-account-card > * { position: relative; z-index: 1; }.vazt-account-card .vazt-eyebrow { color: #98caff; }.vazt-account-card h2 { color: #fff; font-size: clamp(1.75rem, 3vw, 2.7rem); letter-spacing: -.04em; line-height: 1.08; margin: 0; max-width: 17ch; }.vazt-account-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: .7rem; }.vazt-button-secondary-light { border-color: rgba(255,255,255,.55); color: #fff; }.vazt-button-secondary-light:hover { background: rgba(255,255,255,.12); color: #fff; }

@media (max-width: 991px) { .vazt-hero-grid { grid-template-columns: 1fr; }.vazt-hero h1 { max-width: 14ch; }.vazt-hero-panel { max-width: 590px; }.vazt-path-grid, .vazt-plan-grid { grid-template-columns: repeat(2, 1fr); }.vazt-plan-grid .vazt-plan-card:last-child:nth-child(odd) { grid-column: span 2; }.vazt-account-card { align-items: flex-start; flex-direction: column; }.vazt-account-card h2 { max-width: 23ch; } }
@media (max-width: 600px) { .vazt-hero { padding-top: 4rem; }.vazt-hero h1 { font-size: clamp(2.55rem, 13vw, 3.4rem); }.vazt-hero-panel { min-height: auto; }.vazt-path-grid, .vazt-plan-grid { grid-template-columns: 1fr; }.vazt-plan-grid .vazt-plan-card:last-child:nth-child(odd) { grid-column: auto; }.vazt-plans-topline { align-items: flex-start; flex-direction: column; gap: 1rem; }.vazt-account-actions { width: 100%; }.vazt-account-actions .vazt-button { width: 100%; } }

.vazt-journey-section { background: #fff; padding: clamp(4.5rem, 8vw, 7rem) 0; }
.vazt-journey-grid { display: grid; gap: 1.2rem; grid-template-columns: repeat(3, 1fr); list-style: none; margin: clamp(2.3rem, 5vw, 4rem) 0 0; padding: 0; }
.vazt-journey-card { border-top: 1px solid var(--vazt-line); padding: 1.35rem 0; }
.vazt-journey-card > span { color: #8aa1bf; font-size: .74rem; font-weight: 800; letter-spacing: .12em; }
.vazt-journey-card h3 { color: var(--vazt-navy); font-size: 1.4rem; margin: 1.6rem 0 .65rem; }
.vazt-journey-card p { color: var(--vazt-muted); line-height: 1.6; margin: 0; max-width: 30ch; }
.vazt-journey-card a { color: var(--vazt-blue); display: inline-block; font-size: .92rem; font-weight: 800; margin-top: 1.25rem; }
.vazt-policies-section { background: #edf5ff; padding: clamp(4.5rem, 8vw, 6.5rem) 0; }
.vazt-policy-layout { align-items: start; display: grid; gap: clamp(2rem, 7vw, 7rem); grid-template-columns: minmax(0, .8fr) minmax(330px, 1fr); }
.vazt-policy-links { display: grid; gap: .75rem; }
.vazt-policy-links a { background: #fff; border: 1px solid var(--vazt-line); border-radius: 12px; color: var(--vazt-ink); display: block; padding: 1.15rem 1.2rem; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.vazt-policy-links a:hover { border-color: #80afea; box-shadow: 0 12px 28px rgba(11,61,133,.1); color: var(--vazt-ink); transform: translateY(-2px); }
.vazt-policy-links strong { color: var(--vazt-navy); display: block; font-size: 1.02rem; }
.vazt-policy-links span { color: var(--vazt-muted); display: flex; font-size: .88rem; justify-content: space-between; margin-top: .35rem; }
.vazt-policy-links b { color: var(--vazt-blue); font-size: 1rem; }
@media (max-width: 991px) { .vazt-journey-grid { grid-template-columns: repeat(2, 1fr); }.vazt-journey-card:last-child:nth-child(odd) { grid-column: span 2; }.vazt-policy-layout { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .vazt-journey-grid { grid-template-columns: 1fr; }.vazt-journey-card:last-child:nth-child(odd) { grid-column: auto; } }
