:root {
    --vs-cream: #f7f2ea;
    --vs-cream-deep: #f4eee5;
    --vs-white: #fff;
    --vs-navy: #243447;
    --vs-navy-dark: #1d2b3a;
    --vs-text: #2f2f38;
    --vs-muted: #6e6a66;
    --vs-border: #e5ddd2;
    --vs-accent: #b56f4a;
    --vs-accent-dark: #975a3a;
    --vs-accent-soft: #f2e1d5;
    --vs-sage: #6f9286;
    --vs-sage-soft: #e7f0ec;
    --vs-lavender: #9a8bb6;
    --vs-radius: 28px;
    --vs-shadow: 0 24px 70px rgba(65, 49, 35, .09);
}
.vs-error-body { margin:0; background:var(--vs-cream); color:var(--vs-text); font-family:Arial,sans-serif; }
.vs-error-page { display:flex; width:min(1180px,calc(100% - 40px)); min-height:100vh; margin-inline:auto; flex-direction:column; }
.vs-error-nav { display:flex; min-height:78px; align-items:center; justify-content:space-between; border-bottom:1px solid var(--vs-border); }.vs-error-nav>a:last-child { color:var(--vs-navy); font-size:12px; font-weight:800; text-decoration:none; }
.vs-error-shell { display:grid; flex:1; grid-template-columns:1fr .9fr; align-items:center; gap:75px; padding:70px 0; }
.vs-error-copy h1 { max-width:680px; margin:17px 0 0; color:var(--vs-navy); font-family:Georgia,"Times New Roman",serif; font-size:clamp(48px,6vw,76px); line-height:.98; letter-spacing:-.05em; }.vs-error-copy>p { max-width:620px; margin:24px 0 0; color:var(--vs-muted); font-size:17px; line-height:1.75; }
.vs-error-links { display:flex; margin-top:38px; flex-wrap:wrap; gap:12px; color:var(--vs-muted); font-size:9px; }.vs-error-links a { color:var(--vs-accent-dark); font-weight:850; text-decoration:none; }
.vs-error-visual { position:relative; min-height:440px; }.vs-error-code { position:absolute; top:-20px; right:20px; color:rgba(181,111,74,.14); font-family:Georgia,serif; font-size:150px; font-weight:900; line-height:1; }
.vs-error-window { position:absolute; inset:76px 18px 50px; overflow:hidden; border:7px solid #fff; border-radius:27px; background:var(--vs-navy); box-shadow:var(--vs-shadow); transform:rotate(2deg); }.vs-error-window header { display:flex; height:45px; align-items:center; gap:6px; border-bottom:1px solid rgba(255,255,255,.12); padding:0 16px; }.vs-error-window header i { width:7px; height:7px; border-radius:50%; background:var(--vs-accent); }.vs-error-window header small { margin-left:auto; color:#98a8b2; font-size:7px; text-transform:uppercase; }.vs-error-window>div { display:flex; height:calc(100% - 45px); align-items:center; justify-content:center; flex-direction:column; }.vs-error-window b { display:grid; width:68px; height:68px; place-items:center; border-radius:21px; background:var(--vs-accent); color:#fff; font-family:Georgia,serif; font-size:30px; }.vs-error-window strong { margin-top:18px; color:#fff; font-family:Georgia,serif; font-size:25px; }.vs-error-window span { margin-top:8px; color:#aebbc5; font-size:9px; }
.vs-error-card { position:absolute; border:1px solid var(--vs-border); border-radius:13px; background:#fff; color:var(--vs-navy); padding:12px 15px; box-shadow:0 12px 27px rgba(21,43,58,.13); font-size:9px; font-weight:850; }.vs-error-card--one { top:48px; left:0; }.vs-error-card--two { top:132px; right:-5px; }.vs-error-card--three { right:20px; bottom:18px; color:var(--vs-accent-dark); }
.vs-error-footer { display:flex; justify-content:space-between; border-top:1px solid var(--vs-border); padding:24px 0; color:var(--vs-muted); font-size:9px; }

html { scroll-behavior: smooth; }
body:has(.vidsyndicate-page) { background: var(--vs-cream); color: var(--vs-text); }
.vidsyndicate-page { overflow: hidden; background: var(--vs-cream); color: var(--vs-text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.vidsyndicate-page *, .vs-header *, .vs-footer * { box-sizing: border-box; }
.vs-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.vs-section { padding: 108px 0; }
.vs-section--soft { background: var(--vs-cream-deep); border-block: 1px solid var(--vs-border); }
.vs-eyebrow { color: var(--vs-accent); font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }

.vs-button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; border: 1px solid var(--vs-accent); border-radius: 999px; background: var(--vs-accent); color: #fff; padding: 12px 24px; font-size: 14px; font-weight: 800; text-decoration: none; box-shadow: 0 12px 26px rgba(181,111,74,.2); transition: background .2s ease, border-color .2s ease, transform .2s ease; }
.vs-button:hover { background: var(--vs-accent-dark); border-color: var(--vs-accent-dark); transform: translateY(-1px); }
.vs-button:focus-visible, .vs-header a:focus-visible, .vs-footer a:focus-visible, .vidsyndicate-page a:focus-visible, .vs-menu-button:focus-visible { outline: 3px solid rgba(181,111,74,.45); outline-offset: 3px; }
.vs-button--secondary { border-color: #d8cdbf; background: #fff; color: var(--vs-navy); box-shadow: none; }
.vs-button--secondary:hover { border-color: var(--vs-accent); background: var(--vs-accent-soft); }
.vs-button--small { min-height: 42px; padding: 9px 18px; font-size: 13px; }
.vs-button-row { display: flex; flex-wrap: wrap; gap: 12px; }

.vs-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid rgba(229,221,210,.85); background: rgba(247,242,234,.92); backdrop-filter: blur(18px); }
.vs-nav { display: flex; width: min(1220px, calc(100% - 40px)); min-height: 76px; margin-inline: auto; align-items: center; gap: 34px; }
.vs-wordmark { display: inline-flex; min-width: 150px; flex-direction: column; color: var(--vs-navy); line-height: 1; text-decoration: none; }
.vs-wordmark span { font-family: Georgia, "Times New Roman", serif; font-size: 21px; font-weight: 800; letter-spacing: -.025em; }
.vs-wordmark small { margin-top: 6px; color: var(--vs-muted); font-size: 9px; font-weight: 800; letter-spacing: .19em; text-transform: uppercase; }
.vs-nav__links { display: flex; flex: 1; align-items: center; justify-content: center; gap: 24px; }
.vs-nav__links a, .vs-nav__login { color: #514e4a; font-size: 13px; font-weight: 700; text-decoration: none; }
.vs-nav__links a:hover, .vs-nav__login:hover { color: var(--vs-accent); }
.vs-resource-menu { position: relative; }
.vs-resource-menu summary { color: #514e4a; cursor: pointer; font-size: 13px; font-weight: 700; list-style: none; }
.vs-resource-menu summary:focus-visible, .vs-mobile-resource-menu summary:focus-visible { border-radius: 6px; outline: 3px solid rgba(181,111,74,.45); outline-offset: 4px; }
.vs-resource-menu summary::-webkit-details-marker { display: none; }
.vs-resource-menu summary::after { content: "⌄"; margin-left: 5px; color: var(--vs-accent); }
.vs-resource-menu[open] summary { color: var(--vs-accent); }
.vs-resource-menu__panel { position: absolute; z-index: 30; top: 32px; right: -120px; display: grid; width: 620px; grid-template-columns: repeat(3, 1fr); gap: 24px; border: 1px solid var(--vs-border); border-radius: 18px; padding: 24px; background: #fffdf8; box-shadow: 0 20px 55px rgba(21,43,58,.18); }
.vs-resource-menu__panel strong { display: block; margin-bottom: 10px; color: var(--vs-navy); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.vs-resource-menu__panel a { display: block; padding: 7px 0; font-size: 12px; }
.vs-nav__actions { display: flex; align-items: center; gap: 18px; white-space: nowrap; }
.vs-menu-button { display: none; margin-left: auto; border: 1px solid var(--vs-border); border-radius: 12px; background: #fff; color: var(--vs-navy); padding: 9px 12px; font-size: 20px; }
.vs-mobile-nav { display: none; padding: 16px 20px 24px; border-top: 1px solid var(--vs-border); background: var(--vs-cream); }
.vs-mobile-nav a { display: block; padding: 11px 8px; color: var(--vs-text); font-weight: 700; text-decoration: none; }
.vs-mobile-nav .vs-button { margin-top: 8px; color: #fff; text-align: center; }

.vs-hero { position: relative; padding: 92px 0 72px; background: radial-gradient(circle at 88% 12%, rgba(231,240,236,.92), transparent 27%), radial-gradient(circle at 8% 92%, rgba(242,225,213,.7), transparent 31%), var(--vs-cream); }
.vs-hero__grid { display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 72px; }
.vs-hero__brand { display: flex; margin-top: 25px; flex-direction: column; }
.vs-hero__brand span { color: var(--vs-navy); font-family: Georgia, "Times New Roman", serif; font-size: clamp(30px, 4vw, 48px); font-weight: 800; letter-spacing: -.04em; }
.vs-hero__brand small { margin-top: 7px; color: var(--vs-muted); font-size: 11px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.vs-hero h1 { max-width: 680px; margin: 27px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: clamp(48px, 6vw, 76px); font-weight: 800; letter-spacing: -.045em; line-height: .98; }
.vs-hero__copy > p { max-width: 600px; margin: 28px 0 30px; color: var(--vs-muted); font-size: 18px; line-height: 1.75; }
.vs-hero__trust { display: flex; margin-top: 25px; align-items: center; gap: 9px; color: #4f5d58; font-size: 13px; font-weight: 700; }
.vs-hero__trust span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--vs-sage-soft); color: var(--vs-sage); }
.vs-existing-user { margin-top: 12px !important; font-size: 13px !important; }
.vs-existing-user a { color: var(--vs-accent-dark); font-weight: 800; }

.vs-preview-wrap { min-width: 0; }
.vs-preview { overflow: hidden; border: 8px solid #fff; border-radius: 30px; background: var(--vs-navy); box-shadow: 0 34px 90px rgba(36,52,71,.2); color: #fff; }
.vs-preview__topbar { display: flex; min-height: 78px; align-items: center; justify-content: space-between; gap: 18px; padding: 17px 21px; border-bottom: 1px solid rgba(255,255,255,.1); background: var(--vs-navy-dark); }
.vs-preview__topbar div { display: flex; min-width: 0; flex-direction: column; }
.vs-preview__topbar small, .vs-preview__label { color: #aab7c3; font-size: 9px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.vs-preview__topbar strong { overflow: hidden; margin-top: 4px; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.vs-status { display: inline-flex; align-items: center; border-radius: 999px; background: rgba(255,255,255,.08); color: #cbd6df; padding: 7px 10px; font-size: 10px; font-weight: 800; white-space: nowrap; }
.vs-status--ready { background: rgba(122,158,145,.18); color: #bfe1d5; }
.vs-preview__body { display: grid; grid-template-columns: .72fr 1.28fr; }
.vs-preview__media { position: relative; display: flex; min-height: 385px; align-items: center; justify-content: center; flex-direction: column; background: linear-gradient(145deg, #d5ad94, #9c6c56 55%, #45576a); }
.vs-preview__media::after { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(36,52,71,.08), rgba(36,52,71,.55)); content: ""; }
.vs-preview__media > * { position: relative; z-index: 1; }
.vs-preview__media > span { position: absolute; top: 16px; left: 16px; border-radius: 999px; background: rgba(29,43,58,.75); padding: 6px 9px; font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.vs-preview__media small { position: absolute; right: 14px; bottom: 14px; left: 14px; overflow: hidden; color: #fff; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.vs-preview__play { display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; background: rgba(255,255,255,.17); padding-left: 4px; backdrop-filter: blur(8px); }
.vs-preview__editor { min-width: 0; padding: 22px; }
.vs-preview__channels { display: flex; margin-top: 12px; flex-wrap: wrap; gap: 8px; }
.vs-preview__channels > span { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 8px; background: #fff; }
.vs-preview__channel-icon { width: 20px; height: 20px; }
.vs-preview__field { margin-top: 20px; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; background: rgba(255,255,255,.045); padding: 13px; }
.vs-preview__field span, .vs-preview__schedule span { display: block; color: #9eacb8; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.vs-preview__field p { margin: 7px 0 0; color: #e4ebf0; font-size: 11px; line-height: 1.65; }
.vs-preview__schedule { display: grid; margin-top: 13px; grid-template-columns: 1fr 1fr; gap: 9px; }
.vs-preview__schedule > div { border: 1px solid rgba(255,255,255,.1); border-radius: 11px; padding: 10px; }
.vs-preview__schedule strong { display: block; margin-top: 4px; color: #edf2f5; font-size: 10px; }
.vs-preview__actions { display: flex; margin-top: 15px; align-items: center; justify-content: space-between; gap: 10px; }
.vs-preview__actions button { border: 0; border-radius: 999px; background: var(--vs-accent); color: #fff; padding: 9px 13px; font-size: 10px; font-weight: 800; }
.vs-preview-notes { display: flex; margin-top: 19px; justify-content: center; gap: 24px; color: var(--vs-muted); font-size: 12px; font-weight: 800; }
.vs-preview-notes span::before { margin-right: 7px; color: var(--vs-accent); content: "✓"; }

.vs-trust-strip { border-block: 1px solid var(--vs-border); background: #fff; }
.vs-trust-strip__grid { display: grid; grid-template-columns: repeat(5, 1fr); }
.vs-trust-item { display: flex; min-width: 0; align-items: center; gap: 12px; padding: 26px 15px; border-right: 1px solid var(--vs-border); }
.vs-trust-item:first-child { padding-left: 0; }
.vs-trust-item:last-child { border-right: 0; padding-right: 0; }
.vs-trust-item > span { display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; border-radius: 12px; background: var(--vs-accent-soft); color: var(--vs-accent); font-weight: 900; }
.vs-trust-item div { min-width: 0; }
.vs-trust-item strong, .vs-trust-item small { display: block; }
.vs-trust-item strong { color: var(--vs-text); font-size: 12px; }
.vs-trust-item small { margin-top: 4px; color: var(--vs-muted); font-size: 10px; line-height: 1.4; }

.vs-section-heading { max-width: 760px; }
.vs-section-heading--center { margin-inline: auto; text-align: center; }
.vs-section-heading h2 { margin: 16px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: clamp(38px, 4.5vw, 58px); line-height: 1.05; letter-spacing: -.035em; }
.vs-section-heading p { max-width: 690px; margin: 20px 0 0; color: var(--vs-muted); font-size: 17px; line-height: 1.75; }
.vs-section-heading--center p { margin-inline: auto; }
.vs-section-heading--inverse h2 { color: #fff; }
.vs-section-heading--inverse p { color: #c2cbd2; }

.vs-feature-grid { display: grid; margin-top: 50px; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.vs-feature-card { min-height: 265px; border: 1px solid var(--vs-border); border-radius: 24px; background: #fff; padding: 28px; box-shadow: 0 15px 45px rgba(65,49,35,.05); transition: transform .2s ease, box-shadow .2s ease; }
.vs-feature-card:hover { transform: translateY(-3px); box-shadow: var(--vs-shadow); }
.vs-feature-card__icon { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 15px; background: var(--vs-accent-soft); color: var(--vs-accent); font-size: 19px; font-weight: 900; }
.vs-feature-card:nth-child(3n+2) .vs-feature-card__icon { background: var(--vs-sage-soft); color: var(--vs-sage); }
.vs-feature-card:nth-child(3n) .vs-feature-card__icon { background: #eeeaf4; color: var(--vs-lavender); }
.vs-feature-card h3, .vs-use-card h3, .vs-resource-card h3 { margin: 22px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: 21px; }
.vs-feature-card p, .vs-use-card p, .vs-resource-card p { margin: 12px 0 0; color: var(--vs-muted); font-size: 14px; line-height: 1.7; }

.vidsyndicate-page .vs-platform-grid { display: grid; max-width: 930px; margin: 46px auto 0; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.vidsyndicate-page .vs-platform-card { display: flex; min-height: 108px; align-items: center; justify-content: center; flex-direction: column; gap: 11px; border: 1px solid var(--vs-border); border-radius: 19px; background: #fff; color: var(--vs-text); font-size: 13px; font-weight: 800; text-decoration: none; box-shadow: 0 9px 28px rgba(65,49,35,.04); }
.vidsyndicate-page a.vs-platform-card:hover { border-color: #cbb9a6; transform: translateY(-2px); }
.vidsyndicate-page .vs-platform-card__icon { width: 31px; height: 31px; }
.vidsyndicate-page .vs-platform-note { max-width: 650px; margin: 25px auto 0; color: var(--vs-muted); font-size: 12px; line-height: 1.6; text-align: center; }

.vs-brain-panel, .vs-pricing-panel { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; border-radius: 34px; background: var(--vs-navy); padding: 70px; box-shadow: 0 30px 90px rgba(36,52,71,.17); }
.vs-brain-panel .vs-button, .vs-pricing-panel .vs-button { margin-top: 30px; }
.vs-brain-flow { display: grid; align-content: center; gap: 12px; }
.vs-brain-flow__item { display: grid; grid-template-columns: 48px 1fr; gap: 15px; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; background: rgba(255,255,255,.045); padding: 17px; }
.vs-brain-flow__item > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: var(--vs-accent); color: #fff; font-size: 11px; font-weight: 900; }
.vs-brain-flow__item strong { color: #fff; font-size: 14px; }
.vs-brain-flow__item p { margin: 5px 0 0; color: #aebbc5; font-size: 12px; line-height: 1.5; }

.vs-step-grid { display: grid; margin-top: 48px; grid-template-columns: repeat(4, 1fr); gap: 17px; }
.vs-step-card { position: relative; min-height: 280px; overflow: hidden; border: 1px solid var(--vs-border); border-radius: 25px; background: #fff; padding: 30px; }
.vs-step-card__number { color: var(--vs-accent); font-family: Georgia, "Times New Roman", serif; font-size: 56px; font-weight: 800; letter-spacing: -.07em; opacity: .9; }
.vs-step-card h3 { margin: 29px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: 21px; }
.vs-step-card p { margin: 13px 0 0; color: var(--vs-muted); font-size: 14px; line-height: 1.7; }

.vs-pricing-panel { grid-template-columns: .85fr 1.15fr; }
.vs-pricing-points { display: grid; margin-top: 25px; gap: 9px; color: #d8e0e5; font-size: 13px; font-weight: 700; }
.vs-pricing-points span::first-letter { color: #a9d1c2; }
.vs-plan-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.vs-plan-card { display: flex; min-height: 220px; flex-direction: column; border: 1px solid rgba(255,255,255,.11); border-radius: 19px; background: rgba(255,255,255,.065); padding: 23px; }
.vs-plan-card small { color: #a8b6c1; font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.vs-plan-card h3 { margin: 12px 0 0; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 25px; }
.vs-plan-card p { margin: 10px 0 18px; color: #b7c2ca; font-size: 12px; line-height: 1.6; }
.vs-plan-card a { margin-top: auto; color: #efc4ac; font-size: 12px; font-weight: 800; text-decoration: none; }

.vs-use-grid { display: grid; margin-top: 46px; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.vs-use-card { border: 1px solid var(--vs-border); border-radius: 21px; background: rgba(255,255,255,.75); padding: 25px; }
.vs-use-card h3 { margin-top: 0; font-size: 19px; }
.vs-resource-grid { display: grid; margin-top: 45px; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.vs-resource-card { display: flex; min-height: 220px; flex-direction: column; border: 1px solid var(--vs-border); border-radius: 22px; background: #fff; padding: 27px; color: inherit; text-decoration: none; box-shadow: 0 12px 35px rgba(65,49,35,.04); }
.vs-resource-card h3 { margin-top: 0; }
.vs-resource-card span { margin-top: auto; padding-top: 22px; color: var(--vs-accent-dark); font-size: 12px; font-weight: 900; }
.vs-resource-card:hover { border-color: #cdb8a5; }

.vs-final { padding: 10px 0 110px; background: var(--vs-cream); }
.vs-final__card { position: relative; overflow: hidden; border: 1px solid var(--vs-border); border-radius: 34px; background: #fff; padding: 78px; box-shadow: var(--vs-shadow); }
.vs-final__card::after { position: absolute; width: 330px; height: 330px; right: -90px; bottom: -170px; border-radius: 50%; background: var(--vs-sage-soft); content: ""; }
.vs-final__card > * { position: relative; z-index: 1; }
.vs-final__card h2 { max-width: 770px; margin: 16px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: clamp(40px, 5vw, 62px); line-height: 1.05; letter-spacing: -.04em; }
.vs-final__card p { max-width: 670px; margin: 22px 0 30px; color: var(--vs-muted); font-size: 17px; line-height: 1.75; }

.vs-footer { margin: 0; background: var(--vs-navy-dark); color: #aebbc5; }
.vs-footer__grid { display: grid; width: min(1240px, calc(100% - 40px)); margin-inline: auto; grid-template-columns: 1.5fr repeat(5, minmax(0, 1fr)); gap: 30px; padding: 70px 0 55px; }
.vs-wordmark--footer { color: #fff; }
.vs-wordmark--footer small { color: #aebbc5; }
.vs-footer__brand p { margin: 24px 0 8px; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 19px; }
.vs-footer__brand > small { font-size: 11px; line-height: 1.6; }
.vs-footer__actions { display: flex; align-items: center; gap: 16px; margin-top: 22px; }
.vs-footer__actions > a:not(.vs-button) { color: #fff; font-size: 12px; font-weight: 800; text-decoration: none; }
.vs-footer h2 { margin: 0 0 19px; color: #fff; font-size: 11px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.vs-footer__group a { display: block; margin-top: 12px; color: #aebbc5; font-size: 12px; line-height: 1.35; text-decoration: none; }
.vs-footer a:hover { color: #fff; }
.vs-footer__bottom { display: flex; width: min(1180px, calc(100% - 40px)); margin-inline: auto; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(255,255,255,.1); padding: 24px 0 30px; color: #8695a1; font-size: 10px; }
.vs-footer__bottom a { color: #aebbc5; }

.vs-sitemap-page { min-height: 70vh; padding: 34px 0 100px; background: var(--vs-cream); }
.vs-sitemap-hero { max-width: 800px; padding: 65px 0 46px; }
.vs-sitemap-hero h1 { margin: 12px 0 18px; color: var(--vs-navy); font-family: Georgia, "Times New Roman", serif; font-size: clamp(42px, 6vw, 72px); line-height: .98; letter-spacing: -.045em; }
.vs-sitemap-hero p { max-width: 690px; color: var(--vs-muted); font-size: 18px; line-height: 1.7; }
.vs-sitemap-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.vs-sitemap-group { border: 1px solid var(--vs-border); border-radius: 22px; padding: 28px; background: rgba(255,255,255,.62); box-shadow: 0 10px 30px rgba(21,43,58,.05); }
.vs-sitemap-group h2 { margin: 0 0 18px; color: var(--vs-navy); font-family: Georgia, "Times New Roman", serif; font-size: 24px; }
.vs-sitemap-group p { color: var(--vs-muted); line-height: 1.6; }
.vs-sitemap-group ul { margin: 0; padding: 0; list-style: none; }
.vs-sitemap-group li + li { border-top: 1px solid rgba(21,43,58,.08); }
.vs-sitemap-group a { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; color: #304454; font-size: 13px; font-weight: 750; text-decoration: none; }
.vs-sitemap-group a span { color: var(--vs-accent); }
.vs-sitemap-group a:hover { color: var(--vs-accent); }
.vidsyndicate-auth { background: linear-gradient(145deg, var(--vs-cream), var(--vs-accent-soft)); }

.vs-blog-page { min-height: 70vh; }
.vs-blog-hero { padding: 88px 0 82px; border-bottom: 1px solid var(--vs-border); background: radial-gradient(circle at 86% 10%, rgba(231,240,236,.95), transparent 30%), radial-gradient(circle at 10% 90%, rgba(242,225,213,.8), transparent 34%), var(--vs-cream); }
.vs-blog-hero h1 { max-width: 820px; margin: 18px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: clamp(48px, 7vw, 76px); line-height: 1; letter-spacing: -.045em; }
.vs-blog-hero p { max-width: 720px; margin: 24px 0 0; color: var(--vs-muted); font-size: 18px; line-height: 1.75; }
.vs-blog-hero__grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 66px; }
.vs-blog-hero__copy > p { font-size: 16px; }
.vs-blog-hero__copy .vs-button-row { margin-top: 29px; }
.vs-blog-featured { display: block; max-width: 560px; margin-top: 28px; border: 1px solid var(--vs-border); border-radius: 18px; background: rgba(255,255,255,.76); padding: 15px; color: inherit; text-decoration: none; box-shadow: 0 12px 34px rgba(65,49,35,.05); }
.vs-blog-featured > span { color: var(--vs-accent); font-size: 7px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.vs-blog-featured > div { display: grid; margin-top: 9px; grid-template-columns: 37px 1fr auto; align-items: center; gap: 10px; }
.vs-blog-featured i { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 11px; background: var(--vs-accent-soft); color: var(--vs-accent); font-style: normal; font-weight: 900; }
.vs-blog-featured p { display: flex; min-width: 0; margin: 0; flex-direction: column; }
.vs-blog-featured strong { color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: 12px; line-height: 1.3; }
.vs-blog-featured small { margin-top: 4px; color: var(--vs-muted); font-size: 7px; }
.vs-blog-featured b { color: var(--vs-accent-dark); font-size: 8px; white-space: nowrap; }
.vs-blog-featured:hover { border-color: #cdb8a5; transform: translateY(-1px); }

.vs-knowledge-visual { position: relative; min-height: 530px; }
.vs-knowledge-orbit { position: absolute; border: 1px dashed rgba(181,111,74,.27); border-radius: 50%; }
.vs-knowledge-orbit--one { inset: 20px 15px 35px 25px; }
.vs-knowledge-orbit--two { inset: 75px 65px 95px 85px; border-color: rgba(111,146,134,.32); }
.vs-knowledge-laptop { position: absolute; top: 112px; right: 42px; left: 42px; z-index: 2; overflow: hidden; border: 7px solid #fff; border-radius: 24px 24px 14px 14px; background: #f8fafb; box-shadow: 0 28px 75px rgba(36,52,71,.18); }
.vs-knowledge-laptop::after { display: block; height: 10px; background: linear-gradient(90deg, #d8d2ca, #fff 35%, #d8d2ca); content: ""; }
.vs-knowledge-laptop__top { display: flex; min-height: 43px; align-items: center; justify-content: space-between; border-bottom: 1px solid #e0e4e6; background: #fff; padding: 10px 14px; }
.vs-knowledge-laptop__top span { color: var(--vs-navy); font-family: Georgia, serif; font-size: 10px; font-weight: 900; }
.vs-knowledge-laptop__top i { border-radius: 999px; background: var(--vs-sage-soft); color: #58786d; padding: 5px 7px; font-size: 6px; font-style: normal; font-weight: 800; }
.vs-knowledge-laptop__body { display: grid; min-height: 215px; grid-template-columns: 39px 1fr; }
.vs-knowledge-laptop__body aside { display: flex; align-items: center; flex-direction: column; gap: 12px; background: var(--vs-navy); padding: 11px 5px; color: #a7b4be; }
.vs-knowledge-laptop__body aside b { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 8px; background: var(--vs-accent); color: #fff; font-size: 7px; }
.vs-knowledge-laptop__body aside span { font-size: 9px; }
.vs-knowledge-laptop__body > div { padding: 16px; }
.vs-knowledge-laptop__body > div > small { color: var(--vs-accent); font-size: 6px; font-weight: 900; letter-spacing: .12em; }
.vs-knowledge-laptop__body > div > strong { display: block; margin-top: 5px; color: var(--vs-navy); font-size: 11px; }
.vs-knowledge-calendar { display: grid; height: 90px; margin-top: 12px; grid-template-columns: repeat(5, 1fr); gap: 4px; border: 1px solid #dfe3e6; border-radius: 9px; background: repeating-linear-gradient(0deg, #fff, #fff 26px, #edf0f2 27px); padding: 7px; }
.vs-knowledge-calendar b { color: #8c959b; font-size: 5px; text-align: center; }
.vs-knowledge-calendar i { min-height: 24px; border-radius: 5px; background: var(--vs-accent-soft); }
.vs-knowledge-calendar i:nth-of-type(2) { margin-top: 28px; grid-column: 3; background: var(--vs-sage-soft); }
.vs-knowledge-calendar i:nth-of-type(3) { grid-column: 5; background: #eeeaf4; }
.vs-knowledge-status { display: flex; margin-top: 9px; gap: 6px; }
.vs-knowledge-status span { border-radius: 999px; background: var(--vs-sage-soft); color: #5e7c72; padding: 5px 7px; font-size: 6px; font-weight: 800; }
.vs-knowledge-status span:last-child { background: var(--vs-accent-soft); color: #936047; }
.vs-knowledge-card { position: absolute; z-index: 3; display: grid; width: 176px; grid-template-columns: 32px 1fr; align-items: center; gap: 9px; border: 1px solid var(--vs-border); border-radius: 14px; background: rgba(255,255,255,.96); padding: 10px; box-shadow: 0 16px 35px rgba(36,52,71,.12); }
.vs-knowledge-card > span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; background: var(--vs-accent-soft); color: var(--vs-accent); font-size: 10px; font-weight: 900; }
.vs-knowledge-card p { display: flex; margin: 0; flex-direction: column; }
.vs-knowledge-card small { color: #978b82; font-size: 5px; font-weight: 900; letter-spacing: .1em; }
.vs-knowledge-card strong { margin-top: 4px; color: var(--vs-navy); font-size: 7px; line-height: 1.35; }
.vs-knowledge-card--guide { top: 22px; left: 5px; }.vs-knowledge-card--brain { top: 52px; right: -3px; }.vs-knowledge-card--seo { right: 20px; bottom: 37px; }
.vs-knowledge-card--brain > span { background: var(--vs-sage-soft); color: var(--vs-sage); }.vs-knowledge-card--seo > span { background: #eeeaf4; color: var(--vs-lavender); }
.vs-knowledge-platforms { position: absolute; bottom: 38px; left: 8px; z-index: 4; display: flex; gap: 5px; border: 1px solid var(--vs-border); border-radius: 13px; background: #fff; padding: 8px; box-shadow: 0 12px 28px rgba(36,52,71,.1); }
.vs-knowledge-platforms > span { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 7px; background: #fafafa; }
.vs-knowledge-icon { width: 18px; height: 18px; }

.vs-blog-discovery { border-bottom: 1px solid var(--vs-border); background: #fff; }
.vs-blog-topics { display: flex; overflow-x: auto; border-bottom: 1px solid var(--vs-border); scrollbar-width: thin; }
.vs-blog-topics a { flex: 0 0 auto; border-bottom: 2px solid transparent; color: #6b6762; padding: 19px 14px 16px; font-size: 9px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.vs-blog-topics a:first-child { padding-left: 0; }
.vs-blog-topics a:hover, .vs-blog-topics a.is-active { border-bottom-color: var(--vs-accent); color: var(--vs-accent-dark); }
.vs-blog-search-row { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 35px; padding: 26px 0; }
.vs-blog-search-row form { max-width: 630px; }
.vs-blog-search-row label { display: block; margin-bottom: 8px; color: var(--vs-navy); font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.vs-blog-search-row form > div { display: grid; grid-template-columns: 32px 1fr auto; align-items: center; overflow: hidden; border: 1px solid #d9dfe2; border-radius: 999px; background: #f8fafb; padding: 4px; }
.vs-blog-search-row form > div > span { color: #8b959c; padding-left: 10px; }
.vs-blog-search-row input { min-width: 0; border: 0; outline: 0; background: transparent; color: var(--vs-text); padding: 10px 5px; font: inherit; font-size: 11px; }
.vs-blog-search-row button { border: 0; border-radius: 999px; background: var(--vs-navy); color: #fff; padding: 10px 16px; font-size: 9px; font-weight: 800; }
.vs-blog-popular { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.vs-blog-popular span { color: var(--vs-muted); font-size: 8px; font-weight: 800; }
.vs-blog-popular a { border-radius: 999px; background: var(--vs-cream); color: #68635e; padding: 7px 9px; font-size: 7px; font-weight: 800; text-decoration: none; }
.vs-blog-popular a:hover { background: var(--vs-accent-soft); color: var(--vs-accent-dark); }
.vs-blog-stats { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--vs-border); }
.vs-blog-stats > div { display: flex; min-height: 105px; align-items: center; justify-content: center; flex-direction: column; border-right: 1px solid var(--vs-border); text-align: center; }
.vs-blog-stats > div:last-child { border-right: 0; }
.vs-blog-stats strong { color: var(--vs-navy); font-family: Georgia, serif; font-size: 24px; }
.vs-blog-stats span { margin-top: 5px; color: var(--vs-muted); font-size: 8px; font-weight: 700; }
.vs-blog-content { padding: 86px 0 110px; background: var(--vs-cream-deep); }
.vs-blog-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; }
.vs-blog-heading h2 { margin: 13px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: clamp(34px, 4vw, 48px); line-height: 1.08; letter-spacing: -.035em; }
.vs-blog-heading > p { max-width: 530px; margin: 0; color: var(--vs-muted); font-size: 15px; line-height: 1.75; }
.vs-blog-grid { display: grid; margin-top: 44px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.vs-blog-card { overflow: hidden; border: 1px solid var(--vs-border); border-radius: 26px; background: #fff; box-shadow: 0 15px 45px rgba(65,49,35,.055); transition: transform .2s ease, box-shadow .2s ease; }
.vs-blog-card:hover { transform: translateY(-3px); box-shadow: var(--vs-shadow); }
.vs-blog-card__image { display: block; overflow: hidden; aspect-ratio: 16 / 8.5; background: var(--vs-sage-soft); }
.vs-blog-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.vs-blog-card:hover .vs-blog-card__image img { transform: scale(1.025); }
.vs-blog-card__body { padding: 28px; }
.vs-blog-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--vs-muted); font-size: 11px; font-weight: 700; }
.vs-blog-card__meta span { color: var(--vs-accent-dark); letter-spacing: .14em; text-transform: uppercase; }
.vs-blog-card h3 { margin: 17px 0 0; font-family: Georgia, "Times New Roman", serif; font-size: 25px; line-height: 1.22; }
.vs-blog-card h3 a { color: var(--vs-text); text-decoration: none; }
.vs-blog-card p { margin: 14px 0 0; color: var(--vs-muted); font-size: 14px; line-height: 1.75; }
.vs-blog-card__link { display: inline-flex; margin-top: 22px; gap: 7px; color: var(--vs-accent-dark); font-size: 12px; font-weight: 900; text-decoration: none; }
.vs-blog-empty { grid-column: 1 / -1; border: 1px solid var(--vs-border); border-radius: 24px; background: #fff; padding: 40px; color: var(--vs-muted); text-align: center; }
.vs-blog-guides { margin-top: 94px; padding-top: 76px; border-top: 1px solid var(--vs-border); }
.vs-blog-guide-grid { display: grid; margin-top: 38px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.vs-blog-guide-card { display: flex; min-height: 265px; flex-direction: column; border: 1px solid var(--vs-border); border-radius: 23px; background: rgba(255,255,255,.78); padding: 28px; color: inherit; text-decoration: none; transition: border-color .2s ease, transform .2s ease; }
.vs-blog-guide-card:hover { border-color: #cdb8a5; transform: translateY(-2px); }
.vs-blog-guide-card > span { color: var(--vs-sage); font-size: 10px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.vs-blog-guide-card h3 { margin: 18px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: 22px; line-height: 1.3; }
.vs-blog-guide-card p { margin: 13px 0 0; color: var(--vs-muted); font-size: 13px; line-height: 1.7; }
.vs-blog-guide-card strong { margin-top: auto; padding-top: 22px; color: var(--vs-accent-dark); font-size: 12px; }
.vs-case-card { overflow: hidden; min-height: 455px; padding: 0 25px 25px; }
.vs-case-card__visual { position: relative; overflow: hidden; height: 150px; margin: 0 -25px 22px; border-bottom: 1px solid var(--vs-border); background: linear-gradient(145deg, #f5ede4, #e7ddd2); padding: 22px 24px; }
.vs-case-card__visual::after { position: absolute; right: -28px; bottom: -50px; width: 145px; height: 145px; border: 1px solid rgba(155,91,54,.18); border-radius: 50%; content: ""; }
.vs-case-card__visual > span { color: var(--vs-accent-dark); font-size: 9px; font-weight: 900; letter-spacing: .16em; }
.vs-case-card__visual > div { display: flex; height: 58px; margin-top: 12px; align-items: end; gap: 8px; }
.vs-case-card__visual i { display: block; width: 21px; border-radius: 5px 5px 2px 2px; background: var(--vs-copper); opacity: .72; }
.vs-case-card__visual i:nth-child(1) { height: 26%; }
.vs-case-card__visual i:nth-child(2) { height: 42%; }
.vs-case-card__visual i:nth-child(3) { height: 55%; }
.vs-case-card__visual i:nth-child(4) { height: 76%; }
.vs-case-card__visual i:nth-child(5) { height: 94%; }
.vs-case-card__visual > b { position: absolute; right: 22px; bottom: 18px; color: var(--vs-navy); font-family: Georgia, "Times New Roman", serif; font-size: 13px; }
.vs-case-card__visual--schedule { background: linear-gradient(145deg, #e9eee8, #d9e2dc); }
.vs-case-card__visual--schedule i { height: 38% !important; border-radius: 50%; background: var(--vs-sage); }
.vs-case-card__visual--schedule i:nth-child(2), .vs-case-card__visual--schedule i:nth-child(4) { height: 72% !important; border-radius: 5px; }
.vs-case-card__visual--organic { background: linear-gradient(145deg, #f6eee3, #ead8c8); }
.vs-case-card__visual--organic i { background: linear-gradient(180deg, var(--vs-copper), var(--vs-sage)); }
.vs-case-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.vs-case-card__meta span { color: var(--vs-sage); font-size: 9px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.vs-case-card__meta small { color: var(--vs-muted); font-size: 10px; white-space: nowrap; }
.vs-case-card h3 { margin-top: 15px; }
.vs-case-card strong { line-height: 1.5; }
.vs-case-studies-cta { border-top: 1px solid var(--vs-border); background: var(--vs-cream); padding: 92px 0 105px; }
.vs-case-studies-cta .vs-shell { display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.vs-case-studies-cta h2 { max-width: 690px; margin: 14px 0 0; color: var(--vs-navy); font-family: Georgia, "Times New Roman", serif; font-size: clamp(34px, 4.4vw, 52px); line-height: 1.08; letter-spacing: -.035em; }
.vs-case-studies-cta p { max-width: 680px; margin: 20px 0 0; color: var(--vs-muted); font-size: 16px; line-height: 1.75; }
.vs-case-studies-cta .vs-button-row { flex: 0 0 auto; }
@media (max-width: 820px) {
    .vs-case-studies-cta { padding: 72px 0 82px; text-align: center; }
    .vs-case-studies-cta .vs-shell { flex-direction: column; gap: 32px; }
    .vs-case-studies-cta p { margin-inline: auto; }
}
.vs-article-page { min-height: 70vh; padding: 44px 0 110px; }
.vs-article-breadcrumb { display: flex; overflow: hidden; align-items: center; gap: 10px; color: var(--vs-muted); font-size: 12px; white-space: nowrap; }
.vs-article-breadcrumb a { color: var(--vs-accent-dark); font-weight: 800; text-decoration: none; }
.vs-article-breadcrumb span:last-child { overflow: hidden; text-overflow: ellipsis; }
.vs-article-hero { display: grid; margin-top: 38px; grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr); align-items: center; gap: 58px; }
.vs-article-hero__copy h1 { max-width: 760px; margin: 18px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: clamp(43px, 5.6vw, 70px); line-height: 1.03; letter-spacing: -.045em; }
.vs-article-byline { display: flex; margin-top: 25px; flex-wrap: wrap; gap: 10px 24px; color: var(--vs-muted); font-size: 12px; font-weight: 750; }
.vs-article-deck { max-width: 720px; margin: 25px 0 0; color: #56514d; font-size: 18px; line-height: 1.75; }
.vs-article-deck a, .vs-article-body a { color: var(--vs-accent-dark); font-weight: 750; text-underline-offset: 3px; }
.vs-article-hero__image { overflow: hidden; margin: 0; aspect-ratio: 4 / 3; border: 8px solid #fff; border-radius: 28px; background: var(--vs-sage-soft); box-shadow: var(--vs-shadow); }
.vs-article-hero__image img { width: 100%; height: 100%; object-fit: cover; }
.vs-article-layout { display: grid; margin-top: 70px; grid-template-columns: minmax(0, 1fr) 310px; align-items: start; gap: 48px; }
.vs-article-body { min-width: 0; border: 1px solid var(--vs-border); border-radius: 28px; background: #fff; padding: clamp(27px, 5vw, 58px); box-shadow: 0 18px 55px rgba(65,49,35,.055); color: #403d3a; font-size: 17px; line-height: 1.9; }
.vs-article-body > * { margin-block: 0; }
.vs-article-body > * + * { margin-top: 25px; }
.vs-article-body h2 { color: var(--vs-navy); font-family: Georgia, "Times New Roman", serif; font-size: clamp(29px, 4vw, 39px); line-height: 1.18; letter-spacing: -.025em; }
.vs-article-body h3 { color: var(--vs-navy); font-size: 20px; line-height: 1.35; }
.vs-article-rich h2, .vs-article-rich h3 { margin: 36px 0 14px; }
.vs-article-rich ul, .vs-article-rich ol, .vs-article-callout ul { padding-left: 22px; }
.vs-article-rich li + li, .vs-article-callout li + li { margin-top: 8px; }
.vs-article-callout, .vs-article-pills { border: 1px solid #decdbf; border-radius: 21px; background: var(--vs-accent-soft); padding: 25px; }
.vs-article-callout p { margin: 10px 0 0; }
.vs-article-callout ul { margin-bottom: 0; }
.vs-article-pills > div { display: flex; margin-top: 15px; flex-wrap: wrap; gap: 8px; }
.vs-article-pills span { border: 1px solid var(--vs-border); border-radius: 999px; background: #fff; padding: 7px 12px; color: var(--vs-navy); font-size: 12px; font-weight: 750; }
.vs-article-gallery > div { display: grid; margin-top: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.vs-article-gallery img { width: 100%; border-radius: 16px; aspect-ratio: 4 / 3; object-fit: cover; }
.vs-article-aside { position: sticky; top: 105px; border: 1px solid rgba(255,255,255,.1); border-radius: 25px; background: var(--vs-navy); padding: 29px; box-shadow: 0 22px 55px rgba(36,52,71,.15); color: #d9e1e6; }
.vs-article-aside .vs-eyebrow { color: #e1ad90; }
.vs-article-aside h2 { margin: 15px 0 0; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 27px; line-height: 1.2; }
.vs-article-aside p { margin: 15px 0 23px; color: #c6d0d7; font-size: 14px; line-height: 1.7; }
.vs-article-related { margin-top: 92px; padding-top: 70px; border-top: 1px solid var(--vs-border); }
.vs-article-related > h2 { margin: 12px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: 40px; }
.vs-article-related__grid { display: grid; margin-top: 30px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
.vs-article-related__grid > a { display: flex; min-height: 205px; flex-direction: column; border: 1px solid var(--vs-border); border-radius: 22px; background: #fff; padding: 24px; color: inherit; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.vs-article-related__grid > a:hover { transform: translateY(-2px); box-shadow: var(--vs-shadow); }
.vs-article-related__grid span { color: var(--vs-sage); font-size: 10px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.vs-article-related__grid h3 { margin: 15px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: 21px; line-height: 1.3; }
.vs-article-related__grid strong { margin-top: auto; padding-top: 20px; color: var(--vs-accent-dark); font-size: 12px; }
/* Enhanced reusable editorial article system */
.vs-article-page { background:linear-gradient(180deg,var(--vs-cream),var(--vs-cream-deep)); }
.vs-article-hero { align-items:stretch; }
.vs-article-hero__copy { align-self:center; }
.vs-article-meta { display:flex; margin-top:24px; flex-wrap:wrap; gap:8px; color:var(--vs-muted); font-size:10px; font-weight:800; }
.vs-article-meta>span,.vs-article-meta>time { border-radius:999px; background:rgba(255,255,255,.65); padding:7px 9px; }
.vs-article-meta .is-verified { background:var(--vs-sage-soft); color:#56766b; }
.vs-article-share { display:flex; margin-top:22px; flex-wrap:wrap; gap:7px; }
.vs-article-share a,.vs-article-share button { border:1px solid var(--vs-border); border-radius:999px; background:rgba(255,255,255,.7); color:var(--vs-navy); padding:7px 10px; font:inherit; font-size:8px; font-weight:850; text-decoration:none; cursor:pointer; }
.vs-article-share a:focus-visible,.vs-article-share button:focus-visible,.vs-article-toc a:focus-visible { outline:3px solid rgba(181,111,74,.25); outline-offset:2px; }
.vs-article-hero__image { position:relative; align-self:center; }
.vs-article-hero__image figcaption { position:absolute; right:12px; bottom:12px; left:12px; border-radius:9px; background:rgba(36,52,71,.82); color:#fff; padding:8px 10px; font-size:8px; line-height:1.45; }
.vs-article-hero__visual { display:flex; min-height:420px; align-items:center; justify-content:center; flex-direction:column; border:8px solid #fff; border-radius:28px; background:var(--vs-navy); box-shadow:var(--vs-shadow); color:#fff; }
.vs-article-hero__visual>div { display:flex; width:75%; min-height:150px; align-items:center; justify-content:center; flex-direction:column; border-radius:20px; background:linear-gradient(145deg,#cba086,#905d4c 52%,#364b5d); }
.vs-article-hero__visual>div span { display:grid; width:45px; height:45px; place-items:center; border:1px solid rgba(255,255,255,.5); border-radius:50%; }
.vs-article-hero__visual>div strong { margin-top:12px; max-width:80%; font-size:10px; text-align:center; }.vs-article-hero__visual>div small { margin-top:5px; font-size:7px; }
.vs-article-hero__visual>i { margin:8px; color:#efb99b; font-style:normal; }.vs-article-hero__visual>section { display:flex; gap:10px; }.vs-article-hero__visual>section span { display:grid; width:42px; height:42px; place-items:center; border-radius:12px; background:rgba(255,255,255,.08); font-size:8px; font-weight:900; }.vs-article-hero__visual>p { margin:13px 0 0; color:#afbbc4; font-size:7px; }
.vs-article-summary { margin-top:58px; border:1px solid var(--vs-border); border-radius:24px; background:#fff; padding:25px; box-shadow:0 15px 42px rgba(65,49,35,.05); }
.vs-article-summary dl { display:grid; margin:19px 0 0; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:9px; }
.vs-article-summary dl>div { border-radius:12px; background:var(--vs-cream-deep); padding:12px; }.vs-article-summary dt { color:var(--vs-accent); font-size:7px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.vs-article-summary dd { margin:7px 0 0; color:var(--vs-navy); font-size:9px; line-height:1.55; }
.vs-article-layout { grid-template-columns:minmax(0,760px) minmax(270px,310px); justify-content:center; gap:55px; }
.vs-article-body { overflow:visible; border:0; border-radius:0; background:transparent; padding:0; box-shadow:none; font-size:17px; line-height:1.85; }
.vs-article-body>*+* { margin-top:28px; }.vs-article-body h2 { margin-top:58px; scroll-margin-top:110px; }.vs-article-body h3 { margin-top:36px; scroll-margin-top:110px; font-family:Georgia,serif; font-size:24px; }.vs-article-body h4 { color:var(--vs-navy); font-size:16px; }
.vs-article-body p,.vs-article-body ul,.vs-article-body ol { max-width:740px; }.vs-article-body li+li { margin-top:9px; }.vs-article-body blockquote { margin-inline:0; }.vs-article-rich table { display:block; width:100%; overflow-x:auto; border-collapse:collapse; }.vs-article-rich th,.vs-article-rich td { border:1px solid var(--vs-border); padding:10px; white-space:nowrap; }.vs-article-rich pre,.vs-article-rich code { border-radius:8px; background:var(--vs-navy); color:#eef2f4; }.vs-article-rich pre { overflow-x:auto; padding:15px; }
.vs-article-callout,.vs-article-pills { max-width:760px; }.vs-article-callout.is-challenge { border-color:#e3c5b7; background:#f8ebe5; }.vs-article-callout.is-result { border-color:#bed2ca; background:var(--vs-sage-soft); }.vs-article-callout .vs-eyebrow { margin-bottom:9px; }
.vs-article-sidebar { position:sticky; top:92px; display:grid; gap:15px; }.vs-article-aside { position:static; }
.vs-article-aside-link { display:block; margin-top:13px; color:#efb99b; font-size:9px; font-weight:900; text-decoration:none; }
.vs-article-sidebar-fact { display:flex; flex-direction:column; border:1px solid var(--vs-border); border-radius:18px; background:#fff; padding:17px; }.vs-article-sidebar-fact small { color:var(--vs-accent); font-size:6px; font-weight:900; letter-spacing:.12em; }.vs-article-sidebar-fact strong { margin-top:9px; color:var(--vs-navy); font-size:10px; }.vs-article-sidebar-fact span { margin-top:5px; color:var(--vs-muted); font-size:8px; }
.vs-article-toc { border:1px solid var(--vs-border); border-radius:18px; background:#fff; padding:18px; }.vs-article-toc>strong { color:var(--vs-navy); font-family:Georgia,serif; font-size:16px; }.vs-article-toc ol,.vs-article-toc-mobile ol { display:grid; margin:13px 0 0; padding:0; gap:8px; list-style:none; }.vs-article-toc li { line-height:1.35; }.vs-article-toc li.is-subsection { padding-left:12px; }.vs-article-toc a,.vs-article-toc-mobile a { color:#667178; font-size:8px; font-weight:750; text-decoration:none; }.vs-article-toc a:hover { color:var(--vs-accent-dark); }.vs-article-toc-mobile { display:none; }
.vs-article-workflow { width:min(960px,calc(100vw - 60px)); margin-top:52px!important; }.vs-article-workflow>div { display:flex; margin-top:22px; align-items:center; gap:6px; }.vs-article-workflow article { display:flex; width:135px; min-height:155px; align-items:center; justify-content:center; flex-direction:column; border:1px solid var(--vs-border); border-radius:17px; background:#fff; padding:12px; text-align:center; }.vs-article-workflow article>span { display:grid; width:36px; height:36px; place-items:center; border-radius:11px; background:var(--vs-accent-soft); color:var(--vs-accent); font-size:8px; font-weight:900; }.vs-article-workflow h3 { margin:11px 0 0; font-family:inherit; font-size:9px; }.vs-article-workflow article p { margin:6px 0 0; color:var(--vs-muted); font-size:7px; line-height:1.45; }.vs-article-workflow article small { margin-top:7px; border-radius:999px; background:var(--vs-sage-soft); color:#56766b; padding:4px 6px; font-size:5px; font-weight:900; }.vs-article-workflow>div>i { color:#c29f88; font-style:normal; }
.vs-article-metrics { width:min(900px,calc(100vw - 60px)); margin-top:52px!important; }.vs-article-metrics>div { display:grid; margin-top:22px; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; }.vs-article-metrics article { border:1px solid var(--vs-border); border-radius:17px; background:#fff; padding:18px; }.vs-article-metrics article small { color:var(--vs-accent); font-size:7px; font-weight:900; text-transform:uppercase; }.vs-article-metrics article strong { display:block; margin-top:12px; color:var(--vs-navy); font-family:Georgia,serif; font-size:30px; }.vs-article-metrics article span { display:block; margin-top:6px; color:#68737a; font-size:8px; }.vs-article-metrics article p,.vs-article-evidence-note { margin:9px 0 0; color:var(--vs-muted); font-size:7px; line-height:1.5; }.vs-article-evidence-note { border-left:3px solid var(--vs-sage); padding-left:10px; }
.vs-article-quote { max-width:760px; border-left:4px solid var(--vs-accent); background:#fff; padding:24px 27px; }.vs-article-quote p { margin:0; color:var(--vs-navy); font-family:Georgia,serif; font-size:24px; line-height:1.5; }.vs-article-quote footer { margin-top:14px; color:var(--vs-muted); font-size:9px; font-weight:800; }
.vs-article-figure { max-width:760px; margin-inline:0; }.vs-article-figure.is-wide { width:min(960px,calc(100vw - 60px)); max-width:none; }.vs-article-figure img { width:100%; border:7px solid #fff; border-radius:21px; box-shadow:var(--vs-shadow); }.vs-article-figure figcaption,.vs-article-gallery figcaption { margin-top:8px; color:var(--vs-muted); font-size:8px; line-height:1.5; }
.vs-article-takeaways { margin-top:58px!important; border-radius:23px; background:var(--vs-navy); padding:27px; }.vs-article-takeaways h2 { margin-top:12px; color:#fff; }.vs-article-takeaways ul { display:grid; margin:20px 0 0; padding:0; gap:9px; list-style:none; }.vs-article-takeaways li { border-radius:10px; background:rgba(255,255,255,.07); color:#e1e7eb; padding:10px; font-size:10px; }.vs-article-takeaways li::before { margin-right:8px; color:#afd3c6; content:"✓"; }
.vs-article-faq { margin-top:58px!important; }.vs-article-faq>h2 { margin-top:12px; }.vs-article-faq>div:last-child { display:grid; margin-top:23px; gap:9px; }.vs-article-faq details { border:1px solid var(--vs-border); border-radius:14px; background:#fff; padding:14px 16px; }.vs-article-faq summary { color:var(--vs-navy); font-size:10px; font-weight:850; cursor:pointer; }.vs-article-faq details p { margin:10px 0 0; color:var(--vs-muted); font-size:10px; line-height:1.65; }
.vs-article-author { display:grid; margin-top:58px!important; grid-template-columns:70px 1fr; gap:18px; border-top:1px solid var(--vs-border); border-bottom:1px solid var(--vs-border); padding:27px 0; }.vs-article-author>span { display:grid; width:68px; height:68px; place-items:center; border-radius:20px; background:var(--vs-navy); color:#fff; font-family:Georgia,serif; font-size:18px; }.vs-article-author small { color:var(--vs-accent); font-size:6px; font-weight:900; letter-spacing:.12em; }.vs-article-author h2 { margin:7px 0 0; font-size:24px; }.vs-article-author strong { display:block; margin-top:5px; color:#667178; font-size:8px; }.vs-article-author p { margin:10px 0 0; color:var(--vs-muted); font-size:9px; line-height:1.6; }.vs-article-author a { display:inline-flex; margin-top:8px; color:var(--vs-accent-dark); font-size:8px; font-weight:900; }
.vs-article-products { margin-top:90px; padding-top:65px; border-top:1px solid var(--vs-border); }.vs-article-products>h2,.vs-article-final h2 { margin:12px 0 0; color:var(--vs-text); font-family:Georgia,serif; font-size:40px; }.vs-article-products>div:last-child { display:grid; margin-top:28px; grid-template-columns:repeat(4,1fr); gap:13px; }.vs-article-products a { display:flex; min-height:190px; flex-direction:column; border:1px solid var(--vs-border); border-radius:19px; background:#fff; padding:20px; color:inherit; text-decoration:none; }.vs-article-products h3 { margin:0; color:var(--vs-navy); font-family:Georgia,serif; font-size:17px; }.vs-article-products p { margin:11px 0 0; color:var(--vs-muted); font-size:9px; line-height:1.6; }.vs-article-products strong { margin-top:auto; padding-top:15px; color:var(--vs-accent-dark); font-size:8px; }
.vs-article-final { display:grid; margin-top:75px; grid-template-columns:1fr .75fr; align-items:center; gap:50px; border-radius:29px; background:#fff; padding:48px; box-shadow:var(--vs-shadow); }.vs-article-final p { margin:17px 0 0; color:var(--vs-muted); font-size:13px; line-height:1.7; }.vs-article-final-visual { display:grid; gap:6px; border-radius:21px; background:var(--vs-navy); padding:18px; }.vs-article-final-visual span { display:grid; grid-template-columns:35px 1fr; align-items:center; gap:9px; border-radius:10px; background:rgba(255,255,255,.07); color:#fff; padding:9px; font-size:8px; font-weight:800; }.vs-article-final-visual b { display:grid; width:33px; height:33px; place-items:center; border-radius:9px; background:var(--vs-accent); }
.vs-article-related__grid>a { overflow:hidden; padding:0; }.vs-article-related__grid>a>img,.vs-related-placeholder { width:100%; height:145px; object-fit:cover; }.vs-related-placeholder { display:grid; place-items:center; background:linear-gradient(145deg,var(--vs-accent-soft),var(--vs-sage-soft)); }.vs-related-placeholder span { color:var(--vs-navy); font-family:Georgia,serif; font-size:22px; }.vs-article-related__grid>a>div:last-child { display:flex; min-height:235px; flex-direction:column; padding:20px; }.vs-article-related__grid p { margin:10px 0 0; color:var(--vs-muted); font-size:9px; line-height:1.55; }.vs-article-related__grid small { margin-top:12px; color:#778188; font-size:7px; }
/* VidSyndicate community editorial template */
.vs-community-index { padding-bottom:110px; background:linear-gradient(180deg,var(--vs-cream),var(--vs-cream-deep)); }
.vs-community-index__hero { overflow:hidden; padding:42px 0 55px; background:radial-gradient(circle at 82% 22%,rgba(181,111,74,.16),transparent 27%),var(--vs-cream); }
.vs-community-index__hero-grid { display:grid; grid-template-columns:1fr .82fr; align-items:center; gap:70px; padding:62px 0 54px; }
.vs-community-index__hero h1 { max-width:720px; margin:16px 0 0; color:var(--vs-navy); font-family:Georgia,serif; font-size:clamp(48px,6vw,76px); line-height:.98; letter-spacing:-.05em; }
.vs-community-index__hero-grid>div:first-child>p { max-width:690px; margin:23px 0 0; color:var(--vs-muted); font-size:17px; line-height:1.75; }
.vs-community-index__visual { position:relative; min-height:400px; }
.vs-community-index__desk { position:absolute; inset:48px 18px 48px 18px; display:flex; align-items:center; gap:18px; border:7px solid #fff; border-radius:28px; background:var(--vs-navy); padding:35px; box-shadow:var(--vs-shadow); transform:rotate(2deg); }
.vs-community-index__avatar { display:grid; width:70px; height:70px; flex:0 0 70px; place-items:center; border-radius:21px; background:var(--vs-accent); color:#fff; font-family:Georgia,serif; font-size:19px; }
.vs-community-index__desk p { display:flex; margin:0; flex-direction:column; }.vs-community-index__desk small { color:#efb99b; font-size:7px; font-weight:900; letter-spacing:.12em; }.vs-community-index__desk strong { max-width:250px; margin-top:10px; color:#fff; font-family:Georgia,serif; font-size:25px; line-height:1.2; }.vs-community-index__desk i { margin-top:10px; color:#aebbc5; font-size:9px; font-style:normal; }
.vs-community-index__note { position:absolute; display:flex; align-items:center; gap:9px; border:1px solid var(--vs-border); border-radius:14px; background:#fff; padding:11px 14px; box-shadow:0 12px 28px rgba(21,43,58,.13); color:var(--vs-navy); font-size:9px; font-weight:850; }.vs-community-index__note b { display:grid; width:28px; height:28px; place-items:center; border-radius:8px; background:var(--vs-accent-soft); color:var(--vs-accent-dark); font-size:7px; }.vs-community-index__note--one { top:20px; left:0; }.vs-community-index__note--two { top:82px; right:-5px; }.vs-community-index__note--three { right:25px; bottom:10px; }
.vs-community-index__principles { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.vs-community-index__principles>div { display:flex; align-items:center; gap:14px; border-top:1px solid var(--vs-border); padding:22px 8px 0; }.vs-community-index__principles>div>span { display:grid; width:41px; height:41px; flex:0 0 41px; place-items:center; border-radius:13px; background:var(--vs-sage-soft); color:var(--vs-navy); }.vs-community-index__principles p { display:flex; margin:0; flex-direction:column; }.vs-community-index__principles strong { color:var(--vs-navy); font-size:10px; }.vs-community-index__principles small { margin-top:4px; color:var(--vs-muted); font-size:8px; line-height:1.45; }
.vs-community-notice { margin-bottom:22px; border:1px solid #bdd7c8; border-radius:13px; background:#edf7f0; color:#476554; padding:12px 15px; font-size:10px; font-weight:800; }
.vs-community-index__content,.vs-community-submissions { padding-top:82px; }.vs-section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; }.vs-section-heading h2 { margin:11px 0 0; color:var(--vs-navy); font-family:Georgia,serif; font-size:40px; line-height:1.1; }.vs-section-heading>p { max-width:520px; margin:0; color:var(--vs-muted); font-size:11px; line-height:1.7; }.vs-section-heading>a { color:var(--vs-accent-dark); font-size:9px; font-weight:900; text-decoration:none; }
.vs-community-featured { display:grid; margin-top:34px; grid-template-columns:1.05fr .95fr; overflow:hidden; border:1px solid var(--vs-border); border-radius:27px; background:#fff; box-shadow:var(--vs-shadow); }.vs-community-featured__image { display:grid; min-height:390px; place-items:center; background:linear-gradient(145deg,var(--vs-accent-soft),var(--vs-sage-soft)); color:var(--vs-navy); text-decoration:none; }.vs-community-featured__image img { width:100%; height:100%; object-fit:cover; }.vs-community-featured__image>span { font-size:35px; }.vs-community-featured__image>small { margin-top:-120px; color:var(--vs-muted); font-size:9px; }.vs-community-featured>div { display:flex; justify-content:center; flex-direction:column; padding:45px; }.vs-community-featured>div>span,.vs-community-index-card>div>span { color:var(--vs-accent); font-size:7px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }.vs-community-featured h3 { margin:15px 0 0; font-family:Georgia,serif; font-size:34px; line-height:1.15; }.vs-community-featured h3 a,.vs-community-index-card h3 a { color:var(--vs-navy); text-decoration:none; }.vs-community-featured p { margin:17px 0 0; color:var(--vs-muted); font-size:12px; line-height:1.7; }.vs-community-featured>div>div { display:flex; margin-top:20px; justify-content:space-between; color:#778188; font-size:8px; text-transform:uppercase; }
.vs-community-read { display:block; margin-top:24px; color:var(--vs-accent-dark); font-size:9px; font-weight:900; text-decoration:none; }
.vs-community-index__grid { display:grid; margin-top:22px; grid-template-columns:repeat(3,1fr); gap:18px; }.vs-community-index-card { overflow:hidden; border:1px solid var(--vs-border); border-radius:22px; background:#fff; }.vs-community-index-card__image { display:grid; height:185px; place-items:center; background:linear-gradient(145deg,var(--vs-sage-soft),var(--vs-accent-soft)); color:var(--vs-navy); font-size:23px; text-decoration:none; }.vs-community-index-card__image img { width:100%; height:100%; object-fit:cover; }.vs-community-index-card>div { display:flex; min-height:275px; flex-direction:column; padding:23px; }.vs-community-index-card h3 { margin:12px 0 0; font-family:Georgia,serif; font-size:21px; line-height:1.28; }.vs-community-index-card p { margin:12px 0 0; color:var(--vs-muted); font-size:9px; line-height:1.65; }.vs-community-index-card small { margin-top:16px; color:#778188; font-size:7px; text-transform:uppercase; }.vs-community-index-card .vs-community-read { margin-top:auto; padding-top:19px; }
.vs-community-index__empty { margin-top:32px; border:1px dashed var(--vs-border); border-radius:25px; padding:55px; text-align:center; }.vs-community-index__empty span { color:var(--vs-accent); font-size:25px; }.vs-community-index__empty h2 { color:var(--vs-navy); font-family:Georgia,serif; }.vs-community-index__empty p { color:var(--vs-muted); }
.vs-community-submissions__list { display:grid; margin-top:25px; gap:10px; }.vs-community-submissions__list article { display:flex; align-items:center; justify-content:space-between; gap:25px; border:1px solid var(--vs-border); border-radius:18px; background:#fff; padding:21px; }.vs-community-submissions__list span { color:var(--vs-accent); font-size:7px; font-weight:900; text-transform:uppercase; }.vs-community-submissions__list h3 { margin:7px 0 0; color:var(--vs-navy); font-family:Georgia,serif; font-size:20px; }.vs-community-submissions__list p { margin:7px 0 0; color:var(--vs-muted); font-size:9px; }.vs-community-submissions__list small { display:block; margin-top:10px; border-radius:9px; background:#fff4dc; padding:8px; color:#795d31; font-size:8px; }.vs-community-submissions__list nav { display:flex; flex:0 0 auto; gap:7px; }.vs-community-submissions__list nav a { border:1px solid var(--vs-border); border-radius:999px; color:var(--vs-navy); padding:8px 11px; font-size:8px; font-weight:900; text-decoration:none; }.vs-community-submissions__list nav .is-primary { border-color:var(--vs-navy); background:var(--vs-navy); color:#fff; }
.vs-community-index__cta { display:grid; margin-top:90px; grid-template-columns:1fr .68fr; align-items:center; gap:65px; border-radius:30px; background:var(--vs-navy); padding:52px; }.vs-community-index__cta h2 { margin:12px 0 0; color:#fff; font-family:Georgia,serif; font-size:43px; line-height:1.08; }.vs-community-index__cta>div:first-child>p { max-width:620px; color:#b8c4cc; font-size:12px; line-height:1.7; }.vs-community-index__cta .vs-eyebrow { color:#efb99b; }.vs-community-index__cta .vs-button--secondary { border-color:rgba(255,255,255,.3); color:#fff; }.vs-community-index__cta-card { display:flex; flex-direction:column; border-radius:20px; background:#fff; padding:30px; transform:rotate(2deg); }.vs-community-index__cta-card span { color:var(--vs-accent); font-size:7px; font-weight:900; text-transform:uppercase; }.vs-community-index__cta-card strong { margin-top:13px; color:var(--vs-navy); font-family:Georgia,serif; font-size:24px; line-height:1.3; }.vs-community-index__cta-card small { margin-top:15px; color:var(--vs-muted); font-size:8px; }
.vs-community-pagination { margin-top:30px; }
.vs-community-page { min-height:70vh; padding:44px 0 110px; background:linear-gradient(180deg,var(--vs-cream),var(--vs-cream-deep)); }
.vs-community-hero { display:grid; margin-top:38px; grid-template-columns:1fr minmax(360px,.78fr); align-items:center; gap:58px; }.vs-community-hero h1 { margin:18px 0 0; color:var(--vs-text); font-family:Georgia,serif; font-size:clamp(43px,5.5vw,68px); line-height:1.03; letter-spacing:-.045em; }.vs-community-meta { display:flex; margin-top:24px; flex-wrap:wrap; gap:7px; }.vs-community-meta span,.vs-community-meta time { border-radius:999px; background:rgba(255,255,255,.7); color:var(--vs-muted); padding:7px 9px; font-size:9px; font-weight:800; }.vs-community-meta .is-verified { background:var(--vs-sage-soft); color:#56766b; }.vs-community-deck { max-width:720px; margin:24px 0 0; color:#56514d; font-size:18px; line-height:1.75; }.vs-community-hero>figure { overflow:hidden; margin:0; border:8px solid #fff; border-radius:28px; background:var(--vs-sage-soft); box-shadow:var(--vs-shadow); }.vs-community-hero>figure img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; }.vs-community-hero>figure figcaption { color:var(--vs-muted); padding:9px 12px; font-size:8px; line-height:1.45; }.vs-community-hero>figure figcaption span { float:right; }.vs-community-hero-placeholder { display:flex; min-height:410px; align-items:center; justify-content:center; flex-direction:column; border:8px solid #fff; border-radius:28px; background:linear-gradient(145deg,var(--vs-accent-soft),var(--vs-sage-soft)); box-shadow:var(--vs-shadow); }.vs-community-hero-placeholder>span { display:grid; width:55px; height:55px; place-items:center; border-radius:17px; background:var(--vs-navy); color:#fff; font-size:18px; }.vs-community-hero-placeholder strong { margin-top:17px; color:var(--vs-navy); font-family:Georgia,serif; font-size:20px; }.vs-community-hero-placeholder small { margin-top:6px; color:var(--vs-muted); font-size:8px; }
.vs-community-layout { display:grid; margin-top:70px; grid-template-columns:minmax(0,750px) 300px; align-items:start; justify-content:center; gap:55px; }.vs-community-body { min-width:0; color:#403d3a; font-size:17px; line-height:1.88; }.vs-community-body>* { margin-block:0; }.vs-community-body>*+* { margin-top:27px; }.vs-community-body h1,.vs-community-body h2,.vs-community-body h3,.vs-community-body h4 { color:var(--vs-navy); font-family:Georgia,serif; line-height:1.2; letter-spacing:-.02em; scroll-margin-top:110px; }.vs-community-body h1 { font-size:38px; }.vs-community-body h2 { margin-top:56px; font-size:clamp(29px,4vw,38px); }.vs-community-body h3 { margin-top:36px; font-size:24px; }.vs-community-body h4 { margin-top:28px; font-size:18px; }.vs-community-body p,.vs-community-body li { color:#47433f; }.vs-community-body ul,.vs-community-body ol { padding-left:24px; }.vs-community-body li+li { margin-top:8px; }.vs-community-body a { color:var(--vs-accent-dark); font-weight:750; text-underline-offset:3px; }.vs-community-body blockquote { margin-inline:0; border-left:4px solid var(--vs-accent); background:#fff; padding:22px 25px; color:var(--vs-navy); font-family:Georgia,serif; font-size:22px; line-height:1.55; }.vs-community-body img { max-width:100%; height:auto; border:6px solid #fff; border-radius:20px; box-shadow:var(--vs-shadow); }.vs-community-body figure { margin-inline:0; }.vs-community-body figcaption { margin-top:8px; color:var(--vs-muted); font-size:8px; }.vs-community-body pre { overflow-x:auto; border-radius:13px; background:var(--vs-navy); color:#eef2f4; padding:16px; }.vs-community-body code { border-radius:6px; background:#e6e9ea; padding:2px 5px; font-size:.9em; }.vs-community-body pre code { background:transparent; padding:0; }.vs-community-body table { display:block; width:100%; overflow-x:auto; border-collapse:collapse; }.vs-community-body th,.vs-community-body td { border:1px solid var(--vs-border); background:#fff; padding:10px; white-space:nowrap; }.vs-community-body th { background:var(--vs-navy); color:#fff; }
.vs-community-sidebar { position:sticky; top:92px; display:grid; gap:15px; }.vs-community-context { border-radius:23px; background:var(--vs-navy); padding:24px; }.vs-community-context .vs-eyebrow { color:#efb99b; }.vs-community-context h2 { margin:13px 0 0; color:#fff; font-family:Georgia,serif; font-size:23px; line-height:1.23; }.vs-community-context p { margin:14px 0 20px; color:#bdc8d0; font-size:11px; line-height:1.65; }.vs-community-context>a:last-child { display:block; margin-top:12px; color:#efb99b; font-size:8px; font-weight:900; text-decoration:none; }.vs-community-mini-author { display:flex; flex-direction:column; border:1px solid var(--vs-border); border-radius:17px; background:#fff; padding:16px; }.vs-community-mini-author strong { color:var(--vs-navy); font-size:10px; }.vs-community-mini-author span { margin-top:5px; color:var(--vs-accent); font-size:7px; font-weight:900; }.vs-community-mini-author small { margin-top:5px; color:var(--vs-muted); font-size:7px; }
.vs-community-contributor { display:grid; margin-top:58px!important; grid-template-columns:72px 1fr; gap:18px; border-top:1px solid var(--vs-border); border-bottom:1px solid var(--vs-border); padding:28px 0; }.vs-community-contributor>span { display:grid; width:70px; height:70px; place-items:center; border-radius:20px; background:var(--vs-navy); color:#fff; font-family:Georgia,serif; font-size:18px; }.vs-community-contributor small { color:var(--vs-accent); font-size:6px; font-weight:900; letter-spacing:.12em; }.vs-community-contributor h2 { margin:7px 0 0; font-size:25px; }.vs-community-contributor strong { display:block; margin-top:5px; color:#667178; font-size:8px; }.vs-community-contributor p { margin:10px 0 0; color:var(--vs-muted); font-size:9px; line-height:1.6; }.vs-community-contributor>div>div { display:flex; margin-top:10px; flex-wrap:wrap; gap:7px; }.vs-community-contributor a { border-radius:999px; background:#fff; color:var(--vs-accent-dark); padding:7px 9px; font-size:7px; font-weight:900; text-decoration:none; }
.vs-community-product-cta { display:grid; margin-top:85px; grid-template-columns:1fr .72fr; align-items:center; gap:50px; border-radius:29px; background:#fff; padding:48px; box-shadow:var(--vs-shadow); }.vs-community-product-cta h2,.vs-community-discovery>h2 { margin:12px 0 0; color:var(--vs-text); font-family:Georgia,serif; font-size:40px; line-height:1.1; }.vs-community-product-cta p { margin:17px 0 0; color:var(--vs-muted); font-size:13px; line-height:1.7; }.vs-community-cta-visual { display:grid; gap:6px; border-radius:21px; background:var(--vs-navy); padding:18px; }.vs-community-cta-visual>span { display:grid; grid-template-columns:35px 1fr; align-items:center; gap:9px; border-radius:10px; background:rgba(255,255,255,.07); color:#fff; padding:9px; font-size:8px; font-weight:800; }.vs-community-cta-visual b { display:grid; width:33px; height:33px; place-items:center; border-radius:9px; background:var(--vs-accent); }
.vs-community-discovery { margin-top:88px; padding-top:65px; border-top:1px solid var(--vs-border); }.vs-mixed-related { display:grid; margin-top:28px; grid-template-columns:repeat(3,1fr); gap:15px; }.vs-mixed-related>a { overflow:hidden; border:1px solid var(--vs-border); border-radius:21px; background:#fff; color:inherit; text-decoration:none; }.vs-mixed-related>a>img,.vs-mixed-placeholder { display:grid; width:100%; height:145px; place-items:center; object-fit:cover; background:linear-gradient(145deg,var(--vs-accent-soft),var(--vs-sage-soft)); }.vs-mixed-placeholder span { display:grid; width:45px; height:45px; place-items:center; border-radius:14px; background:var(--vs-navy); color:#fff; }.vs-mixed-related>a>div:last-child { display:flex; min-height:225px; flex-direction:column; padding:19px; }.vs-mixed-related small { color:var(--vs-accent); font-size:6px; font-weight:900; letter-spacing:.12em; }.vs-mixed-related h3 { margin:11px 0 0; color:var(--vs-navy); font-family:Georgia,serif; font-size:18px; line-height:1.3; }.vs-mixed-related p { margin:10px 0 0; color:var(--vs-muted); font-size:9px; line-height:1.6; }.vs-mixed-related span { margin-top:10px; color:#7a858c; font-size:7px; }.vs-mixed-related strong { margin-top:auto; padding-top:14px; color:var(--vs-accent-dark); font-size:8px; }.vs-community-discovery>nav { display:flex; margin-top:22px; flex-wrap:wrap; gap:8px; }.vs-community-discovery>nav a { border-radius:999px; background:#fff; color:var(--vs-accent-dark); padding:8px 10px; font-size:8px; font-weight:900; text-decoration:none; }
.vs-public-hero { padding: 92px 0 82px; background: radial-gradient(circle at 88% 8%, var(--vs-sage-soft), transparent 30%), var(--vs-cream); }
.vs-public-hero__grid { display: grid; grid-template-columns: 1fr .82fr; align-items: center; gap: 70px; }
.vs-public-hero h1, .vs-contact-page h1 { margin: 18px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: clamp(45px, 6vw, 70px); line-height: 1.02; letter-spacing: -.045em; }
.vs-public-hero p, .vs-contact-page > .vs-shell > section:first-child > p { max-width: 680px; margin: 24px 0 29px; color: var(--vs-muted); font-size: 18px; line-height: 1.75; }
.vs-public-preview { border: 8px solid #fff; border-radius: 28px; background: var(--vs-navy); padding: 26px; box-shadow: var(--vs-shadow); color: #fff; }
.vs-public-preview > span { color: #b7c3cb; font-size: 10px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.vs-public-preview > div { display: grid; margin-top: 15px; grid-template-columns: 34px 1fr auto; align-items: center; gap: 13px; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: rgba(255,255,255,.055); padding: 14px; }
.vs-public-preview b { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: var(--vs-accent); }
.vs-public-preview strong { font-size: 12px; line-height: 1.4; }
.vs-public-preview i { color: #bfe1d5; font-size: 9px; font-style: normal; font-weight: 800; }
.vs-public-content { padding: 90px 0 110px; border-top: 1px solid var(--vs-border); background: var(--vs-cream-deep); }
.vs-public-content > .vs-shell > h2 { max-width: 720px; margin: 14px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: 44px; line-height: 1.08; }
.vs-public-cards { display: grid; margin-top: 40px; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.vs-public-cards article { border: 1px solid var(--vs-border); border-radius: 23px; background: #fff; padding: 27px; }
.vs-public-cards article > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: var(--vs-sage-soft); color: var(--vs-sage); font-weight: 900; }
.vs-public-cards h3 { margin: 19px 0 0; color: var(--vs-navy); font-family: Georgia, "Times New Roman", serif; font-size: 22px; }
.vs-public-cards p { margin: 12px 0 0; color: var(--vs-muted); font-size: 14px; line-height: 1.7; }
.vs-public-cta { display: flex; margin-top: 78px; align-items: center; justify-content: space-between; gap: 30px; border-radius: 28px; background: #fff; padding: 38px; box-shadow: var(--vs-shadow); }
.vs-public-cta h2 { max-width: 650px; margin: 11px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: 31px; }
.vs-auth-page { width: 100%; min-height: 100vh; background: radial-gradient(circle at 80% 10%, var(--vs-sage-soft), transparent 30%), var(--vs-cream); padding: 34px 20px 65px; color: var(--vs-text); }
.vs-auth-brand { display: flex; width: fit-content; margin: 0 auto; flex-direction: column; color: var(--vs-navy); text-align: center; text-decoration: none; }
.vs-auth-brand span { font-family: Georgia, "Times New Roman", serif; font-size: 24px; font-weight: 800; }
.vs-auth-brand small { margin-top: 5px; color: var(--vs-muted); font-size: 9px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.vs-auth-grid { display: grid; width: min(1030px, 100%); margin: 46px auto 0; grid-template-columns: .92fr 1.08fr; overflow: hidden; border: 1px solid var(--vs-border); border-radius: 30px; background: #fff; box-shadow: var(--vs-shadow); }
.vs-auth-welcome { background: var(--vs-navy); padding: 55px 46px; color: #dbe3e8; }
.vs-auth-welcome .vs-eyebrow { color: #e3ac8d; }
.vs-auth-welcome h1 { margin: 18px 0 0; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 46px; line-height: 1.06; }
.vs-auth-welcome p { margin: 20px 0 0; color: #c5d0d7; line-height: 1.75; }
.vs-auth-welcome ul { margin: 32px 0 0; padding-left: 19px; line-height: 2; }
.vs-auth-card { padding: 48px; }
.vs-auth-card h2, .vs-contact-card h2 { margin: 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: 30px; }
.vs-auth-card form, .vs-contact-card form { display: grid; margin-top: 27px; gap: 17px; }
.vs-auth-card label, .vs-contact-card label { display: grid; gap: 8px; color: var(--vs-muted); font-size: 11px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.vs-auth-card input, .vs-contact-card input, .vs-contact-card textarea { width: 100%; border: 1px solid var(--vs-border); border-radius: 13px; background: #fff; color: var(--vs-text); padding: 12px 14px; font: inherit; letter-spacing: normal; text-transform: none; }
.vs-auth-card input:focus, .vs-contact-card input:focus, .vs-contact-card textarea:focus { border-color: var(--vs-accent); outline: 3px solid rgba(181,111,74,.15); }
.vs-google-button { display: flex; min-height: 48px; margin-top: 13px; align-items: center; justify-content: center; border: 1px solid var(--vs-border); border-radius: 999px; color: var(--vs-navy); font-size: 13px; font-weight: 800; text-decoration: none; }
.vs-auth-links { display: flex; margin-top: 21px; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px 17px; color: var(--vs-muted); font-size: 12px; }
.vs-auth-links a { color: var(--vs-accent-dark); font-weight: 800; }
.vs-auth-shared { margin: 22px 0 0; color: var(--vs-muted); font-size: 11px; text-align: center; }
.vs-form-notice, .vs-form-error { border-radius: 12px; padding: 11px 13px; font-size: 12px; line-height: 1.5; }
.vs-form-notice { border: 1px solid #bcd2c9; background: var(--vs-sage-soft); color: #365f52; }
.vs-form-error { border: 1px solid #e5bbae; background: #fff3ef; color: #8a422d; }
.vs-contact-page { padding: 90px 0 110px; }
.vs-contact-grid { display: grid; grid-template-columns: .92fr 1.08fr; align-items: start; gap: 70px; }
.vs-contact-notes { display: grid; margin-top: 36px; gap: 12px; }
.vs-contact-notes div { display: grid; border-left: 3px solid var(--vs-accent); padding: 5px 0 5px 16px; }
.vs-contact-notes strong { color: var(--vs-navy); }
.vs-contact-notes span { margin-top: 4px; color: var(--vs-muted); font-size: 13px; }
.vs-contact-card { border: 1px solid var(--vs-border); border-radius: 28px; background: #fff; padding: 38px; box-shadow: var(--vs-shadow); }
.vs-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.vs-contact-card label small { color: #99918b; font-size: 9px; }
.vs-policy-page { max-width: none !important; padding: 70px max(20px, calc((100% - 896px)/2)) 100px !important; background: var(--vs-cream); }
.vs-policy-page > div { border-color: var(--vs-border) !important; border-radius: 28px !important; padding: clamp(28px, 5vw, 54px) !important; box-shadow: var(--vs-shadow) !important; }
.vs-policy-page h1, .vs-policy-page h2 { color: var(--vs-navy) !important; font-family: Georgia, "Times New Roman", serif; }
.vs-policy-page a { color: var(--vs-accent-dark) !important; }
.vs-operator-note { border: 1px solid #decdbf; border-radius: 18px; background: var(--vs-accent-soft); padding: 18px 20px; }

.vs-pricing-page { min-height: 70vh; }
.vs-pricing-hero { padding: 88px 0 82px; border-bottom: 1px solid var(--vs-border); background: radial-gradient(circle at 86% 12%, rgba(231,240,236,.96), transparent 29%), radial-gradient(circle at 8% 92%, rgba(242,225,213,.82), transparent 33%), var(--vs-cream); }
.vs-pricing-hero h1 { max-width: 850px; margin: 18px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: clamp(48px, 7vw, 76px); line-height: 1; letter-spacing: -.045em; }
.vs-pricing-hero p { max-width: 750px; margin: 25px 0 30px; color: var(--vs-muted); font-size: 18px; line-height: 1.75; }
.vs-pricing-content { padding: 88px 0 110px; background: var(--vs-cream-deep); }
.vs-pricing-intro { display: flex; align-items: end; justify-content: space-between; gap: 50px; }
.vs-pricing-intro h2, .vs-pricing-shared h2, .vs-pricing-faq h2 { margin: 14px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: clamp(34px, 4vw, 49px); line-height: 1.08; letter-spacing: -.035em; }
.vs-pricing-intro > p { max-width: 520px; margin: 0; color: var(--vs-muted); font-size: 15px; line-height: 1.75; }
.vs-pricing-grid { display: grid; margin-top: 46px; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px; }
.vs-pricing-card { position: relative; display: flex; min-width: 0; min-height: 590px; flex-direction: column; border: 1px solid var(--vs-border); border-radius: 25px; background: #fff; padding: 27px; box-shadow: 0 15px 45px rgba(65,49,35,.05); }
.vs-pricing-card--featured { border-color: #c8a58f; box-shadow: 0 22px 65px rgba(181,111,74,.14); }
.vs-pricing-card__badge { position: absolute; top: -14px; right: 22px; border-radius: 999px; background: var(--vs-accent); color: #fff; padding: 7px 12px; font-size: 9px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.vs-pricing-card__top > span { color: var(--vs-accent); font-size: 9px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.vs-pricing-card h3 { margin: 14px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: 29px; }
.vs-pricing-card__price { min-height: 45px; margin-top: 18px; color: var(--vs-navy); font-family: Georgia, "Times New Roman", serif; font-size: 31px; font-weight: 800; }
.vs-pricing-card__price small { color: var(--vs-muted); font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: 12px; font-weight: 700; }
.vs-pricing-card__top p { min-height: 72px; margin: 14px 0 0; color: var(--vs-muted); font-size: 13px; line-height: 1.7; }
.vs-pricing-card ul { display: grid; margin: 25px 0 28px; padding: 22px 0 0; gap: 13px; border-top: 1px solid var(--vs-border); color: #55514e; font-size: 12px; line-height: 1.55; list-style: none; }
.vs-pricing-card li { position: relative; padding-left: 21px; }
.vs-pricing-card li::before { position: absolute; left: 0; color: var(--vs-sage); font-weight: 900; content: "✓"; }
.vs-pricing-card > .vs-button { width: 100%; margin-top: auto; padding-inline: 14px; }
.vs-pricing-shared { display: flex; margin-top: 78px; align-items: center; justify-content: space-between; gap: 45px; border-radius: 31px; background: var(--vs-navy); padding: 55px; box-shadow: 0 28px 75px rgba(36,52,71,.15); }
.vs-pricing-shared h2 { max-width: 720px; color: #fff; }
.vs-pricing-shared p { max-width: 720px; margin: 18px 0 0; color: #bdc8d0; font-size: 15px; line-height: 1.75; }
.vs-pricing-shared .vs-button { flex: 0 0 auto; }
.vs-pricing-faq { margin-top: 86px; }
.vs-pricing-faq__grid { display: grid; margin-top: 35px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.vs-pricing-faq__grid article { border: 1px solid var(--vs-border); border-radius: 21px; background: rgba(255,255,255,.75); padding: 25px; }
.vs-pricing-faq__grid h3 { margin: 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: 19px; }
.vs-pricing-faq__grid p { margin: 11px 0 0; color: var(--vs-muted); font-size: 13px; line-height: 1.7; }

.vs-crosspost-page { min-height: 70vh; }
.vs-crosspost-hero { padding: 86px 0 82px; border-bottom: 1px solid var(--vs-border); background: radial-gradient(circle at 90% 8%, rgba(231,240,236,.96), transparent 31%), radial-gradient(circle at 7% 94%, rgba(242,225,213,.8), transparent 33%), var(--vs-cream); }
.vs-crosspost-hero__grid { display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 68px; }
.vs-crosspost-hero h1 { margin: 18px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: clamp(45px, 5.7vw, 68px); line-height: 1.02; letter-spacing: -.045em; }
.vs-crosspost-hero p { margin: 25px 0 30px; color: var(--vs-muted); font-size: 17px; line-height: 1.75; }
.vs-crosspost-note { display: grid; margin-top: 22px; gap: 6px; color: #716c67; font-size: 10px; line-height: 1.6; }
.vs-crosspost-note span { border-radius: 9px; background: rgba(255,255,255,.56); padding: 8px 10px; }
.vs-crosspost-note strong { color: var(--vs-navy); }
.vs-crosspost-preview { overflow: hidden; border: 7px solid #fff; border-radius: 29px; background: var(--vs-navy); box-shadow: 0 30px 80px rgba(36,52,71,.2); color: #fff; }
.vs-crosspost-preview__source { padding: 24px; }
.vs-crosspost-preview__source > span { color: #aebbc5; font-size: 9px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.vs-crosspost-preview__frame { display: flex; min-height: 255px; margin-top: 13px; align-items: center; justify-content: center; flex-direction: column; border-radius: 20px; background: linear-gradient(145deg, #d3a98f, #95664f 55%, #42566a); }
.vs-crosspost-preview__frame > div { display: grid; width: 55px; height: 55px; place-items: center; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: rgba(255,255,255,.15); padding-left: 3px; }
.vs-crosspost-preview__frame strong { margin-top: 24px; font-size: 14px; }
.vs-crosspost-preview__frame small { margin-top: 6px; color: rgba(255,255,255,.75); font-size: 10px; }
.vs-crosspost-preview__destinations { display: grid; gap: 1px; background: rgba(255,255,255,.08); }
.vs-crosspost-preview__destinations > div { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 11px; background: var(--vs-navy-dark); padding: 16px 22px; }
.vs-crosspost-preview__destinations span strong, .vs-crosspost-preview__destinations span small { display: block; }
.vs-crosspost-preview__destinations span strong { font-size: 12px; }
.vs-crosspost-preview__destinations span small { margin-top: 4px; color: #aebbc5; font-size: 9px; }
.vs-crosspost-preview__destinations b { border-radius: 999px; background: rgba(122,158,145,.16); color: #bfe1d5; padding: 6px 9px; font-size: 8px; text-transform: uppercase; }
.vs-crosspost-content { padding: 94px 0 110px; background: var(--vs-cream-deep); }
.vs-crosspost-steps { display: grid; margin-top: 44px; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.vs-crosspost-steps article { border: 1px solid var(--vs-border); border-radius: 23px; background: #fff; padding: 27px; }
.vs-crosspost-steps article > span { color: var(--vs-accent); font-family: Georgia, "Times New Roman", serif; font-size: 38px; font-weight: 800; }
.vs-crosspost-steps h3 { margin: 25px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: 19px; }
.vs-crosspost-steps p { margin: 12px 0 0; color: var(--vs-muted); font-size: 13px; line-height: 1.7; }
.vs-crosspost-split { display: grid; margin-top: 82px; grid-template-columns: 1.1fr .9fr; gap: 65px; border-radius: 31px; background: var(--vs-navy); padding: 58px; }
.vs-crosspost-split h2, .vs-crosspost-faq h2 { margin: 15px 0 0; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: clamp(32px, 4vw, 45px); line-height: 1.1; letter-spacing: -.035em; }
.vs-crosspost-split p { margin: 19px 0 0; color: #bdc8d0; font-size: 14px; line-height: 1.8; }
.vs-crosspost-split ul { display: grid; margin: 23px 0 0; padding: 0; gap: 11px; color: #e0e6ea; font-size: 12px; list-style: none; }
.vs-crosspost-split li::before { margin-right: 9px; color: #acd3c5; content: "✓"; }
.vs-crosspost-links { align-self: center; border: 1px solid rgba(255,255,255,.1); border-radius: 22px; background: rgba(255,255,255,.045); padding: 26px; }
.vs-crosspost-links > span { color: #aebbc5; font-size: 9px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.vs-crosspost-links a { display: flex; margin-top: 14px; align-items: center; justify-content: space-between; gap: 15px; border-radius: 14px; background: rgba(255,255,255,.055); color: #edf2f5; padding: 14px; font-size: 11px; font-weight: 800; text-decoration: none; }
.vs-crosspost-links a:hover { background: rgba(255,255,255,.09); }
.vs-crosspost-faq { margin-top: 84px; }
.vs-crosspost-faq h2 { color: var(--vs-text); }
.vs-crosspost-faq > div:last-child { display: grid; margin-top: 34px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
.vs-crosspost-faq article { border: 1px solid var(--vs-border); border-radius: 21px; background: rgba(255,255,255,.76); padding: 25px; }
.vs-crosspost-faq h3 { margin: 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: 18px; }
.vs-crosspost-faq p { margin: 11px 0 0; color: var(--vs-muted); font-size: 13px; line-height: 1.7; }
.vs-crosspost-fanout { position: relative; display: grid; align-self: center; gap: 7px; border: 1px solid rgba(255,255,255,.1); border-radius: 22px; background: rgba(255,255,255,.045); padding: 21px; }
.vs-crosspost-fanout__source, .vs-crosspost-fanout__destination { display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 10px; border-radius: 12px; padding: 10px 12px; }
.vs-crosspost-fanout__source { background: var(--vs-accent); color: #fff; }
.vs-crosspost-fanout__source > span { display: grid; width: 35px; height: 35px; place-items: center; border: 1px solid rgba(255,255,255,.35); border-radius: 10px; }
.vs-crosspost-fanout p { display: flex; margin: 0; flex-direction: column; }
.vs-crosspost-fanout strong { font-size: 9px; }
.vs-crosspost-fanout small { margin-top: 4px; font-size: 7px; }
.vs-crosspost-fanout__source small { color: rgba(255,255,255,.72); }
.vs-crosspost-fanout > i { width: 1px; height: 12px; margin: -4px 0 -4px 18px; background: rgba(255,255,255,.24); }
.vs-crosspost-fanout__destination { position: relative; margin-left: 23px; background: rgba(255,255,255,.07); color: #fff; }
.vs-crosspost-fanout__destination::before { position: absolute; top: 50%; left: -23px; width: 23px; height: 1px; background: rgba(255,255,255,.23); content: ""; }
.vs-crosspost-fanout__destination small { width: max-content; border-radius: 999px; padding: 4px 7px; font-weight: 900; }
.vs-crosspost-fanout__destination .is-ready, .vs-crosspost-fanout__destination .is-published { background: rgba(122,158,145,.2); color: #bfe1d5; }
.vs-crosspost-fanout__destination .is-review { background: rgba(219,164,129,.18); color: #f0bea0; }
.vs-crosspost-fanout__destination .is-scheduled { background: rgba(166,183,199,.16); color: #ccd9e3; }
.vs-crosspost-compare { margin-top: 82px; text-align: center; }
.vs-crosspost-compare h2 { margin: 15px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: clamp(32px, 4vw, 45px); line-height: 1.1; letter-spacing: -.035em; }
.vs-crosspost-compare > div:last-child { margin-top: 34px; overflow: hidden; border: 1px solid var(--vs-border); border-radius: 22px; background: #fff; text-align: left; }
.vs-crosspost-compare > div:last-child > div { display: grid; min-height: 56px; grid-template-columns: 1.1fr 1fr 1fr; align-items: center; gap: 14px; border-top: 1px solid #ece6de; padding: 12px 20px; color: #6f6964; font-size: 10px; }
.vs-crosspost-compare > div:last-child > div:first-child { border-top: 0; background: var(--vs-navy); color: #fff; }
.vs-crosspost-compare strong { color: var(--vs-text); }.vs-crosspost-compare > div:last-child > div:first-child strong { color: #fff; }
.vs-crosspost-compare span:last-child { color: #56766b; font-weight: 800; }
.vs-crosspost-content > .vs-shell > .vs-crosspost-links { display: grid; margin-top: 22px; grid-template-columns: 1fr 1fr 1fr; gap: 10px; background: var(--vs-navy); }
.vs-crosspost-content > .vs-shell > .vs-crosspost-links > span { grid-column: 1 / -1; }

.vs-start-page { min-height: 70vh; }
.vs-start-hero { padding: 86px 0 82px; border-bottom: 1px solid var(--vs-border); background: radial-gradient(circle at 88% 9%, rgba(231,240,236,.98), transparent 31%), radial-gradient(circle at 8% 92%, rgba(242,225,213,.82), transparent 33%), var(--vs-cream); }
.vs-start-hero__grid { display: grid; grid-template-columns: 1fr .82fr; align-items: center; gap: 78px; }
.vs-start-hero h1 { margin: 18px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: clamp(46px, 5.8vw, 69px); line-height: 1.02; letter-spacing: -.045em; }
.vs-start-hero > .vs-shell > div:first-child > p { margin: 25px 0 30px; color: var(--vs-muted); font-size: 17px; line-height: 1.75; }
.vs-start-host-note { max-width: 650px; margin-top: 22px; color: #716c67; font-size: 11px; line-height: 1.65; }
.vs-start-host-note strong { color: var(--vs-accent-dark); }
.vs-start-preview-wrap { max-width: 430px; justify-self: end; }
.vs-start-preview { position: relative; overflow: hidden; border: 7px solid #fff; border-radius: 31px; background: #fff; padding: 0 24px 26px; box-shadow: 0 30px 85px rgba(65,49,35,.16); text-align: center; }
.vs-start-preview__cover { height: 132px; margin: 0 -24px; background: linear-gradient(135deg, #7a9e91, #b8c9bd 48%, #d5aa91); }
.vs-start-preview__avatar { display: grid; width: 76px; height: 76px; margin: -38px auto 0; place-items: center; border: 5px solid #fff; border-radius: 50%; background: var(--vs-navy); color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 20px; font-weight: 800; }
.vs-start-preview h2 { margin: 15px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: 24px; }
.vs-start-preview > p { margin: 7px 0 0; color: var(--vs-muted); font-size: 11px; }
.vs-start-preview__socials { display: flex; margin-top: 16px; justify-content: center; flex-wrap: wrap; gap: 7px; }
.vs-start-preview__socials span { border-radius: 999px; background: var(--vs-sage-soft); color: #4f7166; padding: 6px 8px; font-size: 8px; font-weight: 800; }
.vs-start-preview__links { display: grid; margin-top: 19px; gap: 9px; text-align: left; }
.vs-start-preview__links span { display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid var(--vs-border); border-radius: 13px; background: var(--vs-cream); color: var(--vs-text); padding: 12px; font-size: 9px; font-weight: 800; }
.vs-start-preview__links b { color: var(--vs-accent); }
.vs-start-preview-note { margin-top: 13px; color: var(--vs-muted); font-size: 9px; font-weight: 800; text-align: center; }
.vs-start-content { padding: 94px 0 110px; background: var(--vs-cream-deep); }
.vs-start-feature-grid { display: grid; margin-top: 45px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
.vs-start-feature-grid article { border: 1px solid var(--vs-border); border-radius: 23px; background: #fff; padding: 27px; }
.vs-start-feature-grid article > span { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 14px; background: var(--vs-accent-soft); color: var(--vs-accent); font-weight: 900; }
.vs-start-feature-grid article:nth-child(2n) > span { background: var(--vs-sage-soft); color: var(--vs-sage); }
.vs-start-feature-grid h3 { margin: 20px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: 20px; }
.vs-start-feature-grid p { margin: 11px 0 0; color: var(--vs-muted); font-size: 13px; line-height: 1.7; }
.vs-start-process { display: grid; margin-top: 82px; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 70px; border-radius: 31px; background: var(--vs-navy); padding: 58px; }
.vs-start-process h2, .vs-start-audience h2, .vs-start-cta h2 { margin: 15px 0 0; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: clamp(33px, 4vw, 47px); line-height: 1.08; letter-spacing: -.035em; }
.vs-start-process > div:first-child p { margin: 19px 0 0; color: #bdc8d0; font-size: 14px; line-height: 1.8; }
.vs-start-process > div:last-child { display: grid; gap: 10px; }
.vs-start-process > div:last-child > div { display: grid; grid-template-columns: 43px 1fr; align-items: center; gap: 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(255,255,255,.045); padding: 14px; }
.vs-start-process > div:last-child span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; background: var(--vs-accent); color: #fff; font-size: 9px; font-weight: 900; }
.vs-start-process > div:last-child strong { color: #edf2f5; font-size: 11px; line-height: 1.5; }
.vs-start-audience { margin-top: 86px; }
.vs-start-audience h2 { color: var(--vs-text); }
.vs-start-audience > div:last-child { display: grid; margin-top: 35px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.vs-start-audience article { border: 1px solid var(--vs-border); border-radius: 20px; background: rgba(255,255,255,.74); padding: 24px; }
.vs-start-audience h3 { margin: 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: 18px; }
.vs-start-audience p { margin: 10px 0 0; color: var(--vs-muted); font-size: 12px; line-height: 1.7; }
.vs-start-cta { display: flex; margin-top: 82px; align-items: center; justify-content: space-between; gap: 45px; border: 1px solid var(--vs-border); border-radius: 30px; background: #fff; padding: 52px; box-shadow: var(--vs-shadow); }
.vs-start-cta h2 { max-width: 760px; color: var(--vs-text); }
.vs-start-cta p { margin: 15px 0 0; color: var(--vs-muted); font-size: 15px; }
.vs-start-cta .vs-button { flex: 0 0 auto; }

/* Premium Start Pages feature journey */
.vs-start-preview-wrap { position: relative; }
.vs-start-included-badge { position: absolute; top: 26px; left: -116px; z-index: 3; border: 1px solid #d5e2dc; border-radius: 999px; background: rgba(255,255,255,.96); color: #56766b; padding: 9px 12px; font-size: 8px; font-weight: 900; box-shadow: 0 12px 28px rgba(65,49,35,.1); }
.vs-start-preview__avatar { overflow: hidden; background: linear-gradient(145deg, #d1a88f, #32485c); }
.vs-start-preview__avatar span { display: grid; width: 100%; height: 100%; place-items: center; background: radial-gradient(circle at 50% 32%, rgba(255,255,255,.28) 0 20%, transparent 21%), radial-gradient(circle at 50% 100%, rgba(255,255,255,.18) 0 40%, transparent 41%); }
.vs-start-preview__video { display: grid; margin-top: 17px; grid-template-columns: 75px 1fr; align-items: center; overflow: hidden; border-radius: 12px; background: var(--vs-navy); color: #fff; text-align: left; }
.vs-start-preview__video > i { display: grid; min-height: 62px; place-items: center; background: linear-gradient(135deg, #d0a68d, #566b7d); font-style: normal; }
.vs-start-preview__video > span { display: flex; padding: 10px; flex-direction: column; }
.vs-start-preview__video small, .vs-start-preview__newsletter small { color: #b7c2ca; font-size: 6px; font-weight: 900; letter-spacing: .1em; }
.vs-start-preview__video strong { margin-top: 5px; font-size: 8px; }
.vs-start-preview__newsletter { display: flex; margin-top: 10px; align-items: center; justify-content: space-between; gap: 8px; border-radius: 11px; background: var(--vs-sage-soft); padding: 10px; text-align: left; }
.vs-start-preview__newsletter > span { display: flex; flex-direction: column; }
.vs-start-preview__newsletter small { color: #638176; }
.vs-start-preview__newsletter strong { margin-top: 3px; color: #435c54; font-size: 8px; }
.vs-start-preview__newsletter button { border: 0; border-radius: 999px; background: var(--vs-sage); color: #fff; padding: 7px 10px; font-size: 7px; font-weight: 900; }
.vs-start-examples > h2, .vs-start-compare > h2, .vs-start-customize h2, .vs-start-builder h2, .vs-start-responsive h2, .vs-start-faq h2 { margin: 14px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: clamp(36px, 4.5vw, 52px); line-height: 1.07; letter-spacing: -.037em; }
.vs-start-examples > p, .vs-start-compare > p { max-width: 720px; margin: 17px 0 0; color: var(--vs-muted); font-size: 14px; line-height: 1.75; }
.vs-start-phone-grid { display: grid; margin-top: 43px; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.vs-example-phone { border: 7px solid var(--vs-navy); border-radius: 30px; background: var(--vs-navy); box-shadow: 0 20px 48px rgba(36,52,71,.14); }
.vs-example-phone::before { display: block; width: 46px; height: 7px; margin: 7px auto; border-radius: 999px; background: rgba(255,255,255,.18); content: ""; }
.vs-example-phone__screen { min-height: 415px; border-radius: 20px; background: #fbf7f1; padding: 22px 14px 15px; text-align: center; }
.vs-example-phone__screen > small { color: var(--vs-accent); font-size: 6px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.vs-example-phone__avatar { display: grid; width: 55px; height: 55px; margin: 12px auto 0; place-items: center; border-radius: 50%; background: linear-gradient(145deg, #d0a68e, #4b6072); color: #fff; font-family: Georgia, serif; font-size: 13px; font-weight: 900; }
.vs-example-phone h3 { margin: 10px 0 0; color: var(--vs-navy); font-family: Georgia, serif; font-size: 17px; }
.vs-example-phone p { min-height: 33px; margin: 5px 0 10px; color: #77716b; font-size: 7px; line-height: 1.5; }
.vs-example-phone__feature { display: flex; min-height: 75px; align-items: center; justify-content: center; flex-direction: column; border-radius: 10px; background: linear-gradient(135deg, #caa28a, #536879); color: #fff; }
.vs-example-phone__feature i { font-style: normal; font-size: 15px; }.vs-example-phone__feature strong { margin-top: 5px; font-size: 8px; }
.vs-example-phone__screen > span { display: flex; margin-top: 7px; align-items: center; justify-content: space-between; border: 1px solid var(--vs-border); border-radius: 9px; background: #fff; color: #524e49; padding: 9px; font-size: 7px; font-weight: 800; text-align: left; }
.vs-example-phone__screen > span b { color: var(--vs-accent); }
.vs-example-phone--youtube .vs-example-phone__screen { background: #f5f2ed; }.vs-example-phone--youtube .vs-example-phone__feature { background: linear-gradient(135deg, #b05b51, #513d3d); }
.vs-example-phone--podcast .vs-example-phone__screen { background: #f1edf5; }.vs-example-phone--podcast .vs-example-phone__feature { background: linear-gradient(135deg, #a798bd, #5d526d); }
.vs-example-phone--business .vs-example-phone__screen { background: #eef4f1; }.vs-example-phone--business .vs-example-phone__feature { background: linear-gradient(135deg, #8da99d, #405c52); }

.vs-start-compare, .vs-start-customize, .vs-start-builder, .vs-start-responsive, .vs-start-workflow, .vs-start-faq { margin-top: 96px; }
.vs-start-compare__grid { display: grid; margin-top: 39px; grid-template-columns: .42fr 1.58fr; align-items: center; gap: 34px; }
.vs-compare-simple { display: grid; min-height: 390px; place-items: center; border: 7px solid var(--vs-navy); border-radius: 31px; background: #fff; padding: 27px; }
.vs-compare-simple small { align-self: end; color: #8c857f; font-size: 7px; font-weight: 900; letter-spacing: .12em; }
.vs-compare-avatar { width: 64px; height: 64px; border-radius: 50%; background: #ddd7d0; }
.vs-compare-simple i { width: 100%; height: 38px; border-radius: 999px; background: var(--vs-cream-deep); }
.vs-compare-table { overflow: hidden; border: 1px solid var(--vs-border); border-radius: 23px; background: #fff; }
.vs-compare-table > div { display: grid; min-height: 52px; grid-template-columns: 1.25fr .8fr .9fr; align-items: center; gap: 12px; border-top: 1px solid #ece6de; padding: 10px 17px; color: #69645f; font-size: 10px; }
.vs-compare-table > div:first-child { border-top: 0; background: var(--vs-navy); color: #fff; }
.vs-compare-table strong { color: var(--vs-text); font-size: 10px; }.vs-compare-table > div:first-child strong { color: #fff; }
.vs-compare-table b { color: #bdc8d0; font-size: 8px; }.vs-compare-table span:last-child { color: #56776c; font-weight: 800; }

.vs-start-customize { display: grid; grid-template-columns: .65fr 1.35fr; align-items: center; gap: 60px; }
.vs-start-customize__copy > p { margin: 19px 0 0; color: var(--vs-muted); font-size: 14px; line-height: 1.8; }
.vs-theme-studio { display: grid; grid-template-columns: 150px 1fr; overflow: hidden; border: 7px solid #fff; border-radius: 27px; background: #eef0f2; box-shadow: 0 25px 65px rgba(36,52,71,.13); }
.vs-theme-studio > aside { background: #fff; padding: 17px; }
.vs-theme-studio aside > small, .vs-builder-app > aside > small, .vs-builder-app > main > small, .vs-builder-app > section > small { color: var(--vs-accent); font-size: 7px; font-weight: 900; letter-spacing: .12em; }
.vs-theme-studio label { display: block; margin-top: 16px; color: #737d84; font-size: 7px; font-weight: 800; }
.vs-theme-studio label span { display: block; margin-top: 5px; border: 1px solid #dfe3e5; border-radius: 7px; padding: 8px; color: #4f5b63; font-weight: 500; }
.vs-theme-studio label i { display: inline-block; width: 19px; height: 19px; margin: 7px 3px 0 0; border: 2px solid #fff; border-radius: 50%; background: var(--vs-accent); box-shadow: 0 0 0 1px #d5dadd; }.vs-theme-studio label i:nth-child(3) { background: var(--vs-sage); }.vs-theme-studio label i:nth-child(4) { background: var(--vs-lavender); }.vs-theme-studio label i:nth-child(5) { background: var(--vs-navy); }
.vs-theme-previews { display: grid; grid-template-columns: repeat(5, 120px); gap: 9px; overflow-x: auto; padding: 20px; }
.vs-theme-previews article { display: flex; min-height: 290px; align-items: center; flex-direction: column; border: 4px solid #fff; border-radius: 17px; background: #fbf7f1; padding: 11px 8px; box-shadow: 0 9px 24px rgba(36,52,71,.08); }
.vs-theme-previews article > span { align-self: flex-start; color: #928a82; font-size: 6px; font-weight: 900; text-transform: uppercase; }
.vs-theme-previews article i { display: grid; width: 43px; height: 43px; margin-top: 25px; place-items: center; border-radius: 50%; background: var(--vs-navy); color: #fff; font-style: normal; font-size: 9px; font-weight: 900; }
.vs-theme-previews article b { margin-top: 10px; color: var(--vs-navy); font-family: Georgia, serif; font-size: 9px; }.vs-theme-previews article small { margin-top: 5px; color: #827c76; font-size: 5px; text-align: center; }
.vs-theme-previews article em { width: 100%; height: 29px; margin-top: 11px; border: 1px solid var(--vs-border); border-radius: 8px; background: #fff; }
.vs-theme-previews .theme-dark { background: #263648; }.vs-theme-previews .theme-dark b, .vs-theme-previews .theme-dark small { color: #fff; }.vs-theme-previews .theme-dark em { border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.08); }
.vs-theme-previews .theme-minimal { background: #fff; }.vs-theme-previews .theme-creator { background: #eef4f1; }.vs-theme-previews .theme-professional { background: #eef1f5; }

.vs-start-builder__heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; }
.vs-start-builder__heading > p { max-width: 470px; margin: 0; color: var(--vs-muted); font-size: 13px; line-height: 1.75; }
.vs-builder-app { display: grid; margin-top: 40px; overflow: hidden; grid-template-columns: 190px 1fr 280px; border: 7px solid #fff; border-radius: 28px; background: #f5f7f8; box-shadow: 0 27px 72px rgba(36,52,71,.15); }
.vs-builder-app__bar { display: flex; min-height: 54px; grid-column: 1 / -1; align-items: center; justify-content: space-between; border-bottom: 1px solid #dfe3e5; background: #fff; padding: 11px 17px; }
.vs-builder-app__bar > span { color: var(--vs-navy); font-size: 11px; font-weight: 900; }
.vs-builder-app button { border: 1px solid #d7dde0; border-radius: 999px; background: #fff; color: #667179; padding: 8px 11px; font-size: 7px; font-weight: 800; }.vs-builder-app button:last-child { border-color: var(--vs-accent); background: var(--vs-accent); color: #fff; }
.vs-builder-app > aside { border-right: 1px solid #dfe3e5; background: #fff; padding: 17px; }
.vs-builder-app > aside > div { display: grid; margin-top: 9px; grid-template-columns: 28px 1fr auto; align-items: center; gap: 7px; border: 1px solid #e1e4e6; border-radius: 9px; color: #59656d; padding: 8px; font-size: 8px; font-weight: 700; }
.vs-builder-app > aside > div span { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 7px; background: var(--vs-accent-soft); color: var(--vs-accent); font-weight: 900; }.vs-builder-app > aside > div b { color: #99a1a7; }
.vs-builder-app > main { padding: 18px; }
.vs-builder-app > main > div { display: grid; margin-top: 10px; grid-template-columns: 24px 1fr auto; align-items: center; gap: 9px; border: 1px solid #dfe3e5; border-radius: 10px; background: #fff; padding: 11px; }
.vs-builder-app > main > div > b, .vs-builder-app > main > div > i { color: #a0a7ac; font-size: 8px; font-style: normal; }
.vs-builder-app > main > div span { display: flex; flex-direction: column; }.vs-builder-app > main > div small { color: var(--vs-accent); font-size: 6px; font-weight: 900; }.vs-builder-app > main > div strong { margin-top: 4px; color: var(--vs-navy); font-size: 8px; }
.vs-builder-app > main > div.is-dragging { border-color: #cba98f; transform: translateX(5px); box-shadow: 0 9px 22px rgba(181,111,74,.11); }
.vs-builder-app > section { border-left: 1px solid #dfe3e5; background: #e9efec; padding: 17px; }
.vs-builder-phone { min-height: 350px; margin: 11px auto 0; border: 5px solid var(--vs-navy); border-radius: 24px; background: var(--vs-cream); padding: 26px 13px 15px; text-align: center; }
.vs-builder-phone i { display: grid; width: 49px; height: 49px; margin: 0 auto; place-items: center; border-radius: 50%; background: var(--vs-navy); color: #fff; font-style: normal; font-size: 10px; font-weight: 900; }.vs-builder-phone strong { display: block; margin-top: 10px; color: var(--vs-navy); font-family: Georgia, serif; font-size: 13px; }.vs-builder-phone p { margin: 6px 0 13px; color: #7c7771; font-size: 6px; }.vs-builder-phone span { display: block; margin-top: 8px; border: 1px solid var(--vs-border); border-radius: 8px; background: #fff; padding: 10px 5px; color: #58534e; font-size: 7px; font-weight: 800; }

.vs-start-responsive { display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: 68px; border-radius: 31px; background: var(--vs-navy); padding: 58px; }
.vs-start-responsive h2 { color: #fff; }.vs-start-responsive > div:first-child > p { margin: 19px 0 0; color: #bdc8d0; font-size: 13px; line-height: 1.8; }.vs-start-responsive ul { display: grid; margin: 22px 0 0; padding: 0; gap: 9px; color: #dfe6ea; font-size: 10px; list-style: none; }.vs-start-responsive li::before { margin-right: 7px; color: #abd2c4; content: "✓"; }
.vs-device-stage { position: relative; min-height: 360px; }
.vs-device-desktop, .vs-device-tablet, .vs-device-phone { position: absolute; overflow: hidden; border: 6px solid #fff; background: var(--vs-cream); box-shadow: 0 20px 50px rgba(0,0,0,.2); }
.vs-device-desktop { top: 27px; right: 0; width: 390px; height: 245px; border-radius: 15px; }.vs-device-tablet { right: 260px; bottom: 10px; width: 185px; height: 235px; border-radius: 20px; }.vs-device-phone { right: 45px; bottom: 0; width: 115px; height: 215px; border-radius: 25px; }
.vs-device-stage span { display: block; height: 40%; background: linear-gradient(135deg, #92aa9f, #d1a78f); }.vs-device-stage i { display: block; height: 24px; margin: 12px; border-radius: 7px; background: #fff; }
.vs-start-audience > div:last-child { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vs-start-audience article { display: grid; grid-template-columns: 40px 1fr; gap: 13px; }
.vs-start-audience article > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; background: var(--vs-accent-soft); color: var(--vs-accent); font-weight: 900; }.vs-start-audience article:nth-child(even) > span { background: var(--vs-sage-soft); color: var(--vs-sage); }
.vs-start-audience h3 { font-size: 17px; }.vs-start-audience p { margin-top: 7px; }.vs-start-audience small { display: block; margin-top: 7px; color: #68746f; font-size: 9px; font-weight: 800; line-height: 1.5; }
.vs-start-workflow { display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: 65px; border-radius: 31px; background: #fff; padding: 55px; box-shadow: var(--vs-shadow); }
.vs-start-workflow h2 { margin: 14px 0 0; color: var(--vs-text); font-family: Georgia, serif; font-size: clamp(35px, 4.2vw, 49px); line-height: 1.07; }.vs-start-workflow > div:first-child p { margin: 18px 0 0; color: var(--vs-muted); font-size: 13px; line-height: 1.8; }
.vs-start-workflow__steps { display: grid; gap: 5px; }.vs-start-workflow__steps > div { display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 11px; border: 1px solid var(--vs-border); border-radius: 13px; background: var(--vs-cream); padding: 11px; }.vs-start-workflow__steps span { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 11px; background: var(--vs-accent-soft); color: var(--vs-accent); font-weight: 900; }.vs-start-workflow__steps strong { color: var(--vs-navy); font-size: 10px; }.vs-start-workflow__steps > i { color: var(--vs-sage); font-style: normal; font-weight: 900; text-align: center; }
.vs-start-faq > div:last-child { display: grid; margin-top: 35px; grid-template-columns: repeat(2, 1fr); gap: 15px; }.vs-start-faq article { border: 1px solid var(--vs-border); border-radius: 20px; background: rgba(255,255,255,.78); padding: 23px; }.vs-start-faq h3 { margin: 0; color: var(--vs-text); font-family: Georgia, serif; font-size: 17px; }.vs-start-faq p { margin: 10px 0 0; color: var(--vs-muted); font-size: 11px; line-height: 1.7; }
.vs-start-page .vs-start-cta { display: grid; grid-template-columns: 1fr 300px; overflow: hidden; padding: 52px 35px 52px 52px; }
.vs-start-page .vs-start-cta .vs-button-row { margin-top: 28px; }
.vs-cta-phone { align-self: end; justify-self: center; width: 220px; border: 6px solid var(--vs-navy); border-bottom: 0; border-radius: 30px 30px 0 0; background: var(--vs-navy); padding: 8px 8px 0; }
.vs-cta-phone > div { min-height: 330px; border-radius: 18px 18px 0 0; background: var(--vs-cream); padding: 28px 13px; text-align: center; }.vs-cta-phone i { display: grid; width: 58px; height: 58px; margin: 0 auto; place-items: center; border-radius: 50%; background: linear-gradient(135deg, #d0a58d, #536779); color: #fff; font-style: normal; font-weight: 900; }.vs-cta-phone strong { display: block; margin-top: 11px; color: var(--vs-navy); font-family: Georgia, serif; font-size: 15px; }.vs-cta-phone small { display: block; margin-top: 5px; color: var(--vs-muted); font-size: 7px; }.vs-cta-phone span { display: block; margin-top: 9px; border: 1px solid var(--vs-border); border-radius: 9px; background: #fff; padding: 10px; color: #57524d; font-size: 7px; font-weight: 800; }

/* Creator persona landing page */
.vs-creators-hero { padding: 82px 0 76px; background: radial-gradient(circle at 88% 10%, rgba(231,240,236,.98), transparent 30%), radial-gradient(circle at 8% 92%, rgba(242,225,213,.8), transparent 33%), var(--vs-cream); }
.vs-creators-hero__grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 66px; }
.vs-creators-hero h1 { margin: 18px 0 0; color: var(--vs-text); font-family: Georgia, serif; font-size: clamp(48px, 6vw, 71px); line-height: 1; letter-spacing: -.045em; }
.vs-creators-hero__grid > div:first-child > p { margin: 24px 0 0; color: var(--vs-muted); font-size: 16px; line-height: 1.75; }
.vs-creator-problems { display: grid; margin-top: 22px; grid-template-columns: 1fr 1fr; gap: 8px; }
.vs-creator-problems span { display: flex; align-items: center; gap: 7px; color: #65615d; font-size: 9px; font-weight: 700; }
.vs-creator-problems i { display: grid; width: 20px; height: 20px; flex: 0 0 20px; place-items: center; border-radius: 50%; background: var(--vs-accent-soft); color: var(--vs-accent); font-size: 8px; font-style: normal; font-weight: 900; }
.vs-creator-promise { display: block; margin-top: 22px; border-left: 3px solid var(--vs-accent); color: var(--vs-navy); padding: 4px 0 4px 13px; font-family: Georgia, serif; font-size: 14px; line-height: 1.5; }
.vs-creators-hero .vs-button-row { margin-top: 27px; }
.vs-creator-desk { position: relative; min-width: 0; padding: 42px 12px; }
.vs-creator-desk__window { overflow: hidden; border: 7px solid #fff; border-radius: 28px; background: #f7f9fa; box-shadow: 0 30px 85px rgba(36,52,71,.18); }
.vs-creator-desk__body { display: grid; min-height: 390px; grid-template-columns: 47px 1fr; }
.vs-creator-desk__body > aside { display: flex; align-items: center; flex-direction: column; gap: 15px; background: var(--vs-navy); padding: 14px 6px; color: #a7b4be; }
.vs-creator-desk__body > aside b { display: grid; width: 29px; height: 29px; margin-bottom: 6px; place-items: center; border-radius: 9px; background: var(--vs-accent); color: #fff; font-size: 8px; }.vs-creator-desk__body > aside span { font-size: 10px; }
.vs-creator-desk__body > div { padding: 20px; }.vs-creator-desk__body > div > small { color: var(--vs-accent); font-size: 7px; font-weight: 900; letter-spacing: .13em; }.vs-creator-desk__body > div > strong { display: block; margin-top: 5px; color: var(--vs-navy); font-size: 14px; }
.vs-creator-desk__stats { display: grid; margin-top: 18px; grid-template-columns: repeat(3, 1fr); gap: 8px; }.vs-creator-desk__stats span { display: flex; align-items: baseline; gap: 6px; border: 1px solid #dfe3e5; border-radius: 11px; background: #fff; color: #858e94; padding: 11px; font-size: 7px; }.vs-creator-desk__stats b { color: var(--vs-navy); font-size: 20px; }
.vs-creator-desk__queue { display: grid; margin-top: 14px; gap: 8px; }.vs-creator-desk__queue article { display: grid; grid-template-columns: 37px 1fr auto; align-items: center; gap: 10px; border: 1px solid #dfe3e5; border-radius: 11px; background: #fff; padding: 11px; }.vs-creator-desk__queue article > i { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 10px; background: var(--vs-accent-soft); color: var(--vs-accent); font-style: normal; font-weight: 900; }.vs-creator-desk__queue p { display: flex; margin: 0; flex-direction: column; }.vs-creator-desk__queue p b { color: var(--vs-navy); font-size: 9px; }.vs-creator-desk__queue p small { margin-top: 4px; color: #899299; font-size: 7px; }.vs-creator-desk__queue article > span { border-radius: 999px; background: var(--vs-sage-soft); color: #607f74; padding: 6px 8px; font-size: 7px; font-weight: 800; }
.vs-desk-note { position: absolute; z-index: 3; display: grid; width: 178px; grid-template-columns: 34px 1fr; align-items: center; gap: 9px; border: 1px solid var(--vs-border); border-radius: 14px; background: rgba(255,255,255,.96); padding: 10px; box-shadow: 0 15px 35px rgba(36,52,71,.13); }.vs-desk-note > span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 10px; background: var(--vs-sage-soft); color: var(--vs-sage); }.vs-desk-note p { display: flex; margin: 0; flex-direction: column; }.vs-desk-note small { color: #978d85; font-size: 5px; font-weight: 900; letter-spacing: .1em; }.vs-desk-note strong { margin-top: 4px; color: var(--vs-navy); font-size: 8px; }.vs-desk-note--idea { top: 2px; right: -3px; }.vs-desk-note--status { bottom: 4px; left: -10px; }.vs-desk-note--status > span { background: var(--vs-accent-soft); color: var(--vs-accent); }
.vs-creator-day { padding: 82px 0; border-block: 1px solid var(--vs-border); background: #fff; }.vs-creator-day h2, .vs-creator-personas h2, .vs-publishing-week h2, .vs-creator-toolkit h2, .vs-before-after h2, .vs-creator-formats h2 { margin: 14px 0 0; color: var(--vs-text); font-family: Georgia, serif; font-size: clamp(36px, 4.5vw, 53px); line-height: 1.07; letter-spacing: -.037em; }
.vs-day-flow { display: grid; margin-top: 40px; grid-template-columns: 1fr 24px 1fr 24px 1fr 24px 1fr; align-items: center; }.vs-day-flow article { min-height: 225px; border: 1px solid var(--vs-border); border-radius: 22px; background: var(--vs-cream); padding: 22px; }.vs-day-flow article > span { font-size: 27px; }.vs-day-flow article > small { display: block; margin-top: 19px; color: var(--vs-accent); font-size: 8px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }.vs-day-flow h3 { margin: 8px 0 0; color: var(--vs-navy); font-family: Georgia, serif; font-size: 20px; }.vs-day-flow p { margin: 10px 0 0; color: var(--vs-muted); font-size: 10px; line-height: 1.65; }.vs-day-flow > i { color: var(--vs-sage); font-style: normal; font-weight: 900; text-align: center; }
.vs-creator-personas, .vs-creator-toolkit, .vs-creator-formats { padding: 98px 0; background: var(--vs-cream-deep); }.vs-persona-grid { display: grid; margin-top: 42px; grid-template-columns: repeat(3, 1fr); gap: 17px; }.vs-persona-card { border: 1px solid var(--vs-border); border-radius: 24px; background: #fff; padding: 19px; }.vs-persona-art { position: relative; display: grid; height: 145px; place-items: center; overflow: hidden; border-radius: 15px; background: linear-gradient(135deg, #d1aa92, #526779); }.vs-persona-art > span { position: relative; z-index: 2; display: grid; width: 50px; height: 50px; place-items: center; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: rgba(255,255,255,.18); color: #fff; font-size: 18px; }.vs-persona-art i { position: absolute; width: 100px; height: 100px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; }.vs-persona-art i:last-child { width: 150px; height: 150px; }.vs-persona-card--podcast .vs-persona-art, .vs-persona-card--artist .vs-persona-art { background: linear-gradient(135deg, #ae9fc1, #60546f); }.vs-persona-card--author .vs-persona-art, .vs-persona-card--business .vs-persona-art { background: linear-gradient(135deg, #94ada2, #49645a); }
.vs-persona-card h3 { margin: 19px 0 0; color: var(--vs-navy); font-family: Georgia, serif; font-size: 21px; }.vs-persona-card p { margin: 12px 0 0; color: var(--vs-muted); font-size: 10px; line-height: 1.6; }.vs-persona-card p strong { display: block; margin-bottom: 3px; color: var(--vs-accent-dark); font-size: 7px; letter-spacing: .1em; text-transform: uppercase; }
.vs-publishing-week { padding: 98px 0; background: var(--vs-navy); }.vs-publishing-week__grid { display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: 70px; }.vs-publishing-week h2 { color: #fff; }.vs-publishing-week__grid > div:first-child > p { margin: 20px 0 0; color: #bdc8d0; font-size: 14px; line-height: 1.8; }.vs-week-legend { display: flex; margin-top: 22px; flex-wrap: wrap; gap: 9px; }.vs-week-legend span { border-radius: 999px; background: rgba(255,255,255,.07); color: #cbd5dc; padding: 7px 9px; font-size: 7px; font-weight: 800; }.vs-week-board { display: grid; gap: 7px; border: 1px solid rgba(255,255,255,.1); border-radius: 23px; background: rgba(255,255,255,.04); padding: 17px; }.vs-week-board > div { display: grid; min-height: 53px; grid-template-columns: 44px 34px 1fr auto; align-items: center; gap: 9px; border-radius: 12px; background: rgba(255,255,255,.065); padding: 9px 12px; }.vs-week-board > div > b { color: #efb99b; font-size: 7px; letter-spacing: .1em; }.vs-week-board > div > span { font-size: 16px; }.vs-week-board p { display: flex; margin: 0; flex-direction: column; }.vs-week-board p strong { color: #fff; font-size: 9px; }.vs-week-board p small { margin-top: 3px; color: #aebbc5; font-size: 7px; }.vs-week-board > div > i { color: #acd2c4; font-style: normal; }
.vs-toolkit-grid { display: grid; margin-top: 40px; grid-template-columns: repeat(3, 1fr); gap: 16px; }.vs-toolkit-grid article { border: 1px solid var(--vs-border); border-radius: 22px; background: #fff; padding: 18px; }.vs-tool-art { position: relative; height: 130px; overflow: hidden; border-radius: 14px; background: var(--vs-accent-soft); }.vs-tool-art span { position: absolute; top: 20px; left: 20px; z-index: 2; display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: var(--vs-navy); color: #fff; font-size: 15px; }.vs-tool-art i { position: absolute; right: 18px; left: 82px; height: 18px; border-radius: 6px; background: rgba(255,255,255,.72); }.vs-tool-art i:nth-of-type(1) { top: 22px; }.vs-tool-art i:nth-of-type(2) { top: 51px; width: 55%; }.vs-tool-art i:nth-of-type(3) { right: 35px; bottom: 20px; left: 20px; height: 31px; }.vs-tool-art--calendar, .vs-tool-art--page { background: var(--vs-sage-soft); }.vs-tool-art--library, .vs-tool-art--ai { background: #eeeaf4; }.vs-toolkit-grid h3 { margin: 18px 0 0; color: var(--vs-navy); font-family: Georgia, serif; font-size: 20px; }.vs-toolkit-grid p { margin: 9px 0 0; color: var(--vs-muted); font-size: 10px; line-height: 1.65; }
.vs-before-after { padding: 98px 0; background: #fff; }.vs-before-after__heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; }.vs-before-after__heading > p { max-width: 470px; margin: 0; color: var(--vs-muted); font-size: 13px; line-height: 1.75; }.vs-before-after__grid { display: grid; margin-top: 42px; grid-template-columns: 1fr 110px 1fr; align-items: center; gap: 20px; }.vs-before-after article { min-height: 330px; border-radius: 25px; padding: 28px; }.vs-before { border: 1px solid var(--vs-border); background: var(--vs-cream); }.vs-after { background: var(--vs-navy); }.vs-before-after article > small { color: var(--vs-accent); font-size: 8px; font-weight: 900; letter-spacing: .13em; }.vs-before-after article > div { display: grid; margin-top: 23px; grid-template-columns: repeat(2, 1fr); gap: 8px; }.vs-before-after article span { border-radius: 9px; background: #fff; color: #69645f; padding: 10px; font-size: 9px; font-weight: 700; }.vs-after span { background: rgba(255,255,255,.08); color: #e0e7eb; }.vs-before-after article > p { margin: 22px 0 0; color: var(--vs-muted); font-family: Georgia, serif; font-size: 14px; line-height: 1.55; }.vs-after > p { color: #bdc8d0 !important; }.vs-converge { display: grid; place-items: center; }.vs-converge i { color: #c8b9ac; font-style: normal; }.vs-converge b { display: grid; width: 61px; height: 61px; margin: 10px; place-items: center; border-radius: 18px; background: var(--vs-accent); color: #fff; font-family: Georgia, serif; font-size: 16px; }
.vs-creator-formats { text-align: center; }.vs-creator-formats .vs-shell > div:last-child { display: grid; margin-top: 38px; grid-template-columns: repeat(6, 1fr); gap: 12px; }.vs-creator-formats article { display: flex; min-height: 135px; align-items: center; justify-content: center; flex-direction: column; border: 1px solid var(--vs-border); border-radius: 20px; background: rgba(255,255,255,.78); padding: 17px; }.vs-creator-formats article span { font-size: 25px; }.vs-creator-formats article strong { margin-top: 13px; color: var(--vs-navy); font-size: 9px; }
.vs-creators-final { padding: 0 0 110px; background: var(--vs-cream-deep); }.vs-creators-final .vs-shell { display: grid; grid-template-columns: 1fr .75fr; align-items: center; gap: 55px; border-radius: 32px; background: #fff; padding: 62px; box-shadow: var(--vs-shadow); }.vs-creators-final h2 { margin: 14px 0 0; color: var(--vs-text); font-family: Georgia, serif; font-size: clamp(39px, 5vw, 58px); line-height: 1.03; }.vs-creators-final p { margin: 20px 0 28px; color: var(--vs-muted); font-size: 15px; }.vs-final-workflow { display: grid; gap: 7px; border-radius: 23px; background: var(--vs-navy); padding: 25px; text-align: center; }.vs-final-workflow span { border-radius: 11px; background: rgba(255,255,255,.07); color: #fff; padding: 13px; font-size: 8px; font-weight: 900; letter-spacing: .12em; }.vs-final-workflow i { color: #efb99b; font-style: normal; font-weight: 900; }

/* YouTube Scheduler landing page */
.vs-yt-hero { padding: 82px 0 76px; background: radial-gradient(circle at 88% 10%, rgba(231,240,236,.98), transparent 30%), radial-gradient(circle at 8% 92%, rgba(242,225,213,.8), transparent 33%), var(--vs-cream); }.vs-yt-hero__grid { display: grid; grid-template-columns: .84fr 1.16fr; align-items: center; gap: 60px; }.vs-yt-hero h1 { margin: 18px 0 0; color: var(--vs-text); font-family: Georgia, serif; font-size: clamp(47px, 5.8vw, 69px); line-height: 1.01; letter-spacing: -.045em; }.vs-yt-hero__grid > div:first-child > p { margin: 25px 0 30px; color: var(--vs-muted); font-size: 16px; line-height: 1.75; }.vs-yt-trust { display: flex; margin-top: 23px; flex-wrap: wrap; gap: 8px; }.vs-yt-trust span { border-radius: 999px; background: var(--vs-sage-soft); color: #5d7b70; padding: 7px 9px; font-size: 7px; font-weight: 800; }
.vs-yt-dashboard { overflow: hidden; border: 7px solid #fff; border-radius: 28px; background: #f7f9fa; box-shadow: 0 30px 85px rgba(36,52,71,.18); }.vs-yt-dashboard__body { display: grid; grid-template-columns: .78fr 1.22fr; }.vs-yt-video { position: relative; display: flex; min-height: 430px; align-items: center; justify-content: center; flex-direction: column; background: linear-gradient(145deg, #d1aa92, #9b6c55 50%, #43586b); color: #fff; }.vs-yt-video > span { position: absolute; top: 15px; left: 15px; border-radius: 999px; background: rgba(36,52,71,.78); padding: 6px 8px; font-size: 6px; font-weight: 900; }.vs-yt-video > i { display: grid; width: 55px; height: 55px; place-items: center; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: rgba(255,255,255,.15); font-style: normal; }.vs-yt-video > small { position: absolute; right: 12px; bottom: 12px; left: 12px; font-size: 7px; }.vs-yt-fields { padding: 16px; }.vs-yt-fields label { display: block; margin-top: 10px; color: #7b858c; font-size: 7px; font-weight: 800; }.vs-yt-fields label:first-child { margin-top: 0; }.vs-yt-fields label > span { display: block; margin-top: 4px; border: 1px solid #dfe3e5; border-radius: 8px; background: #fff; color: #526069; padding: 8px; font-size: 7px; font-weight: 500; line-height: 1.4; }.vs-yt-fields > div { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }.vs-yt-fields .vs-yt-channel-row { display: flex; margin-top: 11px; align-items: center; flex-wrap: wrap; gap: 5px; }.vs-yt-channel-row small { width: 100%; color: var(--vs-accent); font-size: 6px; font-weight: 900; letter-spacing: .1em; }.vs-yt-channel-row > span { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 7px; background: #fff; color: var(--vs-navy); font-size: 7px; font-weight: 900; }.vs-yt-channel-row button { margin-left: auto; border: 0; border-radius: 999px; background: var(--vs-accent); color: #fff; padding: 8px 10px; font-size: 7px; font-weight: 800; }
.vs-yt-reasons, .vs-yt-calendar-section, .vs-yt-ai, .vs-yt-audience, .vs-yt-faq { padding: 98px 0; background: var(--vs-cream-deep); }.vs-yt-reasons h2, .vs-yt-release h2, .vs-yt-calendar-section h2, .vs-yt-shorts h2, .vs-yt-ai h2, .vs-yt-platforms h2, .vs-yt-audience h2, .vs-yt-compare h2, .vs-yt-faq h2, .vs-yt-final h2 { margin: 14px 0 0; color: var(--vs-text); font-family: Georgia, serif; font-size: clamp(36px, 4.5vw, 53px); line-height: 1.07; letter-spacing: -.037em; }.vs-yt-reason-grid { display: grid; margin-top: 42px; grid-template-columns: repeat(4, 1fr); gap: 16px; }.vs-yt-reason-grid article { border: 1px solid var(--vs-border); border-radius: 23px; background: #fff; padding: 18px; }.vs-yt-reason-art { position: relative; height: 140px; overflow: hidden; border-radius: 15px; background: var(--vs-accent-soft); }.vs-yt-reason-art > span { position: absolute; top: 43px; left: 50%; z-index: 2; display: grid; width: 50px; height: 50px; place-items: center; transform: translateX(-50%); border-radius: 15px; background: var(--vs-navy); color: #fff; font-size: 17px; }.vs-yt-reason-art i { position: absolute; inset: 22px; border: 1px dashed #c6ad9c; border-radius: 50%; }.vs-yt-reason-art i:last-child { inset: 42px; }.vs-yt-reason-art--routine, .vs-yt-reason-art--launch { background: var(--vs-sage-soft); }.vs-yt-reason-art--prepare { background: #eeeaf4; }.vs-yt-reason-grid h3, .vs-yt-audience h3 { margin: 18px 0 0; color: var(--vs-navy); font-family: Georgia, serif; font-size: 20px; }.vs-yt-reason-grid p, .vs-yt-audience p { margin: 9px 0 0; color: var(--vs-muted); font-size: 10px; line-height: 1.65; }
.vs-yt-release { padding: 98px 0; background: var(--vs-navy); }.vs-yt-release__grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 65px; }.vs-yt-release h2 { color: #fff; }.vs-yt-release__grid > div:first-child > p, .vs-yt-shorts__grid > div:last-child > p, .vs-yt-ai__grid > div:first-child > p { margin: 20px 0 0; color: #bdc8d0; font-size: 14px; line-height: 1.8; }.vs-yt-release ul, .vs-yt-shorts ul, .vs-yt-ai ul { display: grid; margin: 22px 0 0; padding: 0; gap: 9px; color: #dfe6ea; font-size: 10px; list-style: none; }.vs-yt-release li::before, .vs-yt-shorts li::before, .vs-yt-ai li::before { margin-right: 7px; color: #acd2c4; content: "✓"; }.vs-yt-release-flow { display: grid; gap: 4px; border: 1px solid rgba(255,255,255,.1); border-radius: 23px; background: rgba(255,255,255,.04); padding: 18px; }.vs-yt-release-flow > div { display: grid; grid-template-columns: 37px 1fr; align-items: center; gap: 11px; border-radius: 11px; background: rgba(255,255,255,.07); padding: 9px 12px; }.vs-yt-release-flow > div > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; background: var(--vs-accent); color: #fff; font-size: 9px; font-weight: 900; }.vs-yt-release-flow strong { color: #fff; font-size: 9px; }.vs-yt-release-flow > i { color: #efb99b; font-style: normal; font-weight: 900; text-align: center; }
.vs-yt-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; }.vs-yt-section-heading > p { max-width: 500px; margin: 0; color: var(--vs-muted); font-size: 13px; line-height: 1.75; }.vs-yt-calendar { margin-top: 39px; overflow: hidden; border: 1px solid var(--vs-border); border-radius: 23px; background: #fff; box-shadow: 0 15px 45px rgba(65,49,35,.05); }.vs-yt-calendar__head, .vs-yt-calendar__grid { display: grid; grid-template-columns: repeat(7, 1fr); }.vs-yt-calendar__head b { border-right: 1px solid var(--vs-border); background: var(--vs-navy); color: #fff; padding: 12px 5px; font-size: 7px; text-align: center; }.vs-yt-calendar__grid > div { min-height: 260px; border-right: 1px solid var(--vs-border); padding: 8px 5px; background: repeating-linear-gradient(0deg,#fff,#fff 55px,#edf0f1 56px); }.vs-yt-calendar__grid article { margin-top: 17px; border-radius: 8px; padding: 8px; }.vs-yt-calendar__grid article small, .vs-yt-calendar__grid article span { display: block; font-size: 6px; line-height: 1.35; }.vs-yt-calendar__grid article strong { display: block; margin: 6px 0; color: var(--vs-navy); font-size: 8px; }.vs-yt-calendar__grid .is-published { background: var(--vs-sage-soft); color: #5e7b71; }.vs-yt-calendar__grid .is-scheduled { background: var(--vs-accent-soft); color: #946047; }.vs-yt-calendar__grid .is-draft { background: #eeeaf4; color: #76698a; }.vs-yt-calendar__grid .is-reminder { background: #eef1f5; color: #617182; }.vs-yt-calendar__grid .is-review { background: #f4eee6; color: #82746b; }.vs-yt-calendar__legend { display: flex; gap: 14px; border-top: 1px solid var(--vs-border); padding: 11px 14px; color: #727b82; font-size: 7px; }
.vs-yt-shorts, .vs-yt-platforms, .vs-yt-compare { padding: 98px 0; background: #fff; }.vs-yt-shorts__grid, .vs-yt-ai__grid { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 68px; }.vs-shorts-studio { display: grid; grid-template-columns: 1fr 210px; overflow: hidden; border: 7px solid #fff; border-radius: 28px; background: #eef1f2; box-shadow: 0 27px 70px rgba(36,52,71,.14); }.vs-shorts-studio > aside { padding: 18px; }.vs-shorts-studio label { display: block; margin-top: 10px; color: #778188; font-size: 7px; font-weight: 800; }.vs-shorts-studio label span { display: block; margin-top: 4px; border: 1px solid #dfe3e5; border-radius: 8px; background: #fff; color: #526069; padding: 9px; font-size: 7px; font-weight: 500; }.vs-shorts-studio aside > div { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }.vs-shorts-studio button { width: 100%; margin-top: 12px; border: 0; border-radius: 999px; background: var(--vs-accent); color: #fff; padding: 9px; font-size: 8px; font-weight: 800; }.vs-shorts-phone { display: flex; min-height: 420px; align-items: center; justify-content: center; flex-direction: column; background: linear-gradient(155deg,#cfa68e,#94664f 50%,#40566a); color: #fff; text-align: center; }.vs-shorts-phone > span { position: absolute; align-self: flex-start; margin: -370px 0 0 12px; border-radius: 999px; background: rgba(36,52,71,.72); padding: 6px 8px; font-size: 6px; font-weight: 900; }.vs-shorts-phone > i { display: grid; width: 51px; height: 51px; place-items: center; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: rgba(255,255,255,.15); font-style: normal; }.vs-shorts-phone strong { margin-top: 90px; font-size: 10px; }.vs-shorts-phone small { margin-top: 5px; font-size: 7px; }.vs-yt-shorts__grid > div:last-child > p, .vs-yt-ai__grid > div:first-child > p { color: var(--vs-muted); }.vs-yt-shorts ul, .vs-yt-ai ul { color: #57534f; }
.vs-yt-ai__grid { grid-template-columns: .72fr 1.28fr; }.vs-yt-ai-workspace { overflow: hidden; border: 7px solid #fff; border-radius: 27px; background: #f5f7f8; box-shadow: 0 25px 65px rgba(36,52,71,.13); }.vs-yt-ai-body { display: grid; grid-template-columns: 155px 1fr; min-height: 380px; }.vs-yt-ai-body > aside { display: grid; align-content: start; gap: 7px; border-right: 1px solid #dfe3e5; background: #fff; padding: 15px; }.vs-yt-ai-body > aside span { border-radius: 8px; color: #6f7980; padding: 9px; font-size: 7px; font-weight: 700; }.vs-yt-ai-body > aside span.is-active { background: var(--vs-accent-soft); color: var(--vs-accent-dark); }.vs-yt-ai-body > main { padding: 17px; }.vs-yt-ai-body main > small { color: var(--vs-accent); font-size: 7px; font-weight: 900; letter-spacing: .12em; }.vs-yt-ai-body article { display: grid; margin-top: 10px; grid-template-columns: 27px 1fr auto; align-items: center; gap: 8px; border: 1px solid #dfe3e5; border-radius: 10px; background: #fff; padding: 10px; }.vs-yt-ai-body article > b { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 8px; background: var(--vs-sage-soft); color: #5e7b71; font-size: 7px; }.vs-yt-ai-body article p { margin: 0; color: var(--vs-navy); font-size: 8px; }.vs-yt-ai-body article span { color: #879198; font-size: 6px; }.vs-yt-ai-body main > div { display: flex; margin-top: 12px; align-items: center; justify-content: space-between; gap: 9px; }.vs-yt-ai-body main > div span { color: #768087; font-size: 6px; }.vs-yt-ai-body button { border: 0; border-radius: 999px; background: var(--vs-accent); color: #fff; padding: 8px 10px; font-size: 7px; font-weight: 800; }
.vs-yt-platforms { text-align: center; }.vs-yt-platforms > .vs-shell > p, .vs-yt-compare > .vs-shell > p { max-width: 720px; margin: 17px auto 0; color: var(--vs-muted); font-size: 13px; line-height: 1.75; }.vs-yt-platform-map { position: relative; margin-top: 40px; min-height: 385px; }.vs-yt-source { position: absolute; top: 120px; left: 50%; z-index: 2; display: flex; width: 190px; height: 120px; align-items: center; justify-content: center; transform: translateX(-50%); flex-direction: column; border-radius: 21px; background: var(--vs-navy); color: #fff; box-shadow: 0 20px 45px rgba(36,52,71,.2); }.vs-yt-source > span { font-size: 21px; }.vs-yt-source strong { margin-top: 9px; font-size: 9px; }.vs-yt-source small { margin-top: 5px; color: #b8c4cc; font-size: 7px; }.vs-yt-lines { position: absolute; inset: 35px 120px; border: 1px dashed #cdbfb3; border-radius: 50%; }.vs-yt-destinations { position: absolute; inset: 0; }.vs-yt-destinations > div { position: absolute; display: grid; width: 138px; grid-template-columns: 32px 1fr; align-items: center; gap: 8px; border: 1px solid var(--vs-border); border-radius: 13px; background: #fff; padding: 10px; text-align: left; box-shadow: 0 12px 28px rgba(36,52,71,.09); }.vs-yt-destinations > div > span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; background: var(--vs-accent-soft); color: var(--vs-accent); font-size: 8px; font-weight: 900; }.vs-yt-destinations strong { font-size: 8px; }.vs-yt-destinations small { grid-column: 2; margin-top: -9px; color: #7f898f; font-size: 6px; }.vs-yt-destinations > div:nth-child(1) { top: 10px; left: 10%; }.vs-yt-destinations > div:nth-child(2) { top: 10px; right: 10%; }.vs-yt-destinations > div:nth-child(3) { top: 140px; left: 1%; }.vs-yt-destinations > div:nth-child(4) { top: 140px; right: 1%; }.vs-yt-destinations > div:nth-child(5) { bottom: 5px; left: 12%; }.vs-yt-destinations > div:nth-child(6) { bottom: 5px; left: 44%; }.vs-yt-destinations > div:nth-child(7) { right: 8%; bottom: 5px; }
.vs-yt-audience-grid { display: grid; margin-top: 40px; grid-template-columns: repeat(4, 1fr); gap: 15px; }.vs-yt-audience-grid article { border: 1px solid var(--vs-border); border-radius: 21px; background: #fff; padding: 21px; }.vs-yt-audience-grid article > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: var(--vs-accent-soft); color: var(--vs-accent); font-weight: 900; }.vs-yt-audience-grid article:nth-child(even) > span { background: var(--vs-sage-soft); color: var(--vs-sage); }
.vs-yt-compare { text-align: center; }.vs-yt-compare-table { margin-top: 38px; overflow: hidden; border: 1px solid var(--vs-border); border-radius: 23px; background: #fff; text-align: left; }.vs-yt-compare-table > div { display: grid; min-height: 55px; grid-template-columns: 1.2fr 1fr 1fr; align-items: center; gap: 12px; border-top: 1px solid #ece6de; padding: 11px 18px; color: #68635e; font-size: 10px; }.vs-yt-compare-table > div:first-child { border-top: 0; background: var(--vs-navy); color: #fff; }.vs-yt-compare-table strong { color: var(--vs-text); }.vs-yt-compare-table > div:first-child strong { color: #fff; }.vs-yt-compare-table > div span:last-child { color: #56776c; font-weight: 800; }
.vs-yt-faq > .vs-shell > div:last-child { display: grid; margin-top: 36px; grid-template-columns: repeat(2,1fr); gap: 15px; }.vs-yt-faq article { border: 1px solid var(--vs-border); border-radius: 20px; background: #fff; padding: 23px; }.vs-yt-faq h3 { margin: 0; color: var(--vs-navy); font-family: Georgia, serif; font-size: 17px; }.vs-yt-faq p { margin: 10px 0 0; color: var(--vs-muted); font-size: 11px; line-height: 1.7; }
.vs-yt-final { padding: 98px 0 110px; background: var(--vs-cream); }.vs-yt-final > .vs-shell { display: grid; grid-template-columns: 1fr .8fr; align-items: center; gap: 60px; border-radius: 31px; background: #fff; padding: 58px; box-shadow: var(--vs-shadow); }.vs-yt-final p { margin: 19px 0 28px; color: var(--vs-muted); font-size: 14px; line-height: 1.75; }.vs-yt-final-dashboard { display: grid; gap: 8px; border-radius: 22px; background: var(--vs-navy); padding: 22px; }.vs-yt-final-dashboard > span { color: #efb99b; font-size: 7px; font-weight: 900; letter-spacing: .13em; }.vs-yt-final-dashboard > strong { color: #fff; font-family: Georgia, serif; font-size: 19px; }.vs-yt-final-dashboard > div { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 9px; border-radius: 11px; background: rgba(255,255,255,.07); padding: 10px; }.vs-yt-final-dashboard i { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 9px; background: var(--vs-accent); color: #fff; font-style: normal; }.vs-yt-final-dashboard p { display: flex; margin: 0; flex-direction: column; }.vs-yt-final-dashboard p b { color: #fff; font-size: 8px; }.vs-yt-final-dashboard p small { margin-top: 3px; color: #aebbc5; font-size: 6px; }.vs-yt-final-dashboard em { border-radius: 999px; background: rgba(122,158,145,.18); color: #bfe1d5; padding: 5px 7px; font-size: 6px; font-style: normal; font-weight: 800; }

/* TikTok official inbox publishing workflow */
.vs-tt-hero { padding: 82px 0 78px; background: radial-gradient(circle at 88% 12%, rgba(231,240,236,.95), transparent 30%), radial-gradient(circle at 8% 92%, rgba(242,225,213,.8), transparent 33%), var(--vs-cream); }
.vs-tt-hero__grid { display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 58px; }
.vs-tt-hero h1, .vs-tt-workflow h2, .vs-tt-why h2, .vs-tt-benefits h2, .vs-tt-calendar h2, .vs-tt-faq h2, .vs-tt-final h2 { margin: 14px 0 0; color: var(--vs-text); font-family: Georgia, serif; font-size: clamp(38px, 4.8vw, 57px); line-height: 1.05; letter-spacing: -.04em; }
.vs-tt-hero h1 { font-size: clamp(47px, 5.8vw, 69px); }
.vs-tt-hero__grid > div:first-child > p, .vs-tt-workflow .vs-shell > p, .vs-tt-why__grid > div:first-child > p, .vs-tt-calendar__grid > div:first-child > p, .vs-tt-final p { margin: 22px 0 0; color: var(--vs-muted); font-size: 14px; line-height: 1.78; }
.vs-tt-honesty { display: inline-flex; margin-top: 22px; border-radius: 999px; background: var(--vs-sage-soft); color: #56766b; padding: 8px 11px; font-size: 8px; font-weight: 900; }
.vs-tt-composer { overflow: hidden; border: 7px solid #fff; border-radius: 28px; background: #f5f7f8; box-shadow: 0 30px 85px rgba(36,52,71,.17); }
.vs-tt-composer__body { display: grid; grid-template-columns: .82fr 1.18fr; }
.vs-tt-media { position: relative; display: flex; min-height: 430px; align-items: center; justify-content: center; flex-direction: column; background: linear-gradient(145deg,#d0a98f,#9d6852 48%,#263747); color: #fff; }
.vs-tt-media > span { position: absolute; top: 15px; left: 15px; border-radius: 999px; background: rgba(36,52,71,.76); padding: 6px 8px; font-size: 6px; font-weight: 900; }
.vs-tt-media > i { display: grid; width: 56px; height: 56px; place-items: center; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: rgba(255,255,255,.15); font-style: normal; }
.vs-tt-media > small { position: absolute; right: 12px; bottom: 12px; left: 12px; font-size: 7px; }
.vs-tt-fields { padding: 16px; }
.vs-tt-fields label { display: block; margin-top: 10px; color: #7b858c; font-size: 7px; font-weight: 800; }
.vs-tt-fields label:first-child { margin-top: 0; }
.vs-tt-fields label > span { display: block; margin-top: 4px; border: 1px solid #dfe3e5; border-radius: 8px; background: #fff; color: #526069; padding: 8px; font-size: 7px; font-weight: 500; line-height: 1.4; }
.vs-tt-fields > div:not(.vs-tt-review) { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.vs-tt-review { display: grid; margin-top: 12px; gap: 5px; color: #5d786e; font-size: 7px; font-weight: 800; }
.vs-tt-fields button, .vs-tt-edit-screen button { width: 100%; margin-top: 12px; border: 0; border-radius: 999px; background: var(--vs-accent); color: #fff; padding: 9px; font-size: 8px; font-weight: 800; }
.vs-tt-fields > small { display: block; margin-top: 7px; color: #8b949a; font-size: 6px; text-align: center; }
.vs-tt-workflow, .vs-tt-benefits, .vs-tt-faq { padding: 98px 0; background: var(--vs-cream-deep); text-align: center; }
.vs-tt-workflow .vs-shell > p { max-width: 760px; margin-inline: auto; }
.vs-tt-flow { display: flex; margin-top: 42px; align-items: center; justify-content: center; gap: 7px; }
.vs-tt-flow > div { display: flex; width: 105px; min-height: 112px; align-items: center; justify-content: center; flex-direction: column; border: 1px solid var(--vs-border); border-radius: 18px; background: #fff; padding: 12px 8px; }
.vs-tt-flow span { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 11px; background: var(--vs-accent-soft); color: var(--vs-accent); font-size: 12px; font-weight: 900; }
.vs-tt-flow strong { margin-top: 10px; color: var(--vs-navy); font-size: 8px; line-height: 1.4; }
.vs-tt-flow > i { color: #c5a58f; font-style: normal; font-weight: 900; }
.vs-tt-why { padding: 98px 0; background: var(--vs-navy); }
.vs-tt-why__grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 70px; }
.vs-tt-why h2 { color: #fff; }
.vs-tt-why__grid > div:first-child > p { color: #bdc8d0; }
.vs-tt-official { display: grid; margin-top: 25px; grid-template-columns: 39px 1fr; align-items: center; gap: 11px; border: 1px solid rgba(255,255,255,.11); border-radius: 15px; background: rgba(255,255,255,.06); padding: 13px; }
.vs-tt-official > span { display: grid; width: 37px; height: 37px; place-items: center; border-radius: 11px; background: var(--vs-sage); color: #fff; }
.vs-tt-official p { display: flex; margin: 0; flex-direction: column; }
.vs-tt-official strong { color: #fff; font-size: 9px; }.vs-tt-official small { margin-top: 4px; color: #afbbc4; font-size: 7px; }
.vs-tt-phone-flow { display: grid; grid-template-columns: 220px 25px 220px; align-items: center; justify-content: center; gap: 10px; }
.vs-tt-phone-flow > i { color: #efb99b; font-style: normal; font-size: 20px; transform: rotate(-90deg); }
.vs-tt-phone, .vs-tt-edit-screen { min-height: 420px; border: 6px solid #fff; border-radius: 30px; background: #f7f7f7; padding: 16px; box-shadow: 0 25px 65px rgba(0,0,0,.18); }
.vs-tt-phone__head { display: flex; align-items: center; justify-content: space-between; color: #222; font-size: 9px; }
.vs-tt-notification { display: grid; margin-top: 55px; grid-template-columns: 32px 1fr auto; align-items: center; gap: 8px; border-radius: 13px; background: #fff; padding: 11px; box-shadow: 0 10px 30px rgba(36,52,71,.1); }
.vs-tt-notification > i { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; background: #e6edf1; font-style: normal; }
.vs-tt-notification p { display: flex; margin: 0; flex-direction: column; }.vs-tt-notification strong { color: #1e2529; font-size: 7px; }.vs-tt-notification small { margin-top: 4px; color: #7a858c; font-size: 6px; }
.vs-tt-feed-line { height: 55px; margin-top: 12px; border-radius: 11px; background: #eaedef; }
.vs-tt-edit-screen { display: flex; flex-direction: column; background: #17191c; }
.vs-tt-edit-screen > span { color: #b7bdc2; font-size: 6px; font-weight: 900; letter-spacing: .13em; }
.vs-tt-edit-screen > div { display: grid; min-height: 265px; margin-top: 10px; place-items: center; border-radius: 17px; background: linear-gradient(145deg,#cba287,#915f4c 52%,#374b5d); color: #fff; }
.vs-tt-edit-screen > div i { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; font-style: normal; }
.vs-tt-edit-screen > p { display: flex; margin: 12px 0 0; justify-content: space-between; color: #fff; font-size: 7px; }
.vs-tt-edit-screen button { margin-top: auto; }
.vs-tt-benefit-grid { display: grid; margin-top: 42px; grid-template-columns: repeat(4,1fr); gap: 15px; text-align: left; }
.vs-tt-benefit-grid article { border: 1px solid var(--vs-border); border-radius: 21px; background: #fff; padding: 21px; }
.vs-tt-benefit-grid article > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: var(--vs-accent-soft); color: var(--vs-accent); font-weight: 900; }
.vs-tt-benefit-grid article:nth-child(even) > span { background: var(--vs-sage-soft); color: var(--vs-sage); }
.vs-tt-benefit-grid h3 { margin: 17px 0 0; color: var(--vs-navy); font-family: Georgia,serif; font-size: 18px; }
.vs-tt-benefit-grid p { margin: 9px 0 0; color: var(--vs-muted); font-size: 10px; line-height: 1.65; }
.vs-tt-calendar { padding: 98px 0; background: #fff; }
.vs-tt-calendar__grid { display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: 65px; }
.vs-tt-status-key { display: flex; margin-top: 22px; flex-wrap: wrap; gap: 8px; }.vs-tt-status-key span { border-radius: 999px; background: var(--vs-cream-deep); color: #6c747a; padding: 7px 9px; font-size: 7px; font-weight: 800; }
.vs-tt-queue { overflow: hidden; border: 1px solid var(--vs-border); border-radius: 23px; background: #f7f9fa; box-shadow: 0 20px 55px rgba(36,52,71,.11); }
.vs-tt-queue article { display: grid; margin: 9px 12px; grid-template-columns: 94px 1fr auto; align-items: center; gap: 12px; border-radius: 12px; background: #fff; padding: 12px; }
.vs-tt-queue article > span { border-radius: 999px; padding: 6px 8px; font-size: 6px; font-weight: 900; text-align: center; }.vs-tt-queue .is-draft { background: #eeeaf4; color: #76698a; }.vs-tt-queue .is-ready { background: var(--vs-accent-soft); color: var(--vs-accent-dark); }.vs-tt-queue .is-inbox { background: #eef1f5; color: #617182; }.vs-tt-queue .is-published { background: var(--vs-sage-soft); color: #56766b; }
.vs-tt-queue p { display: flex; margin: 0; flex-direction: column; }.vs-tt-queue strong { color: var(--vs-navy); font-size: 9px; }.vs-tt-queue small { margin-top: 4px; color: #818a90; font-size: 7px; }.vs-tt-queue time { color: var(--vs-accent); font-size: 8px; font-weight: 900; }
.vs-tt-faq > .vs-shell > div:last-child { display: grid; margin-top: 38px; grid-template-columns: repeat(2,1fr); gap: 15px; text-align: left; }
.vs-tt-faq article { border: 1px solid var(--vs-border); border-radius: 20px; background: #fff; padding: 23px; }.vs-tt-faq h3 { margin: 0; color: var(--vs-navy); font-family: Georgia,serif; font-size: 17px; }.vs-tt-faq p { margin: 10px 0 0; color: var(--vs-muted); font-size: 11px; line-height: 1.7; }
.vs-tt-final { padding: 98px 0 110px; background: var(--vs-cream); }.vs-tt-final > .vs-shell { display: grid; grid-template-columns: 1fr .78fr; align-items: center; gap: 60px; border-radius: 31px; background: #fff; padding: 58px; box-shadow: var(--vs-shadow); }
.vs-tt-final-path { display: grid; gap: 7px; border-radius: 23px; background: var(--vs-navy); padding: 22px; }.vs-tt-final-path > div { display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 10px; border-radius: 11px; background: rgba(255,255,255,.07); padding: 11px; }.vs-tt-final-path > div > span { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; background: var(--vs-accent); color: #fff; font-size: 9px; font-weight: 900; }.vs-tt-final-path p { display: flex; margin: 0; flex-direction: column; }.vs-tt-final-path strong { color: #fff; font-size: 9px; }.vs-tt-final-path small { margin-top: 4px; color: #aebbc5; font-size: 7px; }.vs-tt-final-path > i { color: #efb99b; font-style: normal; font-weight: 900; text-align: center; }

/* Flagship social media video scheduler */
.vs-vs-hero { padding: 82px 0 78px; background: radial-gradient(circle at 90% 10%,rgba(231,240,236,.96),transparent 30%),radial-gradient(circle at 8% 92%,rgba(242,225,213,.82),transparent 34%),var(--vs-cream); }
.vs-vs-hero__grid { display:grid; grid-template-columns:.86fr 1.14fr; align-items:center; gap:58px; }
.vs-vs-hero h1,.vs-vs-destinations h2,.vs-vs-calendar-section h2,.vs-vs-customize h2,.vs-vs-workflow h2,.vs-vs-platforms h2,.vs-vs-compare h2,.vs-vs-product h2,.vs-vs-audience h2,.vs-vs-faq h2,.vs-vs-final h2 { margin:14px 0 0; color:var(--vs-text); font-family:Georgia,serif; font-size:clamp(38px,4.8vw,57px); line-height:1.05; letter-spacing:-.04em; }
.vs-vs-hero h1 { font-size:clamp(49px,6vw,71px); }
.vs-vs-hero__grid>div:first-child>p,.vs-vs-destinations>.vs-shell>p,.vs-vs-customize__grid>div:last-child>p,.vs-vs-platforms>.vs-shell>p,.vs-vs-final p { margin:22px 0 0; color:var(--vs-muted); font-size:14px; line-height:1.78; }
.vs-vs-trust { display:flex; margin-top:22px; flex-wrap:wrap; gap:8px; }.vs-vs-trust span { border-radius:999px; background:var(--vs-sage-soft); color:#56766b; padding:7px 9px; font-size:7px; font-weight:900; }
.vs-vs-dashboard { overflow:hidden; border:7px solid #fff; border-radius:28px; background:#f5f7f8; box-shadow:0 30px 85px rgba(36,52,71,.17); }.vs-vs-dashboard__body { display:grid; grid-template-columns:46px 1fr; min-height:430px; }.vs-vs-dashboard__body>aside { display:flex; align-items:center; flex-direction:column; gap:15px; background:var(--vs-navy); padding:14px 6px; color:#9eabb5; }.vs-vs-dashboard__body>aside b,.vs-vs-dashboard__body>aside span { display:grid; width:28px; height:28px; place-items:center; border-radius:8px; font-size:9px; }.vs-vs-dashboard__body>aside b { margin-bottom:8px; background:var(--vs-accent); color:#fff; font-family:Georgia,serif; }.vs-vs-dashboard__body>div { min-width:0; padding:15px; }
.vs-vs-source { display:grid; grid-template-columns:88px 1fr auto; align-items:center; gap:11px; border:1px solid #dfe3e5; border-radius:13px; background:#fff; padding:10px; }.vs-vs-source>div { position:relative; display:grid; height:65px; place-items:center; border-radius:9px; background:linear-gradient(145deg,#c99e83,#935f4d 55%,#374c5e); color:#fff; }.vs-vs-source>div span { position:absolute; top:6px; left:6px; font-size:5px; font-weight:900; }.vs-vs-source>div i { font-style:normal; }.vs-vs-source p { display:flex; margin:0; flex-direction:column; }.vs-vs-source strong { color:var(--vs-navy); font-size:9px; }.vs-vs-source small { margin-top:5px; color:#818b92; font-size:6px; }.vs-vs-source>em { border-radius:999px; background:var(--vs-sage-soft); color:#56766b; padding:6px 8px; font-size:6px; font-style:normal; font-weight:900; }
.vs-vs-mini-stats { display:grid; margin-top:10px; grid-template-columns:repeat(4,1fr); gap:6px; }.vs-vs-mini-stats span { display:flex; flex-direction:column; border:1px solid #dfe3e5; border-radius:9px; background:#fff; color:#808990; padding:9px; font-size:6px; }.vs-vs-mini-stats b { margin-bottom:3px; color:var(--vs-navy); font-size:15px; }.vs-vs-preview-row { display:grid; margin-top:10px; gap:6px; }.vs-vs-preview-row article,.vs-vs-final-dashboard article { display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:8px; border-radius:10px; background:#fff; padding:8px; }.vs-vs-preview-row article>span,.vs-vs-final-dashboard article>span { display:grid; width:29px; height:29px; place-items:center; border-radius:8px; background:var(--vs-accent-soft); color:var(--vs-accent); font-size:7px; font-weight:900; }.vs-vs-preview-row p,.vs-vs-final-dashboard article p { display:flex; margin:0; flex-direction:column; }.vs-vs-preview-row strong,.vs-vs-final-dashboard article strong { color:var(--vs-navy); font-size:8px; }.vs-vs-preview-row small,.vs-vs-final-dashboard article small { margin-top:3px; color:#858e94; font-size:6px; }.vs-vs-preview-row i,.vs-vs-final-dashboard article i { border-radius:999px; padding:5px 7px; font-size:5px; font-style:normal; font-weight:900; text-transform:uppercase; }.is-published { background:var(--vs-sage-soft); color:#56766b; }.is-scheduled { background:var(--vs-accent-soft); color:var(--vs-accent-dark); }.is-draft { background:#eeeaf4; color:#746886; }.is-attention { background:#f5e8e3; color:#a35743; }
.vs-vs-destinations,.vs-vs-customize,.vs-vs-platforms,.vs-vs-product,.vs-vs-faq { padding:98px 0; background:var(--vs-cream-deep); text-align:center; }.vs-vs-destinations>.vs-shell>p,.vs-vs-platforms>.vs-shell>p { max-width:780px; margin-inline:auto; }
.vs-vs-network { position:relative; min-height:470px; margin-top:30px; }.vs-vs-network__source { position:absolute; top:170px; left:50%; z-index:3; display:flex; width:190px; height:125px; align-items:center; justify-content:center; transform:translateX(-50%); flex-direction:column; border-radius:23px; background:var(--vs-navy); color:#fff; box-shadow:0 20px 48px rgba(36,52,71,.2); }.vs-vs-network__source>span { font-size:22px; }.vs-vs-network__source strong { margin-top:9px; font-size:10px; }.vs-vs-network__source small { margin-top:5px; color:#afbbc4; font-size:7px; }.vs-vs-network__ring { position:absolute; inset:35px 120px; border:1px dashed #c8b7aa; border-radius:50%; }.vs-vs-network__cards { position:absolute; inset:0; }.vs-vs-network__cards article { position:absolute; display:grid; width:140px; grid-template-columns:34px 1fr; align-items:center; gap:8px; border:1px solid var(--vs-border); border-radius:14px; background:#fff; padding:11px; box-shadow:0 12px 28px rgba(36,52,71,.08); }.vs-vs-network__cards span { display:grid; width:33px; height:33px; place-items:center; border-radius:9px; background:var(--vs-accent-soft); color:var(--vs-accent); font-size:8px; font-weight:900; }.vs-vs-network__cards strong { color:var(--vs-navy); font-size:8px; }.vs-vs-network__cards article:nth-child(1){top:5px;left:8%}.vs-vs-network__cards article:nth-child(2){top:5px;left:44%}.vs-vs-network__cards article:nth-child(3){top:5px;right:5%}.vs-vs-network__cards article:nth-child(4){top:170px;left:0}.vs-vs-network__cards article:nth-child(5){top:170px;right:0}.vs-vs-network__cards article:nth-child(6){bottom:8px;left:5%}.vs-vs-network__cards article:nth-child(7){bottom:8px;left:31%}.vs-vs-network__cards article:nth-child(8){bottom:8px;right:29%}.vs-vs-network__cards article:nth-child(9){right:3%;bottom:8px}.vs-vs-disclaimer { margin-top:-10px!important; border-radius:15px; background:#fff; padding:14px 18px; font-size:10px!important; }
.vs-vs-calendar-section,.vs-vs-workflow,.vs-vs-compare,.vs-vs-audience { padding:98px 0; background:#fff; }.vs-vs-heading { display:flex; align-items:end; justify-content:space-between; gap:55px; }.vs-vs-heading>p { max-width:480px; margin:0; color:var(--vs-muted); font-size:13px; line-height:1.75; }.vs-vs-calendar { margin-top:40px; overflow:hidden; border:1px solid var(--vs-border); border-radius:23px; background:#fff; box-shadow:0 18px 48px rgba(36,52,71,.08); }.vs-vs-calendar__head,.vs-vs-calendar__body { display:grid; grid-template-columns:repeat(7,1fr); }.vs-vs-calendar__head b { border-right:1px solid rgba(255,255,255,.12); background:var(--vs-navy); color:#fff; padding:12px 5px; font-size:7px; text-align:center; }.vs-vs-calendar__body>div { min-height:265px; border-right:1px solid var(--vs-border); padding:8px 6px; background:repeating-linear-gradient(0deg,#fff,#fff 55px,#edf0f1 56px); }.vs-vs-calendar__body article { margin-top:20px; border-radius:9px; padding:9px; text-align:left; }.vs-vs-calendar__body span,.vs-vs-calendar__body small { display:block; font-size:6px; }.vs-vs-calendar__body strong { display:block; margin:6px 0; color:var(--vs-navy); font-size:8px; }.vs-vs-calendar__body .is-review { background:#eef1f5; color:#657482; }.vs-vs-legend { display:flex; gap:16px; border-top:1px solid var(--vs-border); padding:12px 15px; color:#747d83; font-size:7px; }
.vs-vs-customize__grid { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:65px; text-align:left; }.vs-vs-source-panel { overflow:hidden; border:7px solid #fff; border-radius:27px; background:#f5f7f8; box-shadow:0 24px 65px rgba(36,52,71,.14); }.vs-vs-source-video { display:flex; min-height:370px; align-items:center; justify-content:center; flex-direction:column; background:linear-gradient(145deg,#cba086,#905d4c 52%,#364b5d); color:#fff; }.vs-vs-source-video i { display:grid; width:55px; height:55px; place-items:center; border:1px solid rgba(255,255,255,.5); border-radius:50%; font-style:normal; }.vs-vs-source-video span { margin-top:115px; font-size:8px; }.vs-vs-file-details { display:flex; justify-content:space-between; gap:8px; padding:12px; color:#778188; font-size:7px; font-weight:800; }.vs-vs-editors { display:grid; margin-top:24px; gap:7px; }.vs-vs-editors article { display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:9px; border:1px solid var(--vs-border); border-radius:12px; background:#fff; padding:10px; }.vs-vs-editors article>span { display:grid; width:32px; height:32px; place-items:center; border-radius:9px; background:var(--vs-accent-soft); color:var(--vs-accent); font-size:7px; font-weight:900; }.vs-vs-editors p { display:flex!important; margin:0!important; flex-direction:column; }.vs-vs-editors strong { color:var(--vs-navy); font-size:8px; }.vs-vs-editors small { margin-top:4px; color:#778188; font-size:6px; line-height:1.4; }.vs-vs-editors i { color:var(--vs-accent); font-size:6px; font-style:normal; font-weight:900; }
.vs-vs-workflow { background:var(--vs-navy); text-align:center; }.vs-vs-workflow h2 { color:#fff; }.vs-vs-timeline { display:grid; margin-top:42px; grid-template-columns:repeat(6,1fr); gap:10px; }.vs-vs-timeline article { position:relative; display:flex; min-height:190px; align-items:center; flex-direction:column; border:1px solid rgba(255,255,255,.1); border-radius:20px; background:rgba(255,255,255,.06); padding:20px 13px; }.vs-vs-timeline article:not(:last-child)::after { position:absolute; top:44px; right:-10px; z-index:3; color:#efb99b; content:"→"; }.vs-vs-timeline span { display:grid; width:43px; height:43px; place-items:center; border-radius:13px; background:var(--vs-accent); color:#fff; font-weight:900; }.vs-vs-timeline small { margin-top:16px; color:#efb99b; font-size:6px; font-weight:900; letter-spacing:.13em; }.vs-vs-timeline strong { margin-top:8px; color:#fff; font-size:9px; }.vs-vs-timeline p { margin:8px 0 0; color:#afbbc4; font-size:7px; line-height:1.55; }
.vs-vs-platform-grid { display:grid; margin-top:42px; grid-template-columns:repeat(3,1fr); gap:15px; text-align:left; }.vs-vs-platform-grid article { border:1px solid var(--vs-border); border-radius:22px; background:#fff; padding:22px; }.vs-vs-platform-grid article>span { display:grid; width:43px; height:43px; place-items:center; border-radius:13px; background:var(--vs-accent-soft); color:var(--vs-accent); font-size:9px; font-weight:900; }.vs-vs-platform-grid h3,.vs-vs-product-grid h3,.vs-vs-audience-grid h3 { margin:17px 0 0; color:var(--vs-navy); font-family:Georgia,serif; font-size:19px; }.vs-vs-platform-grid p,.vs-vs-product-grid p,.vs-vs-audience-grid p { margin:9px 0 0; color:var(--vs-muted); font-size:10px; line-height:1.65; }.vs-vs-platform-grid small { display:inline-block; margin-top:14px; border-radius:999px; background:var(--vs-sage-soft); color:#56766b; padding:6px 8px; font-size:6px; font-weight:900; }
.vs-vs-compare { text-align:center; }.vs-vs-compare__grid { display:grid; margin-top:40px; grid-template-columns:1fr 100px 1fr; align-items:center; gap:22px; text-align:left; }.vs-vs-compare__grid article { display:grid; min-height:325px; align-content:start; gap:10px; border-radius:25px; padding:28px; }.vs-vs-without { border:1px solid var(--vs-border); background:var(--vs-cream); }.vs-vs-with { background:var(--vs-navy); }.vs-vs-compare__grid small { margin-bottom:10px; color:var(--vs-accent); font-size:7px; font-weight:900; letter-spacing:.12em; }.vs-vs-compare__grid article span { border-radius:10px; background:#fff; color:#68635e; padding:12px; font-size:9px; font-weight:700; }.vs-vs-with span { background:rgba(255,255,255,.08)!important; color:#e4eaed!important; }.vs-vs-compare__grid>div { display:grid; place-items:center; }.vs-vs-compare__grid>div b { display:grid; width:62px; height:62px; margin:9px; place-items:center; border-radius:18px; background:var(--vs-accent); color:#fff; font-family:Georgia,serif; }.vs-vs-compare__grid>div i { color:#c7b4a7; font-style:normal; }
.vs-vs-product-grid { display:grid; margin-top:42px; grid-template-columns:repeat(3,1fr); gap:16px; text-align:left; }.vs-vs-product-grid article { border:1px solid var(--vs-border); border-radius:22px; background:#fff; padding:18px; }.vs-vs-product-grid article>div { position:relative; height:125px; overflow:hidden; border-radius:14px; background:#e8eef0; }.vs-vs-product-grid article>div span { position:absolute; top:20px; left:20px; z-index:2; display:grid; width:42px; height:42px; place-items:center; border-radius:12px; background:var(--vs-navy); color:#fff; }.vs-vs-product-grid article>div i { position:absolute; right:18px; left:77px; height:17px; border-radius:6px; background:#fff; }.vs-vs-product-grid article>div i:nth-of-type(1){top:22px}.vs-vs-product-grid article>div i:nth-of-type(2){top:50px;width:55%}.vs-vs-product-grid article>div i:nth-of-type(3){right:25px;bottom:20px;left:20px;height:29px}.vs-vs-audience-grid { display:grid; margin-top:40px; grid-template-columns:repeat(4,1fr); gap:15px; }.vs-vs-audience-grid article { border:1px solid var(--vs-border); border-radius:21px; background:var(--vs-cream); padding:21px; }.vs-vs-audience-grid article>span { display:grid; width:42px; height:42px; place-items:center; border-radius:13px; background:var(--vs-accent-soft); color:var(--vs-accent); font-size:8px; font-weight:900; }
.vs-vs-faq>.vs-shell>div:last-child { display:grid; margin-top:38px; grid-template-columns:repeat(2,1fr); gap:15px; text-align:left; }.vs-vs-faq article { border:1px solid var(--vs-border); border-radius:20px; background:#fff; padding:23px; }.vs-vs-faq h3 { margin:0; color:var(--vs-navy); font-family:Georgia,serif; font-size:17px; }.vs-vs-faq article p { margin:10px 0 0; color:var(--vs-muted); font-size:11px; line-height:1.7; }
.vs-vs-final { padding:98px 0 110px; background:var(--vs-cream); }.vs-vs-final>.vs-shell { display:grid; grid-template-columns:1fr .8fr; align-items:center; gap:60px; border-radius:31px; background:#fff; padding:58px; box-shadow:var(--vs-shadow); }.vs-vs-final-dashboard { overflow:hidden; border-radius:22px; background:#f5f7f8; }.vs-vs-final-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; padding:12px; }.vs-vs-final-stats span { display:flex; flex-direction:column; border-radius:9px; background:#fff; color:#7b858c; padding:9px; font-size:6px; }.vs-vs-final-stats b { color:var(--vs-navy); font-size:15px; }.vs-vs-final-dashboard article { margin:0 12px 8px; }

/* Flagship upload once, post everywhere page */
.vs-upload-hero { padding:82px 0 78px; background:radial-gradient(circle at 90% 10%,rgba(231,240,236,.96),transparent 30%),radial-gradient(circle at 8% 92%,rgba(242,225,213,.82),transparent 34%),var(--vs-cream); }.vs-upload-hero__grid { display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:58px; }
.vs-upload-hero h1,.vs-upload-explain h2,.vs-upload-workspace h2,.vs-upload-customize h2,.vs-upload-platforms h2,.vs-upload-before-after h2,.vs-upload-faq h2,.vs-upload-final h2 { margin:14px 0 0; color:var(--vs-text); font-family:Georgia,serif; font-size:clamp(38px,4.8vw,57px); line-height:1.05; letter-spacing:-.04em; }.vs-upload-hero h1 { font-size:clamp(48px,5.8vw,69px); }.vs-upload-hero__grid>div:first-child>p,.vs-upload-explain__grid>div:first-child>p,.vs-upload-customize>.vs-shell>p,.vs-upload-final p { margin:22px 0 0; color:var(--vs-muted); font-size:14px; line-height:1.78; }
.vs-upload-trust { display:flex; margin-top:22px; flex-wrap:wrap; gap:8px; }.vs-upload-trust span { border-radius:999px; background:var(--vs-sage-soft); color:#56766b; padding:7px 9px; font-size:7px; font-weight:900; }
.vs-upload-fanout { overflow:hidden; border:7px solid #fff; border-radius:28px; background:#f5f7f8; box-shadow:0 30px 85px rgba(36,52,71,.17); }.vs-upload-fanout__body { padding:17px; }.vs-upload-source { display:grid; grid-template-columns:74px 1fr; align-items:center; gap:12px; border-radius:14px; background:var(--vs-navy); padding:12px; color:#fff; }.vs-upload-source>span { display:grid; height:68px; place-items:center; border-radius:10px; background:linear-gradient(145deg,#c99e83,#935f4d 55%,#374c5e); }.vs-upload-source p { display:flex; margin:0; flex-direction:column; }.vs-upload-source small { color:#efb99b; font-size:6px; font-weight:900; letter-spacing:.12em; }.vs-upload-source strong { margin-top:6px; font-size:10px; }.vs-upload-source em { margin-top:5px; color:#afbbc4; font-size:6px; font-style:normal; }.vs-upload-branch { width:1px; height:20px; margin:auto; background:#bdc5ca; }.vs-upload-destinations { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }.vs-upload-destinations::before { position:absolute; top:-11px; right:16%; left:16%; height:1px; background:#bdc5ca; content:""; }.vs-upload-destinations article { position:relative; display:grid; min-width:0; grid-template-columns:30px 1fr; align-items:center; gap:7px; border:1px solid #dfe3e5; border-radius:11px; background:#fff; padding:9px; }.vs-upload-destinations article::before { position:absolute; top:-12px; left:50%; width:1px; height:12px; background:#bdc5ca; content:""; }.vs-upload-destinations p { display:flex; min-width:0; margin:0; flex-direction:column; }.vs-upload-destinations strong { color:var(--vs-navy); font-size:7px; }.vs-upload-destinations small { width:max-content; max-width:100%; margin-top:4px; overflow:hidden; border-radius:999px; padding:4px 6px; font-size:5px; font-weight:900; text-overflow:ellipsis; white-space:nowrap; }.vs-upload-destinations .is-ready,.vs-upload-destinations .is-published { background:var(--vs-sage-soft); color:#56766b; }.vs-upload-destinations .is-scheduled { background:var(--vs-accent-soft); color:var(--vs-accent-dark); }.vs-upload-destinations .is-review { background:#f5e8e3; color:#a35743; }
.vs-upload-explain,.vs-upload-customize,.vs-upload-platforms,.vs-upload-faq { padding:98px 0; background:var(--vs-cream-deep); }.vs-upload-explain__grid { display:grid; grid-template-columns:.78fr 1.22fr; align-items:center; gap:65px; }.vs-upload-principles { display:grid; margin-top:25px; gap:8px; }.vs-upload-principles span { display:grid; grid-template-columns:31px 1fr; align-items:center; gap:9px; border:1px solid var(--vs-border); border-radius:11px; background:#fff; padding:9px; color:var(--vs-navy); font-size:9px; font-weight:800; }.vs-upload-principles b { display:grid; width:30px; height:30px; place-items:center; border-radius:9px; background:var(--vs-accent-soft); color:var(--vs-accent); }
.vs-upload-library { overflow:hidden; border:7px solid #fff; border-radius:27px; background:#f5f7f8; box-shadow:0 24px 65px rgba(36,52,71,.14); }.vs-upload-library__body { display:grid; grid-template-columns:125px 1fr; min-height:390px; }.vs-upload-library__body>aside { display:grid; align-content:start; gap:7px; border-right:1px solid #dfe3e5; background:#fff; padding:15px; }.vs-upload-library__body>aside span { border-radius:8px; color:#717c83; padding:9px; font-size:7px; font-weight:800; }.vs-upload-library__body>aside span:first-child { background:var(--vs-accent-soft); color:var(--vs-accent-dark); }.vs-upload-library__body>div { padding:15px; }.vs-upload-main-file { position:relative; display:grid; min-height:240px; place-items:center; border-radius:16px; background:linear-gradient(145deg,#cba086,#905d4c 52%,#364b5d); color:#fff; }.vs-upload-main-file i { display:grid; width:51px; height:51px; place-items:center; border:1px solid rgba(255,255,255,.5); border-radius:50%; font-style:normal; }.vs-upload-main-file span { position:absolute; top:13px; left:13px; border-radius:999px; background:rgba(36,52,71,.75); padding:6px 8px; font-size:6px; font-weight:900; }.vs-upload-library__body>div>p { display:flex; margin:13px 0 0; flex-direction:column; }.vs-upload-library__body strong { color:var(--vs-navy); font-size:10px; }.vs-upload-library__body small { margin-top:4px; color:#7e888f; font-size:7px; }.vs-upload-asset-stats { display:grid; margin-top:12px; grid-template-columns:repeat(3,1fr); gap:6px; }.vs-upload-asset-stats span { display:flex; flex-direction:column; border-radius:9px; background:#fff; color:#7e888f; padding:8px; font-size:6px; }.vs-upload-asset-stats b { color:var(--vs-navy); font-size:14px; }
.vs-upload-workspace,.vs-upload-before-after { padding:98px 0; background:#fff; }.vs-upload-heading { display:flex; align-items:end; justify-content:space-between; gap:55px; }.vs-upload-heading>p { max-width:490px; margin:0; color:var(--vs-muted); font-size:13px; line-height:1.75; }.vs-upload-app { display:grid; margin-top:42px; grid-template-columns:48px 1fr 235px 220px; overflow:hidden; border:7px solid #fff; border-radius:28px; background:#f4f6f7; box-shadow:0 27px 72px rgba(36,52,71,.15); }.vs-upload-app>aside { display:flex; align-items:center; flex-direction:column; gap:13px; background:var(--vs-navy); padding:14px 6px; color:#aab6bf; }.vs-upload-app>aside b,.vs-upload-app>aside span { display:grid; width:29px; height:29px; place-items:center; border-radius:8px; font-size:8px; }.vs-upload-app>aside b { margin-bottom:8px; background:var(--vs-accent); color:#fff; }.vs-upload-app>aside .is-active { background:rgba(255,255,255,.1); color:#fff; }.vs-upload-app>section { border-right:1px solid #dfe3e5; background:#fff; }.vs-upload-app>section:not(.vs-upload-status) { padding-bottom:15px; }.vs-upload-app nav { display:flex; padding:10px 14px; overflow:hidden; gap:5px; border-bottom:1px solid #e2e5e7; }.vs-upload-app nav span { border-radius:999px; color:#778188; padding:6px 8px; font-size:6px; font-weight:800; white-space:nowrap; }.vs-upload-app nav .is-active { background:var(--vs-accent-soft); color:var(--vs-accent-dark); }.vs-upload-app label { display:block; margin:10px 14px 0; color:#7b858c; font-size:7px; font-weight:800; }.vs-upload-app label>span { display:block; margin-top:4px; border:1px solid #dfe3e5; border-radius:8px; color:#526069; padding:8px; font-size:7px; font-weight:500; line-height:1.4; }.vs-upload-app>section>div:not(.vs-window-head) { display:grid; grid-template-columns:1fr 1fr; }.vs-upload-app button { margin:12px 14px 0; border:0; border-radius:999px; background:var(--vs-accent); color:#fff; padding:8px 11px; font-size:7px; font-weight:800; }.vs-upload-preview { display:flex; min-height:410px; align-items:center; flex-direction:column; background:#172330; color:#fff; padding:15px; }.vs-upload-preview>small { align-self:flex-start; color:#aebbc5; font-size:6px; font-weight:900; letter-spacing:.12em; }.vs-upload-preview>div { display:grid; width:100%; min-height:245px; margin-top:11px; place-items:center; border-radius:14px; background:linear-gradient(145deg,#cba086,#905d4c 52%,#364b5d); }.vs-upload-preview>div i { display:grid; width:43px; height:43px; place-items:center; border:1px solid rgba(255,255,255,.5); border-radius:50%; font-style:normal; }.vs-upload-preview>strong { margin-top:13px; align-self:flex-start; font-size:9px; }.vs-upload-preview>span,.vs-upload-preview>p { align-self:flex-start; margin:5px 0 0; color:#afbbc4; font-size:6px; line-height:1.4; }.vs-upload-status article { display:grid; margin:7px 10px; grid-template-columns:28px 1fr auto; align-items:center; gap:7px; border-radius:9px; background:#f5f7f8; padding:8px; }.vs-upload-status article>span,.vs-upload-final-dashboard article>span { display:grid; width:27px; height:27px; place-items:center; border-radius:8px; background:var(--vs-accent-soft); color:var(--vs-accent); font-size:7px; font-weight:900; }.vs-upload-status strong,.vs-upload-final-dashboard article strong { color:var(--vs-navy); font-size:7px; }.vs-upload-status i,.vs-upload-final-dashboard article i { border-radius:999px; padding:5px 6px; font-size:5px; font-style:normal; font-weight:900; }
.vs-upload-customize { text-align:center; }.vs-upload-customize>.vs-shell>p { max-width:740px; margin-inline:auto; }.vs-upload-custom-flow { display:grid; margin-top:42px; grid-template-columns:185px 40px 1fr; align-items:center; gap:12px; text-align:left; }.vs-upload-custom-source { display:flex; min-height:190px; align-items:center; justify-content:center; flex-direction:column; border-radius:22px; background:var(--vs-navy); color:#fff; }.vs-upload-custom-source span { display:grid; width:45px; height:45px; place-items:center; border-radius:13px; background:var(--vs-accent); }.vs-upload-custom-source strong { margin-top:14px; font-size:9px; }.vs-upload-custom-source small { margin-top:5px; color:#afbbc4; font-size:7px; }.vs-upload-custom-flow>i { color:#c3a58f; font-style:normal; font-size:22px; text-align:center; }.vs-upload-custom-cards { display:grid; grid-template-columns:repeat(5,1fr); gap:9px; }.vs-upload-custom-cards article { display:flex; min-height:190px; flex-direction:column; border:1px solid var(--vs-border); border-radius:18px; background:#fff; padding:15px; }.vs-upload-custom-cards article>span { display:grid; width:36px; height:36px; place-items:center; border-radius:11px; background:var(--vs-accent-soft); color:var(--vs-accent); font-size:8px; font-weight:900; }.vs-upload-custom-cards h3 { margin:13px 0 8px; color:var(--vs-navy); font-family:Georgia,serif; font-size:15px; }.vs-upload-custom-cards small { margin-top:6px; color:#6f787e; font-size:7px; line-height:1.4; }
.vs-upload-platforms { text-align:center; }.vs-upload-platform-table { margin-top:40px; overflow:hidden; border:1px solid var(--vs-border); border-radius:22px; background:#fff; text-align:left; }.vs-upload-platform-table>div { display:grid; min-height:60px; grid-template-columns:.65fr 1.75fr .7fr; align-items:center; gap:16px; border-top:1px solid #ece6de; padding:12px 20px; color:#6d6863; font-size:10px; }.vs-upload-platform-table>div:first-child { border-top:0; background:var(--vs-navy); color:#fff; }.vs-upload-platform-table strong { color:var(--vs-text); }.vs-upload-platform-table>div:first-child strong { color:#fff; }.vs-upload-platform-table>div span:last-child { color:#56766b; font-weight:800; }.vs-upload-caveat { margin:14px 0 0; color:var(--vs-muted); font-size:9px; line-height:1.6; }
.vs-upload-before-after { text-align:center; }.vs-upload-compare { display:grid; margin-top:40px; grid-template-columns:1fr 100px 1fr; align-items:center; gap:22px; text-align:left; }.vs-upload-compare article { display:grid; min-height:410px; align-content:start; gap:8px; border:1px solid var(--vs-border); border-radius:25px; background:var(--vs-cream); padding:27px; }.vs-upload-compare article>small { margin-bottom:10px; color:var(--vs-accent); font-size:7px; font-weight:900; letter-spacing:.12em; }.vs-upload-compare article>span { display:grid; grid-template-columns:30px 1fr; align-items:center; gap:9px; border-radius:10px; background:#fff; color:#68635e; padding:9px; font-size:8px; font-weight:700; }.vs-upload-compare article>span b { display:grid; width:29px; height:29px; place-items:center; border-radius:8px; background:#eee9e4; color:#8a7467; font-size:7px; }.vs-upload-compare .is-after { background:var(--vs-navy); }.vs-upload-compare .is-after>span { background:rgba(255,255,255,.08); color:#e4eaed; }.vs-upload-compare .is-after>span b { background:var(--vs-sage); color:#fff; }.vs-upload-compare>div { display:grid; place-items:center; }.vs-upload-compare>div b { display:grid; width:62px; height:62px; margin:9px; place-items:center; border-radius:18px; background:var(--vs-accent); color:#fff; font-family:Georgia,serif; }.vs-upload-compare>div i { color:#c7b4a7; font-style:normal; }
.vs-upload-faq { text-align:center; }.vs-upload-faq>.vs-shell>div:last-child { display:grid; margin-top:38px; grid-template-columns:repeat(2,1fr); gap:15px; text-align:left; }.vs-upload-faq article { border:1px solid var(--vs-border); border-radius:20px; background:#fff; padding:23px; }.vs-upload-faq h3 { margin:0; color:var(--vs-navy); font-family:Georgia,serif; font-size:17px; }.vs-upload-faq article p { margin:10px 0 0; color:var(--vs-muted); font-size:11px; line-height:1.7; }
.vs-upload-final { padding:98px 0 110px; background:var(--vs-cream); }.vs-upload-final>.vs-shell { display:grid; grid-template-columns:1fr .82fr; align-items:center; gap:60px; border-radius:31px; background:#fff; padding:58px; box-shadow:var(--vs-shadow); }.vs-upload-final-dashboard { overflow:hidden; border-radius:22px; background:#f5f7f8; }.vs-upload-final-video { display:grid; margin:12px; grid-template-columns:55px 1fr; align-items:center; gap:10px; border-radius:12px; background:var(--vs-navy); padding:10px; color:#fff; }.vs-upload-final-video>span { display:grid; height:50px; place-items:center; border-radius:9px; background:linear-gradient(145deg,#c99e83,#935f4d 55%,#374c5e); }.vs-upload-final-video p { display:flex; margin:0; flex-direction:column; }.vs-upload-final-video strong { font-size:8px; }.vs-upload-final-video small { margin-top:4px; color:#afbbc4; font-size:6px; }.vs-upload-final-stats { display:grid; margin:0 12px 10px; grid-template-columns:repeat(4,1fr); gap:5px; }.vs-upload-final-stats span { display:flex; flex-direction:column; border-radius:8px; background:#fff; color:#7b858c; padding:8px; font-size:6px; }.vs-upload-final-stats b { color:var(--vs-navy); font-size:13px; }.vs-upload-final-dashboard article { display:grid; margin:0 12px 7px; grid-template-columns:29px 1fr auto; align-items:center; gap:8px; border-radius:9px; background:#fff; padding:8px; }

/* AI video description generator */
.vs-ai-hero { padding:82px 0 78px; background:radial-gradient(circle at 90% 10%,rgba(231,240,236,.96),transparent 30%),radial-gradient(circle at 8% 92%,rgba(242,225,213,.82),transparent 34%),var(--vs-cream); }.vs-ai-hero__grid { display:grid; grid-template-columns:.82fr 1.18fr; align-items:center; gap:56px; }
.vs-ai-hero h1,.vs-ai-inputs h2,.vs-ai-example h2,.vs-ai-capabilities h2,.vs-ai-platform-copy h2,.vs-ai-controls h2,.vs-ai-transcript h2,.vs-ai-brain h2,.vs-ai-publish h2,.vs-ai-use-cases h2,.vs-ai-trust-section h2,.vs-ai-compare h2,.vs-ai-faq h2,.vs-ai-final h2 { margin:14px 0 0; color:var(--vs-text); font-family:Georgia,serif; font-size:clamp(37px,4.7vw,55px); line-height:1.06; letter-spacing:-.04em; }.vs-ai-hero h1 { font-size:clamp(48px,5.7vw,68px); }.vs-ai-hero__grid>div:first-child>p,.vs-ai-inputs>.vs-shell>p,.vs-ai-platform-copy>.vs-shell>p,.vs-ai-controls__grid>div:first-child>p,.vs-ai-transcript>.vs-shell>div:first-child>p,.vs-ai-brain__grid>div:first-child>p,.vs-ai-trust-grid>div:first-child>p,.vs-ai-final p { margin:22px 0 0; color:var(--vs-muted); font-size:14px; line-height:1.78; }
.vs-ai-trust { display:flex; margin-top:22px; flex-wrap:wrap; gap:8px; }.vs-ai-trust span { border-radius:999px; background:var(--vs-sage-soft); color:#56766b; padding:7px 9px; font-size:7px; font-weight:900; }
.vs-ai-editor { overflow:hidden; border:7px solid #fff; border-radius:28px; background:#f5f7f8; box-shadow:0 30px 85px rgba(36,52,71,.17); }.vs-ai-editor__body { display:grid; grid-template-columns:.82fr 1.18fr; min-height:505px; }.vs-ai-editor__body>aside { border-right:1px solid #dfe3e5; padding:14px; }.vs-ai-editor__body>section { background:#fff; padding:14px; }.vs-ai-thumb { position:relative; display:grid; min-height:155px; place-items:center; border-radius:13px; background:linear-gradient(145deg,#cba086,#905d4c 52%,#364b5d); color:#fff; }.vs-ai-thumb i { display:grid; width:43px; height:43px; place-items:center; border:1px solid rgba(255,255,255,.5); border-radius:50%; font-style:normal; }.vs-ai-thumb small { position:absolute; right:9px; bottom:8px; left:9px; font-size:6px; }.vs-ai-editor label,.vs-ai-studio label,.vs-ai-final-editor label { display:block; margin-top:10px; color:#7b858c; font-size:7px; font-weight:800; }.vs-ai-editor label>span,.vs-ai-studio label>span,.vs-ai-final-editor label>span { display:block; margin-top:4px; border:1px solid #dfe3e5; border-radius:8px; background:#fff; color:#526069; padding:8px; font-size:7px; font-weight:500; line-height:1.45; }.vs-ai-editor__body>aside>div:not(.vs-ai-thumb) { display:grid; grid-template-columns:1fr 1fr; gap:7px; }.vs-ai-editor button,.vs-ai-studio button,.vs-ai-final-editor button { border:0; border-radius:999px; background:var(--vs-accent); color:#fff; padding:8px 10px; font-size:7px; font-weight:800; }.vs-ai-editor__body>aside>button { width:100%; margin-top:12px; }.vs-ai-result-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }.vs-ai-result-head small { color:var(--vs-accent); font-size:6px; font-weight:900; letter-spacing:.12em; }.vs-ai-result-head>span { border-radius:999px; background:var(--vs-sage-soft); color:#56766b; padding:5px 7px; font-size:6px; font-weight:900; }.vs-ai-actions { display:flex; margin-top:12px; flex-wrap:wrap; gap:5px; }.vs-ai-actions button { background:#eef1f2; color:#5f6b72; }.vs-ai-actions button:last-child { background:var(--vs-accent); color:#fff; }
.vs-ai-inputs,.vs-ai-capabilities,.vs-ai-controls,.vs-ai-brain,.vs-ai-use-cases,.vs-ai-faq { padding:98px 0; background:var(--vs-cream-deep); text-align:center; }.vs-ai-inputs>.vs-shell>p,.vs-ai-platform-copy>.vs-shell>p { max-width:760px; margin-inline:auto; }.vs-ai-input-flow { display:grid; margin-top:42px; grid-template-columns:1fr 40px 210px 40px 1fr; align-items:center; gap:10px; text-align:left; }.vs-ai-input-list,.vs-ai-output-list { display:grid; gap:7px; }.vs-ai-input-list article,.vs-ai-output-list span { display:grid; grid-template-columns:34px 1fr; align-items:center; gap:9px; border:1px solid var(--vs-border); border-radius:12px; background:#fff; padding:10px; color:var(--vs-navy); font-size:8px; font-weight:800; }.vs-ai-input-list article span { display:grid; width:32px; height:32px; place-items:center; border-radius:9px; background:var(--vs-accent-soft); color:var(--vs-accent); }.vs-ai-output-list span { grid-template-columns:1fr; color:#56766b; }.vs-ai-input-flow>i { color:#c2a28e; font-style:normal; font-size:20px; text-align:center; }.vs-ai-assistant { display:flex; min-height:210px; align-items:center; justify-content:center; flex-direction:column; border-radius:23px; background:var(--vs-navy); color:#fff; }.vs-ai-assistant>span { display:grid; width:48px; height:48px; place-items:center; border-radius:14px; background:var(--vs-accent); }.vs-ai-assistant strong { margin-top:14px; font-size:10px; }.vs-ai-assistant small { margin-top:6px; color:#afbbc4; font-size:7px; }
.vs-ai-example,.vs-ai-platform-copy,.vs-ai-transcript,.vs-ai-publish,.vs-ai-trust-section,.vs-ai-compare { padding:98px 0; background:#fff; }.vs-ai-example { text-align:center; }.vs-ai-example__grid { display:grid; margin-top:40px; grid-template-columns:.65fr 1.35fr; gap:18px; text-align:left; }.vs-ai-rough { display:flex; min-height:510px; justify-content:center; flex-direction:column; border-radius:25px; background:var(--vs-navy); padding:30px; }.vs-ai-rough>small { color:#efb99b; font-size:7px; font-weight:900; letter-spacing:.13em; }.vs-ai-rough>p { color:#fff; font-family:Georgia,serif; font-size:23px; line-height:1.55; }.vs-ai-rough>div { display:flex; flex-wrap:wrap; gap:7px; }.vs-ai-rough span { border-radius:999px; background:rgba(255,255,255,.08); color:#c5d0d7; padding:7px 9px; font-size:7px; }.vs-ai-generated { border:1px solid var(--vs-border); border-radius:25px; background:#f7f8f8; padding:22px; }.vs-ai-generated>article,.vs-ai-generated>div>article { margin-top:10px; border-radius:11px; background:#fff; padding:11px; }.vs-ai-generated>div:not(.vs-ai-result-head) { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.vs-ai-generated b { color:var(--vs-accent); font-size:7px; text-transform:uppercase; }.vs-ai-generated p { margin:6px 0 0; color:#555f66; font-size:9px; line-height:1.6; }.vs-ai-generated nav { display:flex; margin-top:12px; flex-wrap:wrap; gap:6px; }.vs-ai-generated nav button { border:1px solid #d9dddf; border-radius:999px; background:#fff; color:#59656c; padding:7px 9px; font-size:7px; font-weight:800; }.vs-ai-generated nav button:last-child { border-color:var(--vs-accent); background:var(--vs-accent); color:#fff; }
.vs-ai-cap-grid { display:grid; margin-top:42px; grid-template-columns:repeat(3,1fr); gap:15px; text-align:left; }.vs-ai-cap-grid article { border:1px solid var(--vs-border); border-radius:22px; background:#fff; padding:20px; }.vs-ai-cap-grid article>small { color:var(--vs-accent); font-size:6px; font-weight:900; letter-spacing:.12em; }.vs-ai-cap-grid h3 { margin:13px 0 0; color:var(--vs-navy); font-family:Georgia,serif; font-size:19px; }.vs-ai-cap-grid article>div { min-height:88px; margin-top:14px; border-radius:12px; background:#f4f1ed; color:#59636a; padding:12px; font-size:9px; line-height:1.6; }.vs-ai-cap-grid article>span { display:inline-block; margin-top:13px; border-radius:999px; background:var(--vs-sage-soft); color:#56766b; padding:5px 7px; font-size:6px; font-weight:900; }
.vs-ai-platform-copy { background:var(--vs-navy); text-align:center; }.vs-ai-platform-copy h2 { color:#fff; }.vs-ai-platform-copy>.vs-shell>p { color:#bdc8d0; }.vs-ai-copy-map { display:grid; margin-top:42px; grid-template-columns:190px 1fr; align-items:center; gap:40px; text-align:left; }.vs-ai-copy-source { display:flex; min-height:190px; align-items:center; justify-content:center; flex-direction:column; border:1px solid rgba(255,255,255,.12); border-radius:23px; background:rgba(255,255,255,.06); color:#fff; }.vs-ai-copy-source span { display:grid; width:47px; height:47px; place-items:center; border-radius:14px; background:var(--vs-accent); }.vs-ai-copy-source strong { margin-top:13px; font-size:10px; }.vs-ai-copy-source small { margin-top:5px; color:#afbbc4; font-size:7px; }.vs-ai-copy-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.vs-ai-copy-cards article { display:grid; grid-template-columns:34px 1fr; align-items:center; gap:9px; border-radius:12px; background:rgba(255,255,255,.07); padding:10px; }.vs-ai-copy-cards article>span { display:grid; width:32px; height:32px; place-items:center; border-radius:9px; background:var(--vs-accent); color:#fff; font-size:7px; font-weight:900; }.vs-ai-copy-cards p { display:flex; margin:0; flex-direction:column; }.vs-ai-copy-cards strong { color:#fff; font-size:8px; }.vs-ai-copy-cards small { margin-top:4px; color:#afbbc4; font-size:6px; }.vs-ai-platform-note { margin-top:20px; border-radius:13px; background:rgba(255,255,255,.06); color:#bdc8d0; padding:12px; font-size:8px; }
.vs-ai-controls__grid,.vs-ai-brain__grid,.vs-ai-trust-grid,.vs-ai-final>.vs-shell { display:grid; grid-template-columns:.82fr 1.18fr; align-items:center; gap:65px; text-align:left; }.vs-ai-tone-pills { display:flex; margin-top:23px; flex-wrap:wrap; gap:7px; }.vs-ai-tone-pills span { border:1px solid var(--vs-border); border-radius:999px; background:#fff; color:#697279; padding:7px 9px; font-size:7px; font-weight:800; }.vs-ai-tone-pills span:nth-child(2) { border-color:var(--vs-accent); background:var(--vs-accent-soft); color:var(--vs-accent-dark); }.vs-ai-studio,.vs-ai-review-card,.vs-ai-final-editor { overflow:hidden; border:7px solid #fff; border-radius:26px; background:#f5f7f8; box-shadow:0 24px 65px rgba(36,52,71,.13); }.vs-ai-studio__text { margin:15px; border:1px solid #dfe3e5; border-radius:12px; background:#fff; color:#526069; padding:15px; font-size:10px; line-height:1.65; }.vs-ai-studio__actions { display:flex; margin:0 15px; flex-wrap:wrap; gap:6px; }.vs-ai-studio__actions button { background:#fff; color:#627077; }.vs-ai-studio label { margin:13px 15px 16px; }
.vs-ai-transcript>.vs-shell { display:grid; grid-template-columns:.75fr 1.25fr; align-items:center; gap:65px; }.vs-ai-transcript-flow { display:grid; gap:5px; border:1px solid var(--vs-border); border-radius:24px; background:var(--vs-cream-deep); padding:18px; }.vs-ai-transcript-flow article,.vs-ai-brain-flow article { display:grid; grid-template-columns:38px 1fr; align-items:center; gap:10px; border-radius:11px; background:#fff; padding:10px; }.vs-ai-transcript-flow article>span,.vs-ai-brain-flow article>span { display:grid; width:36px; height:36px; place-items:center; border-radius:10px; background:var(--vs-accent-soft); color:var(--vs-accent); font-size:8px; font-weight:900; }.vs-ai-transcript-flow p,.vs-ai-brain-flow p { display:flex; margin:0; flex-direction:column; }.vs-ai-transcript-flow strong,.vs-ai-brain-flow strong { color:var(--vs-navy); font-size:8px; }.vs-ai-transcript-flow small,.vs-ai-brain-flow small { margin-top:4px; color:#7e888f; font-size:7px; }.vs-ai-transcript-flow>i,.vs-ai-brain-flow>i { color:#c29f88; font-style:normal; text-align:center; }
.vs-ai-brain { text-align:left; }.vs-ai-brain__grid { grid-template-columns:.8fr 1.2fr; }.vs-text-link { display:inline-flex; margin-top:23px; color:var(--vs-accent-dark); font-size:10px; font-weight:900; text-decoration:none; }.vs-ai-brain-flow { display:grid; gap:5px; border-radius:24px; background:var(--vs-navy); padding:18px; }.vs-ai-brain-flow article { background:rgba(255,255,255,.07); }.vs-ai-brain-flow strong { color:#fff; }.vs-ai-brain-flow small { color:#afbbc4; }
.vs-ai-publish { text-align:center; }.vs-ai-publish-flow { display:flex; margin-top:42px; align-items:center; justify-content:center; gap:7px; }.vs-ai-publish-flow article { display:flex; width:145px; min-height:130px; align-items:center; justify-content:center; flex-direction:column; border:1px solid var(--vs-border); border-radius:18px; background:var(--vs-cream-deep); padding:13px; }.vs-ai-publish-flow article>span { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; background:var(--vs-accent-soft); color:var(--vs-accent); }.vs-ai-publish-flow strong { margin-top:11px; color:var(--vs-navy); font-size:8px; line-height:1.4; }.vs-ai-publish-flow>i { color:#c09e88; font-style:normal; font-weight:900; }.vs-ai-review-note { display:grid; max-width:800px; margin:25px auto 0; grid-template-columns:40px 1fr; align-items:center; gap:11px; border-radius:15px; background:var(--vs-navy); padding:13px; text-align:left; }.vs-ai-review-note>span { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; background:var(--vs-sage); color:#fff; }.vs-ai-review-note p { display:flex; margin:0; flex-direction:column; }.vs-ai-review-note strong { color:#fff; font-size:9px; }.vs-ai-review-note small { margin-top:4px; color:#afbbc4; font-size:7px; line-height:1.5; }
.vs-ai-use-grid { display:grid; margin-top:42px; grid-template-columns:repeat(4,1fr); gap:15px; text-align:left; }.vs-ai-use-grid article { border:1px solid var(--vs-border); border-radius:21px; background:#fff; padding:20px; }.vs-ai-use-grid article>span { display:grid; width:42px; height:42px; place-items:center; border-radius:13px; background:var(--vs-accent-soft); color:var(--vs-accent); font-size:8px; font-weight:900; }.vs-ai-use-grid h3 { margin:16px 0 0; color:var(--vs-navy); font-family:Georgia,serif; font-size:18px; }.vs-ai-use-grid p { margin:9px 0 0; color:var(--vs-muted); font-size:10px; line-height:1.65; }
.vs-ai-trust-grid { grid-template-columns:1fr .85fr; }.vs-ai-checks { display:grid; margin-top:23px; grid-template-columns:repeat(4,1fr); gap:7px; }.vs-ai-checks span { border-radius:9px; background:var(--vs-sage-soft); color:#56766b; padding:8px; font-size:7px; font-weight:900; }.vs-ai-warning { margin-top:17px; border-left:3px solid var(--vs-accent); background:var(--vs-accent-soft); color:var(--vs-accent-dark); padding:12px; font-size:9px; font-weight:900; }.vs-ai-review-card { box-shadow:0 24px 65px rgba(36,52,71,.12); }.vs-ai-review-card article { display:grid; margin:9px 12px; grid-template-columns:29px 1fr auto; align-items:center; gap:8px; border-radius:10px; background:#fff; padding:9px; }.vs-ai-review-card article>span { display:grid; width:28px; height:28px; place-items:center; border-radius:8px; background:var(--vs-sage-soft); color:#56766b; }.vs-ai-review-card strong { color:var(--vs-navy); font-size:8px; }.vs-ai-review-card i { color:#7c878d; font-size:6px; font-style:normal; font-weight:900; }.vs-ai-review-card>button { width:calc(100% - 24px); margin:4px 12px 13px; border:0; border-radius:999px; background:var(--vs-accent); color:#fff; padding:9px; font-size:8px; font-weight:900; }
.vs-ai-compare { text-align:center; }.vs-ai-compare-table { margin-top:38px; overflow:hidden; border:1px solid var(--vs-border); border-radius:22px; background:#fff; text-align:left; }.vs-ai-compare-table>div { display:grid; min-height:59px; grid-template-columns:.8fr 1fr 1.25fr; align-items:center; gap:16px; border-top:1px solid #ece6de; padding:12px 20px; color:#6d6863; font-size:9px; }.vs-ai-compare-table>div:first-child { border-top:0; background:var(--vs-navy); color:#fff; }.vs-ai-compare-table strong { color:var(--vs-text); }.vs-ai-compare-table>div:first-child strong { color:#fff; }.vs-ai-compare-table span:last-child { color:#56766b; font-weight:800; }
.vs-ai-faq>.vs-shell>div:last-of-type { display:grid; margin-top:38px; grid-template-columns:repeat(2,1fr); gap:15px; text-align:left; }.vs-ai-faq article { border:1px solid var(--vs-border); border-radius:20px; background:#fff; padding:22px; }.vs-ai-faq h3 { margin:0; color:var(--vs-navy); font-family:Georgia,serif; font-size:16px; }.vs-ai-faq article p { margin:10px 0 0; color:var(--vs-muted); font-size:10px; line-height:1.7; }.vs-ai-links { display:flex; margin-top:25px; justify-content:center; flex-wrap:wrap; gap:7px; }.vs-ai-links a { border-radius:999px; background:#fff; color:var(--vs-accent-dark); padding:8px 10px; font-size:7px; font-weight:900; text-decoration:none; }
.vs-ai-final { padding:98px 0 110px; background:var(--vs-cream); }.vs-ai-final>.vs-shell { border-radius:31px; background:#fff; padding:58px; box-shadow:var(--vs-shadow); }.vs-ai-final-editor { padding-bottom:14px; }.vs-ai-final-editor label { margin:11px 14px 0; }.vs-ai-final-editor>div:not(.vs-window-head) { display:flex; margin:12px 14px; gap:7px; }.vs-ai-final-editor>article { display:grid; margin:12px 14px 0; grid-template-columns:34px 1fr; align-items:center; gap:9px; border-radius:11px; background:var(--vs-sage-soft); padding:10px; }.vs-ai-final-editor>article>span { display:grid; width:32px; height:32px; place-items:center; border-radius:9px; background:var(--vs-sage); color:#fff; }.vs-ai-final-editor article p { display:flex; margin:0; flex-direction:column; }.vs-ai-final-editor strong { color:var(--vs-navy); font-size:8px; }.vs-ai-final-editor small { margin-top:4px; color:#62796f; font-size:6px; }

/* Premium pricing journey */
.vs-pricing-hero__grid { display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 60px; }
.vs-pricing-dashboard { overflow: hidden; border: 7px solid #fff; border-radius: 28px; background: #f8fafb; box-shadow: 0 30px 85px rgba(36,52,71,.17); }
.vs-pricing-dashboard__body { display: grid; grid-template-columns: 46px 1fr; min-height: 395px; }
.vs-pricing-dashboard__body > aside { display: flex; align-items: center; flex-direction: column; gap: 14px; background: var(--vs-navy); padding: 14px 6px; color: #a7b3bd; }
.vs-pricing-dashboard__body > aside b { display: grid; width: 29px; height: 29px; margin-bottom: 6px; place-items: center; border-radius: 9px; background: var(--vs-accent); color: #fff; font-family: Georgia, serif; font-size: 9px; }
.vs-pricing-dashboard__body > aside span { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 8px; font-size: 10px; }
.vs-pricing-dashboard__body > aside span:first-of-type { background: rgba(255,255,255,.1); color: #fff; }
.vs-pricing-dashboard__body > div { min-width: 0; padding: 16px; }
.vs-pricing-dashboard__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.vs-pricing-dashboard__top p { display: flex; margin: 0; flex-direction: column; }
.vs-pricing-dashboard__top small, .vs-pricing-dashboard__bottom small { color: var(--vs-accent); font-size: 6px; font-weight: 900; letter-spacing: .12em; }
.vs-pricing-dashboard__top strong { margin-top: 4px; color: var(--vs-navy); font-size: 12px; }
.vs-pricing-dashboard button { border: 0; border-radius: 999px; background: var(--vs-accent); color: #fff; padding: 7px 10px; font-size: 7px; font-weight: 800; }
.vs-pricing-dashboard__stats { display: grid; margin-top: 14px; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.vs-pricing-dashboard__stats span { display: flex; align-items: baseline; gap: 5px; border: 1px solid #dfe3e6; border-radius: 9px; background: #fff; color: #818a91; padding: 9px; font-size: 6px; }
.vs-pricing-dashboard__stats b { color: var(--vs-navy); font-size: 15px; }
.vs-pricing-dashboard__calendar { display: grid; height: 95px; margin-top: 10px; grid-template-columns: repeat(5, 1fr); gap: 4px; border: 1px solid #dfe3e6; border-radius: 10px; background: repeating-linear-gradient(0deg, #fff, #fff 27px, #edf0f2 28px); padding: 8px; }
.vs-pricing-dashboard__calendar small { color: #8b949a; font-size: 6px; font-weight: 800; text-align: center; }
.vs-pricing-dashboard__calendar i { align-self: start; min-height: 23px; border-radius: 5px; background: var(--vs-accent-soft); }
.vs-pricing-dashboard__calendar i:nth-of-type(2) { margin-top: 27px; grid-column: 2; background: var(--vs-sage-soft); }
.vs-pricing-dashboard__calendar i:nth-of-type(3) { grid-column: 4; background: #eeeaf4; }
.vs-pricing-dashboard__calendar i:nth-of-type(4) { margin-top: 35px; grid-column: 5; }
.vs-pricing-dashboard__bottom { display: grid; margin-top: 9px; grid-template-columns: 1fr 1fr; gap: 8px; }
.vs-pricing-dashboard__bottom > div { border: 1px solid #dfe3e6; border-radius: 10px; background: #fff; padding: 9px; }
.vs-pricing-dashboard__bottom p { margin: 7px 0; color: #647078; font-size: 7px; line-height: 1.4; }
.vs-pricing-dashboard__bottom button { background: var(--vs-navy); }
.vs-pricing-dashboard__bottom p:has(i) { display: flex; gap: 5px; }
.vs-pricing-dashboard__bottom p i { width: 28px; height: 28px; border-radius: 5px; background: linear-gradient(135deg, #d2aa93, #657889); }
.vs-pricing-dashboard__bottom p i:nth-child(2) { background: linear-gradient(135deg, #97aea4, #536c62); }
.vs-pricing-dashboard__bottom p i:nth-child(3) { background: linear-gradient(135deg, #afa3c1, #70647e); }
.vs-pricing-dashboard__bottom > div > span { color: #8a9399; font-size: 6px; }
.vs-pricing-dashboard__status { display: flex; margin-top: 9px; gap: 7px; }
.vs-pricing-dashboard__status span { border-radius: 999px; background: var(--vs-sage-soft); color: #59786d; padding: 5px 7px; font-size: 6px; font-weight: 800; }
.vs-pricing-dashboard__status span:last-child { background: var(--vs-accent-soft); color: #926047; }

.vs-upgrade-value > h2, .vs-plan-comparison > h2, .vs-testimonials > h2, .vs-plan-fit > h2, .vs-pricing-final h2 { margin: 14px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: clamp(36px, 4.3vw, 52px); line-height: 1.07; letter-spacing: -.037em; }
.vs-upgrade-grid { display: grid; margin: 42px 0 95px; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.vs-upgrade-grid article { border: 1px solid var(--vs-border); border-radius: 24px; background: #fff; padding: 20px; box-shadow: 0 14px 38px rgba(65,49,35,.05); }
.vs-upgrade-visual { position: relative; overflow: hidden; height: 145px; border-radius: 16px; background: #f1ede7; }
.vs-upgrade-grid h3 { margin: 21px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: 21px; }
.vs-upgrade-grid article > p { min-height: 64px; margin: 10px 0 0; color: var(--vs-muted); font-size: 11px; line-height: 1.65; }
.vs-upgrade-grid ul { display: grid; margin: 16px 0 0; padding: 14px 0 0; gap: 8px; border-top: 1px solid var(--vs-border); color: #625e59; font-size: 9px; font-weight: 700; list-style: none; }
.vs-upgrade-grid li::before { margin-right: 6px; color: var(--vs-sage); content: "✓"; }
.vs-upgrade-visual--publish b { position: absolute; top: 48px; left: 50%; z-index: 2; display: grid; width: 49px; height: 49px; place-items: center; transform: translateX(-50%); border-radius: 14px; background: var(--vs-navy); color: #fff; font-size: 8px; }
.vs-upgrade-visual--publish span { position: absolute; display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; background: #fff; color: var(--vs-accent); font-size: 9px; font-weight: 900; box-shadow: 0 5px 15px rgba(36,52,71,.1); }
.vs-upgrade-visual--publish span:nth-of-type(1) { top: 18px; left: 20px; }.vs-upgrade-visual--publish span:nth-of-type(2) { top: 18px; right: 20px; }.vs-upgrade-visual--publish span:nth-of-type(3) { bottom: 18px; left: 20px; }.vs-upgrade-visual--publish span:nth-of-type(4) { right: 20px; bottom: 18px; }
.vs-upgrade-visual--publish::before, .vs-upgrade-visual--publish::after { position: absolute; inset: 32px 34px; border: 1px dashed #c8b7a9; border-radius: 50%; content: ""; }
.vs-upgrade-visual--brain { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 14px; background: var(--vs-sage-soft); }
.vs-upgrade-visual--brain span { border: 1px solid #d4ded9; border-radius: 10px; background: #fff; color: var(--vs-navy); padding: 11px 8px; font-size: 8px; font-weight: 900; }
.vs-upgrade-visual--brain i { color: var(--vs-sage); font-style: normal; }
.vs-upgrade-visual--calendar { display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; padding: 18px 12px; background: repeating-linear-gradient(0deg, #fff, #fff 33px, #e7e2db 34px); }
.vs-upgrade-visual--calendar b { color: #8a837c; font-size: 7px; text-align: center; }
.vs-upgrade-visual--calendar span { min-height: 32px; border-radius: 7px; background: var(--vs-accent-soft); }
.vs-upgrade-visual--calendar span:nth-of-type(2) { margin-top: 31px; background: var(--vs-sage-soft); }.vs-upgrade-visual--calendar span:nth-of-type(3) { background: #eeeaf4; }
.vs-upgrade-visual--library { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; padding: 14px; background: #eeeaf4; }
.vs-upgrade-visual--library > span { border-radius: 7px 7px 2px 2px; background: #fff; color: #796c8d; padding: 9px 5px; font-size: 7px; font-weight: 800; }
.vs-upgrade-visual--library > div { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.vs-upgrade-visual--library i { min-height: 72px; border-radius: 7px; background: linear-gradient(135deg, #cba48c, #64778a); }
.vs-upgrade-visual--library i:nth-child(2) { background: linear-gradient(135deg, #96aea3, #516a60); }.vs-upgrade-visual--library i:nth-child(3) { background: linear-gradient(135deg, #b0a4c2, #71647f); }

.vs-plan-audience { display: block; margin-top: 9px; color: var(--vs-accent-dark); font-size: 10px; line-height: 1.4; }
.vs-pricing-card { min-height: 625px; }
.vs-pricing-card ul { gap: 11px; }
.vs-pricing-card li { display: flex; align-items: flex-start; gap: 9px; padding-left: 0; }
.vs-pricing-card li::before { display: none; }
.vs-pricing-card li > span { display: grid; width: 18px; height: 18px; flex: 0 0 18px; place-items: center; border-radius: 6px; background: var(--vs-sage-soft); color: var(--vs-sage); font-size: 8px; font-weight: 900; }
.vs-plan-comparison { margin-top: 96px; }
.vs-comparison-scroll { margin-top: 35px; overflow-x: auto; border: 1px solid var(--vs-border); border-radius: 23px; background: #fff; box-shadow: 0 15px 45px rgba(65,49,35,.05); }
.vs-plan-comparison table { width: 100%; min-width: 760px; border-collapse: collapse; color: #5c5854; font-size: 11px; }
.vs-plan-comparison th, .vs-plan-comparison td { border-top: 1px solid #ece6de; padding: 14px 16px; text-align: center; }
.vs-plan-comparison thead th { border-top: 0; background: var(--vs-navy); color: #fff; font-size: 10px; letter-spacing: .06em; }
.vs-plan-comparison th:first-child { width: 27%; text-align: left; }
.vs-plan-comparison tbody th { color: var(--vs-text); font-weight: 800; }
.vs-plan-comparison tbody tr:nth-child(even) { background: #fbf9f6; }
.vs-check { color: var(--vs-sage); font-weight: 900; }

.vs-upgrade-flow { display: grid; margin-top: 90px; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 65px; border-radius: 31px; background: var(--vs-navy); padding: 58px; }
.vs-upgrade-flow h2 { margin: 14px 0 0; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: clamp(36px, 4.3vw, 50px); line-height: 1.06; }
.vs-upgrade-flow__copy > p { margin: 19px 0 0; color: #bdc8d0; font-size: 14px; line-height: 1.75; }
.vs-continuity-list { display: grid; margin-top: 23px; grid-template-columns: 1fr 1fr; gap: 9px; color: #dce3e7; font-size: 10px; font-weight: 700; }
.vs-continuity-list span::first-letter { color: #abd1c3; }
.vs-plan-flow { display: grid; border: 1px solid rgba(255,255,255,.1); border-radius: 22px; background: rgba(255,255,255,.04); padding: 19px; text-align: center; }
.vs-plan-flow > div { display: flex; align-items: center; justify-content: space-between; border-radius: 12px; background: rgba(255,255,255,.07); padding: 11px 14px; }
.vs-plan-flow small { color: #aebbc5; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.vs-plan-flow strong { color: #fff; font-family: Georgia, serif; font-size: 17px; }
.vs-plan-flow > span { color: #efb99b; padding: 4px; font-weight: 900; }
.vs-plan-flow > p { margin: 12px 0 0; color: #acd1c4; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.vs-testimonials, .vs-plan-fit { margin-top: 94px; }
.vs-testimonial-grid { display: grid; margin-top: 37px; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.vs-testimonial-grid article { border: 1px solid var(--vs-border); border-radius: 22px; background: #fff; padding: 25px; }
.vs-testimonial-avatar { display: grid; width: 47px; height: 47px; place-items: center; border-radius: 50%; background: var(--vs-accent-soft); color: var(--vs-accent-dark); font-family: Georgia, serif; font-size: 13px; font-weight: 800; }
.vs-testimonial-grid article:nth-child(2) .vs-testimonial-avatar { background: var(--vs-sage-soft); color: #5a796e; }.vs-testimonial-grid article:nth-child(3) .vs-testimonial-avatar { background: #eeeaf4; color: #75688a; }
.vs-testimonial-grid blockquote { min-height: 105px; margin: 20px 0; color: #55514e; font-family: Georgia, serif; font-size: 15px; line-height: 1.65; }
.vs-testimonial-grid strong, .vs-testimonial-grid span { display: block; color: var(--vs-text); font-size: 10px; }
.vs-testimonial-grid span { margin-top: 4px; color: var(--vs-muted); font-size: 8px; }
.vs-plan-fit__list { display: grid; margin-top: 36px; gap: 11px; }
.vs-plan-fit__list article { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 18px; border: 1px solid var(--vs-border); border-radius: 19px; background: rgba(255,255,255,.78); padding: 18px 22px; }
.vs-plan-fit__icon { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 14px; background: var(--vs-accent-soft); color: var(--vs-accent); font-weight: 900; }
.vs-plan-fit__list article:nth-child(even) .vs-plan-fit__icon { background: var(--vs-sage-soft); color: var(--vs-sage); }
.vs-plan-fit__list small { color: var(--vs-accent); font-size: 8px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.vs-plan-fit__list h3 { margin: 5px 0 0; color: var(--vs-text); font-family: Georgia, serif; font-size: 19px; }
.vs-plan-fit__list p { margin: 5px 0 0; color: var(--vs-muted); font-size: 10px; }
.vs-plan-fit__list article > strong { max-width: 180px; color: #67736e; font-size: 9px; line-height: 1.5; text-align: right; }

.vs-pricing-shared { display: grid; grid-template-columns: 1fr .9fr; }
.vs-pricing-shared__copy .vs-button { margin-top: 24px; }
.vs-account-flow { display: grid; gap: 5px; }
.vs-account-flow > div { display: grid; grid-template-columns: 37px 1fr; align-items: center; gap: 11px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(255,255,255,.055); padding: 12px; }
.vs-account-flow > div > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 11px; background: var(--vs-accent); color: #fff; font-family: Georgia, serif; font-size: 10px; font-weight: 900; }
.vs-account-flow p { display: flex; margin: 0; flex-direction: column; }
.vs-account-flow strong { color: #fff; font-size: 10px; }
.vs-account-flow small { margin-top: 3px; color: #aebbc5; font-size: 7px; }
.vs-account-flow > i { color: #efb99b; font-style: normal; font-weight: 900; text-align: center; }
.vs-pricing-faq__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vs-pricing-final { margin-top: 92px; border: 1px solid var(--vs-border); border-radius: 31px; background: #fff; padding: 62px; box-shadow: var(--vs-shadow); text-align: center; }
.vs-pricing-final h2 { max-width: 800px; margin-inline: auto; }
.vs-pricing-final p { margin: 19px 0 28px; color: var(--vs-muted); font-size: 16px; }
.vs-pricing-final .vs-button-row { justify-content: center; }

/* Dedicated product features page */
.vs-features-page { --vs-ui-border: #dfe3e6; }
.vs-features-hero { padding: 82px 0 72px; background: radial-gradient(circle at 89% 12%, rgba(231,240,236,.98), transparent 28%), radial-gradient(circle at 7% 92%, rgba(242,225,213,.75), transparent 31%), var(--vs-cream); }
.vs-features-hero__grid { display: grid; grid-template-columns: .86fr 1.14fr; align-items: center; gap: 62px; }
.vs-features-hero h1 { margin: 20px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: clamp(47px, 5.5vw, 70px); line-height: 1.01; letter-spacing: -.045em; }
.vs-features-hero__copy > p { max-width: 590px; margin: 26px 0 30px; color: var(--vs-muted); font-size: 17px; line-height: 1.75; }
.vs-workspace-mockup, .vs-product-window { overflow: hidden; border: 7px solid #fff; border-radius: 28px; background: #f8fafb; box-shadow: 0 30px 85px rgba(36,52,71,.17); }
.vs-mock-topbar, .vs-window-head { display: flex; min-height: 54px; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--vs-ui-border); background: #fff; padding: 12px 17px; color: var(--vs-navy); font-size: 11px; }
.vs-mock-dots { color: #b5bdc4; letter-spacing: 3px; }
.vs-live-pill, .vs-window-head i { border-radius: 999px; background: var(--vs-sage-soft); color: #56776c; padding: 6px 9px; font-size: 8px; font-style: normal; font-weight: 800; }
.vs-workspace-mockup__body { display: grid; grid-template-columns: 49px 1fr; min-height: 428px; }
.vs-workspace-mockup__body > aside { display: flex; align-items: center; flex-direction: column; gap: 13px; background: var(--vs-navy); padding: 16px 8px; color: #9facb7; }
.vs-workspace-mockup__body > aside b { display: grid; width: 29px; height: 29px; margin-bottom: 8px; place-items: center; border-radius: 9px; background: var(--vs-accent); color: #fff; font-family: Georgia, serif; font-size: 10px; }
.vs-workspace-mockup__body > aside span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; font-size: 11px; }
.vs-workspace-mockup__body > aside span:nth-of-type(1) { background: rgba(255,255,255,.11); color: #fff; }
.vs-workspace-main { min-width: 0; padding: 18px; }
.vs-workspace-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.vs-workspace-heading > div { display: flex; flex-direction: column; }
.vs-workspace-heading small { color: #8b949b; font-size: 8px; }
.vs-workspace-heading strong { margin-top: 3px; color: var(--vs-navy); font-size: 14px; }
.vs-workspace-heading button, .vs-mini-composer button, .vs-window-head button, .vs-approval-row button, .vs-builder-controls > button, .vs-library-mockup aside button { border: 0; border-radius: 999px; background: var(--vs-accent); color: #fff; padding: 8px 11px; font-size: 8px; font-weight: 800; }
.vs-workspace-stats { display: grid; margin-top: 17px; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.vs-workspace-stats > div { display: grid; border: 1px solid var(--vs-ui-border); border-radius: 12px; background: #fff; padding: 10px; grid-template-columns: 1fr auto; align-items: end; }
.vs-workspace-stats small { color: #7f8990; font-size: 7px; font-weight: 800; text-transform: uppercase; }
.vs-workspace-stats b { grid-row: span 2; color: var(--vs-navy); font-size: 19px; }
.vs-workspace-stats i { margin-top: 3px; color: #98a1a7; font-size: 7px; font-style: normal; }
.vs-workspace-columns { display: grid; margin-top: 12px; grid-template-columns: 1.08fr .92fr; gap: 10px; }
.vs-mini-composer, .vs-mini-calendar { border: 1px solid var(--vs-ui-border); border-radius: 13px; background: #fff; padding: 13px; }
.vs-mini-composer > small, .vs-mini-calendar small { color: var(--vs-accent); font-size: 7px; font-weight: 900; letter-spacing: .12em; }
.vs-mini-composer > strong, .vs-mini-calendar strong { display: block; margin-top: 8px; color: var(--vs-navy); font-size: 11px; }
.vs-mini-composer > p { height: 61px; margin: 8px 0; border-radius: 8px; background: #f5f6f7; color: #68727a; padding: 8px; font-size: 8px; line-height: 1.45; }
.vs-mini-channels, .vs-channel-strip { display: flex; flex-wrap: wrap; gap: 5px; }
.vs-mini-channels span, .vs-channel-strip span { display: grid; width: 23px; height: 23px; place-items: center; border: 1px solid #e5e8ea; border-radius: 7px; background: #fff; }
.vs-mini-icon { width: 15px; height: 15px; }
.vs-mini-composer button { width: 100%; margin-top: 10px; }
.vs-mini-calendar__days { display: grid; margin-top: 14px; grid-template-columns: repeat(5, 1fr); gap: 3px; }
.vs-mini-calendar__days span { color: #879098; font-size: 7px; font-weight: 800; text-align: center; }
.vs-mini-calendar__posts { display: grid; height: 90px; margin-top: 5px; grid-template-columns: repeat(5, 1fr); gap: 3px; background: repeating-linear-gradient(0deg, transparent, transparent 20px, #edf0f2 21px); }
.vs-mini-calendar__posts i { align-self: start; min-height: 28px; border-radius: 5px; background: var(--vs-accent-soft); }
.vs-mini-calendar__posts i:nth-child(2) { margin-top: 27px; grid-column: 2; background: var(--vs-sage-soft); }
.vs-mini-calendar__posts i:nth-child(3) { grid-column: 4; background: #eeeaf4; }
.vs-mini-calendar__posts i:nth-child(4) { margin-top: 49px; grid-column: 5; }
.vs-mini-calendar > p { margin: 9px 0 0; color: #7c868d; font-size: 7px; }
.vs-mini-calendar > p b { display: inline-block; width: 6px; height: 6px; margin-right: 3px; border-radius: 50%; background: var(--vs-sage); }

.vs-feature-nav { position: relative; z-index: 3; border-block: 1px solid var(--vs-border); background: rgba(255,255,255,.78); }
.vs-feature-nav .vs-shell { display: grid; grid-template-columns: repeat(7, 1fr); }
.vs-feature-nav a { display: flex; min-height: 104px; align-items: center; justify-content: center; flex-direction: column; gap: 9px; border-right: 1px solid var(--vs-border); color: #5e5a56; padding: 15px 8px; font-size: 9px; font-weight: 800; line-height: 1.4; text-align: center; text-decoration: none; }
.vs-feature-nav a:first-child { border-left: 1px solid var(--vs-border); }
.vs-feature-nav a:hover { background: var(--vs-accent-soft); color: var(--vs-accent-dark); }
.vs-feature-nav a span { display: grid; width: 33px; height: 33px; place-items: center; border-radius: 11px; background: var(--vs-cream); color: var(--vs-accent); font-size: 13px; }
.vs-feature-detail { padding: 112px 0; scroll-margin-top: 76px; }
.vs-feature-detail--soft { border-block: 1px solid var(--vs-border); background: var(--vs-cream-deep); }
.vs-feature-detail__grid { display: grid; grid-template-columns: .77fr 1.23fr; align-items: center; gap: 76px; }
.vs-feature-detail__grid--reverse { grid-template-columns: 1.23fr .77fr; }
.vs-feature-detail__grid--reverse .vs-feature-copy { grid-column: 2; grid-row: 1; }
.vs-feature-detail__grid--reverse .vs-product-window { grid-column: 1; grid-row: 1; }
.vs-feature-copy h2 { margin: 15px 0 0; color: var(--vs-text); font-family: Georgia, "Times New Roman", serif; font-size: clamp(36px, 4.2vw, 51px); line-height: 1.06; letter-spacing: -.038em; }
.vs-feature-copy > p { margin: 21px 0 0; color: var(--vs-muted); font-size: 15px; line-height: 1.8; }
.vs-feature-copy ul { display: grid; margin: 25px 0 0; padding: 0; gap: 12px; color: #52504d; font-size: 12px; font-weight: 700; list-style: none; }
.vs-feature-copy li { display: flex; align-items: flex-start; gap: 10px; }
.vs-feature-copy li::before { display: grid; width: 20px; height: 20px; flex: 0 0 20px; place-items: center; border-radius: 50%; background: var(--vs-sage-soft); color: var(--vs-sage); content: "✓"; font-size: 9px; }
.vs-product-window { border-width: 6px; border-radius: 24px; box-shadow: 0 25px 65px rgba(36,52,71,.13); }
.vs-window-head { min-height: 48px; }
.vs-window-head span { font-weight: 900; }
.vs-window-head button { padding-inline: 13px; }

.vs-brain-mockup { padding-bottom: 16px; }
.vs-brain-mockup > label { display: block; margin: 16px 17px 7px; color: #707b83; font-size: 8px; font-weight: 800; }
.vs-idea-field { margin: 0 17px; border: 1px solid var(--vs-ui-border); border-radius: 10px; background: #fff; color: #53606a; padding: 12px; font-size: 10px; line-height: 1.5; }
.vs-generate-row, .vs-approval-row { display: flex; margin: 10px 17px 0; align-items: center; justify-content: space-between; gap: 10px; color: #859098; font-size: 8px; }
.vs-generate-row button { border: 0; border-radius: 999px; background: var(--vs-navy); color: #fff; padding: 8px 11px; font-size: 8px; font-weight: 800; }
.vs-suggestion-grid { display: grid; margin: 13px 17px 0; grid-template-columns: 1fr 1fr; gap: 9px; }
.vs-suggestion-grid > div { border: 1px solid var(--vs-ui-border); border-radius: 11px; background: #fff; padding: 12px; }
.vs-suggestion-grid small, .vs-ai-columns small, .vs-hashtags small, .vs-publish-source small, .vs-channel-previews small, .vs-builder-controls small, .vs-library-mockup aside > small { color: var(--vs-accent); font-size: 7px; font-weight: 900; letter-spacing: .11em; }
.vs-suggestion-grid b { display: block; margin-top: 7px; color: var(--vs-navy); font-size: 10px; }
.vs-suggestion-grid p { margin: 5px 0 0; color: #7b858c; font-size: 8px; line-height: 1.45; }

.vs-ai-columns { display: grid; margin: 16px; grid-template-columns: 1fr 1fr; gap: 10px; }
.vs-ai-columns > div { min-height: 132px; border: 1px solid var(--vs-ui-border); border-radius: 12px; background: #fff; padding: 13px; }
.vs-ai-columns > div:last-child { border-color: #d5c0af; box-shadow: inset 3px 0 var(--vs-accent); }
.vs-ai-columns p { margin: 13px 0; color: #55616a; font-size: 10px; line-height: 1.6; }
.vs-ai-columns span { color: #929ba1; font-size: 7px; }
.vs-ai-columns .vs-ai-change { color: #608175; font-weight: 800; }
.vs-ai-controls { display: flex; margin: 0 16px; gap: 6px; }
.vs-ai-controls button { border: 1px solid var(--vs-ui-border); border-radius: 999px; background: #fff; color: #657078; padding: 6px 9px; font-size: 7px; font-weight: 800; }
.vs-ai-controls button:first-child { border-color: var(--vs-accent); background: var(--vs-accent-soft); color: var(--vs-accent-dark); }
.vs-hashtags { display: flex; margin: 13px 16px 0; align-items: center; flex-wrap: wrap; gap: 6px; }
.vs-hashtags span { border-radius: 999px; background: var(--vs-sage-soft); color: #5d7a70; padding: 5px 7px; font-size: 7px; }

.vs-publish-source { display: flex; margin: 15px; align-items: center; gap: 11px; border: 1px solid var(--vs-ui-border); border-radius: 11px; background: #fff; padding: 10px; }
.vs-source-thumb { display: grid; width: 76px; height: 55px; flex: 0 0 76px; place-items: center; border-radius: 8px; background: linear-gradient(135deg, #d7b09a, #53677b); color: #fff; }
.vs-publish-source > div:last-child { display: flex; min-width: 0; flex-direction: column; }
.vs-publish-source b { margin-top: 4px; color: var(--vs-navy); font-size: 10px; }
.vs-publish-source span { margin-top: 3px; color: #66887c; font-size: 7px; }
.vs-channel-strip { margin: 0 15px; }
.vs-channel-strip span { width: 27px; height: 27px; }
.vs-channel-icon { width: 17px; height: 17px; }
.vs-channel-previews { display: grid; margin: 13px 15px 0; grid-template-columns: 1fr 1fr; gap: 9px; }
.vs-channel-previews > div { border: 1px solid var(--vs-ui-border); border-radius: 11px; background: #fff; padding: 11px; }
.vs-channel-previews p { min-height: 35px; margin: 6px 0; color: #56626a; font-size: 8px; line-height: 1.45; }
.vs-channel-previews span { color: #66887c; font-size: 7px; }

.vs-calendar-week { display: grid; grid-template-columns: repeat(5, 1fr); border-bottom: 1px solid var(--vs-ui-border); background: #fff; }
.vs-calendar-week b { padding: 10px 4px; border-right: 1px solid var(--vs-ui-border); color: #758088; font-size: 8px; text-align: center; }
.vs-calendar-grid { display: grid; min-height: 230px; grid-template-columns: repeat(5, 1fr); }
.vs-calendar-grid > div { min-width: 0; border-right: 1px solid var(--vs-ui-border); padding: 8px 5px; background: repeating-linear-gradient(0deg, transparent, transparent 50px, #e9edef 51px); }
.vs-calendar-grid article { margin-top: 12px; border-radius: 8px; padding: 8px; }
.vs-calendar-grid article small, .vs-calendar-grid article span { display: block; font-size: 6px; line-height: 1.35; }
.vs-calendar-grid article strong { display: block; margin: 5px 0; color: var(--vs-navy); font-size: 8px; }
.vs-calendar-grid .is-published { background: var(--vs-sage-soft); color: #5d7a70; }
.vs-calendar-grid .is-scheduled { background: var(--vs-accent-soft); color: #946046; }
.vs-calendar-grid .is-draft { background: #eeeaf4; color: #75678e; }
.vs-calendar-grid .is-gap { display: grid; place-items: center; }
.vs-calendar-grid .is-gap span { border: 1px dashed #c9cfd3; border-radius: 7px; color: #9ba2a7; padding: 8px 4px; font-size: 7px; text-align: center; }
.vs-drag-note { border-top: 1px solid var(--vs-ui-border); background: #fff; color: #818b92; padding: 9px 14px; font-size: 7px; }
.vs-drag-note span { margin-right: 5px; color: var(--vs-accent); }

.vs-library-tools { display: flex; margin: 13px 14px; gap: 7px; }
.vs-library-tools span { flex: 1; border: 1px solid var(--vs-ui-border); border-radius: 8px; background: #fff; color: #9aa2a7; padding: 8px; font-size: 7px; }
.vs-library-tools button { border: 1px solid var(--vs-ui-border); border-radius: 8px; background: #fff; color: #6f7980; padding: 7px; font-size: 7px; }
.vs-library-body { display: grid; margin: 0 14px 14px; grid-template-columns: 1.25fr .75fr; gap: 10px; }
.vs-library-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.vs-library-grid > div { position: relative; display: grid; min-height: 80px; place-items: center; border-radius: 9px; background: linear-gradient(145deg, #caa58e, #6f8391); color: #fff; }
.vs-library-grid > div:nth-child(2), .vs-library-grid > div:nth-child(5) { background: linear-gradient(145deg, #9cb3a8, #4d685d); }
.vs-library-grid > div:nth-child(3), .vs-library-grid > div:nth-child(6) { background: linear-gradient(145deg, #b3a8c5, #6d617d); }
.vs-library-grid span { font-size: 15px; }
.vs-library-grid small { position: absolute; right: 6px; bottom: 5px; border-radius: 999px; background: rgba(36,52,71,.68); padding: 3px 5px; font-size: 6px; }
.vs-library-mockup aside { border: 1px solid var(--vs-ui-border); border-radius: 10px; background: #fff; padding: 10px; }
.vs-asset-preview { display: grid; height: 73px; margin-top: 7px; place-items: center; border-radius: 7px; background: linear-gradient(135deg, #d0aa92, #516679); color: #fff; }
.vs-library-mockup aside b, .vs-library-mockup aside > span { display: block; margin-top: 7px; color: var(--vs-navy); font-size: 8px; }
.vs-library-mockup aside > span { margin-top: 3px; color: #8b949a; font-size: 6px; }
.vs-library-mockup aside p { margin: 7px 0; }
.vs-library-mockup aside i { display: inline-block; margin: 2px; border-radius: 999px; background: var(--vs-sage-soft); color: #5e7b70; padding: 4px; font-size: 6px; font-style: normal; }
.vs-library-mockup aside button { width: 100%; margin-top: 3px; }

.vs-builder-body { display: grid; grid-template-columns: 1.15fr .85fr; min-height: 335px; }
.vs-builder-controls { padding: 15px; }
.vs-builder-controls label { display: block; margin-top: 10px; color: #7d878e; font-size: 7px; font-weight: 800; }
.vs-builder-controls label span, .vs-builder-controls > div { display: flex; margin-top: 4px; align-items: center; justify-content: space-between; border: 1px solid var(--vs-ui-border); border-radius: 8px; background: #fff; color: #56626a; padding: 8px; font-size: 8px; font-weight: 500; }
.vs-builder-controls > small:nth-of-type(2) { display: block; margin-top: 16px; }
.vs-builder-controls > div { margin-top: 7px; }
.vs-builder-controls > div b { color: #a1a8ad; letter-spacing: 1px; }
.vs-builder-controls > button { margin-top: 8px; border: 1px dashed #bfc6ca; background: transparent; color: #758088; }
.vs-phone-preview { display: grid; place-items: center; background: #e9efec; padding: 15px; }
.vs-phone-screen { width: 154px; min-height: 290px; border: 5px solid var(--vs-navy); border-radius: 25px; background: var(--vs-cream); padding: 21px 12px 12px; text-align: center; box-shadow: 0 12px 28px rgba(36,52,71,.15); }
.vs-phone-screen i { display: grid; width: 45px; height: 45px; margin: 0 auto; place-items: center; border-radius: 50%; background: var(--vs-navy); color: #fff; font-family: Georgia, serif; font-style: normal; font-weight: 800; }
.vs-phone-screen strong { display: block; margin-top: 9px; color: var(--vs-navy); font-family: Georgia, serif; font-size: 11px; }
.vs-phone-screen p { margin: 5px 0 11px; color: #7c7772; font-size: 6px; line-height: 1.4; }
.vs-phone-screen a { display: block; margin-top: 7px; border: 1px solid var(--vs-border); border-radius: 8px; background: #fff; color: #514d49; padding: 8px 4px; font-size: 6px; font-weight: 800; }
.vs-phone-screen small { display: block; margin-top: 15px; color: #9b948e; font-size: 5px; }

.vs-status-summary { display: grid; margin: 14px; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.vs-status-summary > div { display: grid; border: 1px solid var(--vs-ui-border); border-radius: 10px; background: #fff; padding: 10px; grid-template-columns: auto 1fr; align-items: center; gap: 8px; }
.vs-status-summary b { color: var(--vs-navy); font-size: 18px; }
.vs-status-summary small { color: #7d878e; font-size: 7px; }
.vs-status-table { margin: 0 14px; overflow: hidden; border: 1px solid var(--vs-ui-border); border-radius: 11px; background: #fff; }
.vs-status-table > div { display: grid; min-height: 48px; align-items: center; grid-template-columns: 27px 1.25fr .72fr 1fr; gap: 8px; border-top: 1px solid #edf0f1; padding: 8px; }
.vs-status-table > div:first-child { border-top: 0; }
.vs-status-table > div > span { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 50%; font-size: 8px; font-weight: 900; }
.vs-status-table .success { background: var(--vs-sage-soft); color: #5c7e72; }
.vs-status-table .scheduled { background: var(--vs-accent-soft); color: #9b6548; }
.vs-status-table .failed { background: #f7e4e1; color: #a45148; }
.vs-status-table p { display: flex; margin: 0; flex-direction: column; }
.vs-status-table p b { color: var(--vs-navy); font-size: 8px; }
.vs-status-table p small, .vs-status-table i, .vs-status-table time { margin-top: 3px; color: #899299; font-size: 6px; font-style: normal; }
.vs-status-table i { margin: 0; color: #626d74; font-weight: 800; }
.vs-status-table time { margin: 0; }
.vs-status-note { margin: 10px 14px 14px; color: #8b949a; font-size: 7px; }
.vs-features-cta { padding: 0 0 110px; background: var(--vs-cream); }
.vs-features-cta .vs-shell { display: flex; align-items: center; justify-content: space-between; gap: 45px; border-radius: 31px; background: var(--vs-navy); padding: 54px; }
.vs-features-cta h2 { max-width: 720px; margin: 14px 0 0; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: clamp(34px, 4vw, 48px); line-height: 1.07; }
.vs-features-cta p { margin: 14px 0 0; color: #bdc8d0; font-size: 13px; }
.vs-features-cta .vs-button-row { flex: 0 0 auto; }

@media (max-width: 1080px) {
    .vs-nav__links { gap: 14px; }
    .vs-nav__links a { font-size: 12px; }
    .vs-hero__grid { gap: 42px; }
    .vs-feature-grid { grid-template-columns: repeat(2, 1fr); }
    .vs-trust-strip__grid { grid-template-columns: repeat(3, 1fr); }
    .vs-trust-item:nth-child(3) { border-right: 0; }
    .vs-trust-item:nth-child(n+4) { border-top: 1px solid var(--vs-border); }
    .vs-brain-panel, .vs-pricing-panel { gap: 45px; padding: 52px; }
    .vs-footer__grid { grid-template-columns: 1.5fr repeat(2, 1fr); }
    .vs-resource-menu__panel { right: -160px; width: 570px; }
    .vs-pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vs-crosspost-hero__grid { gap: 40px; }
    .vs-crosspost-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vs-start-hero__grid { gap: 42px; }
    .vs-start-phone-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vs-example-phone { width: 100%; max-width: 300px; justify-self: center; }
    .vs-start-customize { grid-template-columns: 1fr; gap: 35px; }
    .vs-builder-app { grid-template-columns: 160px 1fr 235px; }
    .vs-device-desktop { width: 330px; }
    .vs-creators-hero__grid { gap: 38px; }
    .vs-persona-grid, .vs-toolkit-grid { grid-template-columns: repeat(2, 1fr); }
    .vs-creator-formats .vs-shell > div:last-child { grid-template-columns: repeat(3, 1fr); }
    .vs-yt-hero__grid { gap: 35px; }
    .vs-yt-reason-grid, .vs-yt-audience-grid { grid-template-columns: repeat(2, 1fr); }
    .vs-tt-hero__grid { gap: 35px; }
    .vs-tt-benefit-grid { grid-template-columns: repeat(2, 1fr); }
    .vs-tt-flow { flex-wrap: wrap; }
    .vs-tt-flow > i { display: none; }
    .vs-vs-hero__grid { gap: 35px; }
    .vs-vs-platform-grid, .vs-vs-product-grid { grid-template-columns: repeat(2, 1fr); }
    .vs-vs-audience-grid { grid-template-columns: repeat(2, 1fr); }
    .vs-vs-timeline { grid-template-columns: repeat(3, 1fr); }
    .vs-vs-timeline article:nth-child(3)::after { display: none; }
    .vs-upload-hero__grid { gap: 35px; }
    .vs-upload-app { grid-template-columns: 48px 1fr 220px; }
    .vs-upload-app > .vs-upload-status { display: none; }
    .vs-upload-custom-cards { grid-template-columns: repeat(3, 1fr); }
    .vs-ai-hero__grid { gap: 35px; }
    .vs-ai-cap-grid { grid-template-columns: repeat(2, 1fr); }
    .vs-ai-use-grid { grid-template-columns: repeat(2, 1fr); }
    .vs-ai-publish-flow { flex-wrap: wrap; }
    .vs-ai-publish-flow > i { display: none; }
    .vs-pricing-hero__grid { gap: 38px; }
    .vs-upgrade-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vs-upgrade-grid article > p { min-height: 0; }
    .vs-features-hero__grid, .vs-feature-detail__grid { gap: 40px; }
    .vs-feature-nav .vs-shell { grid-template-columns: repeat(4, 1fr); }
    .vs-feature-nav a { border-bottom: 1px solid var(--vs-border); }
}

@media (max-width: 820px) {
    .vs-error-shell { grid-template-columns:1fr; gap:20px; padding:55px 0; }
    .vs-error-visual { min-height:390px; }
    .vs-section { padding: 78px 0; }
    .vs-nav { min-height: 68px; }
    .vs-nav__links, .vs-nav__actions { display: none; }
    .vs-menu-button { display: block; }
    .vs-mobile-nav:not(.hidden) { display: block; }
    .vs-mobile-resource-menu summary { padding: 11px 8px; color: var(--vs-text); cursor: pointer; font-weight: 700; }
    .vs-mobile-resource-menu > div { margin: 0 8px 8px; border-left: 2px solid var(--vs-copper); padding-left: 12px; }
    .vs-mobile-resource-menu > div a { padding: 8px; font-size: 13px; }
    .vs-hero { padding-top: 65px; }
    .vs-hero__grid { grid-template-columns: 1fr; }
    .vs-hero__copy { text-align: center; }
    .vs-hero__brand { align-items: center; }
    .vs-hero__copy > p { margin-inline: auto; }
    .vs-button-row, .vs-hero__trust { justify-content: center; }
    .vs-preview-wrap { max-width: 650px; margin-inline: auto; }
    .vidsyndicate-page .vs-platform-grid { grid-template-columns: repeat(3, 1fr); }
    .vs-brain-panel, .vs-pricing-panel { grid-template-columns: 1fr; }
    .vs-step-grid { grid-template-columns: repeat(2, 1fr); }
    .vs-use-grid, .vs-resource-grid { grid-template-columns: repeat(2, 1fr); }
    .vs-footer__grid { grid-template-columns: repeat(2, 1fr); }
    .vs-footer__brand { grid-column: 1 / -1; }
    .vs-sitemap-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vs-blog-heading { align-items: start; flex-direction: column; gap: 20px; }
    .vs-blog-hero__grid { grid-template-columns: 1fr; gap: 30px; }
    .vs-blog-hero__copy { max-width: 720px; }
    .vs-knowledge-visual { width: min(100%, 690px); margin-inline: auto; }
    .vs-blog-search-row { grid-template-columns: 1fr; align-items: start; gap: 0; }
    .vs-blog-popular { margin-top: 15px; }
    .vs-article-hero, .vs-article-layout, .vs-public-hero__grid, .vs-contact-grid { grid-template-columns: 1fr; }
    .vs-auth-grid { grid-template-columns: 1fr; }
    .vs-auth-welcome { padding: 42px 38px; }
    .vs-article-hero__image { width: min(100%, 680px); }
    .vs-article-sidebar { position: static; order: -1; }
    .vs-article-sidebar .vs-article-toc, .vs-article-sidebar-fact { display: none; }
    .vs-article-toc-mobile { display: block; border: 1px solid var(--vs-border); border-radius: 16px; background: #fff; padding: 15px 17px; }
    .vs-article-toc-mobile summary { color: var(--vs-navy); font-size: 10px; font-weight: 900; cursor: pointer; }
    .vs-article-aside { position: static; }
    .vs-article-workflow, .vs-article-metrics, .vs-article-figure.is-wide { width: 100%; }
    .vs-article-workflow > div { display: grid; grid-template-columns: repeat(2, 1fr); }
    .vs-article-workflow article { width: 100%; }
    .vs-article-workflow > div > i { display: none; }
    .vs-article-products > div:last-child { grid-template-columns: repeat(2, 1fr); }
    .vs-article-final { grid-template-columns: 1fr; }
    .vs-community-hero, .vs-community-layout, .vs-community-product-cta { grid-template-columns: 1fr; }
    .vs-community-index__hero-grid,.vs-community-featured,.vs-community-index__cta { grid-template-columns:1fr; }
    .vs-community-index__hero-grid { gap:25px; padding-top:45px; }
    .vs-community-index__visual { min-height:360px; }
    .vs-community-index__principles,.vs-community-index__grid { grid-template-columns:1fr 1fr; }
    .vs-community-featured__image { min-height:300px; }
    .vs-community-hero > figure { width: min(100%, 680px); }
    .vs-community-sidebar { position: static; }
    .vs-community-sidebar .vs-article-toc { display: none; }
    .vs-community-sidebar .vs-article-toc-mobile { display: block; }
    .vs-mixed-related { grid-template-columns: repeat(2, 1fr); }
    .vs-article-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vs-pricing-intro, .vs-pricing-shared { align-items: flex-start; flex-direction: column; }
    .vs-crosspost-hero__grid, .vs-crosspost-split { grid-template-columns: 1fr; }
    .vs-crosspost-content > .vs-shell > .vs-crosspost-links { grid-template-columns: 1fr; }
    .vs-start-hero__grid, .vs-start-process { grid-template-columns: 1fr; }
    .vs-start-preview-wrap { margin-top: 10px; justify-self: center; }
    .vs-start-feature-grid, .vs-start-audience > div:last-child { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vs-start-cta { align-items: flex-start; flex-direction: column; }
    .vs-start-included-badge { top: -18px; left: 50%; transform: translateX(-50%); white-space: nowrap; }
    .vs-start-compare__grid, .vs-start-responsive, .vs-start-workflow { grid-template-columns: 1fr; }
    .vs-compare-simple { display: none; }
    .vs-builder-app { grid-template-columns: 150px 1fr; }
    .vs-builder-app > section { display: none; }
    .vs-start-responsive { gap: 30px; }
    .vs-device-stage { width: min(100%, 560px); margin-inline: auto; }
    .vs-start-page .vs-start-cta { grid-template-columns: 1fr 240px; }
    .vs-creators-hero__grid, .vs-publishing-week__grid, .vs-creators-final .vs-shell { grid-template-columns: 1fr; }
    .vs-creator-desk { width: min(100%, 700px); margin-inline: auto; }
    .vs-day-flow { grid-template-columns: 1fr 1fr; gap: 14px; }
    .vs-day-flow > i { display: none; }
    .vs-before-after__grid { grid-template-columns: 1fr; }
    .vs-converge { grid-template-columns: repeat(4, auto); }
    .vs-converge i { transform: rotate(90deg); }
    .vs-before-after__heading { align-items: flex-start; flex-direction: column; gap: 18px; }
    .vs-final-workflow { max-width: 520px; width: 100%; }
    .vs-yt-hero__grid, .vs-yt-release__grid, .vs-yt-shorts__grid, .vs-yt-ai__grid, .vs-yt-final > .vs-shell { grid-template-columns: 1fr; }
    .vs-yt-dashboard { width: min(100%, 720px); }
    .vs-yt-section-heading { align-items: flex-start; flex-direction: column; gap: 18px; }
    .vs-yt-platform-map { transform: scale(.85); transform-origin: center; }
    .vs-tt-hero__grid, .vs-tt-why__grid, .vs-tt-calendar__grid, .vs-tt-final > .vs-shell { grid-template-columns: 1fr; }
    .vs-tt-composer { width: min(100%, 720px); margin-inline: auto; }
    .vs-tt-phone-flow { margin-top: 15px; }
    .vs-vs-hero__grid, .vs-vs-customize__grid, .vs-vs-final > .vs-shell { grid-template-columns: 1fr; }
    .vs-vs-dashboard { width: min(100%, 720px); margin-inline: auto; }
    .vs-vs-heading { align-items: flex-start; flex-direction: column; gap: 18px; }
    .vs-vs-network { transform: scale(.88); transform-origin: center; }
    .vs-vs-compare__grid { grid-template-columns: 1fr; }
    .vs-vs-compare__grid > div { grid-template-columns: repeat(3, auto); }
    .vs-upload-hero__grid, .vs-upload-explain__grid, .vs-upload-final > .vs-shell { grid-template-columns: 1fr; }
    .vs-upload-fanout, .vs-upload-library { width: min(100%, 720px); margin-inline: auto; }
    .vs-upload-heading { align-items: flex-start; flex-direction: column; gap: 18px; }
    .vs-upload-app { grid-template-columns: 48px 1fr 210px; }
    .vs-upload-custom-flow { grid-template-columns: 160px 30px 1fr; }
    .vs-upload-custom-cards { grid-template-columns: repeat(2, 1fr); }
    .vs-upload-compare { grid-template-columns: 1fr; }
    .vs-upload-compare > div { grid-template-columns: repeat(3, auto); }
    .vs-ai-hero__grid, .vs-ai-controls__grid, .vs-ai-brain__grid, .vs-ai-trust-grid, .vs-ai-final > .vs-shell, .vs-ai-transcript > .vs-shell { grid-template-columns: 1fr; }
    .vs-ai-editor { width: min(100%, 720px); margin-inline: auto; }
    .vs-ai-example__grid { grid-template-columns: 1fr; }
    .vs-ai-rough { min-height: 300px; }
    .vs-ai-copy-map { grid-template-columns: 160px 1fr; }
    .vs-pricing-hero__grid, .vs-upgrade-flow, .vs-pricing-shared { grid-template-columns: 1fr; }
    .vs-pricing-dashboard { max-width: 700px; }
    .vs-upgrade-flow { gap: 38px; }
    .vs-testimonial-grid { grid-template-columns: 1fr; }
    .vs-testimonial-grid blockquote { min-height: 0; }
    .vs-features-hero__grid, .vs-feature-detail__grid, .vs-feature-detail__grid--reverse { grid-template-columns: 1fr; }
    .vs-features-hero__copy { max-width: 720px; text-align: center; margin-inline: auto; }
    .vs-features-hero__copy > p { margin-inline: auto; }
    .vs-feature-detail__grid--reverse .vs-feature-copy, .vs-feature-detail__grid--reverse .vs-product-window { grid-column: auto; grid-row: auto; }
    .vs-feature-detail__grid--reverse .vs-feature-copy { order: 1; }
    .vs-feature-detail__grid--reverse .vs-product-window { order: 2; }
    .vs-feature-copy { max-width: 680px; }
    .vs-features-cta .vs-shell { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 560px) {
    .vs-error-page { width:min(100% - 28px,1180px); }
    .vs-error-shell { padding:42px 0; }
    .vs-error-copy h1 { font-size:43px; }
    .vs-error-copy>p { font-size:15px; }
    .vs-error-links { line-height:1.6; }
    .vs-error-visual { min-height:340px; }
    .vs-error-window { inset:60px 0 35px; }
    .vs-error-code { right:0; font-size:110px; }
    .vs-error-footer { align-items:flex-start; flex-direction:column; gap:8px; }
    .vs-shell, .vs-nav, .vs-footer__grid, .vs-footer__bottom { width: min(100% - 28px, 1180px); }
    .vs-section { padding: 64px 0; }
    .vs-hero { padding: 52px 0 48px; }
    .vs-hero h1 { font-size: 45px; }
    .vs-hero__copy > p { font-size: 16px; line-height: 1.65; }
    .vs-button-row { flex-direction: column; }
    .vs-button-row .vs-button { width: 100%; }
    .vs-tt-hero { padding: 55px 0 60px; }
    .vs-tt-hero h1 { font-size: 43px; }
    .vs-tt-composer__body { grid-template-columns: 1fr; }
    .vs-tt-media { min-height: 330px; }
    .vs-tt-workflow, .vs-tt-why, .vs-tt-benefits, .vs-tt-calendar, .vs-tt-faq { padding: 68px 0; }
    .vs-tt-flow { display: grid; grid-template-columns: 1fr 1fr; }
    .vs-tt-flow > div { width: 100%; }
    .vs-tt-phone-flow { grid-template-columns: 1fr; }
    .vs-tt-phone-flow > i { transform: none; text-align: center; }
    .vs-tt-phone, .vs-tt-edit-screen { width: min(100%, 260px); justify-self: center; }
    .vs-tt-benefit-grid, .vs-tt-faq > .vs-shell > div:last-child { grid-template-columns: 1fr; }
    .vs-tt-queue article { grid-template-columns: 78px 1fr; }
    .vs-tt-queue time { display: none; }
    .vs-tt-final { padding: 68px 0; }
    .vs-tt-final > .vs-shell { padding: 28px 20px; }
    .vs-vs-hero { padding: 55px 0 60px; }
    .vs-vs-hero h1 { font-size: 43px; }
    .vs-vs-dashboard__body { grid-template-columns: 38px 1fr; }
    .vs-vs-mini-stats { grid-template-columns: repeat(2, 1fr); }
    .vs-vs-source { grid-template-columns: 70px 1fr; }
    .vs-vs-source > em { display: none; }
    .vs-vs-destinations, .vs-vs-calendar-section, .vs-vs-customize, .vs-vs-workflow, .vs-vs-platforms, .vs-vs-compare, .vs-vs-product, .vs-vs-audience, .vs-vs-faq { padding: 68px 0; }
    .vs-vs-network { min-height: 700px; transform: none; }
    .vs-vs-network__ring { display: none; }
    .vs-vs-network__source { top: 0; }
    .vs-vs-network__cards { top: 150px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .vs-vs-network__cards article { position: static; width: 100%; }
    .vs-vs-disclaimer { margin-top: 10px!important; }
    .vs-vs-calendar { overflow-x: auto; }
    .vs-vs-calendar__head, .vs-vs-calendar__body { width: 700px; }
    .vs-vs-legend { width: 700px; }
    .vs-vs-source-video { min-height: 330px; }
    .vs-vs-timeline, .vs-vs-platform-grid, .vs-vs-product-grid, .vs-vs-audience-grid, .vs-vs-faq > .vs-shell > div:last-child { grid-template-columns: 1fr; }
    .vs-vs-timeline article::after { display: none; }
    .vs-vs-compare__grid > div { transform: rotate(90deg); }
    .vs-vs-final { padding: 68px 0; }
    .vs-vs-final > .vs-shell { padding: 28px 20px; }
    .vs-upload-hero { padding: 55px 0 60px; }
    .vs-upload-hero h1 { font-size: 43px; }
    .vs-upload-destinations { grid-template-columns: repeat(2, 1fr); }
    .vs-upload-destinations::before, .vs-upload-destinations article::before, .vs-upload-branch { display: none; }
    .vs-upload-explain, .vs-upload-workspace, .vs-upload-customize, .vs-upload-platforms, .vs-upload-before-after, .vs-upload-faq { padding: 68px 0; }
    .vs-upload-library__body { grid-template-columns: 1fr; }
    .vs-upload-library__body > aside { display: none; }
    .vs-upload-app { grid-template-columns: 38px 1fr; }
    .vs-upload-app > .vs-upload-preview { display: none; }
    .vs-upload-custom-flow { grid-template-columns: 1fr; }
    .vs-upload-custom-source { min-height: 150px; }
    .vs-upload-custom-flow > i { transform: rotate(90deg); }
    .vs-upload-custom-cards { grid-template-columns: 1fr; }
    .vs-upload-custom-cards article { min-height: 0; }
    .vs-upload-platform-table { overflow-x: auto; }
    .vs-upload-platform-table > div { width: 700px; }
    .vs-upload-compare > div { transform: rotate(90deg); }
    .vs-upload-faq > .vs-shell > div:last-child { grid-template-columns: 1fr; }
    .vs-upload-final { padding: 68px 0; }
    .vs-upload-final > .vs-shell { padding: 28px 20px; }
    .vs-ai-hero { padding: 55px 0 60px; }
    .vs-ai-hero h1 { font-size: 43px; }
    .vs-ai-editor__body { grid-template-columns: 1fr; }
    .vs-ai-editor__body > aside { border-right: 0; border-bottom: 1px solid #dfe3e5; }
    .vs-ai-inputs, .vs-ai-example, .vs-ai-capabilities, .vs-ai-platform-copy, .vs-ai-controls, .vs-ai-transcript, .vs-ai-brain, .vs-ai-publish, .vs-ai-use-cases, .vs-ai-trust-section, .vs-ai-compare, .vs-ai-faq { padding: 68px 0; }
    .vs-ai-input-flow { grid-template-columns: 1fr; }
    .vs-ai-input-flow > i { transform: rotate(90deg); }
    .vs-ai-generated > div:not(.vs-ai-result-head) { grid-template-columns: 1fr; }
    .vs-ai-cap-grid, .vs-ai-copy-cards, .vs-ai-use-grid, .vs-ai-faq > .vs-shell > div:last-of-type { grid-template-columns: 1fr; }
    .vs-ai-copy-map { grid-template-columns: 1fr; }
    .vs-ai-copy-source { min-height: 145px; }
    .vs-ai-checks { grid-template-columns: repeat(2, 1fr); }
    .vs-ai-publish-flow { display: grid; grid-template-columns: 1fr 1fr; }
    .vs-ai-publish-flow article { width: 100%; }
    .vs-ai-compare-table { overflow-x: auto; }
    .vs-ai-compare-table > div { width: 720px; }
    .vs-ai-final { padding: 68px 0; }
    .vs-ai-final > .vs-shell { padding: 28px 20px; }
    .vs-preview { border-width: 5px; border-radius: 23px; }
    .vs-blog-hero { padding: 62px 0 58px; }
    .vs-blog-hero h1 { font-size: 43px; }
    .vs-blog-hero__copy > p { font-size: 15px; }
    .vs-blog-featured > div { grid-template-columns: 34px 1fr; }
    .vs-blog-featured b { display: none; }
    .vs-knowledge-visual { min-height: 405px; }
    .vs-knowledge-laptop { top: 84px; right: 8px; left: 8px; }
    .vs-knowledge-card { width: 145px; }
    .vs-knowledge-card--guide { left: 0; }
    .vs-knowledge-card--brain { right: 0; }
    .vs-knowledge-card--seo { display: none; }
    .vs-knowledge-platforms { right: 16px; bottom: 8px; left: auto; }
    .vs-blog-discovery .vs-shell { width: 100%; }
    .vs-blog-topics, .vs-blog-search-row, .vs-blog-stats { padding-inline: 14px; }
    .vs-blog-topics a:first-child { padding-left: 0; }
    .vs-blog-search-row form > div { grid-template-columns: 27px 1fr auto; }
    .vs-blog-search-row button { padding-inline: 13px; }
    .vs-blog-stats { grid-template-columns: 1fr 1fr; }
    .vs-blog-stats > div { min-height: 88px; border-bottom: 1px solid var(--vs-border); }
    .vs-blog-stats > div:nth-child(2) { border-right: 0; }
    .vs-blog-stats > div:nth-child(n+3) { border-bottom: 0; }
    .vs-blog-content { padding: 62px 0 78px; }
    .vs-blog-grid, .vs-blog-guide-grid { grid-template-columns: 1fr; }
    .vs-blog-card__body, .vs-blog-guide-card { padding: 23px; }
    .vs-blog-card__meta { align-items: start; flex-direction: column; gap: 8px; }
    .vs-blog-guides { margin-top: 68px; padding-top: 58px; }
    .vs-article-page { padding: 28px 0 78px; }
    .vs-article-hero { margin-top: 28px; gap: 34px; }
    .vs-article-hero__copy h1 { font-size: 42px; }
    .vs-article-hero__image { border-width: 5px; border-radius: 22px; }
    .vs-article-layout { margin-top: 45px; gap: 25px; }
    .vs-article-hero__visual { min-height: 340px; border-width: 5px; border-radius: 22px; }
    .vs-article-meta { gap: 6px; }
    .vs-article-summary { margin-top: 38px; padding: 20px; }
    .vs-article-summary dl { grid-template-columns: 1fr; }
    .vs-article-sidebar { order: 0; }
    .vs-article-sidebar .vs-article-aside { margin-top: 0; }
    .vs-article-body { font-size: 16px; line-height: 1.8; }
    .vs-article-body h2 { margin-top: 45px; font-size: 31px; }
    .vs-article-workflow > div { grid-template-columns: 1fr; }
    .vs-article-metrics > div { grid-template-columns: 1fr; }
    .vs-article-quote p { font-size: 20px; }
    .vs-article-products { margin-top: 65px; padding-top: 48px; }
    .vs-article-products > div:last-child { grid-template-columns: 1fr; }
    .vs-article-final { margin-top: 55px; padding: 28px 20px; }
    .vs-article-final h2, .vs-article-products > h2 { font-size: 32px; }
    .vs-community-page { padding-top: 30px; }
    .vs-community-index__hero { padding-top:28px; }
    .vs-community-index__hero h1 { font-size:43px; }
    .vs-community-index__visual { min-height:330px; }
    .vs-community-index__desk { inset:45px 0; padding:24px; }
    .vs-community-index__note--two { right:0; }
    .vs-community-index__principles,.vs-community-index__grid { grid-template-columns:1fr; }
    .vs-section-heading { align-items:flex-start; flex-direction:column; gap:14px; }
    .vs-community-featured>div { padding:28px 22px; }
    .vs-community-featured h3 { font-size:28px; }
    .vs-community-submissions__list article { align-items:flex-start; flex-direction:column; }
    .vs-community-index__cta { padding:31px 22px; }
    .vs-community-index__cta h2 { font-size:34px; }
    .vs-community-hero { margin-top: 28px; gap: 30px; }
    .vs-community-hero h1 { font-size: 42px; }
    .vs-community-hero > figure { order: 2; border-width: 5px; border-radius: 22px; }
    .vs-community-hero-placeholder { min-height: 330px; border-width: 5px; border-radius: 22px; }
    .vs-community-layout { margin-top: 48px; gap: 35px; }
    .vs-community-body { font-size: 16px; line-height: 1.8; }
    .vs-community-body h2 { font-size: 31px; }
    .vs-community-sidebar { order: 0; }
    .vs-community-product-cta { margin-top: 58px; padding: 28px 20px; }
    .vs-community-product-cta h2, .vs-community-discovery > h2 { font-size: 32px; }
    .vs-mixed-related { grid-template-columns: 1fr; }
    .vs-article-body { border-radius: 22px; font-size: 16px; line-height: 1.8; }
    .vs-article-gallery > div, .vs-article-related__grid { grid-template-columns: 1fr; }
    .vs-article-related { margin-top: 65px; padding-top: 52px; }
    .vs-public-hero { padding: 62px 0 58px; }
    .vs-public-hero h1, .vs-contact-page h1 { font-size: 42px; }
    .vs-public-preview { border-width: 5px; padding: 19px; }
    .vs-public-preview > div { grid-template-columns: 32px 1fr; }
    .vs-public-preview i { display: none; }
    .vs-public-content, .vs-contact-page { padding: 62px 0 78px; }
    .vs-public-cards { grid-template-columns: 1fr; }
    .vs-public-cta { align-items: flex-start; flex-direction: column; padding: 28px 23px; }
    .vs-auth-page { padding-inline: 14px; }
    .vs-auth-grid { margin-top: 30px; border-radius: 23px; }
    .vs-auth-welcome, .vs-auth-card, .vs-contact-card { padding: 29px 23px; }
    .vs-auth-welcome h1 { font-size: 38px; }
    .vs-form-row { grid-template-columns: 1fr; }
    .vs-pricing-hero { padding: 62px 0 58px; }
    .vs-pricing-hero h1 { font-size: 45px; }
    .vs-pricing-content { padding: 62px 0 78px; }
    .vs-pricing-grid, .vs-pricing-faq__grid { grid-template-columns: 1fr; }
    .vs-pricing-card { min-height: 0; padding: 23px; }
    .vs-pricing-card__top p { min-height: 0; }
    .vs-pricing-shared { margin-top: 62px; border-radius: 24px; padding: 34px 24px; }
    .vs-pricing-dashboard { border-width: 4px; border-radius: 20px; }
    .vs-pricing-dashboard__body { grid-template-columns: 37px 1fr; min-height: 0; }
    .vs-pricing-dashboard__body > aside { padding-inline: 4px; }
    .vs-pricing-dashboard__body > div { padding: 10px; }
    .vs-pricing-dashboard__stats span:nth-child(3), .vs-pricing-dashboard__bottom > div:nth-child(2) { display: none; }
    .vs-pricing-dashboard__stats, .vs-pricing-dashboard__bottom { grid-template-columns: 1fr 1fr; }
    .vs-pricing-dashboard__bottom { grid-template-columns: 1fr; }
    .vs-upgrade-grid { margin-bottom: 68px; grid-template-columns: 1fr; }
    .vs-upgrade-grid article { padding: 18px; }
    .vs-pricing-card { min-height: 0; }
    .vs-plan-comparison { margin-top: 68px; }
    .vs-upgrade-flow { margin-top: 68px; border-radius: 24px; padding: 35px 23px; }
    .vs-continuity-list { grid-template-columns: 1fr; }
    .vs-testimonials, .vs-plan-fit { margin-top: 68px; }
    .vs-plan-fit__list article { grid-template-columns: 42px 1fr; padding: 17px; }
    .vs-plan-fit__list article > strong { grid-column: 2; max-width: none; text-align: left; }
    .vs-pricing-shared { gap: 32px; }
    .vs-pricing-final { margin-top: 68px; border-radius: 24px; padding: 40px 23px; }
    .vs-crosspost-hero { padding: 62px 0 58px; }
    .vs-crosspost-hero h1 { font-size: 43px; }
    .vs-crosspost-content { padding: 64px 0 78px; }
    .vs-crosspost-steps, .vs-crosspost-faq > div:last-child { grid-template-columns: 1fr; }
    .vs-crosspost-split { margin-top: 62px; border-radius: 24px; padding: 34px 23px; }
    .vs-crosspost-compare { margin-top: 62px; overflow-x: auto; }
    .vs-crosspost-compare > div:last-child { width: 620px; }
    .vs-crosspost-content > .vs-shell > .vs-crosspost-links { padding: 20px; }
    .vs-start-hero { padding: 62px 0 58px; }
    .vs-start-hero h1 { font-size: 43px; }
    .vs-start-content { padding: 64px 0 78px; }
    .vs-start-feature-grid, .vs-start-audience > div:last-child { grid-template-columns: 1fr; }
    .vs-start-process { margin-top: 62px; border-radius: 24px; padding: 34px 23px; }
    .vs-start-cta { margin-top: 62px; border-radius: 24px; padding: 34px 24px; }
    .vs-start-preview { padding-inline: 16px; }
    .vs-start-preview__cover { margin-inline: -16px; }
    .vs-start-included-badge { font-size: 7px; }
    .vs-start-phone-grid { grid-template-columns: 1fr; }
    .vs-start-compare, .vs-start-customize, .vs-start-builder, .vs-start-responsive, .vs-start-workflow, .vs-start-faq { margin-top: 68px; }
    .vs-compare-table { overflow-x: auto; }
    .vs-compare-table > div { min-width: 500px; }
    .vs-theme-studio { grid-template-columns: 1fr; border-width: 4px; border-radius: 20px; }
    .vs-theme-studio > aside { display: none; }
    .vs-start-builder__heading { align-items: flex-start; flex-direction: column; gap: 15px; }
    .vs-builder-app { grid-template-columns: 1fr; border-width: 4px; border-radius: 20px; }
    .vs-builder-app > aside { display: none; }
    .vs-builder-app__bar { grid-column: 1; }
    .vs-start-responsive { border-radius: 24px; padding: 35px 23px; }
    .vs-device-stage { min-height: 285px; transform: scale(.78); transform-origin: center top; }
    .vs-device-desktop { right: -15px; width: 310px; }
    .vs-device-tablet { right: 165px; }
    .vs-device-phone { right: 0; }
    .vs-start-audience article { grid-template-columns: 38px 1fr; }
    .vs-start-workflow { border-radius: 24px; padding: 35px 23px; }
    .vs-start-faq > div:last-child { grid-template-columns: 1fr; }
    .vs-start-page .vs-start-cta { grid-template-columns: 1fr; padding: 38px 23px 0; }
    .vs-start-page .vs-start-cta .vs-button-row { width: 100%; }
    .vs-cta-phone { margin-top: 25px; }
    .vs-creators-hero { padding: 58px 0 54px; }
    .vs-creators-hero h1 { font-size: 43px; }
    .vs-creator-problems { grid-template-columns: 1fr; }
    .vs-creator-desk { padding: 40px 0 30px; }
    .vs-creator-desk__window { border-width: 4px; border-radius: 20px; }
    .vs-creator-desk__body { grid-template-columns: 37px 1fr; min-height: 0; }
    .vs-creator-desk__body > aside { padding-inline: 4px; }
    .vs-creator-desk__body > div { padding: 11px; }
    .vs-creator-desk__stats span:nth-child(3), .vs-creator-desk__queue article:nth-child(3) { display: none; }
    .vs-creator-desk__stats { grid-template-columns: 1fr 1fr; }
    .vs-desk-note { width: 148px; }
    .vs-creator-day { padding: 68px 0; }
    .vs-day-flow { grid-template-columns: 1fr; }
    .vs-day-flow article { min-height: 0; }
    .vs-creator-personas, .vs-creator-toolkit, .vs-creator-formats, .vs-before-after, .vs-publishing-week { padding: 70px 0; }
    .vs-persona-grid, .vs-toolkit-grid { grid-template-columns: 1fr; }
    .vs-publishing-week__grid { gap: 35px; }
    .vs-week-board { padding: 11px; }
    .vs-week-board > div { grid-template-columns: 36px 28px 1fr; }
    .vs-week-board > div > i { display: none; }
    .vs-before-after article > div { grid-template-columns: 1fr; }
    .vs-before-after article { min-height: 0; padding: 23px; }
    .vs-converge { display: none; }
    .vs-creator-formats .vs-shell > div:last-child { grid-template-columns: 1fr 1fr; }
    .vs-creators-final { padding-bottom: 70px; }
    .vs-creators-final .vs-shell { border-radius: 24px; padding: 40px 23px; }
    .vs-creators-final h2 { font-size: 40px; }
    .vs-yt-hero { padding: 58px 0 54px; }
    .vs-yt-hero h1 { font-size: 43px; }
    .vs-yt-dashboard { border-width: 4px; border-radius: 20px; }
    .vs-yt-dashboard__body { grid-template-columns: 1fr; }
    .vs-yt-video { min-height: 210px; }
    .vs-yt-reasons, .vs-yt-calendar-section, .vs-yt-ai, .vs-yt-audience, .vs-yt-faq, .vs-yt-release, .vs-yt-shorts, .vs-yt-platforms, .vs-yt-compare, .vs-yt-final { padding: 70px 0; }
    .vs-yt-reason-grid, .vs-yt-audience-grid { grid-template-columns: 1fr; }
    .vs-yt-calendar { overflow-x: auto; }
    .vs-yt-calendar__head, .vs-yt-calendar__grid { min-width: 760px; }
    .vs-shorts-studio { grid-template-columns: 1fr; border-width: 4px; border-radius: 20px; }
    .vs-shorts-phone { min-height: 380px; }
    .vs-yt-ai-workspace { border-width: 4px; border-radius: 20px; }
    .vs-yt-ai-body { grid-template-columns: 1fr; }
    .vs-yt-ai-body > aside { display: none; }
    .vs-yt-ai-body article { grid-template-columns: 26px 1fr; }
    .vs-yt-ai-body article span { display: none; }
    .vs-yt-platform-map { min-height: 590px; transform: none; }
    .vs-yt-lines { inset: 45px 70px; }
    .vs-yt-source { top: 220px; }
    .vs-yt-destinations > div:nth-child(1) { top: 0; left: 0; }.vs-yt-destinations > div:nth-child(2) { top: 0; right: 0; }.vs-yt-destinations > div:nth-child(3) { top: 100px; left: 0; }.vs-yt-destinations > div:nth-child(4) { top: 100px; right: 0; }.vs-yt-destinations > div:nth-child(5) { bottom: 95px; left: 0; }.vs-yt-destinations > div:nth-child(6) { right: 0; bottom: 95px; left: auto; }.vs-yt-destinations > div:nth-child(7) { right: calc(50% - 69px); bottom: 0; }
    .vs-yt-compare-table { overflow-x: auto; }
    .vs-yt-compare-table > div { min-width: 570px; }
    .vs-yt-faq > .vs-shell > div:last-child { grid-template-columns: 1fr; }
    .vs-yt-final > .vs-shell { border-radius: 24px; padding: 39px 23px; }
    .vs-features-hero { padding: 58px 0 52px; }
    .vs-features-hero h1 { font-size: 43px; }
    .vs-features-hero__copy > p { font-size: 15px; }
    .vs-workspace-mockup { border-width: 4px; border-radius: 19px; }
    .vs-workspace-mockup__body { grid-template-columns: 38px 1fr; min-height: 0; }
    .vs-workspace-mockup__body > aside { padding-inline: 4px; }
    .vs-workspace-main { padding: 10px; }
    .vs-workspace-heading button { display: none; }
    .vs-workspace-stats > div:nth-child(3) { display: none; }
    .vs-workspace-stats { grid-template-columns: 1fr 1fr; }
    .vs-workspace-columns { grid-template-columns: 1fr; }
    .vs-mini-calendar { display: none; }
    .vs-feature-nav .vs-shell { display: flex; width: 100%; overflow-x: auto; padding-inline: 14px; }
    .vs-feature-nav a { min-width: 118px; min-height: 90px; border-left: 0; }
    .vs-feature-detail { padding: 72px 0; scroll-margin-top: 68px; }
    .vs-feature-copy h2 { font-size: 38px; }
    .vs-product-window { border-width: 4px; border-radius: 18px; }
    .vs-suggestion-grid, .vs-ai-columns, .vs-channel-previews { grid-template-columns: 1fr; }
    .vs-suggestion-grid > div:nth-child(2), .vs-ai-columns > div:first-child, .vs-channel-previews > div:nth-child(2) { display: none; }
    .vs-calendar-grid, .vs-calendar-week { grid-template-columns: repeat(3, 1fr); }
    .vs-calendar-grid > div:nth-child(n+4), .vs-calendar-week b:nth-child(n+4) { display: none; }
    .vs-library-body { grid-template-columns: 1fr; }
    .vs-library-mockup aside { display: none; }
    .vs-library-grid { grid-template-columns: repeat(2, 1fr); }
    .vs-builder-body { grid-template-columns: 1fr; }
    .vs-builder-controls { display: none; }
    .vs-phone-preview { min-height: 340px; }
    .vs-status-summary > div:nth-child(2) { display: none; }
    .vs-status-summary { grid-template-columns: 1fr 1fr; }
    .vs-status-table > div { grid-template-columns: 27px 1fr .8fr; }
    .vs-status-table time { display: none; }
    .vs-features-cta { padding-bottom: 70px; }
    .vs-features-cta .vs-shell { border-radius: 24px; padding: 36px 24px; }
    .vs-features-cta .vs-button-row { width: 100%; }
    .vs-preview__topbar { align-items: flex-start; flex-direction: column; }
    .vs-preview__body { grid-template-columns: 1fr; }
    .vs-preview__media { min-height: 190px; }
    .vs-preview__editor { padding: 17px; }
    .vs-preview-notes { flex-wrap: wrap; gap: 8px 16px; }
    .vs-trust-strip__grid { grid-template-columns: 1fr; }
    .vs-trust-item, .vs-trust-item:first-child, .vs-trust-item:last-child { border-right: 0; border-top: 1px solid var(--vs-border); padding: 18px 0; }
    .vs-trust-item:first-child { border-top: 0; }
    .vs-feature-grid, .vs-step-grid, .vs-use-grid, .vs-resource-grid { grid-template-columns: 1fr; }
    .vs-feature-card { min-height: 0; }
    .vidsyndicate-page .vs-platform-grid { grid-template-columns: repeat(2, 1fr); }
    .vs-brain-panel, .vs-pricing-panel { gap: 35px; border-radius: 24px; padding: 30px 22px; }
    .vs-plan-grid { grid-template-columns: 1fr; }
    .vs-final { padding-bottom: 70px; }
    .vs-final__card { border-radius: 24px; padding: 43px 25px; }
    .vs-footer__grid { grid-template-columns: 1fr 1fr; gap: 38px 24px; padding-top: 54px; }
    .vs-footer__bottom { align-items: flex-start; flex-direction: column; }
    .vs-sitemap-page { padding-bottom: 70px; }
    .vs-sitemap-hero { padding: 44px 0 30px; }
    .vs-sitemap-grid { grid-template-columns: 1fr; }
}