/* Match the site's shell and keep its header clear of anchor and keyboard targets. */
.site-shell.vag-shell { width:100%; }
.vag-shell .vag-site-header { width:var(--container); position:relative; top:auto; animation:none; }
.vag-shell .vag-site-header .nav a { display:inline-flex; align-items:center; min-height:44px; }
.vag-shell > .footer { width:100%; margin-inline:0; }

/* Agentic AI page content. */
.vag-page {
  --vag-bg:#101512; --vag-surface:#1a231d; --vag-raised:#26332a;
  --vag-text:#f2f4f0; --vag-muted:#bdc6be; --vag-accent:#b8e62e;
  --vag-border:#708574; --vag-line:#35443a; --vag-warning:#ffd28c; --vag-error:#ffaaaa;
  margin:0; background:var(--vag-bg); color:var(--vag-text);
  font-family:Inter,system-ui,sans-serif; font-size:1.125rem; line-height:1.65; overflow-wrap:anywhere;
  -webkit-font-smoothing:antialiased; color-scheme:dark;
}
.vag-page *, .vag-page *::before, .vag-page *::after { box-sizing:border-box; }
.vag-page [hidden] { display:none !important; }
.vag-page a { color:inherit; text-decoration-thickness:1px; text-underline-offset:4px; }
.vag-page a:hover { color:var(--vag-accent); }
.vag-page :is(a,button,input,summary,.vag-status):focus-visible { outline:3px solid var(--vag-accent); outline-offset:5px; }
.vag-page :is(h1,h2,h3,p,figure,ol,ul,dl) { margin:0; }
.vag-page :is(h1,h2,h3) { font-family:Archivo,Inter,Arial,sans-serif; font-weight:600; line-height:1.16; letter-spacing:-.035em; text-wrap:balance; }
.vag-page h1 { max-width:none; font-size:clamp(2.5rem,4.65vw,4.125rem); font-weight:600; }
.vag-page h2 { font-size:clamp(2rem,3.1vw,2.75rem); }
.vag-page h3 { font-size:1.4375rem; line-height:1.3; letter-spacing:-.025em; }
.vag-page p { color:var(--vag-muted); }
.vag-page p + p { margin-top:18px; }
.vag-page p strong { color:var(--vag-text); font-weight:600; }
.vag-page button, .vag-page input { font:inherit; }
.vag-page button { cursor:pointer; }
.vag-page button:disabled { cursor:not-allowed; opacity:.48; }
.vag-page svg { flex:none; }
.vag-page section[id], .vag-page[id] { scroll-margin-top:32px; }
.vag-page .vag-wrap { width:min(1180px,calc(100% - 80px)); margin-inline:auto; }
.vag-page .vag-section { padding-block:96px; border-bottom:1px solid var(--vag-line); }
.vag-page .vag-section--tinted { background:#141c17; }
.vag-page .vag-eyebrow { display:flex; align-items:center; gap:12px; color:var(--vag-muted); font-size:0.75rem; font-weight:600; line-height:1.4; letter-spacing:.13em; text-transform:uppercase; margin-bottom:22px; }
.vag-page .vag-eyebrow > span:first-child:not(.vag-square) { color:var(--vag-accent); font:0.75rem ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.03em; }
.vag-page .vag-square { display:inline-block; width:7px; height:7px; background:var(--vag-accent); flex:none; }
.vag-page .vag-micro { font:0.6875rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.07em; color:var(--vag-muted); }
.vag-page .vag-caption { font-size:0.8125rem; line-height:1.6; color:var(--vag-muted); }
.vag-page .vag-section-title { max-width:600px; }
.vag-page .vag-section-title + .vag-section-intro { max-width:800px; margin-top:25px; }
.vag-page .vag-icon { width:24px; height:24px; }
.vag-page .vag-icon-box { display:inline-flex; justify-content:center; align-items:center; width:42px; height:42px; border:1px solid var(--vag-line); border-radius:10px; color:var(--vag-accent); flex:none; }
.vag-page .vag-button { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:48px; padding:13px 21px; border:1px solid transparent; border-radius:7px; font:600 0.875rem/1.5 Inter,Arial,sans-serif; text-decoration:none; transition:background .16s ease,border-color .16s ease; }
.vag-page .vag-button > span[aria-hidden] { font-size:1.25rem; line-height:1; }
.vag-page .vag-button--primary { color:#101512; background:var(--vag-accent); }
.vag-page .vag-button--primary:hover { color:#101512; background:#cdf366; }
.vag-page .vag-button--quiet { color:var(--vag-text); border-color:var(--vag-border); background:transparent; }
.vag-page .vag-button--quiet:hover { color:var(--vag-text); background:var(--vag-raised); }
.vag-page .vag-actions { display:flex; flex-wrap:wrap; gap:12px; }
.vag-skip { position:fixed; z-index:100; top:8px; left:16px; padding:12px 20px; background:#b8e62e; color:#101512; transform:translateY(calc(-100% - 16px)); }
.vag-skip:focus { transform:translateY(0); outline:3px solid #f2f4f0; outline-offset:3px; }
.vag-page .vag-visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
/* Hero: one clear proposition beside a concrete permission boundary. */
.vag-page .vag-hero { padding:27px 0 70px; }
.vag-page .vag-breadcrumb { font-size:0.75rem; color:var(--vag-muted); }
.vag-page .vag-service-nav { display:flex; flex-wrap:wrap; gap:0 20px; padding-block:16px; }
.vag-page .vag-service-nav a { display:inline-flex; align-items:center; min-height:44px; font-size:0.8125rem; }
.vag-page .vag-service-nav [aria-current="page"] { color:var(--vag-accent); }
.vag-page .vag-breadcrumb ol { display:flex; gap:10px; flex-wrap:wrap; list-style:none; padding:0; margin-bottom:32px; }
.vag-page .vag-breadcrumb li { display:flex; align-items:center; gap:10px; }
.vag-page .vag-breadcrumb li + li::before { content:'/'; color:var(--vag-border); }
.vag-page .vag-breadcrumb a { display:inline-flex; min-height:44px; align-items:center; text-decoration:none; }
.vag-page .vag-hero-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:56px; align-items:center; }
.vag-page .vag-hero-copy h1 span { color:var(--vag-accent); }
.vag-page .vag-hero-copy .vag-lead { font-size:1.1875rem; line-height:1.6; color:var(--vag-text); margin-top:27px; }
.vag-page .vag-hero-buyer { font-size:0.9375rem; line-height:1.7; margin-top:18px; }
.vag-page .vag-hero-copy .vag-actions { margin-top:29px; }
.vag-page .vag-location { font-size:0.75rem; max-width:440px; margin-top:22px; }
.vag-page .vag-hero-figure { min-width:0; }
.vag-page .vag-hero-figure figcaption { padding:16px 4px 0; color:var(--vag-muted); font-size:0.75rem; line-height:1.6; }
.vag-page .vag-flow-window { padding:0 28px; border:1px solid #455a48; border-radius:16px; background:linear-gradient(145deg,#202d22,#151e18 70%); box-shadow:0 30px 80px #0003; }
.vag-page .vag-window-top { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:22px 0; border-bottom:1px solid var(--vag-line); margin-bottom:24px; font:0.625rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; color:var(--vag-muted); letter-spacing:.05em; }
.vag-page .vag-window-top > span:first-child { display:flex; gap:9px; align-items:center; }
.vag-page .vag-flow-node { display:flex; gap:14px; align-items:center; padding:16px; background:#101813; border:1px solid var(--vag-line); border-radius:9px; }
.vag-page .vag-flow-request strong { display:block; font-size:0.9375rem; font-weight:500; line-height:1.45; margin-top:4px; }
.vag-page .vag-flow-line { width:1px; height:24px; background:var(--vag-border); margin:auto; }
.vag-page .vag-flow-decision { display:flex; justify-content:center; align-items:center; gap:12px; color:var(--vag-accent); }
.vag-page .vag-flow-decision p { font-size:0.8125rem; line-height:1.5; color:var(--vag-text); }
.vag-page .vag-flow-fork { width:50%; margin:13px auto 0; height:20px; border:1px solid var(--vag-border); border-bottom:none; border-radius:8px 8px 0 0; }
.vag-page .vag-flow-sources { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.vag-page .vag-flow-sources > div { padding:14px 8px; border:1px solid var(--vag-line); border-radius:9px; background:#16201a; text-align:center; }
.vag-page .vag-flow-sources svg { width:19px; height:19px; color:var(--vag-muted); }
.vag-page .vag-flow-sources strong { display:block; font-size:0.8125rem; font-weight:500; margin:5px 0 2px; }
.vag-page .vag-flow-sources span { display:block; color:var(--vag-muted); font:0.625rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; }
.vag-page .vag-flow-join { width:50%; height:20px; margin:0 auto 18px; border:1px solid var(--vag-border); border-top:none; border-radius:0 0 8px 8px; position:relative; }
.vag-page .vag-flow-join::after { content:''; height:18px; width:1px; background:var(--vag-border); position:absolute; top:100%; left:50%; }
.vag-page .vag-flow-review { padding:18px; display:flex; gap:14px; align-items:center; border:1px solid #7e9c35; border-radius:9px; background:#273321; }
.vag-page .vag-flow-review > svg { color:var(--vag-accent); width:29px; height:29px; }
.vag-page .vag-flow-review .vag-micro { color:var(--vag-accent); font-size:0.625rem; }
.vag-page .vag-flow-review strong { display:block; font-size:1rem; line-height:1.5; font-weight:500; }
.vag-page .vag-flow-review span:last-child { display:block; font-size:0.6875rem; color:var(--vag-muted); }
.vag-page .vag-flow-bottom { display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px 12px; padding:20px 0; font-size:0.6875rem; color:var(--vag-muted); }
.vag-page .vag-flow-bottom strong { font-weight:500; color:var(--vag-warning); }
.vag-page .vag-section-nav { padding-block:14px; border-block:1px solid var(--vag-line); }
.vag-page .vag-section-nav .vag-wrap { display:flex; align-items:center; gap:40px; }
.vag-page .vag-section-nav ul { display:flex; flex-wrap:wrap; list-style:none; gap:4px 27px; padding:0; }
.vag-page .vag-section-nav a { display:inline-flex; min-height:44px; align-items:center; font-size:0.8125rem; text-decoration:none; }
/* Layout rhythm: comparisons, open grids and compact working panels. */
.vag-page .vag-intro-grid { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:start; }
.vag-page .vag-intro-grid > p, .vag-page .vag-intro-grid > div:not(.vag-section-title) { padding-top:34px; }
.vag-page .vag-two-column { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.vag-page .vag-two-column > div > .vag-section-title + p { margin-top:25px; }
.vag-page .vag-fit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; margin-top:48px; }
.vag-page .vag-fit-grid article { border-top:1px solid var(--vag-border); padding-top:22px; }
.vag-page .vag-card-number { color:var(--vag-accent); font:0.75rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; }
.vag-page .vag-fit-grid h3 { margin-top:20px; }
.vag-page .vag-fit-grid p { margin-top:15px; font-size:1rem; }
.vag-page .vag-comparison { margin-top:44px; padding:25px 30px 10px; border:1px solid var(--vag-line); border-radius:12px; background:var(--vag-surface); }
.vag-page .vag-rows { margin:15px 0 0; }
.vag-page .vag-rows > div { display:grid; grid-template-columns:1fr 1fr; gap:30px; border-top:1px solid var(--vag-line); padding:19px 0; }
.vag-page .vag-rows dt { font-size:1rem; font-weight:500; line-height:1.5; }
.vag-page .vag-rows dd { margin:0; color:var(--vag-muted); font-size:0.9375rem; line-height:1.65; }
.vag-page .vag-comparison .vag-rows dd { display:flex; align-items:center; gap:20px; color:var(--vag-text); }
.vag-page .vag-comparison .vag-rows dd::before { content:'→'; color:var(--vag-accent); }
.vag-page .vag-crosslink { margin-top:25px; font-size:0.9375rem; }
.vag-page .vag-crosslink a { color:var(--vag-text); }
.vag-page .vag-section-end { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-top:32px; }
.vag-page .vag-section-end > p { max-width:680px; }
.vag-page .vag-section-end .vag-button { flex:none; }
.vag-page .vag-deliverable-grid { margin-top:40px; display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.vag-page .vag-deliverable { padding:30px; border:1px solid var(--vag-line); border-radius:16px; background:var(--vag-surface); }
.vag-page .vag-deliverable-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:28px; }
.vag-page .vag-deliverable-top .vag-icon { color:var(--vag-muted); }
.vag-page .vag-deliverable p { font-size:1rem; margin-top:16px; }
.vag-page .vag-readiness-panel { padding:30px; border:1px solid var(--vag-line); border-radius:14px; }
.vag-page .vag-readiness-list { list-style:none; padding:12px 0 0; }
.vag-page .vag-readiness-list li { display:flex; align-items:start; gap:16px; padding:18px 0; border-bottom:1px solid var(--vag-line); font-size:1rem; color:var(--vag-muted); }
.vag-page .vag-readiness-list li:last-child { border:0; padding-bottom:0; }
.vag-page .vag-readiness-list svg { color:var(--vag-accent); margin-top:2px; width:19px; height:19px; }
.vag-page .vag-fineprint { font-size:0.875rem; margin-top:28px; max-width:900px; }
.vag-page .vag-control-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:60px; margin-top:35px; }
.vag-page .vag-permissions .vag-rows > div { grid-template-columns:1fr 1.5fr; }
.vag-page .vag-permissions .vag-rows > div:last-child dt { color:var(--vag-warning); }
.vag-page .vag-control-notes { font-size:0.9375rem; }
.vag-page .vag-control-rule { padding:24px; border-left:2px solid var(--vag-accent); background:var(--vag-surface); margin:15px 0 24px; }
.vag-page .vag-control-rule svg { margin-bottom:10px; color:var(--vag-accent); }
.vag-page .vag-control-rule p { color:var(--vag-text); }
.vag-page .vag-process-list { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; padding:0; list-style:none; margin-top:43px; }
.vag-page .vag-process-list li { border-top:1px solid var(--vag-border); padding-top:22px; }
.vag-page .vag-step-number { display:flex; align-items:center; justify-content:center; font:0.75rem ui-monospace,SFMono-Regular,Consolas,monospace; width:35px; height:35px; border:1px solid var(--vag-border); border-radius:50%; color:var(--vag-accent); margin-bottom:22px; }
.vag-page .vag-process-list h3 { font-size:1.3125rem; }
.vag-page .vag-process-list p { margin-top:15px; font-size:0.9375rem; }
.vag-page .vag-process-list + .vag-section-end > p { font-size:0.9375rem; }
.vag-page .vag-scorecard { border:1px solid var(--vag-line); background:var(--vag-surface); border-radius:14px; padding:26px; }
.vag-page .vag-scorecard-top { display:flex; flex-direction:column; gap:6px; }
.vag-page .vag-scorecard .vag-rows > div { grid-template-columns:1fr 1.5fr; gap:22px; padding:16px 0; }
.vag-page .vag-scorecard .vag-rows dt { font-size:0.875rem; }
.vag-page .vag-scorecard .vag-rows dd { font-size:0.875rem; }
.vag-page .vag-scorecard > .vag-caption { padding-top:18px; border-top:1px solid var(--vag-line); }
.vag-page .vag-decisions { display:flex; gap:8px; flex-wrap:wrap; margin:28px 0; }
.vag-page .vag-decisions span { padding:6px 14px; border:1px solid var(--vag-line); background:var(--vag-surface); border-radius:100px; font-size:0.8125rem; }
.vag-page .vag-decisions span:first-child { border-color:var(--vag-accent); color:var(--vag-accent); }
.vag-page .vag-cost-buckets { display:grid; grid-template-columns:repeat(3,1fr); gap:0 30px; list-style:none; margin-top:32px; padding:0; }
.vag-page .vag-cost-buckets li { padding:18px 0; border-bottom:1px solid var(--vag-line); display:flex; align-items:center; gap:12px; font-size:0.9375rem; }
.vag-page .vag-cost-buckets .vag-icon { width:17px; height:17px; color:var(--vag-accent); }
.vag-page .vag-ownership-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; margin-top:40px; }
.vag-page .vag-ownership-grid p { margin-top:15px; font-size:1rem; }
.vag-page .vag-offers { margin-top:40px; display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.vag-page .vag-offer { padding:36px; border:1px solid var(--vag-border); border-radius:16px; display:flex; flex-direction:column; }
.vag-page .vag-offer--primary { background:var(--vag-surface); border-color:var(--vag-accent); }
.vag-page .vag-offer--primary > .vag-micro { color:var(--vag-accent); }
.vag-page .vag-offer h3 { font-size:1.875rem; margin:26px 0 20px; max-width:370px; }
.vag-page .vag-offer > p:not(.vag-micro) { font-size:1rem; }
.vag-page .vag-offer-includes { font-size:0.9375rem; border-top:1px solid var(--vag-line); padding-top:24px; margin:25px 0 28px; }
.vag-page .vag-offer .vag-button { margin-top:auto; align-self:start; }
.vag-page .vag-offer:not(.vag-offer--primary) .vag-button { background:transparent; color:var(--vag-text); border-color:var(--vag-border); }
.vag-page .vag-offer:not(.vag-offer--primary) .vag-button:hover { background:var(--vag-raised); }
/* Native disclosures keep answers readable without JavaScript. */
.vag-page .vag-faq-grid { display:grid; grid-template-columns:.8fr 1.4fr; gap:80px; }
.vag-page .vag-faq-item { border-bottom:1px solid var(--vag-line); }
.vag-page .vag-faq-item:first-child { border-top:1px solid var(--vag-line); }
.vag-page .vag-faq-item summary { display:grid; grid-template-columns:22px 1fr 18px; gap:15px; list-style:none; align-items:start; cursor:pointer; padding:22px 0; font-size:1rem; line-height:1.5; }
.vag-page .vag-faq-item summary::-webkit-details-marker { display:none; }
.vag-page .vag-faq-number { color:var(--vag-muted); font:0.6875rem/2 ui-monospace,SFMono-Regular,Consolas,monospace; }
.vag-page .vag-faq-icon { position:relative; width:16px; height:16px; margin-top:4px; }
.vag-page .vag-faq-icon::before, .vag-page .vag-faq-icon::after { content:''; width:12px; height:1px; background:var(--vag-muted); position:absolute; top:7px; left:2px; }
.vag-page .vag-faq-icon::after { transform:rotate(90deg); }
.vag-page .vag-faq-item[open] .vag-faq-icon::after { display:none; }
.vag-page .vag-faq-item[open] summary { color:var(--vag-accent); }
.vag-page .vag-faq-item > div { padding:0 33px 23px 37px; font-size:0.9375rem; }
.vag-page #vag-contact { border-bottom:0; }
.vag-page .vag-contact-panel { display:grid; grid-template-columns:1.2fr 1fr; gap:70px; padding:48px; border:1px solid var(--vag-border); border-radius:18px; background:var(--vag-surface); }
.vag-page .vag-contact-panel h2 { font-size:2.5rem; }
.vag-page .vag-contact-panel .vag-section-title + p { margin:24px 0; font-size:1rem; }
.vag-page .vag-contact-instruction { font-size:0.875rem; margin-top:20px; }
.vag-page .vag-email { display:inline-flex; min-height:44px; align-items:center; gap:30px; margin-top:10px; font-size:1.0625rem; }
.vag-page .vag-next-step { align-self:center; border-left:1px solid var(--vag-line); padding-left:40px; }
.vag-page .vag-next-step > p { margin-top:19px; font-size:1rem; }
.vag-page .vag-next-step .vag-privacy-note { border-top:1px solid var(--vag-line); padding-top:24px; margin-top:28px; font-size:0.8125rem; }
/* Local-only, finite-state concept demonstration. */
.vag-page .vag-concept-notice { margin:24px 0; font-size:0.8125rem; color:var(--vag-text); }
.vag-page .vag-demo { border:1px solid var(--vag-border); border-radius:16px; overflow:hidden; background:var(--vag-surface); }
.vag-page .vag-demo-bar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:19px 26px; border-bottom:1px solid var(--vag-line); }
.vag-page .vag-pill { font-size:0.6875rem; color:var(--vag-accent); border:1px solid #70833c; border-radius:30px; padding:4px 12px; }
.vag-page .vag-demo-controls { padding:24px 26px 0; }
.vag-page .vag-scenarios { border:0; padding:0; margin:0; min-width:0; }
.vag-page .vag-scenarios legend { font-size:0.875rem; margin-bottom:12px; color:var(--vag-text); }
.vag-page .vag-scenarios > div { display:flex; flex-wrap:wrap; gap:9px; }
.vag-page .vag-scenarios label { position:relative; cursor:pointer; }
.vag-page .vag-scenarios input { position:absolute; width:1px; height:1px; opacity:0; top:50%; left:10px; }
.vag-page .vag-scenarios label > span { min-height:44px; display:flex; align-items:center; gap:6px; padding:10px 16px; border:1px solid var(--vag-border); border-radius:6px; font-size:0.8125rem; }
.vag-page .vag-scenarios label > span::before { content:''; flex:none; width:10px; height:10px; border:1px solid currentColor; border-radius:50%; }
.vag-page .vag-scenarios input:checked + span { background:var(--vag-raised); color:var(--vag-accent); border-color:var(--vag-accent); }
.vag-page .vag-scenarios input:checked + span::before { background:currentColor; box-shadow:inset 0 0 0 2px var(--vag-raised); }
.vag-page .vag-scenarios input:focus-visible + span { outline:3px solid var(--vag-accent); outline-offset:4px; }
.vag-page .vag-demo-buttons { display:flex; flex-wrap:wrap; gap:12px; margin-top:18px; }
.vag-page .vag-demo-buttons .vag-button { padding:10px 16px; }
.vag-page .vag-demo-buttons .vag-icon { width:17px; height:17px; }
.vag-page .vag-simulation-notice { margin:20px 26px 0; padding:12px 16px; font-size:0.75rem; border-left:2px solid var(--vag-accent); background:#101813; }
.vag-page .vag-demo-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:0; margin-top:24px; }
.vag-page .vag-path { padding:10px 32px 32px; }
.vag-page .vag-normal-path { list-style:none; padding:0; margin-top:21px; }
.vag-page .vag-normal-path li { display:flex; position:relative; gap:16px; align-items:start; min-height:58px; font-size:0.9375rem; }
.vag-page .vag-normal-path li:not(:last-child)::after { content:''; position:absolute; top:31px; left:14px; height:calc(100% - 31px); width:1px; background:var(--vag-line); }
.vag-page .vag-path-number { display:flex; align-items:center; justify-content:center; flex:none; width:29px; height:29px; border:1px solid var(--vag-border); border-radius:50%; color:var(--vag-accent); font:0.625rem ui-monospace,SFMono-Regular,Consolas,monospace; }
.vag-page .vag-normal-path li > span:last-child { padding:2px 0 18px; }
.vag-page .vag-decision-label { font-size:0.8125rem; padding:14px; border:1px dashed var(--vag-border); border-radius:6px; }
.vag-page .vag-failure-path { margin-top:20px; padding:18px; border-radius:8px; background:#25251c; border-left:2px solid var(--vag-warning); }
.vag-page .vag-failure-path .vag-micro { color:var(--vag-warning); }
.vag-page .vag-failure-path ol { padding-left:18px; margin-top:12px; font-size:0.8125rem; line-height:1.7; color:var(--vag-muted); }
.vag-page .vag-review-panel { padding:28px 30px; background:#111a14; border-left:1px solid var(--vag-line); }
.vag-page .vag-review-heading { display:flex; gap:12px; align-items:center; margin-bottom:20px; }
.vag-page .vag-review-panel h3 { font-size:1.4375rem; }
.vag-page .vag-status { padding:12px 15px; margin:18px 0; border-radius:6px; background:var(--vag-raised); border-left:2px solid var(--vag-accent); font-size:0.8125rem; color:var(--vag-text); }
.vag-page .vag-status[data-state="failed"], .vag-page .vag-status[data-state="manual_review"] { border-color:var(--vag-warning); color:var(--vag-warning); }
.vag-page .vag-status[data-state="blocked"], .vag-page .vag-status[data-state="rejected"] { border-color:var(--vag-error); color:var(--vag-error); }
.vag-page .vag-packet { font-size:0.875rem; }
.vag-page .vag-note { padding:17px; border:1px solid var(--vag-line); border-radius:7px; margin-top:17px; }
.vag-page .vag-note p { margin-top:10px; color:var(--vag-text); font-size:0.875rem; }
.vag-page .vag-review-actions { display:flex; gap:9px; flex-wrap:wrap; margin:20px 0; }
.vag-page .vag-review-actions .vag-button { font-size:0.75rem; padding:10px 13px; }
.vag-page .vag-review-panel > .vag-caption { margin-top:20px; font-size:0.75rem; }
.vag-page .vag-activity { margin-top:25px; padding-top:20px; border-top:1px solid var(--vag-line); }
.vag-page .vag-activity ol { padding-left:18px; margin:13px 0; font-size:0.75rem; color:var(--vag-muted); }
.vag-page .vag-activity li { margin-top:8px; }
.vag-page .vag-activity .vag-caption { font-size:0.6875rem; }
.vag-page .vag-example-note { max-width:920px; font-size:1rem; margin-top:28px; }
.vag-page .vag-related-concepts { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-top:30px; }
.vag-page .vag-related-concepts article { display:flex; gap:16px; padding-top:23px; border-top:1px solid var(--vag-line); }
.vag-page .vag-related-concepts .vag-icon { margin-top:3px; color:var(--vag-muted); }
.vag-page .vag-related-concepts p { font-size:0.9375rem; }
/* Responsive layouts preserve reading order and never hide essential copy. */
@media (max-width:1100px) {
 .vag-page .vag-wrap { width:calc(100% - 56px); }
 .vag-page .vag-hero-grid { gap:32px; }
 .vag-page h1 { font-size:3.25rem; }
 .vag-page .vag-flow-window { padding-inline:20px; }
 .vag-page .vag-hero-copy .vag-actions { flex-direction:column; align-items:start; }
 .vag-page .vag-intro-grid,.vag-page .vag-two-column { gap:40px; }
 .vag-page .vag-section-nav .vag-wrap { gap:24px; }
 .vag-page .vag-section-nav ul { gap:0 20px; }
 .vag-page .vag-control-grid { gap:35px; }
 .vag-page .vag-process-list { grid-template-columns:1fr 1fr; gap:35px; }
 .vag-page .vag-faq-grid { gap:45px; }
 .vag-page .vag-contact-panel { gap:35px; padding:32px; }
 .vag-page .vag-contact-panel h2 { font-size:2.125rem; }
 .vag-page .vag-next-step { padding-left:25px; }
}
@media (max-width:900px) {
 .vag-page .vag-hero-grid { grid-template-columns:1fr; gap:40px; }
 .vag-page .vag-hero-copy { max-width:700px; }
 .vag-page h1 { max-width:660px; font-size:3.75rem; }
 .vag-page .vag-hero-copy .vag-actions { flex-direction:row; }
 .vag-page .vag-hero-figure { width:min(540px,100%); margin-inline:auto; }
 .vag-page .vag-section { padding-block:72px; }
 .vag-page .vag-intro-grid,.vag-page .vag-two-column,.vag-page .vag-faq-grid { grid-template-columns:1fr; gap:28px; }
 .vag-page .vag-intro-grid > p,.vag-page .vag-intro-grid > div:not(.vag-section-title) { padding-top:0; }
 .vag-page .vag-section-title { max-width:660px; }
 .vag-page .vag-fit-grid { gap:24px; }
 .vag-page .vag-fit-grid h3 { font-size:1.3125rem; }
 .vag-page .vag-demo-grid { grid-template-columns:1fr 1fr; }
 .vag-page .vag-path { padding:10px 20px 25px; }
 .vag-page .vag-review-panel { padding:25px 20px; }
 .vag-page .vag-control-grid { grid-template-columns:1fr; }
 .vag-page .vag-section-end { align-items:start; flex-direction:column; gap:22px; }
 .vag-page .vag-contact-panel { grid-template-columns:1fr; gap:30px; }
 .vag-page .vag-next-step { border-left:0; padding-left:0; border-top:1px solid var(--vag-line); padding-top:25px; }
}
@media (max-width:760px) {
 .vag-page { font-size:1rem; }
 .vag-page .vag-wrap { width:calc(100% - 40px); }
 .vag-page .vag-section-nav .vag-wrap { flex-direction:column; align-items:start; gap:5px; }
 .vag-page .vag-section-nav ul { gap:0 22px; }
 .vag-page .vag-section { padding-block:60px; }
 .vag-page .vag-hero { padding:20px 0 45px; }
 .vag-page h1 { font-size:clamp(2.5rem,7.6vw,3.5rem); line-height:1.08; }
 .vag-page h2 { font-size:2.125rem; }
 .vag-page h3 { font-size:1.375rem; }
 .vag-page .vag-eyebrow { margin-bottom:18px; font-size:0.6875rem; }
 .vag-page .vag-hero-copy .vag-lead { font-size:1.125rem; }
 .vag-page .vag-hero-buyer { font-size:0.9375rem; }
 .vag-page .vag-fit-grid { grid-template-columns:1fr; margin-top:30px; gap:24px; }
 .vag-page .vag-fit-grid h3 { margin-top:12px; }
 .vag-page .vag-fit-grid p { margin-top:10px; }
 .vag-page .vag-comparison { padding:22px 20px 4px; margin-top:28px; }
 .vag-page .vag-rows > div { grid-template-columns:1fr; gap:8px; padding:18px 0; }
 .vag-page .vag-comparison .vag-rows dd { gap:10px; }
 .vag-page .vag-deliverable-grid { grid-template-columns:1fr; gap:16px; margin-top:30px; }
 .vag-page .vag-deliverable { padding:25px; }
 .vag-page .vag-deliverable-top { margin-bottom:19px; }
 .vag-page .vag-readiness-panel { padding:23px; }
 .vag-page .vag-permissions .vag-rows > div { grid-template-columns:1fr; }
 .vag-page .vag-control-grid { margin-top:20px; gap:10px; }
 .vag-page .vag-process-list { grid-template-columns:1fr; gap:24px; margin-top:30px; }
 .vag-page .vag-process-list li { position:relative; padding-left:55px; }
 .vag-page .vag-step-number { position:absolute; left:0; top:21px; }
 .vag-page .vag-process-list p { font-size:1rem; }
 .vag-page .vag-process-list + .vag-section-end { margin-top:26px; }
 .vag-page .vag-scorecard { padding:23px; }
 .vag-page .vag-scorecard .vag-rows > div { grid-template-columns:1fr; gap:7px; }
 .vag-page .vag-scorecard .vag-rows dt { font-size:1rem; }
 .vag-page .vag-cost-buckets { grid-template-columns:1fr 1fr; gap:0 20px; }
 .vag-page .vag-cost-buckets li { font-size:0.875rem; align-items:start; }
 .vag-page .vag-cost-buckets .vag-icon { margin-top:3px; }
 .vag-page .vag-ownership-grid { grid-template-columns:1fr; gap:28px; }
 .vag-page .vag-offers { grid-template-columns:1fr; gap:20px; margin-top:30px; }
 .vag-page .vag-offer { padding:27px; }
 .vag-page .vag-offer h3 { font-size:1.8125rem; margin-top:19px; }
 .vag-page .vag-faq-grid { gap:30px; }
 .vag-page .vag-faq-item summary { gap:10px; font-size:1rem; }
 .vag-page .vag-faq-item > div { padding-left:32px; padding-right:0; }
 .vag-page .vag-contact-panel { padding:26px; }
 .vag-page .vag-contact-panel h2 { font-size:2rem; }
 .vag-page .vag-demo-bar { padding:16px 20px; align-items:start; }
 .vag-page .vag-demo-bar .vag-micro { max-width:180px; }
 .vag-page .vag-pill { flex:none; }
 .vag-page .vag-demo-controls { padding:20px 20px 0; }
 .vag-page .vag-scenarios > div { display:grid; grid-template-columns:1fr 1fr; }
 .vag-page .vag-scenarios label > span { height:100%; padding:10px; font-size:0.75rem; }
 .vag-page .vag-simulation-notice { margin:20px 20px 0; }
 .vag-page .vag-demo-grid { grid-template-columns:1fr; }
 .vag-page .vag-path { padding:5px 20px 25px; }
 .vag-page .vag-review-panel { border-left:0; border-top:1px solid var(--vag-line); padding:26px 20px; }
 .vag-page .vag-normal-path li { min-height:52px; }
 .vag-page .vag-related-concepts { grid-template-columns:1fr; gap:20px; }
}
@media (max-width:390px) {
 .vag-page .vag-actions { flex-direction:column; }
 .vag-page .vag-actions .vag-button { width:100%; }
 .vag-page .vag-flow-window { padding-inline:15px; }
 .vag-page .vag-flow-node { padding:12px; gap:10px; }
 .vag-page .vag-flow-node .vag-icon-box { width:30px; height:35px; }
 .vag-page .vag-flow-review { padding:13px; gap:10px; }
 .vag-page .vag-flow-review strong { font-size:0.875rem; }
 .vag-page .vag-demo-bar { flex-direction:column; gap:10px; }
 .vag-page .vag-demo-bar .vag-micro { max-width:none; }
 .vag-page .vag-contact-panel { padding:22px; }
 .vag-page .vag-contact-panel h2 { font-size:1.875rem; }
 .vag-page .vag-email { font-size:0.9375rem; gap:12px; }
 .vag-page .vag-contact-panel .vag-button { width:100%; padding-inline:12px; font-size:0.8125rem; }
 .vag-page .vag-review-actions .vag-button { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
 .vag-page *, .vag-page *::before, .vag-page *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}
@media print {
 .vag-page { background:white; color:#101512; font-size:11pt; }
 .vag-page :is(p,dd,.vag-caption,.vag-micro,.vag-eyebrow) { color:#26332a; }
 .vag-page .vag-section { padding-block:25px; }
 .vag-page .vag-wrap { width:100%; }
 .vag-page :is(.vag-service-nav,.vag-section-nav,.vag-demo-controls,.vag-review-actions,.vag-button) { display:none !important; }
 .vag-page .vag-faq-item > div { display:block !important; }
}