.virtual-assistant-page { background: #f7f7f3; }
.va-hero { position: relative; overflow: hidden; padding: clamp(10rem, 16vw, 15rem) 0 clamp(7rem, 11vw, 11rem); background: linear-gradient(135deg, #f8f8f4, #eaedef); isolation: isolate; }
.va-glow { position: absolute; z-index: -1; top: -25%; right: -12%; width: 65vw; height: 65vw; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.95), rgba(216,211,231,.42) 36%, rgba(197,220,226,.24) 58%, transparent 72%); filter: blur(35px); }
.va-hero-shell, .va-section-shell, .va-promo-shell { width: min(1240px, calc(100% - 64px)); margin-inline: auto; }
.va-hero-shell { display: grid; align-items: end; grid-template-columns: minmax(0, 1.25fr) minmax(300px, .55fr); gap: clamp(4rem, 9vw, 9rem); }
.va-eyebrow { display: flex; margin: 0 0 2rem; align-items: center; gap: .8rem; color: #806746; font-size: .65rem; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.va-eyebrow span { width: 40px; height: 1px; background: var(--champagne); }
.va-hero h1 { max-width: 880px; margin: 0; font-family: var(--serif); font-size: clamp(5rem, 8.6vw, 9rem); font-weight: 400; line-height: .88; }
.va-hero h1 em, .va-section-heading h2 em, .va-promo h2 em { color: #8d7250; font-style: normal; }
.va-lead { max-width: 680px; margin: 2.2rem 0 0; color: var(--ink-soft); font-size: clamp(1rem, 1.25vw, 1.2rem); line-height: 1.75; }
.va-actions { display: flex; margin-top: 2.5rem; align-items: center; gap: 1.5rem; flex-wrap: wrap; }
.va-text-link { color: var(--ink); font-size: .72rem; font-weight: 600; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.va-hero-card { padding: clamp(2rem, 4vw, 3.4rem); border: 1px solid rgba(142,113,74,.26); background: rgba(255,255,255,.55); box-shadow: 0 30px 70px rgba(50,60,64,.12); backdrop-filter: blur(15px); }
.va-hero-card > p:first-child { margin: 0; color: #806746; font-size: .62rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.va-hero-card div { display: flex; margin: 1.6rem 0; align-items: baseline; gap: .7rem; }
.va-hero-card strong { font-family: var(--serif); font-size: clamp(5rem, 8vw, 7rem); font-weight: 400; line-height: .8; }
.va-hero-card div span { color: #806746; font-size: .68rem; font-weight: 600; text-transform: uppercase; }
.va-hero-card > p:last-child { margin: 0; color: var(--ink-soft); font-size: .8rem; line-height: 1.7; }
.va-support, .va-process, .va-faq { padding: clamp(7rem, 12vw, 12rem) 0; }
.va-section-heading { max-width: 920px; }
.va-section-heading h2, .va-promo h2 { margin: clamp(2.5rem, 5vw, 4rem) 0 0; font-family: var(--serif); font-size: clamp(4rem, 7vw, 7.4rem); font-weight: 400; line-height: .92; }
.va-section-heading > p:last-child { max-width: 680px; margin: 2rem 0 0; color: var(--ink-soft); line-height: 1.75; }
.va-support-grid { display: grid; margin-top: clamp(4rem, 7vw, 7rem); grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.va-support-grid article { min-height: 310px; padding: clamp(2rem, 4vw, 4rem); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.va-support-grid article > span { color: #9b7c52; font-size: .58rem; font-weight: 600; }
.va-support-grid h3, .va-process h3 { margin: 2rem 0 0; font-family: var(--serif); font-size: clamp(2rem, 3vw, 3.2rem); font-weight: 400; }
.va-support-grid p { max-width: 470px; margin: 1.2rem 0 0; color: var(--ink-soft); line-height: 1.72; }
.va-ways { padding: clamp(7rem, 12vw, 12rem) 0; background: #20272b; color: #eef1ef; }
.va-section-heading-light > p:last-child { color: rgba(238,241,239,.68); }
.va-ways-grid { display: grid; margin-top: clamp(4rem, 7vw, 7rem); grid-template-columns: repeat(3, 1fr); }
.va-ways-grid article { display: flex; min-height: 440px; padding: clamp(2rem, 4vw, 3.5rem); border: 1px solid rgba(238,241,239,.14); flex-direction: column; }
.va-ways-grid article.is-featured { border-color: var(--champagne-light); background: rgba(255,255,255,.05); transform: translateY(-1.4rem); }
.va-ways-grid article > p:first-child { margin: 0; color: var(--champagne-light); font-size: .6rem; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
.va-ways-grid h3 { margin: 2rem 0 0; font-family: var(--serif); font-size: clamp(2.4rem, 3.5vw, 3.8rem); font-weight: 400; line-height: 1; }
.va-ways-grid h3 + p { margin: 1.5rem 0 0; color: rgba(238,241,239,.68); font-size: .85rem; line-height: 1.75; }
.va-ways-grid strong { margin-top: auto; padding-top: 2rem; color: var(--champagne-light); font-family: var(--serif); font-size: 1.4rem; font-weight: 400; }
.va-promo { padding: clamp(7rem, 12vw, 12rem) 0; background: linear-gradient(135deg, #eee9e3, #eef1ef); }
.va-promo-shell { display: grid; align-items: center; grid-template-columns: 1fr minmax(300px, .48fr); gap: clamp(4rem, 10vw, 10rem); }
.va-promo-copy > p:not(.va-eyebrow) { max-width: 700px; margin: 2rem 0 0; color: var(--ink-soft); line-height: 1.75; }
.va-promo ul { margin: 2.3rem 0 0; padding: 0; list-style: none; }
.va-promo li { padding: .8rem 0 .8rem 1.6rem; border-bottom: 1px solid rgba(30,35,39,.12); line-height: 1.55; }
.va-promo li::before { margin-left: -1.6rem; margin-right: .8rem; color: #9b7c52; content: "◇"; }
.va-promo-price { padding: clamp(2.5rem, 5vw, 4.5rem); background: #20272b; color: #eef1ef; text-align: center; }
.va-promo-price > p { color: var(--champagne-light); font-size: .62rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.va-promo-price strong { display: block; margin-top: 2rem; font-family: var(--serif); font-size: clamp(6rem, 10vw, 9rem); font-weight: 400; line-height: .75; }
.va-promo-price > span { display: block; margin-top: 1.2rem; color: var(--champagne-light); font-size: .7rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.va-promo-price small { display: block; margin: 2rem auto 0; color: rgba(238,241,239,.62); line-height: 1.6; }
.va-promo-price .button { margin-top: 2rem; }
.va-process ol { display: grid; margin: clamp(4rem, 7vw, 7rem) 0 0; padding: 0; grid-template-columns: repeat(3, 1fr); list-style: none; }
.va-process li { display: grid; padding: 2.5rem; border-top: 1px solid var(--line); grid-template-columns: 38px 1fr; gap: 1rem; }
.va-process li > span { color: #9b7c52; font-size: .58rem; font-weight: 600; }
.va-process h3 { margin: 0; }
.va-process li p { color: var(--ink-soft); line-height: 1.7; }
.va-faq { background: #eef0ed; }
.va-faq-layout { display: grid; grid-template-columns: minmax(300px, .72fr) minmax(430px, 1fr); gap: clamp(4rem, 10vw, 10rem); }
.va-faq .va-section-heading h2 { font-size: clamp(4rem, 6vw, 6.5rem); }
.va-contact { padding-top: clamp(7rem, 12vw, 12rem); }
@media (max-width: 950px) { .va-hero-shell, .va-promo-shell, .va-faq-layout { grid-template-columns: 1fr; } .va-hero-card { max-width: 520px; } .va-ways-grid, .va-process ol { grid-template-columns: 1fr; } .va-ways-grid article.is-featured { transform: none; } }
@media (max-width: 700px) { .va-hero-shell, .va-section-shell, .va-promo-shell { width: calc(100% - 34px); } .va-hero h1 { font-size: clamp(4rem, 19vw, 6rem); } .va-support-grid { grid-template-columns: 1fr; } .va-section-heading h2, .va-promo h2 { font-size: clamp(3.5rem, 16vw, 5.4rem); } .va-actions { align-items: stretch; flex-direction: column; } .va-actions .button { width: 100%; } .va-ways-grid article { min-height: 390px; } }