/* App Development only. Shared styles.css remains unchanged. */
.vad-page-body { margin: 0; background: #121417; }
.vad-page-body::before { display: none; }
#vad-page {
  --vad-bg: #121417;
  --vad-surface: #20242a;
  --vad-soft: #181c20;
  --vad-text: #f2f4f0;
  --vad-muted: #b7beb6;
  --vad-accent: #b8e62e;
  --vad-line: #3b4248;
  max-width: 1180px;
  width: calc(100% - 40px);
  color: var(--vad-text);
}
#vad-page *, #vad-page *::before, #vad-page *::after { box-sizing: border-box; }
#vad-page :focus-visible { outline: 3px solid var(--vad-accent); outline-offset: 5px; }
#vad-page .vad-header { position: relative; top: auto; border-radius: 16px; background: var(--vad-soft); backdrop-filter: none; box-shadow: none; animation: none; }
#vad-page .vad-header .brand-symbol { animation: none; }
#vad-page .vad-header::before { display: none; }
#vad-page .vad-header .nav { flex-wrap: wrap; }
#vad-page .vad-header .nav a { min-height: 44px; display: inline-flex; align-items: center; }
.vad-skip-link { position: fixed; top: 12px; left: 20px; z-index: 100; max-width: calc(100% - 40px); padding: 12px 20px; border: 2px solid #b8e62e; border-radius: 10px; background: #121417; color: #f2f4f0; font: 600 1rem/1.5 system-ui, sans-serif; transform: translateY(calc(-100% - 24px)); }
.vad-skip-link:focus { transform: translateY(0); outline: 3px solid #f2f4f0; outline-offset: 3px; }
#vad-page .vad-main { min-width: 0; padding: 0; font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 1rem; line-height: 1.65; overflow-wrap: break-word; }
#vad-page .vad-main :where(h1, h2, h3, p, ol, ul, figure, dl, dd) { margin: 0; }
#vad-page .vad-main :where(h1, h2, h3) { color: var(--vad-text); font-family: "Archivo", "Inter", system-ui, sans-serif; font-weight: 750; letter-spacing: -0.035em; text-wrap: balance; }
#vad-page .vad-main h1 { max-width: 18ch; font-size: clamp(2.25rem, 4.5vw, 4rem); line-height: 1.08; }
#vad-page .vad-main h2 { max-width: 25ch; font-size: clamp(1.75rem, 3vw, 2.5rem); line-height: 1.17; }
#vad-page .vad-main h3 { font-size: 1.2rem; line-height: 1.35; letter-spacing: -0.02em; }
#vad-page :where(.vad-main p) { color: var(--vad-muted); line-height: inherit; }
#vad-page :where(.vad-main a) { color: var(--vad-accent); text-underline-offset: 0.22em; }
#vad-page :where(.vad-main a:hover) { text-decoration: underline; }
#vad-page .vad-main [id] { scroll-margin-top: 24px; }
#vad-page .vad-main:focus { outline: none; }
#vad-page .vad-breadcrumb { padding: 28px 0 12px; font-size: 0.875rem; }
#vad-page .vad-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 6px 12px; padding: 0; list-style: none; }
#vad-page .vad-breadcrumb li { display: flex; align-items: center; gap: 12px; }
#vad-page .vad-breadcrumb li + li::before { content: "/"; color: var(--vad-muted); }
#vad-page .vad-breadcrumb a { display: inline-flex; align-items: center; min-height: 32px; color: var(--vad-muted); }
#vad-page .vad-breadcrumb [aria-current] { color: var(--vad-text); }
#vad-page .vad-sibling-nav { display: flex; flex-wrap: wrap; gap: 4px 22px; padding: 4px 0 18px; border-bottom: 1px solid var(--vad-line); font-size: 0.875rem; }
#vad-page .vad-sibling-nav a { display: inline-flex; align-items: center; min-height: 36px; color: var(--vad-muted); }
#vad-page .vad-sibling-nav [aria-current] { color: var(--vad-accent); text-decoration: underline; }
#vad-page .vad-section { padding: 88px 0; border-bottom: 1px solid var(--vad-line); }
#vad-page .vad-section-head { max-width: 780px; margin-bottom: 32px; }
#vad-page .vad-eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; color: var(--vad-accent); font-size: 0.75rem; font-weight: 650; letter-spacing: 0.15em; text-transform: uppercase; }
#vad-page .vad-eyebrow::before { content: ""; width: 25px; height: 2px; flex: 0 0 auto; background: var(--vad-accent); }
#vad-page .vad-lead { max-width: 67ch; margin-top: 22px; font-size: 1.0625rem; }
#vad-page .vad-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
#vad-page .vad-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 48px; padding: 12px 20px; border: 1px solid var(--vad-accent); border-radius: 9px; background: var(--vad-accent); color: var(--vad-bg); font-size: 0.9375rem; font-weight: 700; line-height: 1.5; text-decoration: none; transition: background 150ms ease, border-color 150ms ease; }
#vad-page .vad-button:hover { background: #c9f15a; border-color: #c9f15a; color: var(--vad-bg); text-decoration: none; }
#vad-page .vad-button-secondary { border-color: #7b847d; background: transparent; color: var(--vad-text); }
#vad-page .vad-button-secondary:hover { border-color: var(--vad-text); background: var(--vad-surface); color: var(--vad-text); }
#vad-page .vad-text-link { display: inline-flex; align-items: center; gap: 14px; min-height: 44px; text-decoration: underline; font-size: 0.9375rem; font-weight: 600; }
#vad-page .vad-hero { display: grid; grid-template-columns: 1.08fr 0.92fr; align-items: center; gap: 40px; padding-top: 64px; padding-bottom: 72px; }
#vad-page .vad-hero .vad-section-head { margin-bottom: 28px; }
#vad-page .vad-support-line { margin-top: 22px; font-size: 0.9375rem; }
#vad-page .vad-location { max-width: 46ch; margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--vad-line); font-size: 0.8125rem; }
#vad-page .vad-hero-figure { min-width: 0; }
#vad-page .vad-product-stage { position: relative; height: 566px; border: 1px solid var(--vad-line); border-radius: 18px; background: radial-gradient(ellipse at 50% 90%, #b8e62e0d, transparent 70%), linear-gradient(135deg, #1c2222, #15191d); }
#vad-page .vad-product-stage::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(#f2f4f006 1px, transparent 1px), linear-gradient(90deg, #f2f4f006 1px, transparent 1px); background-size: 30px 30px; }
#vad-page .vad-office { position: absolute; width: 66%; right: 18px; top: 34px; border: 1px solid #4a554c; border-radius: 12px; overflow: hidden; background: #20272a; box-shadow: 0 20px 45px #0004; }
#vad-page .vad-screen-bar { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 10px 14px; border-bottom: 1px solid var(--vad-line); color: #e7ece4; font-size: 0.75rem; }
#vad-page .vad-product-mark { display: inline-grid; place-items: center; width: 24px; height: 24px; flex: 0 0 auto; border-radius: 6px; background: var(--vad-accent); color: #121417; font-size: 1rem; font-weight: 800; letter-spacing: -0.09em; }
#vad-page .vad-window-dots { margin-left: auto; letter-spacing: 2px; }
#vad-page .vad-office-content { padding: 18px; }
#vad-page .vad-screen-label { color: #b7c3b3; font-size: 0.625rem; letter-spacing: 0.09em; line-height: 1.5; }
#vad-page .vad-screen-heading { display: flex; align-items: center; gap: 12px; margin-top: 8px; color: #f2f4f0; font-size: 1rem; font-weight: 650; }
#vad-page .vad-screen-heading > span { padding: 0 6px; border-radius: 4px; background: #384432; color: #d5ef9b; font-size: 0.6875rem; }
#vad-page .vad-review-row { display: flex; align-items: center; gap: 10px; margin-top: 18px; padding: 12px 0; border-top: 1px solid #46514a; border-bottom: 1px solid #46514a; }
#vad-page .vad-check { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 auto; border: 1px solid #738763; border-radius: 50%; color: #b8e62e; }
#vad-page .vad-review-row strong { display: block; font-size: 0.8125rem; }
#vad-page .vad-review-row div > span { display: block; color: var(--vad-muted); font-size: 0.6875rem; }
#vad-page .vad-row-arrow { margin-left: auto; color: var(--vad-accent); }
#vad-page .vad-ghost-row { width: 100%; height: 6px; margin-top: 18px; border-radius: 4px; background: #3b4542; }
#vad-page .vad-short { width: 65%; margin-top: 9px; }
#vad-page .vad-office-note { margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--vad-line); color: #c9dda9; font-size: 0.75rem; }
#vad-page .vad-phone { position: absolute; left: 22px; bottom: 20px; width: 238px; padding: 8px; border: 1px solid #697368; border-radius: 29px; background: #0c100e; box-shadow: 0 22px 40px #0006; }
#vad-page .vad-phone-island { position: absolute; width: 58px; height: 13px; top: 11px; left: calc(50% - 29px); border-radius: 20px; background: #0c100e; }
#vad-page .vad-phone-top { display: flex; justify-content: space-between; padding: 8px 12px 7px; border-radius: 21px 21px 0 0; background: #e9eee4; color: #283224; font-size: 0.5625rem; font-weight: 700; }
#vad-page .vad-phone-body { padding: 0 14px 14px; background: #e9eee4; color: #1d271b; }
#vad-page .vad-phone-nav { display: flex; justify-content: space-between; align-items: center; gap: 6px; padding: 12px 0 20px; font-size: 0.6875rem; font-weight: 700; }
#vad-page .vad-phone-nav > span:first-child { font-size: 1.5rem; line-height: 1; }
#vad-page .vad-phone .vad-screen-label { color: #53614d; }
#vad-page .vad-task-title { margin-top: 7px; color: #1a2518; font-size: 1.7rem; font-weight: 700; letter-spacing: -0.06em; line-height: 1.2; }
#vad-page .vad-phone .vad-task-description { margin-top: 5px; color: #52604c; font-size: 0.6875rem; }
#vad-page .vad-status { display: inline-flex; gap: 5px; align-items: center; margin: 16px 0 22px; padding: 5px 8px; border: 1px solid #8c9c7a; border-radius: 5px; background: #dce9cb; color: #3c5126; font-size: 0.625rem; font-weight: 600; }
#vad-page .vad-photo { display: block; width: 100%; height: auto; margin-top: 10px; border-radius: 8px; }
#vad-page .vad-photo-meta { display: flex; justify-content: space-between; gap: 6px; margin-top: 7px; font-size: 0.625rem; }
#vad-page .vad-note-field { margin: 12px 0; padding: 10px; border: 1px solid #b7c0ae; border-radius: 6px; font-size: 0.625rem; line-height: 1.7; }
#vad-page .vad-static-action { display: flex; align-items: center; justify-content: space-between; gap: 5px; margin-top: 14px; padding: 10px 12px; border-radius: 6px; background: #b8e62e; color: #192311; font-size: 0.6875rem; font-weight: 700; }
#vad-page .vad-home-indicator { height: 14px; border-radius: 0 0 21px 21px; background: #e9eee4; }
#vad-page .vad-home-indicator::before { content: ""; display: block; width: 65px; height: 3px; margin: 0 auto; border-radius: 3px; background: #52604c; }
#vad-page .vad-stage-note { position: absolute; right: 18px; bottom: 22px; color: #bdc8b9; font-size: 0.5625rem; letter-spacing: 0.14em; writing-mode: vertical-rl; }
#vad-page .vad-main figcaption { margin-top: 18px; color: var(--vad-muted); font-size: 0.8125rem; line-height: 1.6; }
#vad-page .vad-hero-figure figcaption { display: flex; align-items: baseline; gap: 8px; }
#vad-page .vad-concept-dot { width: 6px; height: 6px; flex: 0 0 auto; border-radius: 50%; background: var(--vad-accent); }
#vad-page .vad-grid { display: grid; gap: 20px; }
#vad-page .vad-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#vad-page .vad-grid-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#vad-page .vad-card { min-width: 0; padding: 28px; border: 1px solid var(--vad-line); border-radius: 14px; background: var(--vad-soft); }
#vad-page .vad-card-index { display: block; margin-bottom: 25px; color: var(--vad-accent); font: 0.75rem/1.3 ui-monospace, monospace; }
#vad-page .vad-card p { margin-top: 14px; }
#vad-page .vad-card .vad-actions { margin-top: 20px; }
#vad-page .vad-closing { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 22px 32px; margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--vad-line); }
#vad-page .vad-closing > p { max-width: 75ch; font-size: 0.9375rem; }
#vad-page .vad-workflow-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
#vad-page .vad-mini-screen { min-width: 0; border: 1px solid #546051; border-radius: 14px; overflow: hidden; background: #20272a; }
#vad-page .vad-mini-body { min-height: 347px; display: flex; flex-direction: column; padding: 22px; }
#vad-page .vad-mini-title { color: var(--vad-text); font-weight: 650; font-size: 1rem; }
#vad-page .vad-sample-tag { margin-left: auto; color: #c8d0c1; font: 0.5625rem/1.4 ui-monospace, monospace; letter-spacing: 0.08em; }
#vad-page .vad-mini-fields { display: grid; grid-template-columns: auto 1fr; gap: 15px 16px; margin-top: 24px; font-size: 0.75rem; }
#vad-page .vad-mini-fields dt { color: var(--vad-muted); }
#vad-page .vad-mini-fields dd { text-align: right; color: var(--vad-text); }
#vad-page .vad-mini-note { margin-top: 24px; color: var(--vad-muted); font-size: 0.75rem; }
#vad-page .vad-mini-note strong { display: block; margin-top: 4px; font-size: 0.8125rem; font-weight: 500; }
#vad-page .vad-mini-screen .vad-static-action { margin-top: auto; justify-content: center; }
#vad-page .vad-mini-screen .vad-mini-location { margin-top: 7px; font-size: 0.75rem; }
#vad-page .vad-mini-screen .vad-photo { max-height: 95px; }
#vad-page .vad-mini-screen .vad-mini-note { margin-bottom: 18px; }
#vad-page .vad-workflow-caption { position: relative; margin-top: 26px; padding-left: 42px; }
#vad-page .vad-workflow-caption .vad-step-number { position: absolute; left: 0; top: 3px; }
#vad-page .vad-workflow-caption h3 { font-size: 1.0625rem; }
#vad-page .vad-workflow-caption p { margin-top: 8px; font-size: 0.9375rem; }
#vad-page .vad-workflow > figcaption { max-width: 85ch; margin-top: 32px; padding-top: 22px; border-top: 1px solid var(--vad-line); }
#vad-page .vad-step-number { color: var(--vad-accent); font: 0.875rem/1.6 ui-monospace, monospace; }
#vad-page .vad-platform .vad-card { background: transparent; }
#vad-page .vad-process { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 20px 64px; }
#vad-page .vad-process .vad-section-head { margin: 0; }
#vad-page .vad-process-list { display: grid; padding: 0; list-style: none; }
#vad-page .vad-process-list li { display: grid; grid-template-columns: 32px 1fr; gap: 18px; padding: 24px 0; border-top: 1px solid var(--vad-line); }
#vad-page .vad-process-list li:first-child { padding-top: 0; border-top: 0; }
#vad-page .vad-process-list p { margin-top: 10px; }
#vad-page .vad-process .vad-closing { grid-column: 1 / -1; }
#vad-page .vad-ownership .vad-card { padding: 26px 0; border: 0; border-top: 1px solid var(--vad-line); border-radius: 0; background: transparent; }
#vad-page .vad-ownership .vad-card-index { margin-bottom: 14px; }
#vad-page .vad-engagement-layout { display: grid; grid-template-columns: 1.12fr 0.88fr; gap: 32px; align-items: start; }
#vad-page .vad-engagement-layout .vad-grid { grid-template-columns: 1fr; gap: 0; }
#vad-page .vad-engagement-layout .vad-card { position: relative; padding: 26px 24px 26px 62px; border: 0; border-radius: 0; background: transparent; }
#vad-page .vad-engagement-layout .vad-card + .vad-card { border-top: 1px solid var(--vad-line); }
#vad-page .vad-engagement-layout .vad-card:first-child { background: #b8e62e08; border-left: 2px solid var(--vad-accent); }
#vad-page .vad-engagement-layout .vad-card-index { position: absolute; left: 20px; top: 30px; }
#vad-page .vad-discovery { overflow: hidden; border: 1px solid #52604c; border-radius: 14px; background: var(--vad-soft); }
#vad-page .vad-discovery-top { display: flex; align-items: center; gap: 10px; padding: 16px 20px; border-bottom: 1px solid var(--vad-line); font-size: 0.8125rem; }
#vad-page .vad-discovery-content { padding: 24px; }
#vad-page .vad-discovery-flow { display: grid; grid-template-columns: 1fr; gap: 7px; padding: 0 0 0 20px; margin-top: 18px; font-size: 0.875rem; }
#vad-page .vad-discovery-flow li::marker { color: var(--vad-accent); }
#vad-page .vad-backlog { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--vad-line); }
#vad-page .vad-backlog strong { font-size: 0.875rem; }
#vad-page .vad-backlog ul { padding-left: 16px; margin-top: 12px; color: var(--vad-muted); font-size: 0.8125rem; }
#vad-page .vad-backlog li { margin-top: 7px; }
#vad-page .vad-assumptions { margin-top: 24px; padding: 14px; border: 1px dashed #697365; border-radius: 7px; font-size: 0.8125rem; }
#vad-page .vad-assumptions p { margin-top: 7px; }
#vad-page .vad-discovery figcaption { margin: 0; padding: 14px 24px; border-top: 1px solid var(--vad-line); font-size: 0.75rem; }
#vad-page .vad-faq { display: grid; grid-template-columns: 0.7fr 1.3fr; gap: 48px; }
#vad-page .vad-faq-list { border-top: 1px solid var(--vad-line); }
#vad-page .vad-faq-item { border-bottom: 1px solid var(--vad-line); }
#vad-page .vad-faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 64px; padding: 20px 6px; color: var(--vad-text); font-size: 1rem; font-weight: 600; line-height: 1.5; cursor: pointer; list-style: none; }
#vad-page .vad-faq-item summary::-webkit-details-marker { display: none; }
#vad-page .vad-faq-icon { position: relative; display: block; width: 14px; height: 14px; flex: 0 0 auto; }
#vad-page .vad-faq-icon::before, #vad-page .vad-faq-icon::after { content: ""; position: absolute; top: 6px; left: 0; width: 14px; height: 2px; background: var(--vad-accent); }
#vad-page .vad-faq-icon::after { transform: rotate(90deg); }
#vad-page .vad-faq-item[open] .vad-faq-icon::after { display: none; }
#vad-page .vad-faq-item > p { padding: 0 30px 24px 6px; font-size: 0.9375rem; }
#vad-page .vad-contact { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 60px; margin: 56px 0 72px; padding: 40px; border: 1px solid #566842; border-radius: 18px; background: linear-gradient(120deg, #b8e62e0a, transparent), var(--vad-soft); }
#vad-page .vad-contact .vad-section-head { margin-bottom: 26px; }
#vad-page .vad-contact-next { padding-left: 32px; border-left: 1px solid var(--vad-line); }
#vad-page .vad-contact-next > p { margin-top: 18px; font-size: 0.9375rem; }
#vad-page .vad-note { font-size: 0.8125rem; }
#vad-page .vad-contact-copy > .vad-note { margin-top: 14px; }
#vad-page .vad-email { display: inline-block; min-height: 44px; padding-top: 22px; overflow-wrap: anywhere; font-size: 0.9375rem; text-decoration: underline; }
#vad-page .vad-contact .vad-privacy { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--vad-line); font-size: 0.8125rem; }
/* Only shared-shell adjustments needed for this page's focus/contrast targets. */
#vad-page .footer p, #vad-page .footer-links a, #vad-page .footer-contact, #vad-page .footer-map-column p { color: var(--vad-muted); }
#vad-page .footer { margin-top: 0; }
@media (max-width: 1199px) {
  #vad-page .vad-hero { gap: 28px; }
  #vad-page .vad-office { width: 68%; right: 12px; }
  #vad-page .vad-phone { left: 12px; width: 220px; }
  #vad-page .vad-card { padding: 24px; }
  #vad-page .vad-mini-body { padding: 18px; }
}
@media (max-width: 1023px) {
  #vad-page .vad-hero { grid-template-columns: 1fr; gap: 40px; }
  #vad-page .vad-hero-copy { max-width: 760px; }
  #vad-page .vad-main h1 { max-width: 22ch; }
  #vad-page .vad-hero-figure { width: 100%; max-width: 540px; justify-self: center; }
  #vad-page .vad-phone { width: 238px; left: 26px; }
  #vad-page .vad-office { right: 26px; }
  #vad-page .vad-grid-three { grid-template-columns: 1fr; }
  #vad-page .vad-fit .vad-card { display: grid; grid-template-columns: 32px 0.7fr 1fr; gap: 18px; align-items: start; }
  #vad-page .vad-fit .vad-card-index, #vad-page .vad-fit .vad-card p { margin: 0; }
  #vad-page .vad-workflow-grid { gap: 14px; }
  #vad-page .vad-mini-body { min-height: 345px; padding: 16px; }
  #vad-page .vad-mini-fields { gap: 12px 8px; }
  #vad-page .vad-screen-bar { padding: 10px; gap: 6px; }
  #vad-page .vad-process, #vad-page .vad-faq { grid-template-columns: 1fr; gap: 28px; }
  #vad-page .vad-engagement-layout { grid-template-columns: 1fr 0.85fr; gap: 20px; }
  #vad-page .vad-backlog { grid-template-columns: 1fr; }
  #vad-page .vad-contact { gap: 32px; padding: 32px; }
}
@media (max-width: 767px) {
  #vad-page .vad-section { padding: 56px 0; }
  #vad-page .vad-hero { padding-top: 40px; }
  #vad-page .vad-main h1 { font-size: clamp(2.25rem, 7vw, 3.25rem); max-width: 20ch; }
  #vad-page .vad-main h2 { max-width: 24ch; }
  #vad-page .vad-sibling-nav { gap: 4px 18px; }
  #vad-page .vad-grid-two, #vad-page .vad-workflow-grid, #vad-page .vad-engagement-layout { grid-template-columns: 1fr; }
  #vad-page .vad-fit .vad-card { display: block; }
  #vad-page .vad-fit .vad-card-index { margin-bottom: 18px; }
  #vad-page .vad-fit .vad-card p { margin-top: 14px; }
  #vad-page .vad-workflow-grid { gap: 36px; }
  #vad-page .vad-mini-screen { max-width: 430px; margin: 0 auto; }
  #vad-page .vad-mini-body { min-height: 330px; padding: 22px; }
  #vad-page .vad-mini-screen .vad-photo { max-height: 110px; }
  #vad-page .vad-screen-bar { padding: 12px 18px; }
  #vad-page .vad-workflow-caption { max-width: 430px; margin-left: auto; margin-right: auto; }
  #vad-page .vad-ownership .vad-grid { gap: 0; }
  #vad-page .vad-backlog { grid-template-columns: 1fr 1fr; }
  #vad-page .vad-contact { grid-template-columns: 1fr; margin: 40px 0 56px; padding: 28px 22px; }
  #vad-page .vad-contact-next { padding: 28px 0 0; border-left: 0; border-top: 1px solid var(--vad-line); }
  #vad-page .vad-contact .vad-privacy { margin-top: 24px; }
}
@media (max-width: 479px) {
  #vad-page .vad-hero .vad-actions, #vad-page .vad-contact .vad-actions { flex-direction: column; align-items: stretch; }
  #vad-page .vad-hero .vad-button, #vad-page .vad-contact .vad-button { width: 100%; }
  #vad-page .vad-product-stage { height: 550px; }
  #vad-page .vad-phone { left: 12px; bottom: 16px; width: 224px; }
  #vad-page .vad-office { top: 18px; right: 10px; width: 84%; }
  #vad-page .vad-office-content { padding: 12px; }
  #vad-page .vad-office-note { margin-top: 16px; }
  #vad-page .vad-stage-note { right: 12px; bottom: 18px; font-size: 0.5rem; }
  #vad-page .vad-main .vad-card { padding: 24px; }
  #vad-page .vad-engagement-layout .vad-card { padding-left: 56px; }
  #vad-page .vad-engagement-layout .vad-card-index { left: 18px; }
  #vad-page .vad-backlog { grid-template-columns: 1fr; }
  #vad-page .vad-discovery-top { padding: 14px; font-size: 0.75rem; }
  #vad-page .vad-discovery-content { padding: 20px; }
  #vad-page .vad-contact .vad-button { font-size: 0.875rem; padding: 12px 14px; gap: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .vad-page-body { scroll-behavior: auto; }
  #vad-page *, #vad-page *::before, #vad-page *::after { animation: none; transition: none; scroll-behavior: auto; }
}