/* Public marketing typography and original operational animation components. */
body.marketing-suite{--readable-violet:#6532ad;--readable-cyan:#136487}
body.marketing-suite :is(p,li,figcaption){text-wrap:pretty}
body.marketing-suite :is(h1,h2,h3,h4){overflow:visible;text-wrap:balance}
body.marketing-suite .footer-legal>a{color:var(--readable-cyan)!important}
body.marketing-suite .browser-mock>.vi-preview-caption{color:#e2e5ed!important;background:#292d34;padding:10px 14px;font-size:12px;line-height:1.6}
html[data-theme=dark] body.marketing-suite .site-nav .nav-drop-toggle{color:#f2f3f5}
html[data-theme=dark] body.marketing-suite .footer-legal>a{color:#93d6ee!important}
html[data-theme=dark] body.marketing-suite .tour-nav a{color:#a7def0!important}
html[data-theme=dark] body.marketing-suite .workflow-path>li>span{color:#d5c0ff}
body.marketing-suite .customer-stories{--ink:#24232b;--muted:#595663;--orange-dark:#6532ad;--line:#ddd8e5;color:#24232b}
body.marketing-suite .customer-stories :is(h2,h3){color:#24232b!important}
body.marketing-suite .customer-stories :is(.eyebrow,.workflow-benefit-card>a){color:#6532ad!important}
body.marketing-suite .customer-stories :is(p,figcaption){color:#595663!important}
body.marketing-suite .customer-stories .btn-ghost{color:#24232b!important;border-color:#726879}
body.marketing-suite .vi-screen-showcase .vi-banner-controls button{color:#44324f;background:#fff;border:1px solid #b8a6cb;font-weight:600}
body.marketing-suite .vi-screen-showcase .vi-banner-controls button[aria-pressed=true]{background:#6532ad;color:#fff;border-color:#6532ad}
body.marketing-suite .vi-screen-showcase .vi-banner-caption{color:#51435f}
body.marketing-suite .vi-demo-title>span{color:#665b70}
body.marketing-suite :is(.vi-wave-section,.vi-screen-showcase){--ink:#25232b;--muted:#595663;color:#25232b}
body.marketing-suite :is(.vi-wave-section,.vi-screen-showcase) h2{color:#25232b}
body.marketing-suite .vi-wave-heading h2 span{color:#6532ad}
body.marketing-suite .vi-wave-section .vi-pill{color:#6532ad}
body.marketing-suite .vi-concept-card{color:#25232b}
body.marketing-suite .vi-concept-card h3{color:inherit}
body.marketing-suite .vi-purple-card{color:#fff}
body.marketing-suite .vi-concept-card p{color:#595663}
body.marketing-suite .vi-purple-card p{color:#fff}
body.marketing-suite .vi-concept-card .vi-card-link{color:inherit}
body.marketing-suite .vi-doc-stack{color:#302735}
body.marketing-suite .vi-photo-copy h1{color:#fff!important;text-shadow:0 2px 15px #0003}
body.marketing-suite .vi-photo-copy .eyebrow{color:#e4d9ff!important;font-weight:600}
body.marketing-suite .vi-photo-copy :is(p,a){color:#fff!important}
body.marketing-suite .region-switch .region-btn{opacity:1!important;color:var(--ink);background:var(--gray-bg)}
body.marketing-suite .region-switch .region-btn.active{background:#6532ad;color:#fff}
.vi-motion-scope{--motion-violet:#7846c8;--motion-cyan:#47bed4;--motion-ink:#25232b}
.vi-motion-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;margin-bottom:48px}
.vi-motion-scope h2{font-size:clamp(34px,4vw,54px);line-height:1.15;margin:20px 0}
.vi-motion-scope p{font-size:16px;line-height:1.7}
.vi-motion-dark,.vi-orbit-section{background:#080a10;color:#fff;padding:90px 0}
body.marketing-suite :is(.vi-motion-dark,.vi-orbit-section) :is(h2,h3){color:#fff}
.vi-motion-dark p,.vi-orbit-section p{color:#d1ccd9}
.vi-motion-dark .vi-pill,.vi-orbit-section .vi-pill{color:#dac7ff;background:#21162e;border-color:#765295}
.vi-motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vi-motion-tile{text-decoration:none;color:#fff;min-width:0}
.vi-motion-tile h3{font-size:19px;line-height:1.4;margin:24px 0 10px}
.vi-motion-tile p{font-size:14px}.vi-motion-tile>span{color:#d7bdff;font-size:14px}
.vi-step-animation,.vi-route-animation,.vi-alert-animation{height:190px;background:radial-gradient(ellipse at center,#693ba344,transparent 75%),radial-gradient(#9971c820 .7px,transparent .7px);background-size:auto,12px 12px;border:1px solid #554266;border-radius:18px;padding:24px;overflow:hidden}
.vi-step-animation{display:flex;gap:6px;align-items:center;justify-content:center}
.vi-step-animation>div{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:11px}
.vi-step-animation b{display:grid;place-items:center;width:38px;height:38px;border:1px solid #7b5a96;border-radius:10px;background:#33223f;animation:vi-step-light 6s infinite}
.vi-step-animation>div:nth-of-type(2) b{animation-delay:1.5s}.vi-step-animation>div:nth-of-type(3) b{animation-delay:3s}.vi-step-animation>div:nth-of-type(4) b{animation-delay:4.5s}.vi-step-animation i{font-style:normal;color:#b790e9}
.vi-route-animation{display:flex;align-items:center;justify-content:center;gap:40px}.vi-route-animation>strong{padding:20px 14px;background:#7846c8;border-radius:13px;font-size:16px}.vi-route-animation>div{display:grid;gap:14px;position:relative}.vi-route-animation>div:before{content:'';position:absolute;left:-20px;top:10px;bottom:10px;border-left:1px solid #846491}.vi-route-animation span{font-size:12px;position:relative;animation:vi-route-glow 4.5s infinite}.vi-route-animation span:before{content:'';position:absolute;left:-25px;top:4px;width:10px;height:10px;border-radius:50%;background:#a97be4}.vi-route-animation span:nth-child(2){animation-delay:1.5s}.vi-route-animation span:nth-child(3){animation-delay:3s}
.vi-alert-animation{display:flex;flex-direction:column;justify-content:center;gap:12px}.vi-alert-animation>b{padding:10px;background:#7846c8;border-radius:6px;font-size:13px;animation:vi-alert-glow 5s infinite}.vi-alert-animation>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.vi-alert-animation small{font-size:10px;color:#d1ccd9}
.vi-motion-caption{font-size:12px!important;text-align:center;margin-top:30px;color:#d1ccd9}
.vi-value-motion{padding:100px 0;background:#fff;color:#25232b}.vi-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.vi-value-motion p{color:#595663}.vi-value-animation{padding:40px;background:radial-gradient(#b697d830 1px,transparent 1px);background-size:14px 14px;border-radius:24px;display:grid;justify-items:center}.vi-value-node{width:min(280px,100%);background:white;border:1px solid #e0d7e9;box-shadow:0 14px 40px #6532ad12;border-radius:16px;padding:22px;text-align:left;animation:vi-node-arrive 6s infinite}.vi-value-node>span,.vi-value-node>small{display:block;font-size:12px;color:#63596d}.vi-value-node>strong{font-size:36px;display:block;margin:12px 0;font-weight:600;color:#302735}.vi-value-node strong small{font-size:18px}.vi-value-node:last-child{animation-delay:3s}.vi-flow-connector{height:70px;display:grid;place-items:center;position:relative}.vi-flow-connector:before{content:'';position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(#b393da,#47bed4);animation:vi-flow-pulse 3s infinite}.vi-flow-connector span{position:relative;background:white;border:1px solid #e0d7e9;border-radius:18px;padding:8px 14px;font-size:12px;color:#6532ad}
.vi-suite-motion{padding:70px 0 110px;background:#fbfafe;color:#25232b}.vi-suite-motion .section-head p{color:#595663}.vi-suite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.vi-suite-card{padding:28px;background:white;border:1px solid #ded5e9;border-radius:20px;text-decoration:none;color:#25232b;display:flex;flex-direction:column}.vi-suite-card h3{font-size:20px;margin:0 0 25px;color:#25232b!important}.vi-suite-card>p{color:#595663;font-size:14px}.vi-suite-card>span{color:#6532ad;font-size:14px;margin-top:auto;font-weight:600}.vi-stock-bars,.vi-purchase-animation,.vi-quality-animation{height:180px;display:flex;flex-direction:column;justify-content:center;gap:16px;margin-bottom:20px;background:#f8f5fc;border-radius:14px;padding:20px}.vi-stock-bars>div{display:grid;grid-template-columns:80px 1fr;gap:10px;font-size:11px}.vi-stock-bars b{height:9px;border-radius:10px;background:#9869d3;transform-origin:left;animation:vi-bars 6s infinite}.vi-stock-bars>div:nth-child(2) b{background:#3199ae;animation-delay:1s}.vi-stock-bars>div:nth-child(3) b{animation-delay:2s}.vi-purchase-animation span,.vi-quality-animation span{font-size:12px;background:white;padding:10px;border-radius:8px;color:#51435f;border-left:3px solid #a98ad1;animation:vi-row-highlight 6s infinite}.vi-purchase-animation span:nth-child(2),.vi-quality-animation span:nth-child(2){animation-delay:2s}.vi-purchase-animation span:nth-child(3),.vi-quality-animation span:nth-child(3){animation-delay:4s}
.vi-orbit-section{text-align:center}.vi-orbit-section>.container>p{max-width:670px;margin-left:auto;margin-right:auto}.vi-double-orbit{position:relative;width:min(700px,100%);height:480px;margin:40px auto;background:radial-gradient(#7846c83a,transparent 65%)}.vi-orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;border-radius:50%;padding:22px;background:#2b1c42;border:1px solid #a17ad0;box-shadow:0 0 60px #7846c84a}.vi-orbit-ring{position:absolute;border:1px solid #8e65ba50;border-radius:50%;left:50%;top:50%;translate:-50% -50%;animation:vi-ring-spin 24s linear infinite}.vi-ring-inner{width:280px;height:280px}.vi-ring-outer{width:440px;height:440px;animation-direction:reverse;animation-duration:36s}.vi-orbit-ring>span{position:absolute;left:50%;top:50%;font-size:12px;white-space:nowrap;padding:8px 12px;background:#31213f;border:1px solid #9869c6;border-radius:30px;color:#f2eafa;transform:translate(-50%,-50%) rotate(var(--position)) translateY(-140px) rotate(calc(-1 * var(--position)));animation:vi-label-spin 24s linear infinite}.vi-ring-outer>span{transform:translate(-50%,-50%) rotate(var(--position)) translateY(-220px) rotate(calc(-1 * var(--position)));animation-direction:reverse;animation-duration:36s}.vi-local-motion-toggle{display:block;margin:20px auto 0;padding:10px 16px;font:inherit;font-size:13px;background:#21162e;color:#fff;border:1px solid #9073ad;border-radius:25px}.vi-motion-scope.vi-motion-stopped *,.vi-motion-scope.vi-motion-offscreen *{animation-play-state:paused!important}.vi-motion-scope .vi-pill{font-size:13px}
@keyframes vi-step-light{0%,20%{background:#8d59d5;box-shadow:0 0 25px #ae80e56b}25%,100%{background:#33223f;box-shadow:none}}@keyframes vi-route-glow{0%,25%{color:#fff;text-shadow:0 0 15px #c1a2fa}35%,100%{color:#b4a8c5}}@keyframes vi-alert-glow{50%{box-shadow:0 0 24px #9b6bd45e}}@keyframes vi-node-arrive{0%,10%{transform:translateY(8px)}35%,70%{transform:translateY(-4px)}100%{transform:translateY(8px)}}@keyframes vi-flow-pulse{50%{opacity:.35}}@keyframes vi-bars{0%,100%{transform:scaleX(.35)}50%{transform:scaleX(.95)}}@keyframes vi-row-highlight{0%,25%{border-color:#7846c8;background:#eee5fa}35%,100%{border-color:#a98ad1;background:white}}@keyframes vi-ring-spin{to{rotate:360deg}}@keyframes vi-label-spin{to{rotate:-360deg}}
@media(max-width:900px){.vi-motion-heading,.vi-value-grid{gap:35px}.vi-motion-grid{gap:15px}.vi-step-animation,.vi-route-animation,.vi-alert-animation{padding:15px}.vi-route-animation{gap:25px}.vi-suite-card{padding:20px}.vi-motion-tile h3{font-size:17px}}
@media(max-width:600px){.vi-motion-heading,.vi-value-grid{grid-template-columns:1fr;gap:15px}.vi-motion-grid,.vi-suite-grid{grid-template-columns:1fr}.vi-motion-dark,.vi-orbit-section{padding:65px 0}.vi-value-motion,.vi-suite-motion{padding:65px 0}.vi-motion-heading{margin-bottom:30px}.vi-motion-tile{margin-bottom:20px}.vi-step-animation,.vi-route-animation,.vi-alert-animation{height:200px}.vi-double-orbit{height:360px}.vi-ring-inner{width:180px;height:180px}.vi-ring-outer{width:280px;height:280px}.vi-orbit-ring>span{font-size:10px;padding:6px 8px;transform:translate(-50%,-50%) rotate(var(--position)) translateY(-90px) rotate(calc(-1 * var(--position)))}.vi-ring-outer>span{transform:translate(-50%,-50%) rotate(var(--position)) translateY(-140px) rotate(calc(-1 * var(--position)))}.vi-orbit-core{padding:16px}.vi-orbit-core img{width:36px;height:36px}.vi-value-animation{padding:25px}.vi-value-node>strong{font-size:32px}}
@media(prefers-reduced-motion:reduce){.vi-motion-scope *{animation:none!important}}
.vi-orbit-ring>span{animation:none}.vi-orbit-ring>span>b{display:block;font-weight:500;animation:vi-label-spin 24s linear infinite}.vi-ring-outer>span>b{animation-direction:reverse;animation-duration:36s}
.vi-value-motion .vi-local-motion-toggle,.vi-suite-motion .vi-local-motion-toggle{color:#51435d;background:#fff;border-color:#bca8ce}
.vi-orbit-mini:before{content:'';position:absolute;inset:5px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,#b18ada66 60deg,transparent 62deg);animation:vi-ring-spin 5s linear infinite}.vi-orbit-mini strong,.vi-orbit-mini span{z-index:1}
.vi-shield{position:relative}.vi-notification-stack span{animation:vi-row-highlight 6s infinite,vi-float 5s ease-in-out infinite}.vi-notification-stack span:nth-child(2){animation-delay:2s}.vi-notification-stack span:nth-child(3){animation-delay:4s}
html[data-theme=dark] body.marketing-suite .tour-page-index a,html[data-theme=dark] body.marketing-suite .tour-section-index a{color:#a7def0!important}
body.marketing-suite .conversation-section .btn-orange{background:#6532ad!important;color:#fff!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){.vi-orbit-mini:before{animation:none}.vi-orbit-ring>span>b{animation:none!important}}
html[data-theme=dark] body.marketing-suite .toc-bar a{color:#a7def0!important}
body.marketing-suite .footer-legal{opacity:1}
html[data-theme=dark] body.marketing-suite .site-nav .nav-drop-toggle{color:#f2f3f5!important}
html[data-theme=dark] body.marketing-suite .conversation-agenda>div>span{color:#d5c0ff}
body.marketing-suite .workflow-benefits{--ink:#25232b;--muted:#595663;--orange-dark:#6532ad;color:#25232b}
body.marketing-suite .workflow-benefits :is(h2,h3){color:#25232b!important}
body.marketing-suite .workflow-benefits :is(.eyebrow,.workflow-benefit-card>a){color:#6532ad!important}
body.marketing-suite .workflow-benefits :is(p,figcaption){color:#595663!important}
body.marketing-suite .workflow-benefits .btn-ghost{color:#25232b!important;border-color:#726879}
body.marketing-suite :is(.vi-value-motion,.vi-suite-motion) :is(h2,h3){color:#25232b!important}
body.marketing-suite .vi-dark-statement h2{color:#fff!important}
.vi-motion-scope .vi-local-motion-toggle:focus-visible{outline:3px solid #47bed4;outline-offset:4px}
body.marketing-suite{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body.marketing-suite :is(button,input,select,textarea){font-family:inherit}
body.marketing-suite .grad-text{background:none;-webkit-text-fill-color:currentColor;color:#6532ad;overflow:visible;padding-bottom:.08em}
html[data-theme=dark] body.marketing-suite .grad-text{color:#d0b5ff}
body.marketing-suite :is(.vi-photo-hero,.vi-cinematic-hero) .grad-text{color:#e4d9ff}
body.marketing-suite .site-nav .btn-orange{background:#6532ad!important;color:#fff!important}
body.vi-reference-home .site-nav .nav-links>a.link{color:#fff!important}
.vi-value-grid>div,.vi-motion-heading>div{min-width:0}
@media(max-width:600px){.vi-ring-inner{width:160px;height:160px}.vi-ring-outer{width:240px;height:240px}.vi-orbit-ring>span{transform:translate(-50%,-50%) rotate(var(--position)) translateY(-80px) rotate(calc(-1 * var(--position)))}.vi-ring-outer>span{transform:translate(-50%,-50%) rotate(var(--position)) translateY(-120px) rotate(calc(-1 * var(--position)))}}
@media(max-width:360px){.vi-double-orbit{height:300px}.vi-ring-inner{width:120px;height:120px}.vi-ring-outer{width:190px;height:190px}.vi-orbit-ring>span{font-size:9px;padding:5px 6px;transform:translate(-50%,-50%) rotate(var(--position)) translateY(-60px) rotate(calc(-1 * var(--position)))}.vi-ring-outer>span{transform:translate(-50%,-50%) rotate(var(--position)) translateY(-95px) rotate(calc(-1 * var(--position)))}.vi-orbit-core{padding:10px}.vi-orbit-core img{width:28px;height:28px}.vi-orbit-core strong{font-size:12px}}
@media(max-width:1240px){body.vi-reference-home .site-nav .nav-links :is(.nav-drop-toggle,a.link){color:var(--ink)!important}}
body.marketing-suite .cta-dock .btn-orange{background:#6532ad!important;color:#fff!important;border-color:#6532ad;opacity:1}
@media(max-width:360px){.vi-ring-outer>span{font-size:11px;white-space:normal;max-width:82px;text-align:center;padding:5px 7px}.vi-ring-inner>span{font-size:10px}}
body.vi-motion-paused .vi-orbit-mini:before{animation-play-state:paused!important}
/* Surface-specific corrections found by the complete public sitemap audit. */
html:not([data-theme=dark]) body.marketing-suite :is(.btn-ghost,.btn-white){color:#136487!important}
html[data-theme=dark] body.marketing-suite :is(.demo-hero-inner>.eyebrow,.demo-accent){color:#d0b5ff!important}
body.marketing-suite .demo-proof-cards>a>strong{color:#6532ad!important}
html[data-theme=dark] body.marketing-suite .demo-steps a{color:#d0b5ff!important}
body.marketing-suite :is(.plan-starter,.plan-enterprise){background:#fff!important;--ink:#25232b;--muted:#595663;color:#25232b}
body.marketing-suite .plan-starter :is(.plan-art>span,.plan-fit,.btn){color:#0b6b5c!important}
html:not([data-theme=dark]) body.marketing-suite .col-vitrio{color:#6532ad!important}
html[data-theme=dark] body.marketing-suite .nav-links>.current{color:#d0b5ff!important}
html:not([data-theme=dark]) body.marketing-suite .roadmap-status-head{color:#302735!important}
html:not([data-theme=dark]) body.marketing-suite .article-tag--dashboard{color:#136487!important}
html:not([data-theme=dark]) body.marketing-suite .article-tag--accounts{color:#0b6b5c!important}
body.marketing-suite .about-world{--ink:#25232b;--muted:#595663;--orange-dark:#6532ad;color:#25232b}
body.marketing-suite .about-world :is(h2,p,.about-text-link){color:#25232b!important}
body.marketing-suite .about-world .eyebrow{color:#6532ad!important}
body.marketing-suite .about-platform-grid>a>strong{color:#6532ad!important}
html[data-theme=dark] body.marketing-suite .careers-side-nav .active{color:#d0b5ff!important}
html[data-theme=dark] body.marketing-suite h4[aria-level]>small{color:#d0b5ff!important}
body.marketing-suite .site-nav .nav-links>.btn-orange.current{color:#fff!important}
body.marketing-suite .about-world .eyebrow{color:#542794!important}
/* Original dotted Africa illustration, adapted from Vitrio's existing map art. */
.vi-africa-section{padding:85px 0;background:#fcfbfe;color:#25232b;--ink:#25232b;--muted:#595663}
body.marketing-suite .vi-africa-section :is(h2,h3){color:#25232b!important}
.vi-africa-section .section-head>p{color:#595663;max-width:670px;margin:0 auto;line-height:1.7}
.vi-africa-map{height:350px;margin:35px auto 30px;max-width:600px;background:radial-gradient(ellipse,#e9ddf844,transparent 65%)}
.vi-africa-map svg{height:100%;width:100%;display:block}
.vi-africa-connections{stroke-dasharray:2 2;animation:vi-africa-travel 9s linear infinite}
.vi-africa-halo{opacity:.18;transform-box:fill-box;transform-origin:center;animation:vi-africa-pulse 3s ease-in-out infinite}
.vi-africa-halo:nth-of-type(3){animation-delay:.5s}.vi-africa-halo:nth-of-type(5){animation-delay:1s}.vi-africa-halo:nth-of-type(7){animation-delay:1.5s}.vi-africa-halo:nth-of-type(9){animation-delay:2s}
.vi-country-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.vi-country-grid>a{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #e3d9ec;background:#fff;border-radius:16px;padding:24px 14px;text-decoration:none;color:#25232b;transition:border-color .2s,box-shadow .2s}
.vi-country-grid>a:hover{border-color:#9463c9;box-shadow:0 10px 24px #6532ad12}.vi-country-grid>a:focus-visible{outline:3px solid #6532ad;outline-offset:4px}
.vi-country-code{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f0e8fa;color:#6532ad;font-size:13px;font-weight:650;border:1px solid #d8c7eb}
.vi-country-grid h3{font-size:17px;margin:16px 0 8px}.vi-country-grid p{font-size:13px;line-height:1.6;color:#595663;margin:0 0 20px}.vi-country-link{margin-top:auto;font-size:12px;font-weight:600;color:#6532ad}.vi-country-note{text-align:center;font-size:12px!important;color:#595663;margin-top:24px}
.vi-africa-section .vi-local-motion-toggle{background:white;color:#51435d;border-color:#bca8ce}
@keyframes vi-africa-travel{to{stroke-dashoffset:-30}}@keyframes vi-africa-pulse{50%{transform:scale(1.6);opacity:.07}}
@media(max-width:900px){.vi-country-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.vi-africa-section{padding:60px 0}.vi-africa-map{height:290px;margin:25px auto}.vi-country-grid{grid-template-columns:1fr 1fr;gap:12px}.vi-country-grid>a{padding:20px 12px}.vi-country-grid>a:last-child{grid-column:1/-1}.vi-country-grid h3{font-size:16px}.vi-country-grid p{font-size:12px}.vi-country-link{font-size:11px}}
@media(max-width:360px){.vi-country-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.vi-africa-connections,.vi-africa-halo{animation:none!important}.vi-country-grid>a{transition:none}}
/* Decorative loops have no playback buttons; content sliders retain their controls. */
.vi-reference-cards.vi-motion-stopped *,.vi-reference-cards.vi-motion-offscreen *,.vi-reference-cards.vi-motion-stopped .vi-orbit-mini:before,.vi-reference-cards.vi-motion-offscreen .vi-orbit-mini:before{animation-play-state:paused!important}
.vi-reference-cards :is(.vi-orbit-mini:before,.vi-doc-stack>div,.vi-shield,.vi-notification-stack span){animation-iteration-count:infinite}
@media(scripting:none){.vi-motion-scope *,.vi-reference-cards *,.vi-orbit-mini:before{animation:none!important}}
.connected-wheel.vi-motion-offscreen *,.connected-wheel.vi-motion-stopped *{animation-play-state:paused!important}
/* Premium connection illustration: upright nodes and a quiet luminous centre. */
.vi-orbit-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#211432 0,transparent 56%),#090b13}
.vi-orbit-section>.container{position:relative}.vi-orbit-section .vi-pill{background:#ffffff08;border-color:#755996;color:#e3d4fa}
.vi-orbit-premium{height:520px;width:min(720px,100%);margin:35px auto 20px;background:none;isolation:isolate}
.vi-orbit-aura{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse,#8d5ad02e,transparent 70%);box-shadow:0 0 90px #5f33a018}
.vi-orbit-traces{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#9470c53d;stroke-width:1}.vi-orbit-trace-flow{stroke:url(#vi-orbit-gradient);stroke-width:1.6;stroke-dasharray:14 450;animation:vi-orbit-data-flow 14s linear infinite;opacity:.8}
.vi-orbit-premium .vi-orbit-core{width:150px;height:150px;justify-content:center;gap:8px;padding:18px;border:1px solid #a586d275;background:linear-gradient(145deg,#352446e6,#1c182de6);box-shadow:0 0 0 12px #9867db08,0 0 0 25px #9867db05,0 22px 70px #06070a77,0 0 80px #8147c433}
.vi-orbit-premium .vi-orbit-core strong{font-size:21px;color:#fff}.vi-orbit-premium .vi-orbit-core>span{font-size:9px;color:#d1c0e4;white-space:nowrap}
.vi-orbit-premium .vi-orbit-ring{position:absolute;inset:0;width:100%;height:100%;translate:none;border:0;border-radius:0;animation:none;pointer-events:none}
.vi-orbit-premium .vi-orbit-ring>span{left:50%;top:50%;translate:none;transform:translate(-50%,-50%);rotate:none;animation:none;display:flex;align-items:center;gap:9px;white-space:nowrap;max-width:none;border-radius:13px;padding:11px 15px;background:linear-gradient(135deg,#352443f2,#1b192df2);border:1px solid #9a77c46b;box-shadow:0 8px 25px #05060a55;color:#f2ecfa;font-size:12px}
.vi-orbit-premium .vi-ring-outer>span{background:linear-gradient(135deg,#162933f2,#141d2bf2);border-color:#53bad053;color:#e3f8fc}
.vi-orbit-premium .vi-orbit-ring>span>b{animation:none;font-weight:500;rotate:none}
.vi-orbit-premium .vi-orbit-ring>span>i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#a581d51c;color:#ddc0ff;font-style:normal;font-size:10px;font-weight:650}
.vi-orbit-premium .vi-ring-outer>span>i{background:#50c5d91a;color:#8fdbe8;font-size:14px}
.vi-orbit-process{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;font-size:12px;color:#d8cede}.vi-orbit-process>span{padding:9px 14px;border:1px solid #8f74af33;border-radius:9px;background:#ffffff04}.vi-orbit-process>i{font-style:normal;color:#89d6e4}
@keyframes vi-orbit-data-flow{to{stroke-dashoffset:-464}}
@media(max-width:600px){.vi-orbit-premium{height:420px;margin-top:20px}.vi-orbit-premium .vi-orbit-core{width:98px;height:98px;padding:10px;gap:5px}.vi-orbit-premium .vi-orbit-core img{width:32px;height:32px}.vi-orbit-premium .vi-orbit-core strong{font-size:16px}.vi-orbit-premium .vi-orbit-core>span{font-size:7px}.vi-orbit-premium .vi-orbit-ring>span{gap:5px;padding:8px 9px;font-size:10px;white-space:normal;max-width:108px;text-align:left}.vi-orbit-premium .vi-orbit-ring>span>i{width:17px;height:17px;min-width:17px;font-size:8px}.vi-orbit-process{gap:7px;font-size:10px}.vi-orbit-process>span{padding:8px}.vi-orbit-traces{opacity:.55}}
@media(max-width:360px){.vi-orbit-premium{height:420px}.vi-orbit-premium .vi-orbit-core{width:80px;height:80px}.vi-orbit-premium .vi-orbit-core>span{display:none}.vi-orbit-premium .vi-orbit-ring>span{max-width:89px;font-size:9px;padding:7px;gap:4px}.vi-orbit-premium .vi-orbit-ring>span>i{display:none}}
@media(prefers-reduced-motion:reduce){.vi-orbit-trace-flow{animation:none!important}}
.vi-orbit-premium{--vi-inner-radius:-140px;--vi-outer-radius:-215px}.vi-orbit-premium .vi-ring-inner>span{transform:translate(-50%,-50%) rotate(var(--position)) translateY(var(--vi-inner-radius)) rotate(calc(-1 * var(--position)))}.vi-orbit-premium .vi-ring-outer>span{transform:translate(-50%,-50%) rotate(calc(var(--position) + 15deg)) translateY(var(--vi-outer-radius)) rotate(calc(-1 * var(--position) - 15deg))}
@media(max-width:600px){.vi-orbit-premium{--vi-inner-radius:-80px;--vi-outer-radius:-125px}.vi-orbit-premium .vi-orbit-core{width:80px;height:80px}.vi-orbit-premium .vi-orbit-core>span{display:none}.vi-orbit-premium .vi-orbit-ring>span>i{display:none}.vi-orbit-premium .vi-ring-outer>span{max-width:90px}}
@media(max-width:360px){.vi-orbit-premium{--vi-inner-radius:-65px;--vi-outer-radius:-100px}.vi-orbit-premium .vi-orbit-core{width:64px;height:64px}.vi-orbit-premium .vi-ring-outer>span{max-width:72px}}