/* Brand Library section 3760:54912: desktop 3760:55708; mobile 3760:54914.
   Approved resource copy takes precedence over the frames' placeholder copy. */
@font-face {font-family:Figtree;src:url('/assets/fonts/Figtree-VariableFont_wght.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root {--vcl-bg:#04070b;--vcl-text:#f9fafb;--vcl-muted:rgba(249,250,251,.7);--vcl-line:rgba(249,250,251,.1);--vcl-surface:rgba(249,250,251,.05)}
html,body {background:var(--vcl-bg);color:var(--vcl-text)}
body {margin:0;min-width:320px;font-family:Figtree,system-ui,sans-serif!important}
.vcl-page,.vcl-page * {box-sizing:border-box;font-variation-settings:normal!important}
.vcl-page {overflow:clip;background:var(--vcl-bg);font-family:Figtree,system-ui,sans-serif}
.article-wrap {width:100%;margin:0}
.article-hero {position:relative;isolation:isolate;min-height:640px;display:grid;place-items:center;padding:64px 24px;overflow:hidden;text-align:center}
.article-hero__bg {position:absolute;inset:0;z-index:-1;background:url('/assets/vcl-hero-bg.jpg') center top / 100% auto no-repeat}
/* Match the shared solution-page hero veil so the artwork reaches the page background without a hard edge. */
.article-hero::after {position:absolute;right:0;bottom:-1px;left:0;z-index:0;height:260px;pointer-events:none;background:linear-gradient(180deg,rgba(4,7,11,0) 0%,rgba(4,7,11,.55) 62%,#04070b 100%);content:''}
.article-hero__text {position:relative;z-index:1;width:min(840px,100%);display:flex;flex-direction:column;align-items:center}
.article-hero__badge {width:fit-content;gap:8px}
.article-hero__badge img {width:8px;height:8px}
.article-title {margin:40px 0 0;font-size:72px;font-weight:650;line-height:1.04;letter-spacing:-.01em;color:var(--vcl-text)}
.article-lead {margin:48px 0 0;font-size:20px;font-weight:500;line-height:1.4;color:var(--vcl-muted)}
.article-hero .site-button {margin-top:48px}
.article-meta {margin:24px 0 0;color:var(--vcl-muted);font-size:14px;line-height:1.4}
.article-body {width:min(1216px,calc(100% - 48px));margin:auto}
.article-section {padding:80px 0;display:flex;flex-direction:column;gap:80px}
.vcl-split {display:grid;grid-template-columns:minmax(0,488fr) minmax(0,592fr);column-gap:clamp(48px,9.44vw,136px);row-gap:32px;border-top:1px solid var(--vcl-line);padding-top:40px}
.article-section.vcl-split {margin-top:80px;padding-top:40px}
.vcl-copy {display:flex;flex-direction:column;gap:16px}
.vcl-page h2 {margin:0;font-size:48px;font-weight:650;line-height:1.1;letter-spacing:-.01em;color:var(--vcl-text)}
.vcl-page h3 {margin:0;font-size:36px;font-weight:600;line-height:1.1;letter-spacing:-.01em;color:var(--vcl-text)}
.article-section p {margin:0;font-size:18px;font-weight:500;line-height:1.4;color:var(--vcl-muted)}
.vcl-page a:not(.site-button) {color:inherit;text-decoration:underline;text-underline-offset:3px}
.vcl-page a:focus-visible,.vcl-page summary:focus-visible,.vcl-page button:focus-visible,.vcl-slides:focus-visible {outline:2px solid #3366ff;outline-offset:4px}
.vcl-level-layout {display:flex;flex-direction:column;gap:32px}
.vcl-levels {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start}
.vcl-level {min-height:460px}
.vcl-level h3 {min-height:80px;margin:48px 8px 24px}
.vcl-level p {margin:0 8px;font-size:16px}
.article-section__figure {width:100%;border-radius:24px;overflow:hidden}
.article-section__figure img {display:block;width:100%;height:auto}
.article-carousel {padding:16px;border:1px solid var(--vcl-line);border-radius:25px;background:var(--vcl-surface);backdrop-filter:blur(20px)}
.vcl-slides {display:flex;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#7f8083 transparent;gap:16px;align-items:flex-start}
.article-carousel-slide {flex:0 0 100%;min-width:0;scroll-snap-align:start;padding:40px;min-height:600px;display:flex;flex-direction:column;gap:24px;border:1px solid var(--vcl-surface);border-radius:16px;background:var(--vcl-surface)}
.article-carousel-slide h3 {margin-bottom:32px}
.article-carousel-slide__note summary {font-style:italic;cursor:pointer;color:var(--vcl-muted);font-size:18px;line-height:1.4}
.article-carousel-slide__note p {margin-top:24px}
.vcl-carousel-controls {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}
.vcl-carousel-controls[hidden] {display:none}
.vcl-carousel-dots,.vcl-carousel-arrows {display:flex;gap:16px;align-items:center}
.vcl-carousel-dots {gap:0}
.vcl-carousel-dots button {border:0;background:none;width:24px;height:44px;padding:8px;cursor:pointer}
.vcl-carousel-dots button::before {content:'';display:block;width:8px;height:8px;border-radius:50%;background:rgba(249,250,251,.25)}
.vcl-carousel-dots button[aria-current=true]::before {background:var(--vcl-text)}
.vcl-carousel-arrows button {display:grid;place-items:center;width:50px;height:50px;border:1px solid var(--vcl-line);border-radius:50%;background:var(--vcl-surface);cursor:pointer}
.vcl-carousel-arrows button:disabled {opacity:.4;cursor:default}
.vcl-carousel-arrows img {width:22px;height:22px}
.vcl-faq {gap:48px;background:transparent}
.vcl-faq-list {display:flex;flex-direction:column;gap:8px}
.vcl-contact {margin-top:48px!important}
.vcl-resource-note {gap:24px;padding:0 0 40px}
.article-divider {width:100%;height:1px;border:0;background:var(--vcl-line);margin:0}
.quote-line {font-size:16px!important}
@keyframes vcl-rise {from {opacity:0;transform:translateY(20px)}to {opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference) {
 .article-hero__text {animation:vcl-rise 700ms cubic-bezier(.22,1,.36,1) both}
 .article-section {animation:vcl-rise 700ms cubic-bezier(.22,1,.36,1) both}
 .article-section:nth-of-type(2) {animation-delay:80ms}.article-section:nth-of-type(3) {animation-delay:160ms}.article-section:nth-of-type(4) {animation-delay:240ms}.article-section:nth-of-type(5) {animation-delay:320ms}
 .article-carousel-slide {transition:opacity 220ms ease,transform 220ms ease}
}
@media(max-width:767px) {
 .article-hero {min-height:673px;padding:56px 24px 120px;display:block}
 .article-hero__bg {background-image:linear-gradient(180deg,transparent 72%,#04070b 100%),url('/assets/vcl-hero-mobile.png');background-size:100% 673px}
 .article-title {font-size:32px;line-height:1.1}
 .article-lead {font-size:16px;margin-top:32px;padding:0 8px}
 .article-hero .site-button {margin-top:40px}
 .article-body {width:calc(100% - 40px)}
 .article-section {padding:64px 0;gap:40px}
 .article-section.vcl-split {margin-top:0;padding-top:64px}
 .vcl-split {grid-template-columns:minmax(0,1fr);gap:32px;border-top:0;padding-top:0}
 .vcl-level-layout {gap:40px}
 .vcl-levels {grid-template-columns:minmax(0,1fr);gap:40px}
 .vcl-copy {gap:8px}
 .vcl-levels-heading {padding-top:24px;border-top:1px solid var(--vcl-line)}
 .vcl-page h2 {font-size:34px;line-height:1.1}
 .vcl-page h3 {font-size:24px;line-height:1.2}
 .article-section p {font-size:14px}
 .vcl-level {min-height:0!important}
 .vcl-level {padding:8px}
 .vcl-level h3 {min-height:0;margin:32px 0 24px}
 .vcl-level p {margin:0}
 .vcl-level p {font-size:14px;line-height:1.4}
 .article-section__figure img {aspect-ratio:335/200;object-fit:contain}
 .article-carousel {padding:8px;border-radius:25px}
 .article-carousel-slide {padding:8px;min-height:0;gap:16px}
 .article-carousel-slide h3 {margin-bottom:0;font-size:20px;font-weight:700;line-height:1.2}
 .article-carousel-slide p,.article-carousel-slide__note summary {font-size:12px;line-height:1.4}
 .article-carousel-slide__note p {margin-top:16px}
 .vcl-carousel-controls {margin-top:8px;gap:8px}
 .vcl-carousel-dots button {width:24px}
 .vcl-carousel-arrows {gap:8px}
 .vcl-carousel-arrows button {width:36px;height:36px}
 .vcl-carousel-arrows img {width:20px;height:20px}
 .vcl-contact {margin-top:24px!important}
 .vcl-faq {padding:80px 4px;gap:24px}
 .vcl-faq .vcl-split {gap:56px;padding-top:24px;border-top:1px solid var(--vcl-line)}
 .vcl-resource-note {padding-top:0;padding-bottom:40px;gap:24px}
}
@media(prefers-reduced-motion:reduce) {.vcl-slides {scroll-behavior:auto}}