﻿/* VSM presentation only. Prices, scope and interactions remain in CurrentOffer. */
.vsm-page { --vsm-ink:#f5f7ff; --vsm-muted:#b5c2d8; background:#080d1d; color:var(--vsm-ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.vsm-page main { background:#080d1d; }
.vsm-page .container { width:min(1160px,92%); }
.vsm-page .vsm-compact-hero { min-height:0; padding:48px 0 42px; text-align:center; position:relative; background:radial-gradient(ellipse at 50% 10%,#5f39ad55,transparent 62%),radial-gradient(ellipse at 95% 100%,#14b8a62b,transparent 42%),linear-gradient(120deg,#0b1630,#201638 53%,#102b45); border:0; }
.vsm-page .vsm-compact-hero::after { content:""; position:absolute; bottom:0; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,#526df1,#af7fed,#48dbd0,transparent); }
.vsm-page .vsm-hero-copy { max-width:900px; }
.vsm-page .eyebrow { display:block; color:#9edcfa; font-size:14px; font-weight:750; letter-spacing:.15em; text-transform:uppercase; line-height:1.6; }
.vsm-page .vsm-compact-hero h1 { font-size:clamp(2.2rem,4.4vw,3.5rem); line-height:1.1; letter-spacing:-.045em; margin:14px 0 16px; color:#fff; }
.vsm-page .vsm-compact-hero .vsm-hero-lead { max-width:590px; margin:0 auto; color:#d1daed; font-size:1.05rem; line-height:1.65; font-weight:450; }
.vsm-page .page-cta-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:24px; }
.vsm-page .btn { min-height:44px; padding:12px 20px; border-radius:10px; font-size:.88rem; font-weight:700; line-height:1.25; white-space:normal; text-align:center; transition:background .15s,box-shadow .15s; }
.vsm-page .btn-primary { background:linear-gradient(110deg,#2856d8,#176bba); border:1px solid #5b99ea80; color:#fff; box-shadow:0 5px 20px #1d4ed826; }
.vsm-page .btn-primary:hover { background:linear-gradient(110deg,#3364e5,#197acb); box-shadow:0 5px 24px #3b82f647; }
.vsm-page :is(.btn-outline,.btn-secondary) { background:#ffffff08; border:1px solid #8fa8d350; color:#e1eafd; }
.vsm-page :is(.btn-outline,.btn-secondary):hover { background:#ffffff10; border-color:#92c9ec; }
.vsm-page :is(a,button,input,summary,[tabindex]):focus-visible { outline:3px solid #67e8f9; outline-offset:4px; }
.vsm-page .vsm-compact-section { padding:36px 0; }
.vsm-page main > .vsm-compact-section:nth-of-type(2) { background:radial-gradient(ellipse at 4% 18%,#99532810,transparent 35%),radial-gradient(ellipse at 94% 24%,#7c3aed10,transparent 40%),#080d1d; }
.vsm-page main > .vsm-compact-section:nth-of-type(3) { background:#080d1d; }
.vsm-page .compact-heading { margin:0 auto 12px; max-width:750px; text-align:center; }
.vsm-page .compact-heading h2 { font-size:clamp(1.55rem,2.7vw,2rem); letter-spacing:-.035em; line-height:1.2; margin:8px 0 12px; color:var(--vsm-ink); }
.vsm-page .compact-heading p { color:var(--vsm-muted); font-size:16px; line-height:1.6; margin:0; }
.vsm-page .vsm-scope-note { max-width:none; text-align:center; margin:0 0 26px; font-size:14px; color:#9dabc4; }
.vsm-page #vsm-services { scroll-margin-top:150px; }
.vsm-page .offer-cards { gap:18px; align-items:start; }
.vsm-page .offer-card { --tier:#e5a574; --tier-rgb:206,126,66; --tier-deep:#40251e; gap:0; padding:24px; border:1px solid rgba(var(--tier-rgb),.45); border-top:3px solid var(--tier); border-radius:18px; background:radial-gradient(ellipse at 100% 0%,rgba(var(--tier-rgb),.15),transparent 58%),linear-gradient(155deg,#141d30,#0d1222 90%); box-shadow:0 12px 35px #00000022,0 0 24px rgba(var(--tier-rgb),.045); min-width:0; }
.vsm-page [data-offer-card="vsm_silver"] { --tier:#a3dcff; --tier-rgb:95,183,244; --tier-deep:#143353; }
.vsm-page [data-offer-card="vsm_gold"] { --tier:#efc568; --tier-rgb:226,177,68; --tier-deep:#3d301b; box-shadow:0 12px 35px #00000022,0 0 28px #dca43810; }
.vsm-page .offer-badge-row { display:flex; align-items:center; flex-wrap:wrap; gap:8px; min-height:28px; }
.vsm-page .offer-tier-badge { display:inline-flex; width:fit-content; align-items:center; margin:0; padding:5px 10px; font-size:14px; font-weight:800; line-height:1.4; letter-spacing:.1em; text-transform:uppercase; color:var(--tier,#efd18d); border:1px solid rgba(var(--tier-rgb,226,177,68),.32); border-radius:6px; background:rgba(var(--tier-rgb,226,177,68),.08); }
.vsm-page .offer-popular { margin-left:auto; color:#83ecdb; text-transform:uppercase; font-size:14px; font-weight:800; letter-spacing:.05em; white-space:nowrap; padding:5px 7px; border:1px solid #2dd4bf50; border-radius:5px; background:#0d948821; }
.vsm-page .offer-card .offer-tagline { color:#e9edf8; font-size:1.12rem; font-weight:650; letter-spacing:-.025em; margin:14px 0 22px; line-height:1.3; }
.vsm-page .offer-label { display:block; color:#b0bfd8; font-size:14px; font-weight:600; letter-spacing:.025em; line-height:1.5; }
.vsm-page .offer-card .offer-base-price { font-size:1.225rem; font-weight:750; color:#fff; letter-spacing:-.045em; line-height:1.15; margin:3px 0 10px; }
.vsm-page .offer-base-price span { font-size:14px; font-weight:450; color:#aab8d0; letter-spacing:0; margin-left:4px; }
.vsm-page .offer-card .offer-rate { color:#aebdd5; font-size:14px; line-height:1.65; min-height:4.95em; margin:0; }
.vsm-page .offer-calculator { padding-top:18px; margin-top:17px; border-top:1px solid #ffffff10; }
.vsm-page .offer-count-label { margin:0 0 8px; color:#d0d9eb; font-size:14px; font-weight:600; }
.vsm-page .offer-stepper { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; gap:0; width:100%; border:1px solid rgba(var(--tier-rgb,226,177,68),.35); border-radius:9px; overflow:visible; background:#080d1c; }
.vsm-page .offer-stepper label { font-size:0; }
.vsm-page .offer-stepper input { font:650 1rem/1.3 Inter,ui-sans-serif,system-ui,sans-serif; color:#f5f7ff; text-align:center; width:100%; max-width:none; height:44px; padding:8px; margin:0; border:0; border-radius:0; background:transparent; appearance:textfield; box-shadow:none; }
.vsm-page .offer-stepper input::-webkit-inner-spin-button,.vsm-page .offer-stepper input::-webkit-outer-spin-button { appearance:none; margin:0; }
.vsm-page .offer-stepper button { color:var(--tier,#efc568); background:rgba(var(--tier-rgb,226,177,68),.12); border:0; border-radius:8px 0 0 8px; font-size:1.25rem; min-height:44px; width:44px; padding:0; }
.vsm-page .offer-stepper button:last-child { border-radius:0 8px 8px 0; }
.vsm-page .offer-stepper button:hover:not(:disabled) { background:rgba(var(--tier-rgb,226,177,68),.23); }
.vsm-page .offer-stepper button:disabled { opacity:.4; cursor:not-allowed; }
.vsm-page .offer-estimate { margin:14px 0 18px; padding:12px; background:#070b1866; border:1px solid #ffffff0d; border-radius:9px; }
.vsm-page .offer-card strong[data-offer-total],.vsm-page .offer-enhanced strong[data-offer-total] { font-size:clamp(.6rem,1.025vw,.825rem); font-weight:750; letter-spacing:-.025em; color:#fff; line-height:1.35; margin-top:4px; }
.vsm-page .offer-card > .btn { width:100%; }
.vsm-page [data-offer-card="vsm_gold"] > .btn,.vsm-page .offer-enhanced .btn-primary { color:#191d2e; background:linear-gradient(110deg,#e6bd73,#eacfa0); border-color:#eed494; box-shadow:0 4px 18px #b9934320; }
.vsm-page [data-offer-card="vsm_gold"] > .btn:hover,.vsm-page .offer-enhanced .btn-primary:hover { background:linear-gradient(110deg,#f4ce85,#f5dfb8); }
.vsm-page .offer-card details,.vsm-page .offer-enhanced details { margin-top:14px; border-top:1px solid #ffffff12; font-size:16px; }
.vsm-page .offer-card summary,.vsm-page .offer-enhanced summary { display:flex; align-items:center; justify-content:space-between; min-height:44px; gap:10px; padding:12px 0 0; color:var(--tier,#efcf91); font-size:14px; font-weight:600; line-height:1.4; list-style:none; }
.vsm-page summary::-webkit-details-marker { display:none; }
.vsm-page .offer-card summary::after,.vsm-page .offer-enhanced summary::after { content:"\2304"; font-size:1rem; flex:none; transition:transform .15s; }
.vsm-page details[open] > summary::after { transform:rotate(180deg); }
.vsm-page .offer-scope-body { color:#bac7dc; padding:14px 0 4px; line-height:1.65; }
.vsm-page .offer-scope-body h4 { font-size:14px; color:#e6ecf8; margin:16px 0 7px; }
.vsm-page .offer-scope-body h4:first-child { margin-top:0; }
.vsm-page .offer-scope-body ul { margin:0; padding-left:18px; }
.vsm-page .offer-scope-body li { margin:4px 0; }
.vsm-page .offer-scope-body p { color:#bac7dc; font-size:16px; }
.vsm-page .offer-enhanced { --tier:#edd098; --tier-rgb:209,174,96; display:grid; grid-template-columns:1.1fr 1fr; gap:0 44px; margin-top:24px; padding:30px; border:1px solid #c7a45880; border-radius:18px; background:radial-gradient(ellipse at 8% 15%,#7c3aed2e,transparent 65%),radial-gradient(ellipse at 95% 85%,#14b8a61e,transparent 50%),linear-gradient(120deg,#16142d,#101a2e); box-shadow:0 12px 40px #00000025,0 0 25px #d1ac5510; }
.vsm-page .offer-enhanced h3 { color:#f8f5ed; font-size:clamp(1.4rem,2.4vw,1.9rem); line-height:1.2; letter-spacing:-.035em; margin:16px 0 10px; max-width:380px; }
.vsm-page .offer-enhanced-lead { color:#bcc9de; font-size:16px; margin:0 0 24px; }
.vsm-page .offer-enhanced-rate { color:#efce8d; font-size:.8rem; font-weight:750; margin:0 0 12px; }
.vsm-page .offer-enhanced-rate span { display:block; color:#bbc8dd; font-size:14px; font-weight:450; margin-top:4px; }
.vsm-page .offer-enhanced-includes { max-width:290px; font-size:14px; line-height:1.6; color:#a2b2ce; margin:0; }
.vsm-page .offer-enhanced-calculator { padding:0 0 0 30px; border-left:1px solid #d1b47526; }
.vsm-page .offer-enhanced-calculator .btn { width:100%; }
.vsm-page .offer-enhanced .offer-estimate { margin-bottom:12px; }
.vsm-page .offer-enhanced [data-offer-breakdown] { font-size:14px; color:#b5c2da; margin:6px 0 0; line-height:1.5; }
.vsm-page .offer-enhanced details { grid-column:1/-1; }
.vsm-page .offer-comparison-wrap { margin-top:34px; background:linear-gradient(145deg,#111a30,#0d1425); border:1px solid #647ea633; border-radius:18px; scrollbar-color:#4c6594 #0d1425; }
.vsm-page .offer-comparison { min-width:620px; font-size:16px; border-collapse:separate; border-spacing:0; table-layout:fixed; }
.vsm-page .offer-comparison caption { color:#f0f4ff; font-size:1.4rem; font-weight:650; letter-spacing:-.025em; padding:24px; }
.vsm-page .offer-comparison caption span { display:block; margin-top:6px; font-size:16px; font-weight:450; letter-spacing:0; color:#adbbd3; }
.vsm-page .offer-comparison th,.vsm-page .offer-comparison td { padding:12px 20px; border:0; border-bottom:1px solid #ffffff08; text-align:center; overflow-wrap:normal; color:#bdcbe0; }
.vsm-page .offer-comparison th:first-child { width:43%; text-align:left; }
.vsm-page .offer-comparison thead th { font-size:16px; font-weight:650; color:#ddaa82; background:#3b292a; }
.vsm-page .offer-comparison thead th:first-child { color:#adbbd3; background:#17223a; }
.vsm-page .offer-comparison thead th[data-offer-tier-column="silver"] { color:#a3dcff; background:#17304a; }
.vsm-page .offer-comparison thead th[data-offer-tier-column="gold"] { color:#edcb87; background:#3a3022; }
.vsm-page .offer-comparison thead span { display:inline-block; font-size:15px; font-weight:450; margin-top:4px; }
.vsm-page .offer-comparison tbody th { font-weight:450; background:#111a2c; }
.vsm-page .offer-comparison tbody tr:nth-child(odd):not(.offer-group) td { background:#ffffff02; }
.vsm-page .offer-comparison .offer-group th { padding:12px 20px 8px; font-size:14px; font-weight:750; text-transform:uppercase; letter-spacing:.1em; color:#9cacdf; background:#16213a; }
.vsm-page .offer-comparison :is(thead,tbody) th:first-child { position:sticky; left:0; z-index:1; }
.vsm-page .offer-status { font-size:1.12rem; font-weight:650; }
.vsm-page .offer-included { color:#67d8bd; }
.vsm-page .offer-unavailable { color:#8595b3; }
.vsm-page .offer-enhanced-badge { display:inline-block; padding:4px 7px; font-size:15px; font-weight:650; color:#efd194; background:#c79d3820; border:1px solid #d4af5c45; border-radius:5px; }
.vsm-page .offer-comparison-note { padding:16px 24px; margin:0; font-size:14px; line-height:1.6; color:#99aaca; }
.vsm-page .vsm-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; max-width:none; margin:24px 0 0; padding:0; list-style:none; }
.vsm-page .vsm-steps li { --step:#8bbdff; border:1px solid #40568160; border-top:2px solid var(--step); border-radius:14px; padding:24px; background:linear-gradient(135deg,#182039,#11182a); box-shadow:none; }
.vsm-page .vsm-steps li:nth-child(2) { --step:#69d5cd; background:linear-gradient(135deg,#122d35,#111a2a); }
.vsm-page .vsm-steps li:nth-child(3) { --step:#c4a6f1; background:linear-gradient(135deg,#271f40,#15192d); }
.vsm-page .vsm-step-number { display:inline-grid; place-items:center; width:34px; height:34px; border:1px solid var(--step); border-radius:50%; color:var(--step); font-size:14px; font-weight:700; margin-bottom:16px; }
.vsm-page .vsm-steps h3 { font-size:.97rem; line-height:1.4; letter-spacing:-.025em; color:#eaf0fc; margin:0 0 8px; }
.vsm-page .vsm-steps h3::before { display:none; }
.vsm-page .vsm-steps p { margin:0; font-size:16px; line-height:1.7; color:#b3c1da; }
.vsm-page .vsm-final-cta { width:min(1160px,92%); margin:0 auto 36px; padding:34px; display:block; text-align:center; border:1px solid #677ac75c; border-radius:18px; background:radial-gradient(ellipse at 5% 10%,#7137cc3d,transparent 65%),linear-gradient(115deg,#1d2348,#123344); box-shadow:0 12px 35px #00000025; }
.vsm-page .vsm-final-cta h2 { margin:10px 0 12px; font-size:clamp(1.5rem,2.8vw,2rem); letter-spacing:-.035em; line-height:1.2; color:#fff; }
.vsm-page .vsm-final-cta p { color:#b9c9e0; font-size:16px; line-height:1.65; }
.vsm-page .vsm-final-cta .monthly-conversion-actions { margin:20px 0; display:flex; justify-content:center; flex-wrap:wrap; gap:12px; }
.vsm-page .vsm-final-cta .monthly-conversion-note { font-size:14px; line-height:1.65; max-width:730px; margin:0 auto; color:#acbcd5; }
.vsm-page .vsm-final-cta .monthly-conversion-note strong { font-weight:450; }
@media(max-width:1000px) { .vsm-page .offer-card { padding:18px; } .vsm-page .offer-base-price span { display:block; margin-left:0; } .vsm-page .offer-badge-row { min-height:55px; align-content:start; } .vsm-page .offer-popular { margin-left:0; } .vsm-page .offer-card .offer-tagline { min-height:2.6em; } }
@media(max-width:800px) { .vsm-page .offer-cards,.vsm-page .vsm-steps { grid-template-columns:1fr; } .vsm-page .offer-card { padding:24px; } .vsm-page .offer-badge-row { min-height:28px; } .vsm-page .offer-popular { margin-left:auto; } .vsm-page .offer-card .offer-tagline { min-height:0; } .vsm-page .offer-base-price span { display:inline; margin-left:4px; } .vsm-page .offer-card .offer-rate { min-height:0; } .vsm-page .offer-enhanced { gap:24px; padding:24px; } .vsm-page .offer-enhanced-calculator { padding-left:20px; } .vsm-page .offer-comparison { min-width:570px; } .vsm-page .offer-comparison th:first-child { width:36%; } .vsm-page .offer-comparison th,.vsm-page .offer-comparison td { padding:12px; } }
@media(max-width:540px) { .vsm-page .vsm-compact-hero { padding:34px 0; } .vsm-page .vsm-compact-hero h1 { font-size:2.25rem; } .vsm-page .vsm-hero-lead { font-size:.92rem; } .vsm-page .eyebrow { font-size:14px; letter-spacing:.1em; } .vsm-page .page-cta-actions { gap:8px; } .vsm-page .page-cta-actions .btn { flex:1; padding:12px 10px; } .vsm-page .vsm-compact-section { padding:28px 0; } .vsm-page .offer-card { padding:20px; } .vsm-page .offer-enhanced { grid-template-columns:1fr; gap:20px; padding:20px; } .vsm-page .offer-enhanced h3 { max-width:300px; } .vsm-page .offer-enhanced-calculator { padding:20px 0 0; border-left:0; border-top:1px solid #d1b47526; } .vsm-page .offer-enhanced-lead { margin-bottom:16px; } .vsm-page .offer-enhanced details { margin-top:0; } .vsm-page .offer-comparison-wrap { margin-top:24px; } .vsm-page .offer-comparison th:first-child { width:170px; } .vsm-page .offer-comparison caption { font-size:1.2rem; padding:20px; } .vsm-page .vsm-final-cta { padding:26px 20px; } .vsm-page .vsm-final-cta .monthly-conversion-actions .btn { width:100%; } }
@media(prefers-reduced-motion:reduce) { .vsm-page .btn,.vsm-page summary::after { transition:none; } }

/* Supporting copy only; preserve the existing component geometry and display sizes. */
.vsm-page :is(.offer-rate,.offer-scope-body,.offer-scope-body p,.offer-enhanced-lead,.offer-enhanced-includes,.offer-enhanced-rate span,.offer-comparison-note,.vsm-scope-note,.vsm-steps p,.vsm-final-cta p,.footer p) { line-height:1.5; }
.vsm-page .footer p { font-size:16px; }
.vsm-page .footer :is(.disclaimer,.footer-copyright) { font-size:14px; }
.vsm-page .footer .footer-links-minimal a { font-size:14px; }

/* Align constrained copy with the center of its existing column. */
.vsm-page .offer-enhanced h3,
.vsm-page .offer-enhanced-includes { margin-inline:auto; text-align:center; }
.vsm-page .offer-comparison caption { text-align:center; }
.vsm-page .offer-card summary,
.vsm-page .offer-enhanced summary { position:relative; justify-content:center; padding-inline:18px; text-align:center; }
.vsm-page .offer-card summary::after,
.vsm-page .offer-enhanced summary::after { position:absolute; right:0; }
