:root {
  color-scheme: dark;
  --vccs-navy: #07172d;
  --vccs-deep: #030b17;
  --vccs-blue: #174c9a;
  --vccs-blue-soft: #235eb3;
  --vccs-gold: #d6a744;
  --vccs-gold-light: #f0d57f;
  --vccs-cream: #f8f6ef;
  --vccs-muted: #a9b9d0;
  --vccs-line: rgba(205, 221, 245, .16);
  --vccs-shell: min(1180px, calc(100% - 72px));
  --vccs-serif: Georgia, "Times New Roman", serif;
  --vccs-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.vccs-public { min-width: 320px; margin: 0; overflow-x: hidden; background: var(--vccs-deep); color: var(--vccs-cream); font-family: var(--vccs-sans); }
body.vccs-public a { color: inherit; }
body.vccs-public button, body.vccs-public a { -webkit-tap-highlight-color: transparent; }
body.vccs-public :focus-visible { outline: 2px solid var(--vccs-gold-light); outline-offset: 4px; }
.vccs-shell { width: var(--vccs-shell); margin-inline: auto; }
.vccs-skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; transform: translateY(-160%); padding: 10px 14px; border-radius: 8px; background: var(--vccs-gold); color: #07172d; font-weight: 800; text-decoration: none; }
.vccs-skip-link:focus { transform: translateY(0); }

.vccs-nav { position: absolute; z-index: 20; top: 0; right: 0; left: 0; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 25px; width: var(--vccs-shell); min-height: 88px; margin-inline: auto; }
.vccs-brand { display: inline-flex; align-items: center; gap: 10px; width: fit-content; text-decoration: none; }
.vccs-brand img { width: 44px; height: 44px; object-fit: contain; filter: drop-shadow(0 9px 17px rgba(214, 167, 68, .22)); }
.vccs-brand span { display: grid; gap: 2px; letter-spacing: .09em; line-height: 1; }
.vccs-brand strong { color: #fffaf0; font-family: var(--vccs-serif); font-size: 20px; letter-spacing: .12em; }
.vccs-brand small { color: var(--vccs-gold-light); font-size: 8px; font-weight: 800; letter-spacing: .42em; }
.vccs-nav nav { display: flex; align-items: center; justify-content: center; gap: clamp(18px, 2.6vw, 34px); }
.vccs-nav nav a, .vccs-text-link { color: #dbe5f5; font-size: 12px; font-weight: 650; letter-spacing: .015em; text-decoration: none; transition: color .2s ease; }
.vccs-nav nav a:hover, .vccs-text-link:hover { color: var(--vccs-gold-light); }
.vccs-nav-actions { display: flex; align-items: center; justify-content: flex-end; gap: 20px; }
.vccs-menu-toggle { display: none; border: 1px solid rgba(240, 213, 127, .42); border-radius: 7px; padding: 10px 11px; background: rgba(4, 16, 33, .65); color: var(--vccs-cream); font: 700 11px var(--vccs-sans); }
.vccs-menu-toggle i { display: inline-block; width: 13px; height: 1px; margin-left: 8px; vertical-align: middle; background: var(--vccs-gold-light); box-shadow: 0 4px 0 var(--vccs-gold-light), 0 -4px 0 var(--vccs-gold-light); }

.vccs-button, .vccs-outline-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 13px 18px; border: 1px solid transparent; border-radius: 3px; font-size: 12px; font-weight: 800; letter-spacing: .01em; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.vccs-button { background: linear-gradient(135deg, #f0d57f, #c58b27); box-shadow: 0 12px 34px rgba(0, 0, 0, .2); color: #0a1830; }
.vccs-button:hover { box-shadow: 0 16px 42px rgba(0, 0, 0, .32), 0 0 0 1px rgba(255, 242, 190, .24) inset; transform: translateY(-2px); }
.vccs-button-small { min-height: 38px; padding: 9px 13px; font-size: 11px; }
.vccs-outline-button { border-color: rgba(233, 239, 251, .35); background: rgba(7, 23, 45, .28); color: #f1f5fc; }
.vccs-outline-button:hover { border-color: var(--vccs-gold-light); background: rgba(214, 167, 68, .14); transform: translateY(-2px); }
.vccs-inline-link { display: inline-flex; align-items: center; gap: 9px; color: var(--vccs-gold-light); font-size: 13px; font-weight: 750; text-decoration: none; }
.vccs-inline-link:hover { color: #fff2b7; }

.vccs-hero { position: relative; display: grid; min-height: min(850px, 100vh); overflow: hidden; background: var(--vccs-navy); isolation: isolate; }
.vccs-hero-image, .vccs-hero-image img { position: absolute; inset: 0; width: 100%; height: 100%; }
.vccs-hero-image { z-index: -2; }
.vccs-hero-image img { object-fit: cover; object-position: center; }
.vccs-hero-overlay { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(3, 12, 25, .98) 0%, rgba(3, 12, 25, .91) 27%, rgba(3, 12, 25, .48) 53%, rgba(3, 12, 25, .14) 78%), linear-gradient(0deg, rgba(3, 11, 23, .62), transparent 40%); }
.vccs-hero-content { align-self: center; padding-top: 112px; padding-bottom: 105px; }
.vccs-kicker, .vccs-section-label { margin: 0; color: var(--vccs-gold-light); font-size: 10px; font-weight: 800; letter-spacing: .20em; line-height: 1.4; }
.vccs-kicker { display: flex; align-items: center; gap: 9px; }
.vccs-kicker span { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--vccs-gold-light); box-shadow: 0 0 0 5px rgba(240, 213, 127, .12); }
.vccs-hero h1, .vccs-section h2, .vccs-access-copy h2, .vccs-growth-status h2, .vccs-community h2, .vccs-questions h2, .vccs-closing h2 { margin: 17px 0 0; color: #fffdf8; font-family: var(--vccs-serif); font-size: clamp(46px, 6.4vw, 89px); font-weight: 400; letter-spacing: -.06em; line-height: .93; }
.vccs-hero h1 em, h2 em { color: var(--vccs-gold-light); font-style: italic; }
.vccs-hero-lead { max-width: 530px; margin: 29px 0 0; color: #cbd8ea; font-size: clamp(15px, 1.4vw, 18px); line-height: 1.7; }
.vccs-hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 31px; }
.vccs-hero-note { margin: 26px 0 0; color: #a7bad4; font-size: 11px; }
.vccs-hero-footer { align-self: end; display: flex; justify-content: space-between; padding-bottom: 26px; color: #b8c5d9; font-size: 9px; font-weight: 800; letter-spacing: .18em; }
.vccs-hero-footer span:first-child { color: var(--vccs-gold-light); }

.vccs-intro-band { position: relative; z-index: 2; border-block: 1px solid rgba(240, 213, 127, .18); background: #0b2040; }
.vccs-intro-grid { display: grid; grid-template-columns: 1.35fr repeat(3, 1fr); align-items: stretch; }
.vccs-intro-grid > * { min-height: 132px; margin: 0; padding: 29px 29px 25px; border-right: 1px solid rgba(215, 228, 246, .12); }
.vccs-intro-grid > *:last-child { border-right: 0; }
.vccs-intro-grid p { color: #f6f7fa; font-family: var(--vccs-serif); font-size: 22px; letter-spacing: -.035em; line-height: 1.13; }
.vccs-intro-grid div { display: grid; align-content: center; gap: 12px; }
.vccs-intro-grid span { color: #8fa8c9; font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.vccs-intro-grid strong { color: #e8edf6; font-size: 13px; font-weight: 650; line-height: 1.35; }

.vccs-section { padding-block: clamp(85px, 10vw, 148px); }
.vccs-section-heading { display: grid; grid-template-columns: 1.25fr .75fr; gap: 70px; align-items: end; }
.vccs-section-heading h2, .vccs-access-copy h2, .vccs-growth-status h2, .vccs-community h2, .vccs-questions h2, .vccs-closing h2 { font-size: clamp(39px, 4.9vw, 70px); }
.vccs-section-heading > p { max-width: 370px; margin: 0 0 8px; color: var(--vccs-muted); font-size: 15px; line-height: 1.7; }
.vccs-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 56px; }
.vccs-feature-card { position: relative; min-height: 335px; padding: 27px; overflow: hidden; border: 1px solid rgba(208, 224, 247, .13); background: linear-gradient(160deg, #0e2a51, #081a35 73%); }
.vccs-feature-card::after { position: absolute; width: 255px; height: 255px; border: 1px solid rgba(214, 167, 68, .18); border-radius: 50%; content: ""; }
.vccs-feature-card-access::after { right: -132px; bottom: -141px; }
.vccs-feature-card-records { background: linear-gradient(160deg, #12366a, #091d3d 76%); }
.vccs-feature-card-records::after { top: -120px; right: -102px; border-radius: 44% 56% 68% 32%; }
.vccs-feature-card-growth { background: linear-gradient(160deg, #102c4e, #121c34 77%); }
.vccs-feature-card-growth::after { right: -125px; bottom: -105px; width: 290px; height: 290px; border-color: rgba(56, 122, 220, .32); }
.vccs-card-index { color: #8ea9ca; font-size: 10px; font-weight: 800; letter-spacing: .13em; }
.vccs-icon-ring { display: grid; width: 48px; height: 48px; margin-top: 51px; place-items: center; border: 1px solid rgba(240, 213, 127, .55); border-radius: 50%; color: var(--vccs-gold-light); font-family: var(--vccs-serif); font-size: 25px; }
.vccs-feature-card h3 { margin: 24px 0 0; color: #f8f7f1; font-family: var(--vccs-serif); font-size: 29px; font-weight: 400; letter-spacing: -.045em; }
.vccs-feature-card p { max-width: 290px; margin: 12px 0 0; color: #b6c5db; font-size: 13px; line-height: 1.65; }
.vccs-feature-card a { position: absolute; bottom: 27px; color: var(--vccs-gold-light); font-size: 12px; font-weight: 750; text-decoration: none; }
.vccs-feature-card a:hover { color: #fff4bf; }

.vccs-access-section { padding-block: clamp(78px, 9vw, 125px); background: linear-gradient(115deg, #0d2d58, #081a35 56%, #0d2445); border-block: 1px solid rgba(214, 167, 68, .15); }
.vccs-access-grid { display: grid; grid-template-columns: .93fr 1.07fr; align-items: center; gap: clamp(35px, 7vw, 105px); }
.vccs-access-copy > p:not(.vccs-section-label) { max-width: 450px; margin: 24px 0 0; color: #bed0e7; font-size: 15px; line-height: 1.75; }
.vccs-check-list { display: grid; gap: 13px; margin: 29px 0; padding: 0; list-style: none; color: #e5ebf6; font-size: 13px; }
.vccs-check-list li { display: flex; align-items: center; gap: 11px; }
.vccs-check-list span { display: grid; width: 20px; height: 20px; place-items: center; border: 1px solid rgba(240, 213, 127, .68); border-radius: 50%; color: var(--vccs-gold-light); font-size: 11px; }
.vccs-card-showcase { position: relative; display: grid; min-height: 430px; overflow: hidden; place-items: center; border: 1px solid rgba(214, 167, 68, .25); background: #07172d; box-shadow: 0 35px 80px rgba(0, 0, 0, .30); }
.vccs-card-showcase img { width: 100%; height: 100%; min-height: 430px; object-fit: cover; }
.vccs-card-showcase::after { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3, 12, 24, .86), transparent 55%); content: ""; }
.vccs-card-caption { position: absolute; z-index: 1; bottom: 29px; left: 30px; display: grid; gap: 2px; }
.vccs-card-caption span { color: #fff6cf; font-family: var(--vccs-serif); font-size: 25px; letter-spacing: .13em; }
.vccs-card-caption strong { color: var(--vccs-gold-light); font-size: 9px; letter-spacing: .20em; }
.vccs-card-caption small { margin-top: 8px; color: #aabbd3; font-size: 10px; }

.vccs-growth-status { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; padding-block: clamp(80px, 10vw, 130px); }
.vccs-growth-status-panel { align-self: center; padding: 31px 33px; border: 1px solid rgba(240, 213, 127, .26); background: linear-gradient(145deg, rgba(22, 63, 115, .65), rgba(9, 29, 56, .88)); }
.vccs-status-pill { display: inline-flex; align-items: center; gap: 8px; color: #cfecd4; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.vccs-status-pill i { width: 7px; height: 7px; border-radius: 50%; background: #a9d9bc; box-shadow: 0 0 0 5px rgba(169, 217, 188, .12); }
.vccs-status-pill.is-paused { color: #e8cf90; }
.vccs-status-pill.is-paused i { background: var(--vccs-gold); box-shadow: 0 0 0 5px rgba(214, 167, 68, .12); }
.vccs-growth-status-panel h3 { margin: 21px 0 0; color: #f8f7ef; font-family: var(--vccs-serif); font-size: 30px; font-weight: 400; letter-spacing: -.045em; }
.vccs-growth-status-panel p { margin: 14px 0 23px; color: #bac9dc; font-size: 14px; line-height: 1.65; }

.vccs-community { position: relative; display: grid; min-height: 680px; overflow: hidden; isolation: isolate; background: #061426; }
.vccs-community-image, .vccs-community-image img { position: absolute; inset: 0; width: 100%; height: 100%; }
.vccs-community-image { z-index: -2; }
.vccs-community-image img { object-fit: cover; object-position: center; }
.vccs-community-shade { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(2, 12, 25, .97) 0%, rgba(3, 13, 27, .88) 33%, rgba(3, 13, 27, .2) 76%), linear-gradient(0deg, rgba(3, 13, 27, .5), transparent 47%); }
.vccs-community-content { align-self: center; max-width: var(--vccs-shell); padding-block: 120px; }
.vccs-community-content > p:not(.vccs-section-label) { max-width: 485px; margin: 25px 0 30px; color: #cfdaeb; font-size: 16px; line-height: 1.75; }

.vccs-questions { display: grid; grid-template-columns: .82fr 1.18fr; gap: 82px; padding-block: clamp(82px, 11vw, 150px); }
.vccs-faq-list { display: grid; align-content: start; border-top: 1px solid var(--vccs-line); }
.vccs-faq-list details { border-bottom: 1px solid var(--vccs-line); }
.vccs-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 0; color: #edf2fa; cursor: pointer; font-size: 15px; font-weight: 700; list-style: none; }
.vccs-faq-list summary::-webkit-details-marker { display: none; }
.vccs-faq-list summary span { color: var(--vccs-gold-light); font-size: 23px; font-weight: 400; transition: transform .2s ease; }
.vccs-faq-list details[open] summary span { transform: rotate(45deg); }
.vccs-faq-list p { max-width: 620px; margin: -5px 0 22px; color: #aebed4; font-size: 13px; line-height: 1.75; }

.vccs-closing { display: flex; align-items: end; justify-content: space-between; gap: 40px; padding-block: 75px; border-top: 1px solid rgba(214, 167, 68, .28); }
.vccs-closing > div:last-child { display: grid; justify-items: start; gap: 19px; padding-bottom: 8px; }

.vccs-footer { border-top: 1px solid rgba(207, 222, 244, .12); background: #040d1b; }
.vccs-footer-top { display: grid; grid-template-columns: .8fr 1.15fr auto; align-items: center; gap: 30px; min-height: 165px; }
.vccs-footer-brand { display: block; width: 120px; height: 82px; overflow: hidden; }
.vccs-footer-brand img { width: 120px; height: 82px; object-fit: contain; }
.vccs-footer-top > p { margin: 0; color: #9db0c9; font-size: 13px; }
.vccs-footer nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 17px; }
.vccs-footer nav a { color: #c9d6e7; font-size: 12px; text-decoration: none; }
.vccs-footer nav a:hover { color: var(--vccs-gold-light); }
.vccs-footer-bottom { display: flex; align-items: start; justify-content: space-between; gap: 35px; padding-block: 21px 26px; border-top: 1px solid rgba(207, 222, 244, .1); color: #8094ae; font-size: 10px; line-height: 1.6; }
.vccs-footer-bottom p { max-width: 760px; margin: 0; }
.vccs-footer-bottom span { white-space: nowrap; }

@media (max-width: 900px) {
  :root { --vccs-shell: min(100% - 40px, 680px); }
  .vccs-nav { grid-template-columns: 1fr auto; gap: 15px; min-height: 75px; }
  .vccs-menu-toggle { display: inline-flex; align-items: center; }
  .vccs-nav nav { position: absolute; top: 65px; right: 0; left: 0; display: none; align-items: stretch; padding: 10px; border: 1px solid rgba(207, 222, 244, .19); background: rgba(5, 18, 37, .96); box-shadow: 0 24px 48px rgba(0, 0, 0, .28); }
  .vccs-nav nav a { padding: 12px 10px; border-bottom: 1px solid rgba(207, 222, 244, .1); }
  .vccs-nav nav a:last-child { border-bottom: 0; }
  .vccs-nav.is-open nav { display: grid; }
  .vccs-nav-actions { display: none; }
  .vccs-hero { min-height: 740px; }
  .vccs-hero-overlay { background: linear-gradient(90deg, rgba(3, 12, 25, .96) 0%, rgba(3, 12, 25, .87) 67%, rgba(3, 12, 25, .47)), linear-gradient(0deg, rgba(3, 11, 23, .6), transparent 50%); }
  .vccs-hero-content { padding-top: 105px; }
  .vccs-intro-grid { grid-template-columns: repeat(2, 1fr); }
  .vccs-intro-grid p { grid-column: 1 / -1; min-height: auto; padding-bottom: 18px; border-bottom: 1px solid rgba(215, 228, 246, .12); }
  .vccs-intro-grid > *:nth-child(3) { border-right: 0; }
  .vccs-section-heading, .vccs-access-grid, .vccs-growth-status, .vccs-questions { grid-template-columns: 1fr; gap: 35px; }
  .vccs-section-heading > p { max-width: 500px; }
  .vccs-feature-grid { grid-template-columns: 1fr; }
  .vccs-feature-card { min-height: 270px; }
  .vccs-icon-ring { margin-top: 34px; }
  .vccs-card-showcase, .vccs-card-showcase img { min-height: 360px; }
  .vccs-community { min-height: 640px; }
  .vccs-community-shade { background: linear-gradient(90deg, rgba(2, 12, 25, .96), rgba(3, 13, 27, .65)), linear-gradient(0deg, rgba(3, 13, 27, .5), transparent 47%); }
  .vccs-closing { align-items: start; flex-direction: column; }
  .vccs-footer-top { grid-template-columns: 1fr; gap: 10px; padding-block: 28px; }
  .vccs-footer nav { justify-content: flex-start; margin-top: 16px; }
  .vccs-footer-bottom { display: grid; gap: 12px; }
}

@media (max-width: 520px) {
  :root { --vccs-shell: calc(100% - 32px); }
  .vccs-brand img { width: 39px; height: 39px; }
  .vccs-brand strong { font-size: 18px; }
  .vccs-hero { min-height: 690px; }
  .vccs-hero-content { padding-top: 92px; padding-bottom: 72px; }
  .vccs-hero h1 { font-size: clamp(42px, 13vw, 58px); }
  .vccs-hero-lead { font-size: 14px; line-height: 1.65; }
  .vccs-hero-footer { padding-bottom: 18px; font-size: 7px; letter-spacing: .09em; }
  .vccs-hero-footer span:last-child { display: none; }
  .vccs-intro-grid { grid-template-columns: 1fr; }
  .vccs-intro-grid > * { min-height: auto; padding: 20px 16px; border-right: 0; border-bottom: 1px solid rgba(215, 228, 246, .11); }
  .vccs-intro-grid > *:last-child { border-bottom: 0; }
  .vccs-intro-grid p { padding-bottom: 20px; }
  .vccs-section, .vccs-growth-status, .vccs-questions { padding-block: 70px; }
  .vccs-section-heading h2, .vccs-access-copy h2, .vccs-growth-status h2, .vccs-community h2, .vccs-questions h2, .vccs-closing h2 { font-size: 40px; }
  .vccs-feature-card { padding: 23px; }
  .vccs-access-section { padding-block: 70px; }
  .vccs-card-showcase, .vccs-card-showcase img { min-height: 285px; }
  .vccs-growth-status-panel { padding: 24px; }
  .vccs-community { min-height: 600px; }
  .vccs-community-content { padding-block: 88px; }
  .vccs-closing { padding-block: 58px; }
  .vccs-footer-brand { width: 104px; height: 68px; }
  .vccs-footer-brand img { width: 104px; height: 68px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}