/*!
 * Versa v0.16.9
 * A modern design system and component library built on Bootstrap.
 * Created and maintained by Craig Malcolm Petrou.
 * Official site: https://bootversa.com/
 * Copyright 2026 Craig Malcolm Petrou.
 */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../../vendor/fonts/inter-tight-300.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../../vendor/fonts/inter-tight-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../../vendor/fonts/inter-tight-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../../vendor/fonts/inter-tight-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../../vendor/fonts/inter-tight-700.ttf) format('truetype');
}

/* Shared tracking: Inter Tight already has compact spacing. Keep headings
   at their designed spacing; uppercase labels retain their own tracking. */
:root { --site-font-family: "Inter Tight", Arial, sans-serif; --bs-body-font-family: var(--site-font-family); --site-heading-tracking: 0; --site-control-tracking: 0; }

:root{--cp-primary:#6d5dfc;--cp-dark:#111827;--cp-text:#4b5563;--cp-light:#f6f7fb;--cp-border:#e5e7eb;--cp-radius:18px;--cp-shadow:0 18px 50px rgba(17,24,39,.10);--cp-section:clamp(4rem,7vw,7rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--site-font-family);color:var(--cp-text);line-height:1.65}h1,h2,h3,h4,h5,h6{color:var(--cp-dark);font-weight:750;letter-spacing:var(--site-heading-tracking, 0)}.display-1,.display-2,.display-3{font-weight:800}.site-header{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.05)}.navbar-brand{font-weight:850;letter-spacing:-.04em;font-size:1.55rem;color:var(--cp-dark)}.navbar-brand span{color:var(--cp-primary)}.btn{border-radius:999px;padding:.75rem 1.25rem;font-weight:700}.btn-primary{--bs-btn-bg:var(--cp-primary);--bs-btn-border-color:var(--cp-primary)}.section{padding:var(--cp-section) 0}.section-light{background:var(--cp-light)}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:.75rem;color:var(--cp-primary)}.hero{padding:clamp(5rem,10vw,9rem) 0;background:radial-gradient(circle at 80% 20%,rgba(109,93,252,.18),transparent 35%),linear-gradient(135deg,#fff,#f7f6ff)}.hero h1{font-size:clamp(2.7rem,6vw,5.8rem);line-height:.98}.hero-media,.media-panel{border-radius:var(--cp-radius);overflow:hidden;box-shadow:var(--cp-shadow);min-height:360px;background:linear-gradient(135deg,#d9d5ff,#f3f4f6);display:grid;place-items:center}.hero-media svg,.media-panel svg{width:40%;opacity:.35}.cp-card{height:100%;border:1px solid var(--cp-border);border-radius:var(--cp-radius);padding:1.75rem;background:#fff;transition:.25s ease}.cp-card:hover{transform:translateY(-5px);box-shadow:var(--cp-shadow)}.icon-orb{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#eeecff;color:var(--cp-primary);font-size:1.25rem}.stat{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:850;color:var(--cp-dark)}.quote{font-size:1.25rem}.footer{background:#0d1220;color:#aeb6c5;padding:4rem 0 2rem}.footer h5,.footer a{color:white}.footer a{text-decoration:none}.page-hero{padding:5.5rem 0 4rem;background:linear-gradient(135deg,#f7f6ff,#fff)}.page-hero h1{font-size:clamp(2.5rem,5vw,4.7rem)}.module-demo{padding:4rem 0;border-bottom:1px solid var(--cp-border)}.flip{perspective:1000px;min-height:260px}.flip-inner{position:relative;min-height:260px;transition:.6s;transform-style:preserve-3d}.flip:hover .flip-inner,.flip:focus-within .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:var(--cp-radius);padding:2rem;display:grid;place-items:center;background:#fff;border:1px solid var(--cp-border)}.flip-back{transform:rotateY(180deg);background:var(--cp-dark);color:white}.before-after{position:relative;overflow:hidden;border-radius:var(--cp-radius);height:380px;background:#ddd}.before-after .after{position:absolute;inset:0 50% 0 0;background:linear-gradient(135deg,#6d5dfc,#b9b2ff)}.before-after input{position:absolute;z-index:3;bottom:20px;left:10%;width:80%}.timeline{border-left:3px solid var(--cp-primary);padding-left:2rem}.timeline-item{position:relative;margin-bottom:2rem}.timeline-item:before{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:var(--cp-primary);left:-2.55rem;top:.45rem}.pricing-featured{outline:3px solid var(--cp-primary);transform:scale(1.02)}.mega{position:static}.mega .dropdown-menu{width:min(900px,95vw);left:50%;transform:translateX(-50%);padding:1.5rem;border:0;box-shadow:var(--cp-shadow);border-radius:var(--cp-radius)}@media(max-width:991.98px){.mega .dropdown-menu{transform:none;width:100%}.hero-media{min-height:280px}.pricing-featured{transform:none}}


:root{
  --cp-blue:#1477ff;
  --cp-cyan:#1ec8ff;
  --cp-ink:#202631;
  --cp-muted:#667085;
  --cp-header-h:82px;
}
.header-hat{background:#171b24;color:#fff;font-size:.82rem;padding:.48rem 0;text-align:center}
.header-hat a{color:#fff;font-weight:700}
.site-header{transition:box-shadow .25s ease,background .25s ease}
.site-header.is-scrolled{box-shadow:0 10px 35px rgba(24,34,50,.09);background:rgba(255,255,255,.98)}
.site-header .navbar{min-height:var(--cp-header-h)}
.site-header .nav-link{font-weight:650;color:var(--cp-ink);padding:.9rem .72rem!important}
.site-header .nav-link:hover,.site-header .nav-link:focus{color:var(--cp-blue)}
.brand-mark{display:inline-flex;align-items:center;gap:.55rem}
.brand-bulb{width:30px;height:30px;border-radius:50% 50% 44% 44%;background:linear-gradient(145deg,#ffc928,#ff8a00);position:relative;box-shadow:0 0 0 5px rgba(255,180,0,.12)}
.brand-bulb:after{content:"";position:absolute;width:13px;height:7px;border-radius:0 0 5px 5px;background:#7c8799;left:8px;bottom:-5px}
.header-actions{display:flex;gap:.55rem;margin-left:1rem}
.btn-clean{background:var(--cp-blue);border-color:var(--cp-blue);color:#fff}
.btn-clean:hover{background:#075fd4;border-color:#075fd4;color:#fff}
.btn-versa-outline{border:2px solid var(--cp-blue);color:var(--cp-blue);background:#fff}
.mega-menu{border:0!important;border-radius:0 0 16px 16px!important;padding:1.5rem!important;box-shadow:0 24px 55px rgba(15,23,42,.16)!important}
.mega-menu h6{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#98a2b3}
.mega-menu a{display:block;color:var(--cp-ink);text-decoration:none;padding:.28rem 0;font-size:.92rem}
.mega-menu a:hover{color:var(--cp-blue)}
.versa-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8.5rem) 0}
.versa-hero--gradient{background:linear-gradient(125deg,#f8fbff 0%,#eef8ff 45%,#f5f2ff 100%)}
.versa-hero--dark{background:#141923;color:#fff}
.versa-hero--dark h1,.versa-hero--dark h2{color:#fff}
.gradient-text{background:linear-gradient(90deg,var(--cp-blue),#8c55ff,var(--cp-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.versa-kicker{font-weight:750;color:var(--cp-blue);margin-bottom:.75rem}
.versa-heading{font-size:clamp(2.75rem,6vw,5.7rem);line-height:1.02;font-weight:800;letter-spacing:var(--site-heading-tracking, 0)}
.versa-section{padding:clamp(4.5rem,8vw,8rem) 0}
.versa-section--gray{background:#f5f7fa}
.versa-section-title{max-width:760px;margin-bottom:3rem}
.versa-section-title.text-center{margin-left:auto;margin-right:auto}
.versa-card{border:0;border-radius:12px;background:#fff;box-shadow:0 8px 30px rgba(31,41,55,.08);overflow:hidden;height:100%;transition:transform .25s ease,box-shadow .25s ease}
.versa-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(31,41,55,.13)}
.versa-card__body{padding:1.7rem}
.versa-media{background:linear-gradient(145deg,#dceaff,#f2eaff);min-height:260px;display:grid;place-items:center}
.versa-media i{font-size:4rem;color:rgba(20,119,255,.35)}
.versa-logo-row{display:grid;grid-template-columns:repeat(6,1fr);gap:2rem;align-items:center}
.versa-logo{height:44px;border-radius:7px;background:#d9dee8;opacity:.75}
.versa-accordion .accordion-item{border:0;border-bottom:1px solid #e5e7eb;background:transparent}
.versa-accordion .accordion-button{font-weight:700;padding:1.35rem 0;background:transparent;box-shadow:none}
.versa-accordion .accordion-body{padding:0 0 1.5rem}
.versa-cta{border-radius:16px;background:linear-gradient(110deg,#1477ff,#7958ff);color:#fff;padding:clamp(2.5rem,5vw,4.5rem)}
.versa-cta h2{color:#fff}
.versa-footer{background:#171b24;color:#9fa8b7;padding:5rem 0 2rem}
.versa-footer h5{color:#fff;font-size:.95rem}
.versa-footer a{display:block;color:#c7ced8;text-decoration:none;padding:.24rem 0}
.versa-footer a:hover{color:#fff}
.back-top{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border:0;border-radius:50%;background:var(--cp-blue);color:#fff;display:grid;place-items:center;opacity:0;pointer-events:none;transition:.2s;z-index:1030}
.back-top.show{opacity:1;pointer-events:auto}
@media(max-width:991.98px){
 .header-actions{margin:1rem 0 0;flex-direction:column}
 .versa-logo-row{grid-template-columns:repeat(3,1fr)}
 .mega-menu{box-shadow:none!important;padding:.75rem!important}
}

.filter-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:2rem}
.filter-bar .form-control,.filter-bar .form-select{max-width:280px}
.team-card__image{min-height:250px;background:linear-gradient(135deg,#dae5f6,#efeafa);display:grid;place-items:center}
.team-card__image i{font-size:4rem;color:rgba(20,119,255,.25)}
.job-row{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--cp-border);text-decoration:none;color:inherit}
.job-row:hover h3{color:var(--cp-blue)}
.event-day{position:relative;overflow:hidden}
.event-day .versa-media{min-height:220px}
.countdown-box{min-width:100px;padding:1.25rem;border-radius:12px;background:#fff;box-shadow:var(--cp-shadow)}
.countdown-box strong{display:block;font-size:2rem;color:var(--cp-ink)}
.pricing-switch{display:inline-flex;align-items:center;gap:.8rem;background:#fff;padding:.65rem 1rem;border-radius:999px;box-shadow:0 8px 25px rgba(17,24,39,.08)}
.pricing-plan{position:relative}
.pricing-plan.is-featured{outline:3px solid var(--cp-blue);transform:translateY(-8px)}
.pricing-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--cp-blue);color:#fff;border-radius:999px;padding:.35rem .8rem;font-size:.75rem;font-weight:800;white-space:nowrap}
.price .annual{display:none}.annual-mode .price .monthly{display:none}.annual-mode .price .annual{display:inline}
.compare-table th:first-child{min-width:240px}.compare-table thead th{text-align:center}.compare-table td{text-align:center}
.value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#e5e7eb;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}
.value-item{background:#fff;padding:2rem}.value-item h3{font-size:1.1rem}
.resource-card__type{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--cp-blue)}
.video-card{cursor:pointer}.video-thumb{min-height:220px;background:linear-gradient(135deg,#1c2638,#44536b);display:grid;place-items:center;color:white}
.video-thumb i{font-size:3.25rem}
.testimonial-card{border-left:4px solid var(--cp-blue)}
@media(max-width:767.98px){.value-grid{grid-template-columns:1fr}.job-row{grid-template-columns:1fr}.pricing-plan.is-featured{transform:none}}

.hero-simple{padding:clamp(4.5rem,8vw,7.5rem) 0;background:linear-gradient(135deg,#f7f9fc,#eef5ff)}
.hero-simple h1{font-size:clamp(2.7rem,5vw,5.2rem);line-height:1.02;letter-spacing:var(--site-heading-tracking, 0)}
.value-card,.team-card,.resource-card,.video-card,.job-card{height:100%;border:1px solid #e5e7eb;border-radius:14px;background:#fff;overflow:hidden;transition:.25s ease}
.value-card:hover,.team-card:hover,.resource-card:hover,.video-card:hover,.job-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(15,23,42,.10)}
.value-card__body,.team-card__body,.resource-card__body,.video-card__body,.job-card__body{padding:1.5rem}
.avatar-placeholder{aspect-ratio:4/3;background:linear-gradient(145deg,#dbeafe,#ede9fe);display:grid;place-items:center}
.avatar-placeholder i{font-size:4rem;color:rgba(20,119,255,.35)}
.filter-bar{display:flex;gap:.65rem;flex-wrap:wrap;margin-bottom:2rem}.filter-btn{border:1px solid #d0d5dd;background:#fff;border-radius:999px;padding:.55rem 1rem;font-weight:700}.filter-btn.active,.filter-btn:hover{background:var(--cp-blue);color:#fff;border-color:var(--cp-blue)}
.pricing-toggle{display:inline-flex;align-items:center;gap:.8rem;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:.5rem .75rem}
.pricing-card{height:100%;border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:2rem}.pricing-card.featured{border:2px solid var(--cp-blue);box-shadow:0 20px 55px rgba(20,119,255,.13)}.pricing-card .price{font-size:3rem;font-weight:850;color:var(--cp-ink)}.pricing-card .annual{display:none}body.billing-annual .pricing-card .monthly{display:none}body.billing-annual .pricing-card .annual{display:inline}
.comparison-table .group-row th{background:#f3f6fa;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.check{color:#16a34a;font-size:1.15rem}.dash{color:#98a2b3}
.video-thumb{aspect-ratio:16/9;background:linear-gradient(145deg,#1f2937,#334155);display:grid;place-items:center;color:#fff}.video-thumb i{font-size:3rem}
.gallery-tile{min-height:250px;border-radius:12px;background:linear-gradient(145deg,#dbeafe,#ede9fe);display:grid;place-items:center}.gallery-tile.tall{min-height:420px}.gallery-tile i{font-size:3.5rem;color:rgba(20,119,255,.35)}
.testimonial-card{height:100%;border-radius:14px;background:#fff;border:1px solid #e5e7eb;padding:1.75rem}
.timeline-wide{position:relative;padding-left:2.5rem}.timeline-wide:before{content:"";position:absolute;left:.55rem;top:0;bottom:0;width:2px;background:#dbe3ef}.timeline-wide .event{position:relative;padding-bottom:2.25rem}.timeline-wide .event:before{content:"";position:absolute;left:-2.31rem;top:.3rem;width:15px;height:15px;border-radius:50%;background:var(--cp-blue);box-shadow:0 0 0 5px #e8f1ff}
.resource-meta{font-size:.82rem;color:#667085;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.form-shell{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:clamp(1.5rem,4vw,2.5rem);box-shadow:0 18px 45px rgba(15,23,42,.08)}
.thank-icon{width:90px;height:90px;border-radius:50%;background:#eaf3ff;color:var(--cp-blue);display:grid;place-items:center;font-size:2.5rem;margin-inline:auto}


/* Reusable module layer. All custom interactions use data-lab-* attributes. */
:root{--lab-accent:#1264da;--lab-ink:#202631;--lab-surface:#f4f7fc;--lab-radius:22px}
[hidden]{display:none!important}.module-demo{scroll-margin-top:100px}.lab-index{display:flex;flex-wrap:wrap;gap:10px}.lab-index a{padding:9px 16px;border:1px solid #d7dce5;border-radius:30px;color:var(--lab-ink);text-decoration:none}.lab-index a:hover{background:var(--lab-surface)}.lab-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.lab-section-heading p{max-width:680px}.lab-section-heading>a{white-space:nowrap}.lab-section-heading h2{font-size:clamp(1.8rem,3vw,2.7rem)}.lab-demo{border:1px solid #e4e8f0;border-radius:var(--lab-radius);overflow:hidden;padding:clamp(20px,3vw,44px);background:#fff}.lab-hero,.lab-swap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center}.lab-hero{padding:36px 0}.lab-hero h3,.lab-centered h3{font-size:clamp(2rem,4vw,3.8rem);line-height:1.06;letter-spacing:var(--site-heading-tracking, 0);margin:20px 0}.lab-hero em{color:var(--lab-accent);font-style:normal}.lab-hero p{max-width:440px}.lab-centered{text-align:center;padding:70px 20px;margin-top:30px;border-radius:20px;background:linear-gradient(130deg,#e7f1ff,#f2ebff)}.lab-art{padding:30px 20px;border-radius:18px;background:linear-gradient(130deg,#d9edff,#cdc7ff);min-height:260px;display:grid;align-items:center;overflow:hidden}.art-1{background:linear-gradient(135deg,#bcecd8,#dff6c3)}.art-2{background:linear-gradient(135deg,#ffd9c4,#f5c2e5)}.art-window{background:#fff;border-radius:10px;box-shadow:0 20px 40px #26355622;transform:rotate(-3deg);padding:14px;max-width:100%}.art-dots{font-size:10px;color:#9bb0c6;border-bottom:1px solid #edf0f5;padding-bottom:10px}.art-layout{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:10px;padding:28px 10px}.art-layout small{font-size:6px;letter-spacing:1px;display:block}.art-layout strong{display:block;color:#162a45;font-size:clamp(16px,2vw,28px);line-height:1.1;margin:12px 0}.art-line{display:block;width:95%;height:4px;background:#d9e2ec;margin:6px 0}.art-line.short{width:65%}.art-pill{display:block;width:48px;height:14px;border-radius:12px;background:#2473e8;margin-top:14px}.art-orb{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#a4dbff,#6566dd 55%,#1c2647);box-shadow:12px 16px 0 #e3ecf7}.lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.lab-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-card{border:1px solid #e2e7ee;border-radius:18px;overflow:hidden}.lab-card .lab-art{border-radius:0}.lab-toolbar{display:flex;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:25px}.lab-toolbar label{flex:1;min-width:180px}.lab-toolbar p{margin:0}.lab-swap-button{display:flex;width:100%;text-align:left;align-items:center;gap:16px;padding:24px 0;background:none;border:0;border-bottom:1px solid #dce2eb;color:var(--lab-ink)}.lab-swap-button span:last-child{margin-left:auto}.lab-swap-button[aria-pressed=true]{color:var(--lab-accent)}.lab-swap-button[aria-pressed=true] strong{text-decoration:underline;text-underline-offset:5px}.lab-controls{display:flex;justify-content:center;gap:16px;padding:15px}.lab-compare{position:relative;--reveal:50%}.lab-compare .lab-art{min-height:400px}.lab-before{position:absolute;inset:0;filter:grayscale(1);clip-path:inset(0 var(--reveal) 0 0)}.compare-label{position:absolute;top:15px;background:#fff;padding:5px 12px;border-radius:8px;color:#202631}.before-label{left:15px}.after-label{right:15px}.lab-hover{position:relative;overflow:hidden;border-radius:18px}.lab-hover .lab-art{height:100%}.lab-hover-caption{position:absolute;inset:auto 0 0;background:#182237ed;color:white;padding:24px;transform:translateY(100%);transition:transform .25s}.lab-hover-caption h3{color:white}.lab-hover:hover .lab-hover-caption,.lab-hover:focus .lab-hover-caption{transform:none}.lab-flipper{display:flex;flex-direction:column;align-items:start;justify-content:space-between;padding:35px;min-height:340px;border-radius:18px;background:#eff4ff}.lab-flipper.is-flipped{background:#e9e1ff}.lab-tabs{gap:10px;margin-bottom:25px}.lab-tabs .nav-link{border-radius:30px}.lab-scroll{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.lab-scroll-visual{position:sticky;top:120px}.lab-scroll-step{min-height:65vh;padding:80px 0}.lab-scroll-mobile{display:none}.lab-masonry{columns:3;column-gap:20px}.lab-gallery-item{display:block;border:0;padding:0;background:#f4f7fc;border-radius:16px;overflow:hidden;width:100%;margin-bottom:20px;break-inside:avoid;text-align:left}.lab-gallery-item>span{display:block;padding:15px}.lab-gallery-item:nth-child(even) .lab-art{min-height:340px}.lab-dialog{border:0;border-radius:20px;padding:24px;width:min(850px,90vw);max-height:90vh}.lab-dialog::backdrop{background:#10203acc}.lab-dialog .lab-art{min-height:400px}.lab-plan{padding:28px 22px;border:1px solid #d7dfec;border-radius:18px}.lab-plan.featured{border:2px solid var(--lab-accent);background:#f1f6ff}.lab-plan li{margin-bottom:10px}.lab-plan ul{padding-left:20px}.lab-video-layout{display:grid;grid-template-columns:2fr 1fr;gap:25px;margin-top:20px}.lab-video-layout video{width:100%;aspect-ratio:16/9;background:#192337;border-radius:18px}.lab-timeline{list-style:none;border-left:2px solid #b8cef0;padding-left:25px}.lab-timeline li{margin-bottom:30px}.lab-event{background:#f1f5ff;border-radius:18px;padding:28px}.lab-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:30px;text-align:center}.lab-countdown strong{font-size:clamp(1.5rem,3vw,2.5rem);display:block;color:var(--lab-ink)}.lab-countdown span{font-size:12px}.lab-source{padding:20px 0}.lab-source summary{cursor:pointer;font-weight:650}.lab-source pre{background:#152034;color:#e8f0ff;padding:24px;border-radius:14px;margin-top:16px;max-height:360px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}:focus-visible{outline:3px solid #105fd0;outline-offset:4px}
@media(max-width:767.98px){.lab-hero,.lab-swap,.lab-grid,.lab-grid.three,.lab-scroll,.lab-video-layout{grid-template-columns:1fr}.lab-section-heading{align-items:start;flex-direction:column}.lab-masonry{columns:2}.lab-scroll-visual{display:none}.lab-scroll-mobile{display:block}.lab-scroll-step{min-height:0;padding:25px 0}.lab-hover-caption{position:static;transform:none}.lab-compare .lab-art{min-height:300px}.lab-demo{padding:20px}.lab-plan .display-5{font-size:2.4rem}.lab-countdown{gap:4px}}
@media(max-width:480px){.lab-masonry{columns:1}.lab-art{padding:20px 12px}.lab-countdown span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Hover Swap reserves the tallest panel's natural height at each width.
   Invisible panels still size the grid; hidden + inert keep them inactive. */
.lab-swap .lab-swap-panels{display:grid;min-width:0;align-items:start}
.lab-swap .lab-swap-panels>[data-lab-panel]{grid-area:1 / 1;min-width:0}
.lab-swap .lab-swap-panels>[data-lab-panel][hidden]{display:block!important;visibility:hidden;pointer-events:none}

/* The image divider is the visible Before / After control. Keep the native
   range available to keyboards and assistive technology without a second UI. */
[data-lab-compare]{position:relative}
[data-lab-compare]>label{
  position:absolute;
  top:0;
  left:0;
  width:1px;
  height:1px;
  padding:0;
  margin:0!important;
  overflow:hidden;
  clip:rect(0,0,0,0);
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}
[data-lab-compare]:has(input[type="range"]:focus-visible) .lab-compare{
  outline:3px solid var(--versa-focus, #0d6efd);
  outline-offset:4px;
}


.catalog-page{font-family:var(--site-font-family);color:#666;font-size:18px;background:#fff;--cp-primary:#fc7959;--lab-accent:#bd4529;--cp-dark:#222;--lab-ink:#222}
.catalog-page h1,.catalog-page h2,.catalog-page h3,.catalog-page h4{letter-spacing:var(--site-heading-tracking, 0)}.catalog-header{position:sticky;top:-40px;z-index:100;background:#fafafa}.catalog-hat{height:40px;display:flex;align-items:center;justify-content:flex-end;background:#304758;color:#fff;font-size:13px;padding:0 28px}.catalog-nav{min-height:88px;padding:16px 24px;display:flex;align-items:center;gap:28px;position:relative;border-bottom:1px solid #eee}.catalog-nav>a,.catalog-mega>summary{color:#444;text-decoration:none;font-size:16px}.catalog-nav a[aria-current]{text-decoration:underline;text-decoration-color:#12a4a3;text-underline-offset:9px}.catalog-nav .catalog-brand{font-size:40px;line-height:1;font-weight:700;letter-spacing:-3px;color:#0d6efd;margin-right:10px}.catalog-brand span{font-size:12px;letter-spacing:-.3px;color:#222}.catalog-nav .catalog-cta{margin-left:auto;background:#fd7959;color:#202020;border:1px solid #fd7959;padding:13px 22px;font-size:13px;font-weight:700;border-radius:2px}.catalog-mega>summary{cursor:pointer;list-style:none}.catalog-mega>summary::after{content:'⌄';padding-left:7px}.catalog-mega>div{position:absolute;top:100%;left:24px;right:24px;background:white;box-shadow:0 15px 30px #0002;border-top:3px solid #fb7959;padding:30px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;max-height:70vh;overflow:auto}.catalog-mega h2{font-size:18px;margin-bottom:20px}.catalog-mega a{display:block;font-size:15px;padding:5px 0;text-decoration:none;color:#555}.catalog-mega a:hover{color:#b64226}.catalog-hero{text-align:center;padding:64px 24px 116px;background:#fafafa}.catalog-hero h1{font-size:clamp(46px,6vw,80px);font-weight:700;line-height:1.1;color:#000;margin:0 0 18px}.catalog-hero p{font-size:18px;line-height:1.5;max-width:820px;margin:0 auto}.catalog-layout{max-width:1440px;margin:auto;padding:70px 24px;display:grid;grid-template-columns:minmax(230px,32%) minmax(0,1fr);gap:60px;align-items:start}.catalog-sidebar{position:sticky;top:110px;max-height:calc(100vh - 140px);overflow:auto}.catalog-sidebar details{border-top:1px solid #e8e8e8;padding:15px}.catalog-sidebar summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:20px;font-weight:300;color:#333}.catalog-sidebar summary:after{content:'›';color:#aaa;font-size:28px;line-height:1;transition:transform .2s}.catalog-sidebar details[open]>summary:after{transform:rotate(90deg)}.catalog-sidebar a{display:block;padding:13px 4px;font-size:16px;text-decoration:none;color:#bd4529}.catalog-sidebar a[aria-current]{font-weight:700;text-decoration:underline;text-underline-offset:5px}.catalog-category{font-size:50px;line-height:1.3;margin:0 0 58px;font-weight:700;color:#222}.catalog-category:before{content:'';display:block;width:50px;height:2px;background:#111;margin-bottom:48px}.catalog-group+.catalog-group{padding-top:70px}.catalog-content .module-demo{border:0;padding:0 0 65px}.catalog-content .module-demo>.container{padding:0;max-width:none}.catalog-page .lab-section-heading h2{font-size:28px;font-weight:300;line-height:1.1}.catalog-page .lab-section-heading p{font-size:17px;line-height:1.6;margin:14px 0 0}.catalog-page .lab-section-heading{display:block}.catalog-page .lab-section-heading>a{font-size:12px;text-transform:uppercase;letter-spacing:1px;display:inline-block;margin-top:15px;color:#ad3e24}.catalog-page .lab-section-heading .eyebrow{display:none}.catalog-content .lab-demo{padding:0;border:0;border-radius:0;overflow:visible}.catalog-content .lab-hero{gap:25px}.catalog-content .lab-hero h3{font-size:38px}.catalog-page .lab-source{font-size:14px;border-bottom:1px solid #eee;margin-top:15px}.catalog-page .btn{border-radius:2px;font-size:13px;letter-spacing:var(--site-control-tracking, 0);padding:13px 20px}.catalog-page .btn-primary{--bs-btn-bg:#fc7959;--bs-btn-border-color:#fc7959;--bs-btn-color:#222;--bs-btn-hover-bg:#f68b71;--bs-btn-hover-color:#111;--bs-btn-hover-border-color:#f68b71}.catalog-page .eyebrow{color:#ad3e24}.catalog-page .lab-grid.three{gap:20px}.catalog-content .lab-plan{padding:20px 15px}.catalog-content .lab-plan .display-5{font-size:36px}.catalog-page .lab-tabs .nav-link.active{background:#fd7959;color:#202020}.catalog-page .lab-tabs .nav-link{color:#ad3e24}.catalog-page .lab-centered{background:#f5f5f5}.cp-disclosure{border-bottom:1px solid #ddd;padding:18px 0}.cp-disclosure summary{cursor:pointer;color:#333;font-weight:500}.cp-disclosure p{margin:15px 0 0}.cp-data-table{min-width:500px}.cp-data-table th,.cp-data-table td{padding:22px 18px;border:1px solid #ddd}.cp-data-table thead th{background:#304758;color:white}.cp-split-media{display:grid;grid-template-columns:1fr 1fr;min-height:400px}.cp-split-media>div:last-child{background:#f3f3f3;padding:35px}.cp-landscape{overflow:hidden;background:linear-gradient(#83bccc,#c6e0df);position:relative;min-height:300px}.cp-landscape:before,.cp-landscape:after{content:'';position:absolute;width:120%;height:80%;background:#38595b;clip-path:polygon(0 100%,40% 10%,100% 100%);bottom:0;left:-30%}.cp-landscape:after{background:#688a7b;left:10%;height:70%}.cp-feature-icon{font-size:50px;color:#ef7353;display:block;margin-bottom:20px}.cp-review{background:#f7f7f7;padding:30px;margin:0}.cp-review blockquote{font-size:18px;margin:25px 0}.cp-avatar{display:grid;place-items:center;width:65px;height:65px;background:#304758;color:white;border-radius:50%;font-weight:600}.cp-review figcaption span{display:block;font-size:12px;margin:8px 0}.cp-stars{color:#9a5700;letter-spacing:3px}.cp-logo-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding:20px 0}.cp-logo{flex:0 0 30%;min-width:180px;scroll-snap-align:start;display:grid;place-items:center;min-height:100px;font-size:26px;font-weight:700;color:#536773;background:#f7f8f9}.cp-counter-grid{text-align:center;padding:35px 0}.cp-counter-grid strong{font-size:60px;line-height:1.2;color:#222}.cp-counter-grid p{font-size:16px}.cp-proof{display:flex;gap:12px}.cp-proof-card{flex:1;min-width:0;padding:20px;background:#304758;color:#fff;transition:flex .3s}.cp-proof-card:has(button[aria-expanded=true]){flex:3}.cp-proof-card:nth-child(2){background:#726456}.cp-proof-card:nth-child(3){background:#466b69}.cp-proof-card button{color:white;background:none;border:0;display:flex;justify-content:space-between;gap:10px;text-align:left;width:100%;font-size:17px;min-height:60px}.cp-proof-card blockquote{font-size:20px;margin:25px 0}.cp-proof-card p{font-size:12px}.cp-person{aspect-ratio:4/5;background:linear-gradient(145deg,#dce3e6,#b8c9cb);display:grid;place-items:center;margin-bottom:25px}.cp-person span{width:85px;height:85px;border-radius:50%;background:#fafafa99;display:grid;place-items:center;font-size:30px;color:#304758}.cp-team h3{font-size:24px}.cp-team p{font-size:16px}.cp-role{text-transform:uppercase;letter-spacing:1px;font-size:12px!important}.cp-jobs article{display:flex;justify-content:space-between;gap:20px;padding:25px 15px;border-bottom:1px solid #ddd}.cp-jobs a{color:#ad3e24}.cp-schedule-row{display:grid;grid-template-columns:100px 1fr;gap:30px;padding:25px 0;border-bottom:1px solid #ddd}.cp-schedule-row time{font-weight:600;color:#333}.cp-schedule-row h3{font-size:24px}.cp-product-image{min-height:330px;background:#f3ece4;display:grid;place-items:center;padding:35px}.cp-product-box{width:65%;aspect-ratio:3/4;background:#cf663e;box-shadow:15px 18px 0 #ba5b39;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:42px;color:#fff;letter-spacing:4px;transition:transform .3s}.cp-product-box span{font-size:8px;letter-spacing:2px}.cp-product-image[data-product-view='1'] .cp-product-box{transform:perspective(600px) rotateY(45deg)}.cp-product-image[data-product-view='2'] .cp-product-box{transform:scale(1.12)}.cp-product-thumbs{display:flex;gap:12px;margin-top:15px}.cp-product-thumbs button{background:white;border:1px solid #ccc;padding:12px;flex:1;font-size:14px}.cp-product-thumbs button[aria-pressed=true]{border:2px solid #bd4529}.cp-scheduler{padding:45px;border:1px solid #ddd;text-align:center}.cp-scheduler .cp-avatar{margin:0 auto 25px}.catalog-page .lab-scroll-visual{top:115px}.catalog-page .lab-scroll-step{min-height:55vh}
@media(max-width:1100px){.catalog-layout{grid-template-columns:230px minmax(0,1fr);gap:35px}.catalog-content .lab-grid.three{grid-template-columns:1fr}.catalog-content .lab-hero,.catalog-content .lab-swap{grid-template-columns:1fr}.catalog-content .cp-proof{flex-direction:column}}
@media(max-width:767.98px){.catalog-header{position:relative;top:0}.catalog-nav{gap:16px;flex-wrap:wrap;padding:18px}.catalog-nav .catalog-brand{font-size:34px}.catalog-nav .catalog-cta{margin-left:0}.catalog-mega>div{left:10px;right:10px;grid-template-columns:1fr;z-index:10}.catalog-hero{padding:55px 22px 65px}.catalog-layout{display:block;padding:35px 20px}.catalog-sidebar{position:static;max-height:none;margin-bottom:50px}.catalog-category{font-size:38px;margin-bottom:35px}.catalog-category:before{margin-bottom:25px}.catalog-page .lab-grid.three,.cp-split-media{grid-template-columns:1fr}.cp-proof{flex-direction:column}.cp-schedule-row{grid-template-columns:1fr;gap:8px}.catalog-page .lab-section-heading h2{font-size:27px}.catalog-page .lab-scroll-step{min-height:0}.catalog-content .module-demo{scroll-margin-top:20px}.catalog-hat{font-size:11px;padding:0 15px}}


/* Shared full-screen scene and gradient-home systems. */
.home-page{font-family:var(--site-font-family);font-size:18px;color:#666}.home-page .catalog-header{position:absolute;top:0;width:100%;background:transparent}.home-page .catalog-nav{border:0}.home-page .catalog-nav>a,.home-page .catalog-mega>summary{color:#fff}.home-page .catalog-nav .catalog-brand,.home-page .catalog-brand span{color:white}.home-page .catalog-nav .catalog-cta{color:#222}.home-page .catalog-header.is-fixed{position:fixed;top:-40px;background:#fff;box-shadow:0 2px 8px #0002}.home-page .catalog-header.is-fixed .catalog-nav>a,.home-page .catalog-header.is-fixed .catalog-mega>summary{color:#333}.home-page .catalog-header.is-fixed .catalog-brand{color:#0d6efd}.home-page .catalog-header.is-fixed .catalog-brand span{color:#222}.home-page h1,.home-page h2{letter-spacing:var(--site-heading-tracking, 0)}.home-page .btn{font-size:14px;padding:17px 25px;font-weight:600;border-radius:2px}.full-scene{min-height:100svh;position:relative;isolation:isolate;display:flex;align-items:center;background-position:center;background-size:cover;padding:150px 30px 100px;background-color:#243b47}.scene-1{background-image:url('../../images/versa-hero.svg')}.scene-2{background-image:url('../../images/versa-hero.svg');background-attachment:fixed}.scene-3{background-image:url('../../images/versa-hero.svg')}.scene-4{background-image:url('../../images/versa-hero.svg');background-attachment:fixed}.scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.scene-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000d,#0007 55%,#0002)}.scene-right .scene-shade{background:linear-gradient(270deg,#000d,#0007 55%,#0002)}.scene-content{max-width:650px;color:white}.scene-right .scene-content{margin-left:auto}.scene-content h1,.scene-content h2{font-size:clamp(42px,6vw,80px);line-height:1.08;color:white;margin:0 0 24px;font-weight:700}.scene-content h2{font-size:clamp(38px,4.5vw,60px)}.scene-content p{font-size:18px;line-height:1.55;margin:0 0 18px}.scene-content .btn{margin-top:12px}.scene-video-toggle{position:absolute;bottom:25px;right:30px;background:#fff;color:#222;border:1px solid #bbb;border-radius:2px;padding:10px 16px;font-size:13px;z-index:2}.home-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#f4f4f4;padding:90px max(30px,calc((100vw - 1250px)/2))}.home-cta h2{font-size:clamp(32px,4vw,50px);color:#222}.home-cta p{margin-bottom:0}.gradient-hero{background:linear-gradient(110deg,#304758,#167d91,#344759,#226f86);background-size:300% 300%;animation:home-gradient 18s ease infinite;min-height:700px;padding:235px 25px 245px;text-align:center;color:white}.gradient-hero h1{font-size:clamp(42px,6vw,80px);font-weight:700;color:white;line-height:1.1}.gradient-hero p{margin:15px 0 30px}.gradient-toggle{display:block;margin:16px auto 0;background:none;color:#fff;border:0;text-decoration:underline;text-underline-offset:4px;font-size:12px}.gradient-hero.is-paused{animation-play-state:paused}.staggered-images{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:-150px 30px 0;position:relative;padding-bottom:50px}.staggered-images img{width:100%;height:auto;border-radius:10px;display:block}.staggered-images img:nth-child(even){transform:translateY(50px)}.home-trust{text-align:center;padding:90px 30px 35px}.home-trust h2{font-size:22px;font-weight:600;margin-bottom:45px}.home-trust>div{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;font-size:30px;align-items:center;font-weight:700;color:#544797}.home-trust span:nth-child(2){color:#c54572}.home-trust span:nth-child(3){color:#2a756e}.home-section{padding:80px 30px}.home-section-heading{text-align:center;margin:0 auto 45px;max-width:1000px}.home-section-heading h2{font-size:clamp(36px,4vw,50px);font-weight:700;color:#222;margin-bottom:15px}.home-service{text-align:center;border-radius:10px;box-shadow:0 0 9px #0003;border:1px solid #ddd;padding:50px 35px;height:100%}.home-service h3{font-size:24px;font-weight:700}.home-service p{line-height:1.5;margin:12px 0 25px}.service-symbol{width:82px;height:82px;margin:0 auto 28px;position:relative}.service-symbol:before,.service-symbol:after,.service-symbol span{content:'';position:absolute;width:52px;height:52px}.service-symbol:before{background:#f8c531;transform:rotate(-20deg);left:5px;top:3px;border-radius:9px}.service-symbol:after{background:linear-gradient(140deg,#a346fe,#6328ef);border-radius:50%;right:0;top:12px}.service-symbol span{background:#05d7e2;bottom:0;left:10px;z-index:1;border-radius:10px;opacity:.85}.symbol-1{transform:rotate(30deg)}.symbol-1:before{background:#111;border-radius:0}.symbol-1:after{background:#45edba;border-radius:0}.symbol-2:before{background:#5357ff;transform:rotate(45deg)}.symbol-2:after{background:#0bbce7;transform:rotate(45deg);border-radius:0}.home-projects{background:#f6f6f6}.home-project{display:block;position:relative;border-radius:6px;overflow:hidden;color:#222;text-decoration:none;background:white}.home-project img{width:100%;height:auto;display:block;transition:transform .3s}.home-project>span{display:block;padding:20px}.home-project strong{font-size:22px;display:block}.home-project span span{display:block;font-size:16px;margin-top:8px}.home-project:hover img,.home-project:focus-visible img{transform:scale(1.04)}.home-review{border:1px solid #ddd;box-shadow:0 0 8px #0002;border-radius:8px;text-align:center;padding:35px 28px;height:100%;margin:0}.home-review blockquote{font-size:18px;line-height:1.55;margin-bottom:30px}.home-review figcaption strong{display:block;font-size:22px;color:#222}.home-review figcaption span{font-size:12px;display:block;margin:7px 0 18px}.home-review>div{color:#a95800;letter-spacing:5px}.home-footer{background:#fff;padding:75px 10px 30px}.home-footer h2{font-size:20px;color:#222;margin-bottom:20px}.home-footer a{color:#555;text-decoration:none;font-size:16px;display:block;margin:10px 0}.home-footer-bottom{border-top:1px solid #eee;margin-top:55px;padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.home-footer-bottom p{font-size:13px;margin:0}.home-footer-bottom .catalog-brand{font-size:34px;font-weight:700;color:#f47743;letter-spacing:-2px}.home-footer-bottom .catalog-brand span{font-size:12px;color:#222;letter-spacing:0}.template-directory-card{display:block;border:1px solid #ddd;padding:25px;height:100%;text-decoration:none;color:#333}.template-directory-card span{display:block;font-size:13px;color:#ad3e24;margin-top:10px}.template-directory-card:hover{background:#faf5f2}
@keyframes home-gradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(max-width:767.98px){.home-page .catalog-header{position:relative;background:#304758}.home-page .catalog-header.is-fixed{position:relative;top:0}.home-page .catalog-mega a{color:#333}.full-scene{padding:85px 22px;min-height:85svh;background-attachment:scroll}.scene-content h1{font-size:44px}.scene-content h2{font-size:38px}.scene-content p{font-size:17px}.scene-content{max-width:100%}.scene-shade,.scene-right .scene-shade{background:#0009}.scene-video-toggle{bottom:15px;right:20px}.gradient-hero{min-height:0;padding:80px 22px 130px}.staggered-images{gap:15px;margin:-70px 20px 0;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:25px}.staggered-images img:nth-child(even){transform:translateY(25px)}.staggered-images img:nth-child(n+3){display:none}.home-trust{padding:60px 20px 20px}.home-trust>div{grid-template-columns:repeat(2,1fr);font-size:24px}.home-section{padding:55px 20px}.home-service{padding:35px 25px}.home-cta{padding:55px 25px;display:block}.home-cta .btn{margin-top:25px}.home-footer-bottom{flex-direction:column;align-items:flex-start}.home-page .catalog-header.is-fixed .catalog-nav>a,.home-page .catalog-header.is-fixed .catalog-mega>summary{color:#fff}}
@media(prefers-reduced-motion:reduce){.gradient-hero{animation:none}.full-scene{background-attachment:scroll}.home-project img{transition:none}}


/* Shared theme tokens; edit this block to reskin the full static site. */
:root{--site-accent:#fc7959;--site-accent-dark:#ab3b24;--site-ink:#222;--site-text:#666;--site-slate:#304758;--site-light:#f7f7f7;--site-border:#dedede;--site-radius:10px;--site-container:1380px;--site-section:90px}
.versa-site-site{font-family:var(--site-font-family);color:var(--site-text);font-size:18px;line-height:1.55;overflow-wrap:break-word;background:#fff}.versa-site-site h1,.versa-site-site h2,.versa-site-site h3,.versa-site-site h4{color:var(--site-ink);font-weight:700;letter-spacing:var(--site-heading-tracking, 0);line-height:1.14}.versa-site-site h1{font-size:clamp(42px,5.6vw,80px)}.versa-site-site h2{font-size:clamp(30px,3.7vw,50px)}.versa-site-site h3{font-size:24px}.versa-site-site a{color:var(--site-accent-dark)}.versa-site-site .btn{border-radius:2px;padding:15px 25px;font-size:14px;line-height:1.4;font-weight:600;white-space:normal}.versa-site-site .btn-primary{--bs-btn-bg:var(--site-accent);--bs-btn-border-color:var(--site-accent);--bs-btn-color:#222;--bs-btn-hover-bg:#f98d73;--bs-btn-hover-color:#111;--bs-btn-hover-border-color:#f98d73;--bs-btn-active-bg:#e3684a;--bs-btn-active-border-color:#e3684a;--bs-btn-active-color:#111}.versa-site-site .btn-outline-dark{color:#222}.versa-site-site .btn-outline-dark:hover{color:#fff}.versa-site-site .btn-light{color:#222}.versa-site-site .btn:focus-visible,.versa-site-site :focus-visible{outline:3px solid #126d80;outline-offset:4px}.versa-site-site [hidden]{display:none!important}.versa-site-container{max-width:var(--site-container);margin:auto;padding:0 30px}.versa-site-section{padding:var(--site-section) 0;scroll-margin-top:100px}.versa-site-compact{padding:45px 0}.versa-site-muted{background:var(--site-light)}.versa-site-heading{max-width:1000px;margin:0 auto 45px}.versa-site-heading p{margin:18px auto 0;max-width:850px}.versa-site-eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:600;color:var(--site-accent-dark)}.versa-site-rounded{border-radius:var(--site-radius)}.versa-site-hero{padding:85px 0 95px;background:#fafafa}.versa-site-hero .versa-site-container>h1,.versa-site-hero .versa-site-container>p{text-align:center}.versa-site-hero .versa-site-container>p{max-width:850px;margin:20px auto 0}.versa-site-hero .versa-site-container>.btn{display:table;margin:30px auto 0}.versa-site-hero--dark,.versa-site-hero--gradient{background:linear-gradient(120deg,#304758,#196d7f);color:white}.versa-site-hero--dark h1,.versa-site-hero--gradient h1{color:white}.versa-site-hero--photo{min-height:90svh;display:flex;align-items:center;background:linear-gradient(90deg,#000b,#0005),url('../../images/versa-hero.svg') center/cover;color:white}.versa-site-hero--photo h1{color:white}.versa-site-hero--photo .versa-site-container{width:100%}.versa-site-hero img{max-height:570px;object-fit:contain}.versa-site-hero p{margin:22px 0 30px}.versa-site-header{position:sticky;top:-36px;z-index:1030;background:#fff}.versa-site-header-hat{height:36px;background:var(--site-slate);color:#fff;display:flex;justify-content:flex-end;gap:22px;align-items:center;padding:0 24px;font-size:12px}.versa-site-header-hat a{color:white;text-decoration:none}.versa-site-navbar{display:flex;align-items:center;min-height:90px;padding:15px 24px;gap:28px;border-bottom:1px solid #eee;position:relative}.versa-site-brand{display:flex;align-items:baseline;font-weight:700;letter-spacing:-3px;font-size:40px;line-height:1;color:#f87940!important;text-decoration:none}.versa-site-brand small{font-size:11px;letter-spacing:0;color:#222}.versa-site-navigation{display:flex;align-items:center;gap:24px;flex:1}.versa-site-navigation>a,.versa-site-mega>summary{font-size:16px;color:#333;text-decoration:none}.versa-site-navigation>a[aria-current=page]{text-decoration:underline;text-decoration-color:#148d9e;text-underline-offset:8px}.versa-site-navigation .versa-site-nav-cta{margin-left:auto}.versa-site-mega>summary{list-style:none;cursor:pointer;white-space:nowrap}.versa-site-mega>summary:after{content:'⌄';margin-left:6px}.versa-site-mega-panel{position:absolute;top:100%;left:24px;right:24px;background:white;padding:30px;box-shadow:0 15px 30px #0002;border-top:3px solid var(--site-accent);display:grid;grid-template-columns:1fr 2fr 1fr;gap:35px;max-height:70vh;overflow-y:auto}.versa-site-mega-panel h2{font-size:19px;margin-bottom:15px}.versa-site-mega-panel a{display:block;font-size:14px;color:#555;text-decoration:none;padding:6px 0}.versa-site-mega-panel .versa-site-specialty-links{columns:2;column-gap:25px}.versa-site-mega-panel a:hover{color:var(--site-accent-dark)}.versa-site-menu-toggle{display:none;background:none;border:1px solid #bbb;padding:9px 13px;color:#333;font-size:14px;margin-left:auto}.versa-site-header.is-scrolled{box-shadow:0 3px 8px #0001}.versa-site-footer{padding:75px 30px 30px;background:#fff;border-top:1px solid #eee}.versa-site-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;max-width:var(--site-container);margin:auto}.versa-site-footer h2{font-size:20px;margin-bottom:20px}.versa-site-footer a{display:block;font-size:16px;color:#666;text-decoration:none;margin:12px 0}.versa-site-footer-bottom{max-width:var(--site-container);margin:50px auto 0;padding-top:30px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between;gap:20px}.versa-site-footer-bottom p{font-size:13px;margin:0}.versa-site-footer-bottom .versa-site-brand{font-size:32px}.versa-site-grid{display:grid;gap:25px}.versa-site-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.versa-site-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.versa-site-card{border:1px solid #ddd;border-radius:var(--site-radius);overflow:hidden;background:#fff;height:100%;box-shadow:0 2px 7px #0001}.versa-site-card-body{padding:25px}.versa-site-card h3{font-size:23px}.versa-site-card .btn{margin-top:10px}.versa-site-card>img,.versa-site-card-image{width:100%;height:auto;aspect-ratio:5/3;object-fit:cover}.versa-site-card .versa-site-icon{width:80px;height:80px;aspect-ratio:1;object-fit:contain;margin:35px auto 0;display:block}.versa-site-card:has(.versa-site-icon){text-align:center}.versa-site-filterbar{display:flex;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:30px}.versa-site-filterbar label{flex:1;min-width:180px;font-size:15px}.versa-site-filterbar p{font-size:14px}.versa-site-filterbar .form-control,.versa-site-filterbar .form-select{margin-top:7px}.versa-site-image-button{border:0;background:none;padding:0;width:100%;display:block}.versa-site-image-button img{width:100%;aspect-ratio:5/3;object-fit:cover}.versa-site-logos{display:flex;justify-content:space-around;gap:35px;align-items:center;flex-wrap:wrap}.versa-site-logos img{width:110px;max-height:65px;object-fit:contain}.versa-site-review{border:1px solid #ddd;border-radius:10px;padding:32px;text-align:center;background:#fff;height:100%;margin:0}.versa-site-avatar{width:70px;height:70px;object-fit:cover;border-radius:50%;margin-bottom:22px}.versa-site-review blockquote{font-size:18px;margin-bottom:25px}.versa-site-review figcaption strong{display:block;color:#222}.versa-site-review figcaption span{display:block;font-size:12px;text-transform:uppercase;margin:8px 0 20px}.versa-site-stars{color:#955208;letter-spacing:4px}.versa-site-stat{font-size:clamp(40px,5vw,68px);color:#222;font-weight:700}.versa-site-form-shell{background:#fff;border:1px solid #ddd;border-radius:10px;padding:35px;color:#555;box-shadow:0 8px 30px #0001}.versa-site-form-shell h2{font-size:28px;color:#222}.versa-site-form-shell p.small{font-size:13px}.versa-site-site .form-control,.versa-site-site .form-select{padding:12px 14px;border-radius:3px;font-size:16px}.versa-site-site label,.versa-site-site legend{font-size:16px;color:#333}.versa-site-form-shell [role=status]{font-size:14px}.versa-site-map{min-height:300px;background:linear-gradient(30deg,transparent 47%,#fff 48%,#fff 51%,transparent 52%),linear-gradient(120deg,#dce7e0 42%,#d2dde6 43%,#d2dde6 48%,#e9e8df 49%);display:grid;place-items:center;margin-top:35px}.versa-site-map span{padding:12px 20px;background:#fff;border-radius:30px;color:#333;box-shadow:0 5px 15px #0002}.versa-site-accordion details{border-bottom:1px solid #ddd;padding:21px 0}.versa-site-accordion summary{cursor:pointer;color:#222;font-size:20px;list-style:none;display:flex;gap:20px;justify-content:space-between}.versa-site-accordion summary:after{content:'+';font-size:24px;line-height:1}.versa-site-accordion details[open] summary:after{content:'−'}.versa-site-accordion details>div{padding:20px 0 0}.versa-site-accordion p{margin-bottom:0}.versa-site-toc{position:sticky;top:120px;border-left:2px solid var(--site-accent);padding-left:22px;display:flex;flex-direction:column;gap:15px}.versa-site-toc a{font-size:16px;text-decoration:none}.versa-site-prose{max-width:920px}.versa-site-prose>h2{margin-top:45px}.versa-site-prose h3{margin-top:30px}.versa-site-prose li{margin:10px 0}.versa-site-prose p{line-height:1.75}.versa-site-prose section{scroll-margin-top:110px}.versa-site-billing{display:table;margin:0 auto 35px;font-size:17px;padding:12px 24px;border:1px solid #ddd;border-radius:30px}.versa-site-billing input{margin-right:10px;accent-color:var(--site-accent-dark)}.versa-site-plan{padding:40px 30px;border:1px solid #ddd;text-align:center;background:#fff;border-radius:10px;height:100%}.versa-site-plan-featured{border:2px solid var(--site-accent);box-shadow:0 8px 30px #0001}.versa-site-plan strong{font-size:58px;line-height:1;color:#222}.versa-site-plan>p{margin:30px 0}.versa-site-plan ul{text-align:left;display:table;margin:25px auto;padding-left:20px}.versa-site-plan li{margin:12px 0}.versa-site-comparison{min-width:680px}.versa-site-comparison th,.versa-site-comparison td{padding:22px 20px;border:1px solid #ddd}.versa-site-comparison thead th{background:#304758;color:#fff}.versa-site-comparison .versa-site-table-group{background:#f0f0f0;color:#222}.versa-site-job{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px;border-bottom:1px solid #ddd}.versa-site-job h3{font-size:23px}.versa-site-job p{font-size:15px;margin:10px 0 0}.versa-site-job a{text-decoration:none}.versa-site-schedule{display:grid;grid-template-columns:120px 1fr;gap:30px;padding:28px 0;border-bottom:1px solid #ddd}.versa-site-schedule time{font-weight:600;color:#222}.versa-site-countdown{display:flex;justify-content:center;gap:25px;margin:40px auto 0}.versa-site-countdown>span{display:flex;flex-direction:column;align-items:center;min-width:80px;font-size:12px;text-transform:uppercase;letter-spacing:1px}.versa-site-countdown strong{font-size:46px;color:white;letter-spacing:0}.versa-site-site .nav-tabs .nav-link{color:#555}.versa-site-site .nav-tabs .nav-link.active{color:var(--site-accent-dark);border-top:3px solid var(--site-accent)}.versa-site-cta{display:flex;align-items:center;justify-content:space-between;gap:30px}.versa-site-cta p{margin-bottom:0}.versa-site-cta .btn{flex-shrink:0}.versa-site-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.versa-site-swatches span{display:block;aspect-ratio:1.5;border:1px solid #ddd;border-radius:5px;margin-bottom:12px}.versa-site-swatches strong,.versa-site-swatches code{display:block;font-size:14px}.versa-site-system{min-height:70svh;background:#f7f7f7;padding:75px 20px}.versa-site-system-card{max-width:570px;margin:auto;padding:45px;background:white;border:1px solid #ddd;border-radius:10px;box-shadow:0 8px 30px #0001}.versa-site-system-card h1{font-size:40px}.versa-site-system-card>p{font-size:17px;margin:20px 0 30px}.versa-site-system-card>h1,.versa-site-system-card>p{text-align:center}.versa-site-system-icon{display:block;font-size:48px;line-height:1;color:var(--site-accent-dark);text-align:center;margin:0 auto 30px}.versa-site-system-home{display:block;text-align:center;margin:25px 0 0;font-size:15px}.versa-site-show-password{border:0;background:none;color:var(--site-accent-dark);font-size:13px;margin:-5px 0 15px;padding:0;text-decoration:underline}.versa-site-system form a{font-size:14px}.versa-site-system form p{font-size:14px}.versa-site-preferences legend{font-weight:600}.versa-site-preferences>label{display:flex;gap:12px;align-items:start;padding:15px 0;border-bottom:1px solid #eee}.versa-site-preferences input{margin-top:6px}.versa-site-preferences small{display:block;color:#666;margin-top:5px}.versa-site-search-results article{padding:25px 0;border-bottom:1px solid #ddd}.versa-site-search-results h2{font-size:26px}.versa-site-search-results p{font-size:16px}.versa-site-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.versa-site-directory>a{border:1px solid #ddd;border-radius:10px;display:block;overflow:hidden;text-decoration:none;color:#222;background:#fff}.versa-site-directory img{width:100%;aspect-ratio:1.6;object-fit:cover;object-position:top;background:#f1f1f1}.versa-site-directory span{display:block;padding:22px;font-size:19px;font-weight:600}.versa-site-directory small{display:block;font-size:13px;font-weight:400;color:#666;margin-top:8px}.versa-site-dialog{border:0;padding:25px;border-radius:10px;width:min(900px,90vw);max-height:90vh}.versa-site-dialog::backdrop{background:#000b}.versa-site-dialog img{width:100%;max-height:70vh;object-fit:contain}.versa-site-dialog button{display:block;margin:0 0 20px auto}.versa-site-backtop{position:fixed;bottom:20px;right:20px;border:0;border-radius:50%;background:#304758;color:white;width:45px;height:45px;z-index:10}.versa-site-site .home-section-heading h2{color:#222}.versa-site-site .home-footer{display:none}
@media(max-width:1100px){.versa-site-navbar{gap:20px}.versa-site-navigation{gap:16px}.versa-site-navigation>a,.versa-site-mega>summary{font-size:14px}.versa-site-grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991.98px){.versa-site-header{top:0}.versa-site-header-hat{display:none}.versa-site-navbar{min-height:75px;flex-wrap:wrap}.versa-site-menu-toggle{display:block}.versa-site-navigation{display:none;flex-basis:100%;align-items:stretch;gap:0;flex-direction:column}.versa-site-navigation.is-open{display:flex}.versa-site-navigation>a,.versa-site-mega>summary{padding:14px 0;font-size:17px;display:block}.versa-site-navigation .versa-site-nav-cta{margin:15px 0;width:100%}.versa-site-mega-panel{position:static;display:block;padding:20px;box-shadow:none;max-height:55vh;border:1px solid #ddd}.versa-site-mega-panel section{margin-bottom:30px}.versa-site-mega-panel .versa-site-specialty-links{columns:1}.versa-site-grid-4,.versa-site-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.versa-site-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.versa-site-toc{position:static}.versa-site-hero{padding:60px 0}.versa-site-hero--photo{min-height:70svh}}
@media(max-width:575.98px){:root{--site-section:55px}.versa-site-site{font-size:17px}.versa-site-container{padding:0 20px}.versa-site-section h2{font-size:34px}.versa-site-hero h1{font-size:44px}.versa-site-grid-3,.versa-site-grid-4,.versa-site-directory{grid-template-columns:1fr}.versa-site-form-shell,.versa-site-system-card{padding:25px}.versa-site-system-card h1{font-size:34px}.versa-site-footer{padding:50px 20px 25px}.versa-site-footer-grid{grid-template-columns:repeat(2,1fr);gap:30px 20px}.versa-site-footer-bottom{flex-direction:column;align-items:flex-start}.versa-site-cta{display:block}.versa-site-cta .btn{margin-top:25px}.versa-site-job{display:block;padding:20px 0}.versa-site-job>a{display:inline-block;margin-top:15px}.versa-site-schedule{grid-template-columns:1fr;gap:10px}.versa-site-countdown{gap:10px}.versa-site-countdown>span{min-width:55px;font-size:10px}.versa-site-countdown strong{font-size:32px}.versa-site-swatches{grid-template-columns:repeat(2,1fr)}.versa-site-filterbar label{min-width:100%;width:100%}.versa-site-header-hat{display:none}.versa-site-brand{font-size:35px}.versa-site-navbar{padding:16px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.versa-site-site .full-scene{background-attachment:scroll}}

@media(max-width:575.98px){.versa-site-container>.row{--bs-gutter-x:1.5rem}}
@media(max-width:575.98px){.versa-site-site .container>.row{--bs-gutter-x:1.5rem}}


/* Final presentation layer: shared by templates and the component library. */
:root{--site-ink:#212529;--site-text:#4d6265;--site-slate:#343a40;--site-light:#f7f7fb;--site-border:#dce5df;--site-radius:18px;--site-container:1280px;--site-accent:#0d6efd;--site-accent-dark:#0d6efd;--lab-accent:#0d6efd;--lab-ink:#212529;--lab-surface:#f7f7fb}
.versa-site-site{background:#ffffff;-webkit-font-smoothing:antialiased}.versa-site-site p{line-height:1.7}.versa-site-site h1{letter-spacing:var(--site-heading-tracking, 0);line-height:1.04;text-wrap:balance}.versa-site-site h2{letter-spacing:var(--site-heading-tracking, 0);text-wrap:balance}.versa-site-site h3{letter-spacing:var(--site-heading-tracking, 0)}.versa-site-site .btn{border-radius:9px;min-height:46px;padding:13px 22px;transition:background .2s,box-shadow .2s,transform .2s}.versa-site-site .btn-primary{--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-color:#212529;box-shadow:0 4px 0 #2125290b}.versa-site-site .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 18px #21252914}.versa-site-site .btn-outline-dark{--bs-btn-border-color:#97a8a5;--bs-btn-hover-bg:#343a40;--bs-btn-hover-border-color:#343a40}.versa-site-header{background:#fffffff5;backdrop-filter:blur(16px)}.versa-site-header-hat{background:#343a40}.versa-site-navbar{max-width:1440px;margin:auto;min-height:82px;border-color:#e5eae4}.versa-site-brand{letter-spacing:-2.5px;color:#343a40!important}.versa-site-brand small{background:#0d6efd;padding:5px 6px;margin-left:7px;border-radius:4px;font-size:9px;letter-spacing:.06em}.versa-site-mega-panel{border-radius:0 0 18px 18px;border-top-color:#0d6efd;box-shadow:0 20px 50px #21252921}.versa-site-mega-panel a{border-radius:4px;padding-left:7px}.versa-site-mega-panel a:hover{background:#f4f7f1}.versa-site-navigation>a:not(.btn):hover{color:#0d6efd}.versa-site-hero{background:radial-gradient(ellipse at 85% 10%,#f8f9fa 0,transparent 50%),linear-gradient(120deg,#fff6ee,#f7f7fb);padding:100px 0 105px;border-bottom:1px solid #e3e8de}.versa-site-hero .versa-site-container>p{font-size:21px;max-width:730px}.versa-site-hero--dark,.versa-site-hero--gradient{background:radial-gradient(ellipse at 92% 5%,#0a58ca 0,transparent 60%),linear-gradient(120deg,#212529,#084298);border:0}.versa-site-hero--dark h1,.versa-site-hero--gradient h1{color:#ffffff}.versa-site-hero--photo{background:linear-gradient(90deg,#212529dd,#21252933),url('../../images/versa-hero.svg') center/cover}.versa-site-hero img{border-radius:20px}.versa-site-eyebrow{letter-spacing:.13em}.versa-site-section{padding:90px 0}.versa-site-heading{margin-bottom:48px}.versa-site-heading p{max-width:690px}.versa-site-muted{background:#f7f7fb}.versa-site-card,.lab-card,.cp-team,.versa-site-directory>a{border-color:#dce5df;border-radius:18px;box-shadow:0 5px 16px #21252905;background:#ffffff}.versa-site-card{transition:transform .25s,box-shadow .25s}.versa-site-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #21252910}.versa-site-card-body{padding:28px}.versa-site-card img{background:#f8f9fa}.versa-site-card p{font-size:16px}.versa-site-grid{gap:28px}.versa-site-card h3{font-size:25px}.versa-site-directory>a{transition:box-shadow .25s,transform .25s}.versa-site-directory>a:hover{transform:translateY(-4px);box-shadow:0 20px 35px #21252914}.versa-site-directory img{border-bottom:1px solid #e3e8de}.versa-site-directory span{padding:25px}.versa-site-cta{padding:48px;border:1px solid #dae7dd;border-radius:22px;background:linear-gradient(120deg,#f8f9fa,#e1efeb)}.versa-site-cta h2{max-width:690px}.versa-site-footer{background:#212529;color:#cedbd7;border:0}.versa-site-footer h2,.versa-site-footer .versa-site-brand{color:#ffffff!important}.versa-site-footer a{color:#cedbd7}.versa-site-footer a:hover{color:#0d6efd}.versa-site-footer-bottom{border-color:#ffffff26}.versa-site-footer-bottom p{color:#bfd0c9}.versa-site-footer .versa-site-brand small{color:#212529}.versa-site-form-shell,.versa-site-system-card{border:1px solid #dce5df;border-radius:20px;box-shadow:0 15px 50px #21252909}.versa-site-system{background:radial-gradient(ellipse at 10% 20%,#e7f1ff,transparent 50%),#f7f7fb}.versa-site-site .form-control,.versa-site-site .form-select{border-color:#cbd8d0;border-radius:8px;padding:12px 15px;min-height:48px;background-color:#ffffff;color:#212529}.versa-site-site .form-control:focus,.versa-site-site .form-select:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd20}.versa-site-filterbar{padding:22px;background:#f8f9fa;border-radius:14px;align-items:end;margin-bottom:28px}.versa-site-plan{border-color:#d4e1d7;border-radius:20px;box-shadow:0 8px 25px #21252906;background:#ffffff}.versa-site-plan-featured{border-color:#0d6efd;background:#f8f9fa}.versa-site-plan strong{color:#343a40}.versa-site-site details:not(.versa-site-mega){border-color:#dce5df}.versa-site-person-art{position:relative;aspect-ratio:1.4;overflow:hidden;background:var(--portrait-bg,#e2efe5);display:grid;place-items:center}.versa-site-person-art:before{content:'';position:absolute;width:38%;aspect-ratio:1;border-radius:50%;background:var(--portrait-accent,#0d6efd);top:13%}.versa-site-person-art:after{content:'';position:absolute;width:66%;height:55%;border-radius:50% 50% 0 0;background:#343a40;bottom:-10%}.versa-site-person-art span{position:absolute;bottom:12%;z-index:1;color:#ffffff;font-size:38px;font-weight:600;letter-spacing:.05em}.catalog-hero{background:linear-gradient(130deg,#faf0e6,#f8f9fa)!important}.catalog-page .module-demo{padding-top:60px;padding-bottom:60px}.lab-demo{border-color:#dce5df;border-radius:22px;background:#ffffff;box-shadow:0 12px 45px #21252907}.lab-section-heading h2{color:#212529}.lab-source summary{padding:14px 0;color:#385a5b}.lab-source pre{background:#212529}.lab-art{background:linear-gradient(140deg,#d8eee8,#b2d0cb)}.art-1{background:linear-gradient(140deg,#e3efdb,#aed0c1)}.art-2{background:linear-gradient(140deg,#e7f1ff,#9ec5fe)}.art-pill{background:#0d6efd}.art-orb{background:radial-gradient(circle at 30% 25%,#cfe2ff,#6ea8fe 55%,#343a40)}.lab-flipper{background:#f8f9fa}.lab-flipper.is-flipped{background:#e7f1ff}.lab-centered{background:linear-gradient(130deg,#e1eee5,#e7f1ff)}.lab-hover:focus-within .lab-hover-caption{transform:none}.lab-plan.featured{background:#f8f9fa;border-color:#0d6efd}.lab-event{background:#f8f9fa}.cp-review{border-radius:18px!important;background:#f8f9fa!important}.cp-stars{color:#0d6efd!important}.cp-person{background:linear-gradient(140deg,#d8eee8,#0d6efd)!important}.cp-logo-track{scroll-snap-type:x mandatory}.cp-logo{scroll-snap-align:start}.lab-controls button:disabled{opacity:.35}.upgrade-carousel-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;flex-wrap:wrap}.upgrade-dot{width:12px;height:12px;border-radius:50%;padding:0;border:2px solid #0d6efd;background:transparent;box-sizing:content-box}.upgrade-dot[aria-pressed=true]{background:#0d6efd}.upgrade-scheduler{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:start}.upgrade-scheduler h3{font-size:clamp(30px,3.4vw,48px);margin:20px 0}.upgrade-scheduler form{padding:28px;background:#f8f9fa;border-radius:18px}.upgrade-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.upgrade-slots label{border:1px solid #c2d2c7;padding:10px;border-radius:8px;background:#ffffff;text-align:center;cursor:pointer;font-size:14px}.upgrade-slots label:has(input:checked){border-color:#0d6efd;background:#e7f1ff;color:#212529}.upgrade-slots input{margin-right:5px;accent-color:#0d6efd}.upgrade-sort{border:0;background:none;color:inherit;text-align:left;font:inherit;font-weight:700;padding:6px 0}.upgrade-gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.lab-compare{touch-action:pan-y;cursor:ew-resize}.lab-compare:after{content:'↔';position:absolute;left:calc(100% - var(--reveal));top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#ffffff;color:#212529;border:2px solid #0d6efd;display:grid;place-items:center;pointer-events:none;box-shadow:0 2px 10px #0002}.lab-compare:before{content:'';position:absolute;z-index:2;left:calc(100% - var(--reveal));top:0;bottom:0;width:2px;background:#ffffff;pointer-events:none}.versa-site-site .nav-pills .nav-link.active{background:#0d6efd}.versa-site-site .nav-pills .nav-link{color:#0d6efd}.versa-site-site .nav-pills .nav-link.active{color:#fff}
@media(max-width:991.98px){.versa-site-section{padding:68px 0}.versa-site-hero{padding:75px 0}.upgrade-scheduler{grid-template-columns:1fr;gap:25px}.versa-site-navigation{background:#ffffff}.versa-site-cta{padding:34px}}
@media(max-width:575.98px){.versa-site-hero{padding:60px 0}.versa-site-hero h1{font-size:42px}.versa-site-hero .versa-site-container>p{font-size:18px}.versa-site-section{padding:55px 0}.versa-site-cta{padding:27px}.versa-site-filterbar{padding:18px}.versa-site-card-body{padding:24px}.upgrade-scheduler form{padding:18px}.upgrade-slots{grid-template-columns:repeat(2,1fr)}.versa-site-navbar{min-height:72px}.versa-site-header{top:0}.lab-section-heading p{font-size:16px}.versa-site-site .btn{font-size:14px}.versa-site-person-art span{font-size:34px}}
@media(prefers-reduced-motion:reduce){.versa-site-card:hover,.versa-site-directory>a:hover,.versa-site-site .btn-primary:hover{transform:none}}
/* Preserve contrast in the immersive home layouts. */
.versa-site-site .scene-content h1,.versa-site-site .scene-content h2,.versa-site-site .gradient-hero h1{color:#ffffff}.versa-site-site .scene-content p,.versa-site-site .gradient-hero p{color:#f4f7f1}.versa-site-site .gradient-hero{background-image:linear-gradient(110deg,#212529,#267b79,#385b59,#1c555f)}.versa-site-site .home-review,.versa-site-site .home-service{border-color:#dce5df;border-radius:18px;background:#ffffff;box-shadow:0 8px 28px #21252908}.versa-site-site .home-project{border-radius:18px}.versa-site-site .home-projects{background:#f7f7fb}
[data-versa-slider]{outline-offset:5px}.versa-slide{min-width:0}.versa-slides{overflow:hidden;touch-action:pan-y}.versa-slider-controls{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-top:24px}.versa-slider-dots{display:flex;justify-content:center;gap:12px;padding:20px}.versa-content-slide{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:12px}.versa-content-slide img,.versa-image-grid img,.versa-hover img,.versa-video-card img{width:100%;height:auto;border-radius:14px}.versa-content-slide h3{font-size:clamp(30px,4vw,48px)}.versa-quote{max-width:850px;margin:0 auto;text-align:center;padding:40px 15px}.versa-quote blockquote{font-size:clamp(26px,3vw,42px);color:#212529;line-height:1.3}.versa-quote figcaption span{display:block;font-size:15px;margin-top:8px}.versa-hover{border:1px solid #dce5df;border-radius:16px;overflow:hidden}.versa-hover>div{padding:24px}.versa-hover p{margin:20px 0 0}.versa-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.versa-image-grid a{text-decoration:none}.versa-image-grid span{display:block;padding:15px}.versa-editorial{grid-template-columns:2fr 1fr}.versa-editorial button:first-child{grid-row:span 2}.versa-editorial img{height:100%;object-fit:cover}.versa-video-card{border:2px solid transparent;background:#f8f9fa;border-radius:16px;padding:10px;text-align:left}.versa-video-card[aria-pressed=true]{border-color:#0d6efd}.versa-video-card span{display:block;padding:12px}.versa-site-site [data-versa-video]>video{width:100%;max-height:560px;aspect-ratio:16/9;background:#212529;border-radius:16px}.versa-tablist{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.versa-tablist button{border:1px solid #0d6efd;border-radius:30px;padding:12px 22px;background:transparent;color:#0d6efd}.versa-tablist button[aria-selected=true]{background:#0d6efd;color:white}.versa-flexi td,.versa-flexi th{padding:24px}
@media(max-width:767.98px){.versa-content-slide{grid-template-columns:1fr;gap:24px;padding:0}.versa-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.versa-flexi thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.versa-flexi,.versa-flexi tbody,.versa-flexi tr,.versa-flexi th,.versa-flexi td{display:block;width:100%}.versa-flexi tr{border:1px solid #dce5df;border-radius:14px;margin-bottom:18px;padding:10px}.versa-flexi th,.versa-flexi td{border:0;padding:12px}.versa-flexi td:before{content:attr(data-label);display:block;font-size:12px;font-weight:700;text-transform:uppercase;color:#0d6efd}.versa-editorial{grid-template-columns:1fr}.versa-editorial button:first-child{grid-row:auto}.versa-slider-controls{gap:8px}.versa-slider-controls .btn{padding:11px 14px}}
.versa-video-hero{position:relative;isolation:isolate;overflow:hidden;padding-bottom:110px}.versa-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.versa-video-hero:after{content:'';position:absolute;inset:0;background:#212529c9;z-index:-1}.versa-bg-toggle{position:absolute;right:25px;bottom:20px}.versa-video-hero>.versa-site-container{position:relative}.versa-slide>.versa-site-review{max-width:850px;margin:auto}
.versa-slide-feature{background:linear-gradient(120deg,#f8fbff 0%,#e7f1ff 48%,#cfe2ff 100%);border-radius:18px;padding:25px}.versa-slide .versa-site-form-shell h4{font-size:25px}.versa-slide .versa-site-form-shell [data-form-status]{font-size:14px}.versa-slide .lab-hero{min-height:480px}@media(max-width:767.98px){.versa-slide .lab-hero{min-height:0}.versa-slide-feature{padding:15px}}
/* Reference-aligned presentation: no demonstration toolbar below carousels. */
[data-versa-slider],[data-logo-carousel]{position:relative}.versa-slider-controls,.versa-logo-controls{margin:0;padding:0;display:contents}.versa-slider-arrow{position:absolute;z-index:2;top:45%;border:0;background:#ffffffdd;color:#212529;width:38px;height:44px;font-size:34px;line-height:1;border-radius:4px}.versa-slider-prev{left:0}.versa-slider-next{right:0}.versa-slides{padding:0 35px}.versa-motion-toggle{position:absolute;right:8px;bottom:0;border:0;background:#ffffff;color:#212529;padding:7px 12px;font-size:12px;opacity:0}.versa-motion-toggle:focus-visible{opacity:1}.versa-logo-viewport{overflow:hidden;padding:20px 38px}.versa-logo-track{display:flex;gap:0;touch-action:pan-y}.versa-logo-track>.cp-logo{flex:0 0 25%;min-width:0;display:flex;align-items:center;justify-content:center;font-size:clamp(15px,2vw,26px);padding:25px 12px;white-space:nowrap}
@media(max-width:991px){.versa-logo-track>.cp-logo{flex-basis:33.333%}.versa-logo-controls .versa-slider-arrow{display:none}.versa-logo-viewport{padding:15px 0}}
@media(max-width:767px){.versa-slides{padding:0}.versa-slider-arrow{display:none}.versa-logo-track>.cp-logo{font-size:14px;padding:20px 5px}}


/*
   Versa shared visual system.
   Bootstrap blue is used for primary structure and actions, with neutral surfaces
   and semantic state colors inherited from Bootstrap.
*/
:root {
  /* Bootstrap-compatible Versa defaults */
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --versa-primary: #0d6efd;
  --versa-primary-strong: #0b5ed7;
  --versa-secondary: #6c757d;
  --versa-focus: #0a58ca;
  --versa-soft: #f8f9fa;
  --versa-soft-strong: #e9ecef;
  --versa-page: #f8f9fa;
  --versa-panel: #ffffff;
  --versa-ink: #212529;
  --versa-body: #212529;
  --versa-muted: #6c757d;
  --versa-border: #dee2e6;
  --versa-radius: 16px;
}

.versa-site-site,
.catalog-page {
  background: var(--versa-page);
  color: var(--versa-body);
}

.versa-site-site h1,
.versa-site-site h2,
.versa-site-site h3,
.versa-site-site h4,
.versa-site-site h5,
.versa-site-site h6,
.catalog-page h1,
.catalog-page h2,
.catalog-page h3,
.catalog-page h4,
.catalog-page h5,
.catalog-page h6 {
  color: var(--versa-ink);
}

.versa-site-site a,
.catalog-page a {
  color: var(--versa-primary);
}

.versa-site-site .btn,
.catalog-page .btn {
  letter-spacing: var(--site-control-tracking, 0);
  min-height: 48px;
  border-radius: 10px;
  padding: 13px 22px;
  font-weight: 700;
  line-height: 1.3;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.versa-site-app .versa-site-app-button {
  letter-spacing: var(--site-control-tracking, 0);
  min-height: 48px;
  padding: 13px 22px;
  border-radius: 10px;
}

.versa-site-site .btn-primary,
.catalog-page .btn-primary,
.versa-site-site .btn-clean,
.catalog-page .btn-clean {
  --bs-btn-bg: var(--versa-primary);
  --bs-btn-border-color: var(--versa-primary);
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: var(--versa-primary-strong);
  --bs-btn-hover-border-color: var(--versa-primary-strong);
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--versa-primary-strong);
  --bs-btn-active-border-color: var(--versa-primary-strong);
  --bs-btn-active-color: #fff;
  color: #fff;
  box-shadow: 0 4px 0 rgba(13, 110, 253, .14);
}

.versa-site-site .btn-primary:hover,
.catalog-page .btn-primary:hover,
.versa-site-site .btn-clean:hover,
.catalog-page .btn-clean:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(13, 110, 253, .22);
}

.versa-site-site .btn-outline-dark,
.catalog-page .btn-outline-dark,
.versa-site-site .btn-versa-outline,
.catalog-page .btn-versa-outline {
  color: var(--versa-primary);
  border: 2px solid var(--versa-primary);
  background: #fff;
}

.versa-site-site .btn-outline-dark:hover,
.catalog-page .btn-outline-dark:hover,
.versa-site-site .btn-versa-outline:hover,
.catalog-page .btn-versa-outline:hover {
  color: #fff;
  background: var(--versa-primary);
  border-color: var(--versa-primary);
}

.versa-site-site .btn-light,
.catalog-page .btn-light {
  color: var(--versa-primary);
  background: #fff;
  border: 2px solid var(--versa-primary);
}

.versa-site-site .btn-light:hover,
.catalog-page .btn-light:hover {
  color: #fff;
  background: var(--versa-primary);
  border-color: var(--versa-primary);
}

.versa-site-site .btn:focus-visible,
.catalog-page .btn:focus-visible,
.versa-site-site :focus-visible,
.catalog-page :focus-visible {
  outline: 3px solid var(--versa-focus);
  outline-offset: 4px;
}

.versa-site-header,
.catalog-header {
  background: rgba(255, 255, 255, .96);
  border-color: var(--versa-border);
}

.versa-site-header-hat,
.catalog-hat {
  background: var(--versa-primary);
}

.versa-site-brand,
.catalog-brand {
  color: var(--versa-primary) !important;
}

.versa-site-brand small,
.catalog-brand span {
  background: var(--versa-secondary);
  color: #fff;
}

.versa-site-navigation > a:not(.btn):hover,
.versa-site-mega-panel a:hover,
.catalog-nav a:hover {
  color: var(--versa-secondary);
}

.versa-site-mega-panel,
.catalog-mega > div {
  border-top-color: var(--versa-secondary);
  background: var(--versa-panel);
}

.versa-site-card,
.versa-site-form-shell,
.versa-site-system-card,
.versa-site-directory > a,
.lab-demo,
.lab-card,
.catalog-content .module-demo {
  border-color: var(--versa-border);
  border-radius: var(--versa-radius);
  background: var(--versa-panel);
}

.versa-site-card:hover,
.versa-site-directory > a:hover,
.lab-card:hover {
  box-shadow: 0 16px 36px rgba(13, 110, 253, .14);
}

.versa-site-hero,
.hero-simple,
.page-hero,
.catalog-hero {
  background: linear-gradient(135deg, var(--versa-soft), #fff 62%);
}

.versa-site-hero--dark,
.versa-site-hero--gradient,
.versa-hero--dark,
.versa-cta {
  background: linear-gradient(120deg, var(--versa-primary), var(--versa-secondary));
}

.versa-site-hero--dark h1,
.versa-site-hero--dark h2,
.versa-site-hero--gradient h1,
.versa-site-hero--gradient h2,
.versa-hero--dark h1,
.versa-hero--dark h2,
.versa-cta h2 {
  color: #fff;
}

.versa-site-muted,
.versa-section--gray,
.catalog-centered,
.versa-site-filterbar {
  background: var(--versa-soft);
}

.versa-site-cta {
  border-color: var(--versa-soft-strong);
  background: linear-gradient(120deg, var(--versa-soft), #fff);
}

.versa-site-footer,
.versa-footer {
  background: var(--versa-primary);
  color: #f4f4ff;
}

.versa-site-footer h2,
.versa-site-footer .versa-site-brand,
.versa-footer h5 {
  color: #fff !important;
}

.versa-site-footer a,
.versa-footer a {
  color: #f0efff;
}

.versa-site-footer a:hover,
.versa-footer a:hover {
  color: #d6d2ff;
}

.versa-site-comparison thead th,
.cp-data-table thead th {
  background: var(--versa-secondary);
  color: #fff;
}

.versa-site-comparison .versa-site-table-group,
.versa-site-swatches span:nth-child(2) {
  background: var(--versa-soft);
}

.versa-site-site .form-control,
.versa-site-site .form-select,
.catalog-page .form-control,
.catalog-page .form-select {
  border-color: #b9b8cf;
  background: #fff;
  color: var(--versa-body);
}

.versa-site-site .form-control:focus,
.versa-site-site .form-select:focus,
.catalog-page .form-control:focus,
.catalog-page .form-select:focus {
  border-color: var(--versa-secondary);
  box-shadow: 0 0 0 .2rem rgba(139, 92, 246, .25);
}

/* Action styling belongs to .btn and named components, never all buttons.
   Native button semantics are also used for sorting, tabs, and close icons. */
.versa-site-backtop {
  background: var(--versa-primary) !important;
  color: #fff !important;
}

.versa-site-site .versa-site-menu-toggle,
.catalog-page .versa-site-menu-toggle {
  border-color: var(--versa-primary);
  color: var(--versa-primary);
  background: #fff;
}

.versa-site-site .versa-slider-arrow,
.catalog-page .versa-slider-arrow,
.versa-site-site .versa-motion-toggle,
.catalog-page .versa-motion-toggle {
  background: #fff !important;
  color: var(--versa-primary) !important;
  border-color: var(--versa-primary) !important;
}

.versa-site-site .upgrade-dot,
.catalog-page .upgrade-dot {
  border-color: var(--versa-primary) !important;
  background: transparent !important;
  color: transparent !important;
}

.versa-site-site .upgrade-dot[aria-pressed="true"],
.catalog-page .upgrade-dot[aria-pressed="true"] {
  background: var(--versa-primary) !important;
}

.versa-site-site .versa-video-card,
.catalog-page .versa-video-card,
.versa-site-site .cp-product-thumbs button,
.catalog-page .cp-product-thumbs button {
  border-color: var(--versa-primary) !important;
  background: var(--versa-soft) !important;
  color: var(--versa-primary) !important;
}

.versa-site-site .versa-video-card[aria-pressed="true"],
.catalog-page .versa-video-card[aria-pressed="true"],
.versa-site-site .cp-product-thumbs button[aria-pressed="true"],
.catalog-page .cp-product-thumbs button[aria-pressed="true"] {
  background: var(--versa-primary) !important;
  border-color: var(--versa-primary) !important;
  color: #fff !important;
}

.lab-controls button {
  color: var(--versa-primary);
  border-color: var(--versa-primary);
  background: #fff;
}

.lab-controls button:hover {
  background: var(--versa-primary);
  color: #fff;
}

.versa-site-site .nav-pills .nav-link,
.versa-site-site .nav-tabs .nav-link {
  color: var(--versa-primary);
}

.versa-site-site .nav-pills .nav-link.active,
.versa-site-site .nav-tabs .nav-link.active {
  color: #fff;
  background: var(--versa-primary);
  border-color: var(--versa-primary);
}

/* Shared table controls: plain column labels with keyboard button behavior.
   Applies to Table Flow / Flexi Table and schedule tables in every context. */
:is(.versa-site-site, .catalog-page) :is(.upgrade-sort, [data-sort-column], [data-schedule-sort]) {
  appearance: none;
  min-width: 0;
  min-height: 24px;
  padding: 4px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  box-shadow: none;
  font: inherit;
  font-weight: 700;
  letter-spacing: inherit;
  text-align: left;
  cursor: pointer;
  transform: none;
}

:is(.versa-site-site, .catalog-page) :is(.upgrade-sort, [data-sort-column], [data-schedule-sort]):hover {
  background: transparent;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  box-shadow: none;
  transform: none;
}

:is(.versa-site-site, .catalog-page) :is(.upgrade-sort, [data-sort-column], [data-schedule-sort]):focus-visible {
  outline: 3px solid var(--versa-focus);
  outline-offset: 3px;
}

.versa-site-app {
  --app-ink: var(--versa-ink);
  --app-bg: var(--versa-primary);
  --app-mint: var(--versa-secondary);
  --app-hover: var(--versa-primary-strong);
  --app-border: var(--versa-border);
  --app-image: url('../../images/versa-feature.svg');
}

.versa-site-app::before {
  background-image: linear-gradient(90deg, rgba(13, 110, 253, .98), rgba(13, 110, 253, .90) 24%, rgba(13, 110, 253, .62) 48%, rgba(13, 110, 253, .12) 72%, transparent 82%), var(--app-image);
}

.versa-site-app-table th {
  background: var(--versa-secondary);
}

.versa-site-app--prep::before {
  background-image: none;
  background-color: var(--versa-primary);
}

@media (max-width: 840px) {
  .versa-site-app::before {
    background-image: linear-gradient(rgba(13, 110, 253, .90), rgba(13, 110, 253, .90)), var(--app-image);
  }
}

.versa-site-app .versa-site-app-button {
  color: #fff;
  background: var(--versa-primary);
}

.versa-site-app .versa-site-app-button:hover {
  color: #fff;
  background: var(--versa-primary-strong);
}

.versa-site-app .versa-site-app-resume a,
.versa-site-app .versa-site-app-choice > h2,
.versa-site-app .versa-site-app-choice > h3 {
  color: var(--versa-ink);
}

.versa-site-app .versa-site-app-resume span {
  color: var(--versa-secondary);
}

@media (prefers-reduced-motion: reduce) {
  .versa-site-site .btn-primary:hover,
  .catalog-page .btn-primary:hover {
    transform: none;
  }
}

/* Versa Cards is the shared elevation treatment for cards and action buttons. */
:root{--site-hover-shadow:0 16px 36px rgba(13,110,253,.14);--site-hover-duration:.25s}
:is(.versa-site-site,.catalog-page) :is(.lab-card,.versa-site-card,.cp-card,.versa-card,.value-card,.team-card,.resource-card,.video-card,.job-card,.versa-site-review,.cp-review,.home-review,.cp-team,.cp-proof-card,.versa-site-plan,.lab-plan,.versa-site-system-card,.versa-site-form-shell,.versa-site-app-panel,.lab-event,.lab-flipper,.lab-hover,.versa-hover,.lab-gallery-item,.versa-video-card,.template-directory-card,.versa-site-directory>a){
 transition:box-shadow var(--site-hover-duration) ease,background-color var(--site-hover-duration) ease;
}
:is(.versa-site-site,.catalog-page) :is(.lab-card,.versa-site-card,.cp-card,.versa-card,.value-card,.team-card,.resource-card,.video-card,.job-card,.versa-site-review,.cp-review,.home-review,.cp-team,.cp-proof-card,.versa-site-plan,.lab-plan,.versa-site-system-card,.versa-site-form-shell,.versa-site-app-panel,.lab-event,.lab-flipper,.lab-hover,.versa-hover,.lab-gallery-item,.versa-video-card,.template-directory-card,.versa-site-directory>a):is(:hover,:focus-within){
 box-shadow:var(--site-hover-shadow);transform:none;
}
:is(.versa-site-site,.catalog-page) :is(.btn,.versa-site-app-button,.lab-controls button,.versa-site-menu-toggle,.versa-slider-arrow,.versa-motion-toggle,.gradient-toggle,.scene-video-toggle,.versa-site-backtop,.versa-site-app-demo-nav a){
 transition:box-shadow var(--site-hover-duration) ease,background-color var(--site-hover-duration) ease,border-color var(--site-hover-duration) ease,color var(--site-hover-duration) ease;
}
:is(.versa-site-site,.catalog-page) :is(.btn,.versa-site-app-button,.lab-controls button,.versa-site-menu-toggle,.versa-slider-arrow,.versa-motion-toggle,.gradient-toggle,.scene-video-toggle,.versa-site-backtop,.versa-site-app-demo-nav a):is(:hover,:focus-visible):not(:disabled):not([aria-disabled="true"]){
 box-shadow:var(--site-hover-shadow);transform:none;
}
.versa-site-stat,[data-cp-count],[data-count]{font-variant-numeric:tabular-nums}

/* Consistent connected tabs: separate from call-to-action buttons. */
:is(.versa-site-site,.catalog-page) [role="tablist"]{
 display:flex;flex-wrap:wrap;gap:4px;padding:0;margin-bottom:24px;
 border-bottom:2px solid var(--versa-border);list-style:none;
}
:is(.versa-site-site,.catalog-page) [role="tablist"] [role="tab"]{
 display:block;min-height:48px;padding:12px 20px;margin:0;
 border:1px solid var(--versa-border);border-bottom:0;border-radius:10px 10px 0 0;
 background:var(--versa-soft);color:var(--versa-primary);font:inherit;font-weight:600;
 text-align:center;white-space:normal;box-shadow:none;transform:none;
 transition:background-color .2s ease,color .2s ease;
}
:is(.versa-site-site,.catalog-page) [role="tablist"] [role="tab"]:hover{
 background:var(--versa-soft-strong);color:var(--versa-primary);box-shadow:none;transform:none;
}
:is(.versa-site-site,.catalog-page) [role="tablist"] [role="tab"][aria-selected="true"]{
 background:var(--versa-primary);color:#fff;border-color:var(--versa-primary);
}
:is(.versa-site-site,.catalog-page) [role="tablist"] [role="tab"]:focus-visible{
 outline:3px solid var(--versa-focus);outline-offset:2px;position:relative;z-index:1;
}
@media(prefers-reduced-motion:reduce){
 :is(.versa-site-site,.catalog-page) :is(.btn,.versa-site-app-button,.lab-card,.versa-site-card,.cp-card,.versa-site-directory>a,[role="tab"]){transition:none}
}

@media(prefers-reduced-motion:reduce){:root{--site-hover-duration:0s}}


/* system.css — final, shared layer. One palette, one type scale, one set of components.
   Every text/background pair below meets WCAG 2.2 AA (4.5:1 normal, 3:1 large/UI). */
 :root{
 --versa-primary:#0d6efd; --versa-primary-hover:#0b5ed7; --versa-primary-active:#0a58ca;
 --versa-secondary:#6c757d; --versa-success:#198754; --versa-info:#0dcaf0; --versa-warning:#ffc107; --versa-danger:#dc3545;
 --versa-light:#f8f9fa; --versa-dark:#212529;
 --versa-page:#fff; --versa-panel:#fff; --versa-soft:#f8f9fa; --versa-border:#dee2e6;
 --versa-ink:#212529; --versa-text:#212529; --versa-muted:#6c757d; --versa-focus:#0a58ca;
 --versa-radius:14px; --versa-measure:68ch;
 --versa-site-ink:var(--versa-ink); --versa-site-text:var(--versa-text); --versa-site-muted:var(--versa-muted);
 --versa-site-primary:var(--versa-primary); --versa-site-primary-strong:var(--versa-primary-hover); --versa-site-accent:var(--versa-primary);
 --versa-site-eyebrow:#084298; --versa-site-page:var(--versa-page); --versa-site-panel:var(--versa-panel); --versa-site-soft:var(--versa-soft); --versa-site-border:var(--versa-border);
 --versa-site-dark:var(--versa-dark); --versa-site-on-dark:#fff; --versa-site-on-dark-muted:#e9ecef; --versa-site-focus:var(--versa-focus); --versa-site-radius:var(--versa-radius); --versa-site-measure:var(--versa-measure);
 --versa-site-font:"Inter Tight",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:6rem}
.versa-site-site,.catalog-page,.versa-site-app{font-family:var(--versa-site-font);font-size:1.125rem;line-height:1.65;font-weight:400;letter-spacing:0;color:var(--versa-site-text);font-kerning:normal;text-rendering:optimizeLegibility}
.versa-site-site p,.versa-site-site li,.catalog-page p,.catalog-page li{letter-spacing:0;line-height:1.65}
.versa-site-site :is(h1,h2,h3,h4,h5,h6),.catalog-page :is(h1,h2,h3,h4,h5,h6){font-family:var(--versa-site-font);color:var(--versa-site-ink);font-weight:700;line-height:1.2;letter-spacing:-.01em;text-wrap:balance}
.versa-site-site h1,.catalog-page h1{font-size:clamp(2.25rem,1.4rem + 3.6vw,3.75rem);line-height:1.1}
.versa-site-site h2,.catalog-page h2{font-size:clamp(1.75rem,1.2rem + 2vw,2.5rem)}
.versa-site-site h3,.catalog-page h3{font-size:clamp(1.375rem,1.1rem + 1vw,1.75rem)}
.versa-site-site h4,.catalog-page h4{font-size:1.25rem;letter-spacing:0}
.versa-site-site :is(h5,h6){font-size:1.0625rem;letter-spacing:0}
.versa-site-site :is(p,li,dd){max-width:var(--versa-site-measure)}
.versa-site-site :is(.text-center,.versa-site-hero,.versa-site-heading,table,.btn,.card) :is(p,li){max-width:none}
.versa-site-site :is(.versa-site-heading,.text-center) p{margin-inline:auto;max-width:var(--versa-site-measure)}
/* readable minimum size, any weight */
.versa-site-site :is(small,.small,figcaption,.versa-site-eyebrow,.eyebrow,.versa-site-app-eyebrow,label,th,.badge){font-size:max(.875rem,1em);letter-spacing:.02em}
.versa-site-site :is(small,.small){font-size:.875rem}
.versa-site-site :is(b,strong,th){font-weight:700}
.versa-site-site .fw-light,.versa-site-site .fw-lighter{font-weight:400!important}
.versa-site-site :is(.versa-site-eyebrow,.eyebrow,.versa-site-app-eyebrow){color:var(--versa-site-eyebrow);font-weight:700;text-transform:uppercase}
/* links: always distinguishable without color alone */
.versa-site-site main :is(p,li,dd,td) a:not(.btn){color:var(--versa-site-primary);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:.08em}
.versa-site-site main :is(p,li,dd,td) a:not(.btn):hover{color:var(--versa-site-primary-strong);text-decoration-thickness:.14em}
/* one focus style */
.versa-site-site :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible,.catalog-page :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--versa-site-focus);outline-offset:3px;box-shadow:0 0 0 6px #fff;border-radius:6px}
.visually-hidden-focusable:focus{position:fixed;top:8px;left:8px;z-index:2000;background:#fff;color:var(--versa-site-primary);padding:12px 18px;border-radius:8px;font-weight:700}
/* buttons: one set, 48px targets */
.versa-site-site .btn,.catalog-page .btn{font-family:var(--versa-site-font);font-size:1rem;font-weight:700;letter-spacing:0;min-height:48px;min-width:48px;border-radius:10px;padding:.75rem 1.4rem;line-height:1.3;border-width:2px}
.versa-site-site .btn-primary,.catalog-page .btn-primary{--bs-btn-bg:var(--versa-site-primary);--bs-btn-border-color:var(--versa-site-primary);--bs-btn-color:#fff;--bs-btn-hover-bg:var(--versa-site-primary-strong);--bs-btn-hover-border-color:var(--versa-site-primary-strong);--bs-btn-hover-color:#fff;--bs-btn-active-bg:var(--versa-site-primary-strong);--bs-btn-active-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}
.versa-site-site :is(.btn-outline-dark,.btn-outline-primary,.btn-secondary,.btn-outline-secondary){--bs-btn-color:var(--versa-site-primary);--bs-btn-border-color:var(--versa-site-primary);--bs-btn-bg:transparent;--bs-btn-hover-bg:var(--versa-site-primary);--bs-btn-hover-border-color:var(--versa-site-primary);--bs-btn-hover-color:#fff;--bs-btn-active-bg:var(--versa-site-primary-strong);--bs-btn-active-color:#fff}
.versa-site-site .btn-light{--bs-btn-bg:#fff;--bs-btn-border-color:#fff;--bs-btn-color:var(--versa-site-primary);--bs-btn-hover-bg:var(--versa-site-soft);--bs-btn-hover-border-color:var(--versa-site-soft);--bs-btn-hover-color:var(--versa-site-primary-strong)}
/* dark surfaces: everything inverts together */
.versa-site-hero--dark,.versa-site-hero--gradient,.versa-site-hero--photo,.versa-hero--dark,.versa-site-dark,.versa-site-footer,.versa-site-header-hat,[class*="--dark"],[class*="-dark"]:is(section,div,footer,article){--versa-site-surface-dark:1}
.versa-site-hero--dark,.versa-site-hero--gradient,.versa-hero--dark{background:radial-gradient(ellipse at 90% 0,#0d6efd 0,transparent 58%),linear-gradient(120deg,#052c65,#0a58ca)!important}
.versa-site-hero--photo{background:linear-gradient(90deg,#052c65ee,#0a58ca99),url('../../images/versa-hero.svg') center/cover}
:is(.versa-site-hero--dark,.versa-site-hero--gradient,.versa-site-hero--photo,.versa-hero--dark,.versa-site-dark,.versa-site-footer,.versa-site-header-hat) :is(h1,h2,h3,h4,h5,h6,p,li,span,small,strong,label,dt,dd){color:var(--versa-site-on-dark)}
:is(.versa-site-hero--dark,.versa-site-hero--gradient,.versa-site-hero--photo,.versa-hero--dark,.versa-site-dark,.versa-site-footer,.versa-site-header-hat) :is(p,li,small){color:var(--versa-site-on-dark-muted)}
:is(.versa-site-hero--dark,.versa-site-hero--gradient,.versa-site-hero--photo,.versa-hero--dark,.versa-site-dark,.versa-site-footer,.versa-site-header-hat) a:not(.btn){color:#fff;text-decoration:underline;text-underline-offset:.2em}
:is(.versa-site-hero--dark,.versa-site-hero--gradient,.versa-site-hero--photo,.versa-hero--dark,.versa-site-dark) .btn-primary{--bs-btn-bg:#fff;--bs-btn-border-color:#fff;--bs-btn-color:var(--versa-site-primary);--bs-btn-hover-bg:#e9ecef;--bs-btn-hover-border-color:#e9ecef;--bs-btn-hover-color:var(--versa-site-primary-strong)}
:is(.versa-site-hero--dark,.versa-site-hero--gradient,.versa-site-hero--photo,.versa-hero--dark,.versa-site-dark) :is(.btn-outline-dark,.btn-outline-light){--bs-btn-color:#fff;--bs-btn-border-color:#fff;--bs-btn-hover-bg:#fff;--bs-btn-hover-color:var(--versa-site-primary)}
:is(.versa-site-hero--dark,.versa-site-hero--gradient,.versa-site-hero--photo,.versa-hero--dark,.versa-site-dark,.versa-site-header-hat,.versa-site-footer) :focus-visible{outline-color:#fff;box-shadow:0 0 0 6px var(--versa-site-primary-strong)}
.versa-site-header-hat{background:var(--versa-site-primary-strong)}.versa-site-header-hat a{font-size:.875rem;font-weight:600;text-decoration:none!important}.versa-site-header-hat a:hover{text-decoration:underline!important}
/* header / nav */
.versa-site-brand{color:var(--versa-site-primary)!important;letter-spacing:-.04em}
.versa-site-brand small{background:var(--versa-secondary);color:#fff;font-size:.6875rem;font-weight:800;letter-spacing:.06em;padding:4px 7px}
.versa-site-navigation>a:not(.btn),.versa-site-mega summary{color:var(--versa-site-primary);font-size:1rem;font-weight:600;padding:.6rem .5rem;min-height:44px;display:inline-flex;align-items:center}
.versa-site-navigation>a:not(.btn):hover,.versa-site-mega summary:hover{color:var(--versa-site-primary-strong);text-decoration:underline;text-underline-offset:.25em}
.versa-site-mega-panel a{color:var(--versa-site-primary);font-size:1rem;padding:.5rem .6rem;min-height:44px;display:flex;align-items:center}
.versa-site-mega-panel h2{font-size:.875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--versa-site-muted)}
.versa-site-menu-toggle{min-height:48px;min-width:48px;font-size:1rem;font-weight:700;color:var(--versa-site-primary)}
.versa-site-footer a,.versa-site-footer .versa-site-brand{color:#fff!important}
/* cards: one radius, border, padding */
.versa-site-card,.lab-card,.cp-team,.card{border:1px solid var(--versa-site-border);border-radius:var(--versa-site-radius);background:var(--versa-site-panel);color:var(--versa-site-text)}
.versa-site-accordion,.lab-demo>.lab-grid>div:has(>.cp-disclosure){max-width:900px;margin-inline:auto}
.versa-site-accordion details,.cp-disclosure{border:0;border-bottom:1px solid var(--versa-site-border);padding:0;background:transparent}
.versa-site-accordion summary,.cp-disclosure summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:56px;padding:1rem .25rem;font-size:1.25rem;font-weight:600;line-height:1.35;color:var(--versa-site-ink);cursor:pointer;list-style:none}
.versa-site-accordion summary::-webkit-details-marker,.cp-disclosure summary::-webkit-details-marker{display:none}
.versa-site-accordion summary::after,.cp-disclosure summary::after{content:"+";flex:none;font-size:1.75rem;line-height:1;color:var(--versa-site-primary);transform:none!important}
.versa-site-accordion details[open]>summary::after,.cp-disclosure[open]>summary::after{content:"\2212"}
.versa-site-accordion summary:hover,.cp-disclosure summary:hover{color:var(--versa-site-primary)}
.versa-site-accordion details>div,.cp-disclosure>:not(summary){padding:0 .25rem 1.25rem;margin:0;color:var(--versa-site-text)}
/* tabs, tables, forms */
.versa-site-site .nav-tabs .nav-link,.versa-site-site .nav-pills .nav-link,.versa-site-site [role=tab]{color:var(--versa-site-primary);font-weight:600;min-height:44px}
.versa-site-site :is(.nav-pills .nav-link.active,.nav-tabs .nav-link.active,[role=tab][aria-selected=true]){background:var(--versa-site-primary);color:#fff;border-color:var(--versa-site-primary)}
.versa-site-site table{color:var(--versa-site-text)}.versa-site-site th{color:var(--versa-site-ink);background:var(--versa-site-soft)}.versa-site-site :is(td,th){padding:.85rem 1rem;vertical-align:top}
.versa-site-site :is(.form-control,.form-select,input,select,textarea){font-size:1rem;min-height:48px;border:2px solid #6b6d86;border-radius:10px;color:var(--versa-site-ink);background:#fff}
.versa-site-site ::placeholder{color:#5f6178;opacity:1}
.versa-site-site code{color:#8a1f5c;background:#f1eefb;padding:.1em .35em;border-radius:5px;font-size:.9em}
/* decorative illustrations never carry required text */
.art-dots{color:#5f6178}
.versa-site-site :is(.cp-feature-icon){color:var(--versa-site-primary)}
.versa-site-site :is(.versa-site-section,.versa-site-muted){scroll-margin-top:6rem}
@media (max-width:575.98px){.versa-site-site{font-size:1.0625rem}.versa-site-site .btn{width:100%}.versa-site-site .d-flex>.btn{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media (forced-colors:active){.versa-site-site .btn{border:2px solid ButtonText}}
.versa-site-site .btn{color:var(--bs-btn-color)}
.versa-site-site .btn:hover,.versa-site-site .btn:focus-visible{color:var(--bs-btn-hover-color,var(--bs-btn-color))}
/* light cards nested inside dark sections keep dark text */
:is(.versa-site-hero--dark,.versa-site-hero--gradient,.versa-hero--dark,.versa-site-dark) :is(.card,.versa-site-card,.lab-card,form,.versa-site-form-card,.versa-site-form-shell) :is(h1,h2,h3,h4,h5,h6,label,strong){color:var(--versa-site-ink)}
:is(.versa-site-hero--dark,.versa-site-hero--gradient,.versa-hero--dark,.versa-site-dark) :is(.card,.versa-site-card,.lab-card,form,.versa-site-form-card,.versa-site-form-shell) :is(p,li,span,small){color:var(--versa-site-muted)}
:is(.versa-site-hero--dark,.versa-site-hero--gradient,.versa-hero--dark,.versa-site-dark) :is(.card,.versa-site-card,.lab-card,form,.versa-site-form-card,.versa-site-form-shell) a:not(.btn){color:var(--versa-site-primary)}
:is(.versa-site-hero--dark,.versa-site-hero--gradient,.versa-hero--dark,.versa-site-dark) :is(.card,.versa-site-card,.lab-card,form,.versa-site-form-card,.versa-site-form-shell) .btn-primary{--bs-btn-bg:var(--versa-site-primary);--bs-btn-border-color:var(--versa-site-primary);--bs-btn-color:#fff;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--versa-site-primary-strong)}
/* text laid over image overlays stays white */
.versa-site-site .lab-hover-caption :is(h1,h2,h3,h4,p,span,strong,small){color:#fff}
/* avatar initials and tiny badges */
.versa-site-site :is([class*=avatar],[class*=initial]) span,.versa-site-site .versa-site-avatar span{color:var(--versa-site-ink)}
.versa-site-site :is(.badge,.versa-site-badge,[class*=ribbon],[class*=badge]){font-size:.75rem;font-weight:700;letter-spacing:.04em}
.versa-site-site .versa-site-person-art span{color:var(--versa-site-ink)}
.versa-site-site .cp-product-box{background-color:var(--versa-site-primary);color:#fff}.versa-site-site .cp-product-box span{font-size:.75rem;color:#fff}
.versa-site-site .versa-site-form-shell :is(.small,small,p.small){font-size:.9375rem}
/* --- pill buttons: one shape for every button-style control --- */
:root{--versa-site-btn-radius:999px}
.versa-site-site .btn,.catalog-page .btn,.versa-site-site .versa-site-nav-cta,.versa-site-app .versa-site-app-button,
.versa-site-site button.versa-site-menu-toggle,.versa-site-site :is(.carousel-control,.versa-site-slider-btn,.versa-site-play,[class*="-play"]):is(button,a){border-radius:var(--versa-site-btn-radius)}
.versa-site-site .btn,.catalog-page .btn,.versa-site-app .versa-site-app-button{padding-inline:1.75rem}
.versa-site-site .btn.btn-sm,.catalog-page .btn.btn-sm{padding-inline:1.25rem;min-height:44px}
/* keep long labels from turning into lopsided ovals on phones */
.versa-site-site .btn{line-height:1.25;white-space:normal;text-wrap:balance}
.versa-site-site .btn:focus-visible{border-radius:var(--versa-site-btn-radius)}
.versa-site-site :is(.versa-slider-arrow,.versa-motion-toggle){border-radius:var(--versa-site-btn-radius)}
.versa-site-site .versa-slider-arrow{min-width:48px;min-height:48px}
.versa-site-header-hat a,.versa-site-site main a:is(.lab-back,.lab-open),.lab-head a{display:inline-flex;align-items:center;min-height:44px;padding-inline:.25rem}
.versa-site-site main :is(p,li,dd,td) a:not(.btn){padding-block:.1em}
.upgrade-dot,.versa-slider-dot,[class*="slider"] [class*="dot"]:is(button){position:relative;min-width:16px;min-height:16px}
.upgrade-dot::before,.versa-slider-dot::before,[class*="slider"] [class*="dot"]:is(button)::before{content:"";position:absolute;inset:-14px}
.upgrade-dot,.versa-slider-dot{background:#fff;border:2px solid var(--versa-site-primary)}
.upgrade-dot[aria-current=true],.upgrade-dot.active,.upgrade-dot[aria-selected=true],.versa-slider-dot.active{background:var(--versa-site-primary)}
.versa-site-billing{display:inline-flex;align-items:center;gap:.9rem;min-height:48px;padding:.5rem 1.25rem;border:2px solid var(--versa-site-border);border-radius:999px;background:#fff;color:var(--versa-site-ink);font-weight:600;cursor:pointer}
.versa-site-billing input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:48px;min-height:28px;height:28px;margin:0;border:2px solid #6b6d86;border-radius:999px;background:#fff;cursor:pointer;transition:background-color .2s,border-color .2s}
.versa-site-billing input[type=checkbox]::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#6b6d86;transition:transform .2s,background-color .2s}
.versa-site-billing input[type=checkbox]:checked{background:var(--versa-site-primary);border-color:var(--versa-site-primary)}
.versa-site-billing input[type=checkbox]:checked::after{transform:translateX(20px);background:#fff}
.versa-site-billing:has(input:focus-visible){outline:3px solid var(--versa-site-focus);outline-offset:3px}
.versa-site-billing input:focus-visible{outline:none;box-shadow:none}
.versa-site-site :is(.versa-site-pricing-featured,.featured,.is-featured,[class*=popular]){border-color:var(--versa-site-primary);background:var(--versa-site-soft)}
.catalog-page .lab-note,.catalog-page [class*="demo-note"]{max-width:none;width:100%}
main>.container>a[href]:not(.btn),.module-demo a[aria-current=page]{display:inline-flex;align-items:center;min-height:44px}
.versa-site-plan-featured{background:var(--versa-site-soft)!important;border:2px solid var(--versa-site-primary)!important}
*:has(>.versa-site-billing){text-align:center}
.versa-site-site .versa-site-billing{margin-inline:auto}


/* Scoped, reusable application heroes. Set tokens on an individual .versa-site-app. */
.versa-site-app{--app-ink:#052c65;--app-bg:#052c65;--app-mint:#cfe2ff;--app-hover:#0a58ca;--app-panel:#fff;--app-body:#333;--app-border:#d9d9d9;--app-radius:18px;--app-max:1280px;--app-panel-max:1160px;--app-image:url('../../images/versa-feature.svg');--app-position:50% 50%;--app-overlap:125px;font-family:var(--site-font-family);position:relative;isolation:isolate;container-type:inline-size;color:var(--app-ink);padding:0 20px 36px;overflow-wrap:anywhere}
.versa-site-app::before{content:'';position:absolute;inset:0 0 calc(var(--app-overlap) + 36px);z-index:-1;background-color:var(--app-bg);background-image:linear-gradient(90deg,rgba(13,110,253,.98),rgba(13,110,253,.94) 25%,rgba(13,110,253,.58) 48%,rgba(13,110,253,0) 68%),var(--app-image);background-position:var(--app-position);background-size:cover}
.versa-site-app-inner{width:100%;max-width:var(--app-max);margin:auto}
.versa-site-app-intro{max-width:620px;padding:76px 40px 44px;color:#fff}
.versa-site-app .versa-site-app-intro>h1,.versa-site-app .versa-site-app-intro>h2{font-family:inherit;color:#fff;font-size:clamp(2.1rem,3vw,3rem);font-weight:700;line-height:1.15;letter-spacing:var(--site-heading-tracking, 0);margin:0 0 20px;text-wrap:balance}
.versa-site-app .versa-site-app-description{font-size:1.125rem;line-height:1.6;color:#fff;margin:0;text-shadow:0 1px 3px #052c65;max-width:510px}
.versa-site-app .versa-site-app-eyebrow{color:#fff;font-size:.875rem;margin:0 0 14px}
.versa-site-app strong{font-weight:700}
.versa-site-app-panel{width:100%;max-width:var(--app-panel-max);margin:0 auto;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--app-panel);box-shadow:0 14px 28px #0002;color:var(--app-ink)}
.versa-site-app-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem);padding-bottom:clamp(1.25rem,2.5vw,2rem)}
.versa-site-app-choice{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.versa-site-app .versa-site-app-choice>h2,.versa-site-app .versa-site-app-choice>h3{font-family:inherit;color:var(--app-ink);font-size:1.5rem;font-weight:700;letter-spacing:var(--site-heading-tracking, 0);line-height:1.25;margin:0 0 10px;text-wrap:balance}
.versa-site-app .versa-site-app-choice>p{font-size:1rem;line-height:1.6;margin:0 0 clamp(.75rem,1.5vw,1.25rem);color:var(--app-body)}
.versa-site-app .versa-site-app-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;max-width:100%;padding:12px 28px;margin-top:auto;border:2px solid transparent;border-radius:999px;background:var(--app-mint);color:var(--app-ink);font-size:1rem;font-weight:700;line-height:1.25;text-align:center;text-decoration:none;transition:background-color .2s}
.versa-site-app .versa-site-app-button:hover{background:var(--app-hover);color:var(--app-ink);text-decoration:underline;text-underline-offset:3px}
.versa-site-app 
.versa-site-app 
.versa-site-app .versa-site-app-resume a:hover{text-decoration:underline;text-underline-offset:4px}

/* Decorative link adornments stay clean: underline only the text area, never icons/arrows/sup/sub. */
.versa-site-app .versa-site-app-resume a:hover,
.versa-site-app .versa-site-app-resume a:focus-visible{
 text-decoration:none;
}
.versa-site-app .versa-site-app-resume a .versa-site-link-text{
 text-decoration:underline;
 text-decoration-color:transparent;
 text-underline-offset:4px;
 transition:text-decoration-color .15s ease;
}
.versa-site-app .versa-site-app-resume a:is(:hover,:focus-visible) .versa-site-link-text{
 text-decoration-color:currentColor;
}
.versa-site-app .versa-site-app-resume a :is(.bi,.versa-site-link-icon,sup,sub,[aria-hidden="true"]){
 text-decoration:none!important;
}

.versa-site-app-resume span{color:currentColor}
.versa-site-app a:focus-visible{outline:3px solid #177d78;outline-offset:4px}
.versa-site-app--right{padding:50px 20px}
.versa-site-app--right::before{inset:0}
.versa-site-app--right .versa-site-app-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,410px);align-items:center;gap:60px;max-width:1160px;min-height:470px}
.versa-site-app--right .versa-site-app-intro{padding:40px 0;max-width:500px}

.versa-site-app--right .versa-site-app-choices{display:flex;flex-direction:column;gap:24px;padding-bottom:24px}
.versa-site-app--right .versa-site-app-choice{align-items:center;text-align:center}
.versa-site-app--right .versa-site-app-choice+.versa-site-app-choice{border-top:1px solid var(--app-border);padding-top:24px}
.versa-site-app--right .versa-site-app-choice>p{margin-bottom:18px}
/* Center actions in both grid/subgrid and flex layouts. */
.versa-site-app--right .versa-site-app-button{justify-self:center;margin-inline:auto}
.versa-site-app--right .versa-site-app-resume{padding-top:20px}
.versa-site-app--prep::before{background-image:none}
.versa-site-app--prep .versa-site-app-intro{max-width:1160px;margin:auto;padding:50px 40px 36px}
.versa-site-app--prep .versa-site-app-description{max-width:960px;text-shadow:none}
.versa-site-app--panel{padding:clamp(1.5rem,3vw,2.5rem) 0}
.versa-site-app--panel::before{display:none}
.versa-site-app-doc{max-width:1200px;margin:0 auto;padding:48px 24px}
.versa-site-app-doc>h1{max-width:800px;font-size:clamp(2rem,4vw,3.5rem)}
.versa-site-app-doc>p{max-width:820px}
.versa-site-app-table{overflow-x:auto;border:1px solid #d9d9d9;border-radius:12px}
.versa-site-app-table table{border-collapse:collapse;width:100%;min-width:720px;margin:0;font-size:.95rem;color:#052c65}
.versa-site-app-table caption{padding:18px;color:#525355;caption-side:bottom}
.versa-site-app-table th,.versa-site-app-table td{padding:16px;border-bottom:1px solid #d9d9d9;text-align:left}
.versa-site-app-table th{background:#052c65;color:#fff}
.versa-site-app-table tr:nth-child(even){background:#f2f7f6}
.versa-site-app-demo-note{padding:18px 24px;background:#f2f7f6;color:#052c65;text-align:center;margin:0}
.versa-site-app-demo-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.versa-site-app-demo-nav a{padding:12px 18px;border:1px solid #177d78;border-radius:30px;color:#052c65;text-decoration:none}
.versa-site-app-demo-nav a:hover{background:#cfe2ff}
.versa-site-app-example{margin-bottom:32px;scroll-margin-top:100px}
.versa-site-app-example-label{padding:20px 24px;background:#f2f2f2;color:#052c65;font-weight:700}
.versa-site-app-destination{padding:28px;margin:24px 0;border:1px solid #d9d9d9;border-radius:18px;scroll-margin-top:120px}
.versa-site-app-destination:target{outline:3px solid #177d78;background:#edfff9}
@supports(grid-template-rows:subgrid){.versa-site-app-choices{grid-template-rows:auto auto auto;row-gap:0}.versa-site-app-choice{display:grid;grid-template-rows:subgrid;grid-row:span 3}.versa-site-app-button{justify-self:start;align-self:end}}
/* Container queries let catalog previews and embedded columns behave like mobile. */
@container (max-width:800px){.versa-site-app-inner{display:block!important;min-height:0!important}.versa-site-app-intro,.versa-site-app--right .versa-site-app-intro,.versa-site-app--prep .versa-site-app-intro{padding:40px 4px 32px;max-width:620px}.versa-site-app-choices{display:flex;flex-direction:column;gap:24px}.versa-site-app-choice{display:flex;align-items:stretch}.versa-site-app-choice+.versa-site-app-choice{border-top:1px solid var(--app-border);padding-top:24px}.versa-site-app .versa-site-app-choice>h2,.versa-site-app .versa-site-app-choice>h3{font-size:1.3rem}.versa-site-app--right .versa-site-app-choice{align-items:stretch;text-align:left}.versa-site-app .versa-site-app-description{font-size:1rem}.versa-site-app .versa-site-app-button{width:100%}}
@media(max-width:840px){.versa-site-app{padding:0 20px 32px;--app-overlap:140px}.versa-site-app::before{background-image:linear-gradient(#052c65e6,#052c65e6),var(--app-image);background-position:60% 40%}.versa-site-app--right::before{inset:0 0 172px}.versa-site-app--prep::before{background-image:none}.versa-site-app--panel{padding-top:clamp(1.5rem,3vw,2.5rem)}.versa-site-app .versa-site-app-intro>h1,.versa-site-app .versa-site-app-intro>h2{font-size:2.1rem}}
@media(prefers-reduced-motion:reduce){.versa-site-app *{transition:none}}
@media print{.versa-site-app::before{background:#052c65!important;print-color-adjust:exact}.versa-site-app-panel{box-shadow:none}.versa-site-app{break-inside:avoid}}

/* Versa 0.10.1 component QA fixes */
:root{
  --versa-hero-blue:#0d6efd;
  --versa-hero-blue-strong:#084298;
  --versa-hero-blue-soft:#cfe2ff;
}
/* Retire old pastel hero art: use one Versa-blue visual language. */
.catalog-page .lab-art,
.catalog-page .lab-art.art-1,
.catalog-page .lab-art.art-2{
  background:linear-gradient(140deg,#e7f1ff 0%,#cfe2ff 48%,#9ec5fe 100%);
}
.catalog-page .art-orb{
  background:radial-gradient(circle at 30% 25%,#e7f1ff 0%,#6ea8fe 48%,#0d6efd 78%,#084298 100%);
  box-shadow:12px 16px 0 #dbe7f6;
}
.catalog-page .lab-centered{background:linear-gradient(130deg,#f8fbff,#e7f1ff)}
.catalog-page .catalog-hero{background:linear-gradient(130deg,#f8fbff,#e7f1ff)!important}

/* Current Versa review/avatar treatment; no per-card legacy pastel variables. */
.versa-site-person-art{
  background:linear-gradient(145deg,#f8fbff,#dbe7f6);
  border:1px solid #cfe2ff;
}
.versa-site-person-art:before{background:linear-gradient(145deg,#6ea8fe,#0d6efd)}
.versa-site-person-art:after{background:#172033}
.versa-site-person-art span{display:none}

/* Pricing billing control */
[data-lab-pricing]>.form-switch{
  display:inline-flex;align-items:center;gap:.75rem;
  padding:.55rem .85rem .55rem 3.4rem;
  margin-bottom:1.5rem!important;
  border:1px solid #cfe2ff;border-radius:999px;background:#f8fbff;
}
[data-lab-pricing]>.form-switch .form-check-input{
  width:2.5rem;height:1.35rem;margin-left:-2.75rem;margin-top:0;
  border-color:#9ec5fe;box-shadow:none;cursor:pointer;
}
[data-lab-pricing]>.form-switch .form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}
[data-lab-pricing]>.form-switch .form-check-label{font-weight:600;color:#334155;cursor:pointer}

/* Timeline: center the vertical rule directly through every milestone dot. */


/* Application hero palette and controls */
.versa-site-app--overlap::before,.versa-site-app--right::before{
  background-image:linear-gradient(105deg,rgba(8,66,152,.96),rgba(13,110,253,.88)),var(--app-image);
  background-color:#0d6efd;
}
.versa-site-app--prep::before{background:#0d6efd}
.versa-site-app .versa-site-app-button{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;
  border:2px solid #0d6efd;border-radius:10px;background:#0d6efd;color:#fff;font-weight:700;
  line-height:1.2;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;
  box-shadow:0 4px 0 rgba(13,110,253,.14);
}
.versa-site-app .versa-site-app-button:hover{background:#084298;border-color:#084298;color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px rgba(13,110,253,.22)}
.versa-site-app .versa-site-app-button:focus-visible{outline:3px solid rgba(13,110,253,.35);outline-offset:3px}

/* Versa 0.10.2 visual QA corrections */
/* Navigation: custom chevron replaces the browser details marker. */
.versa-site-mega>summary{list-style:none;gap:.45rem;cursor:pointer;text-decoration:none!important}
.versa-site-mega>summary::-webkit-details-marker{display:none}
.versa-site-mega>summary::after{
  content:"";width:.48rem;height:.48rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);transform-origin:center;transition:transform .2s ease;margin-left:.15rem;
}
.versa-site-mega[open]>summary::after{transform:rotate(225deg) translate(-1px,-1px)}
.versa-site-mega>summary:hover{color:var(--versa-primary-strong);text-decoration:none!important}

/* Hero secondary action: maintain visible contrast in every state. */
.versa-site-hero--dark .btn-light,.versa-site-hero--gradient .btn-light{
  --bs-btn-color:#0d6efd;--bs-btn-bg:#fff;--bs-btn-border-color:#fff;
  --bs-btn-hover-color:#fff;--bs-btn-hover-bg:#084298;--bs-btn-hover-border-color:#084298;
  --bs-btn-active-color:#fff;--bs-btn-active-bg:#052c65;--bs-btn-active-border-color:#052c65;
  opacity:1;
}

/* Timeline: fixed three-part geometry. The rule/dot owns its own column. */


@media(max-width:767.98px){
  
  
  
  
}

/* Application showcase controls use the same Versa pill-button language. */
.versa-site-app-demo-nav a{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 20px;
  border:2px solid var(--versa-primary);border-radius:999px;color:var(--versa-primary);background:#fff;
  font-weight:700;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.versa-site-app-demo-nav a:hover{background:var(--versa-primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px rgba(13,110,253,.18)}
.versa-site-app .versa-site-app-button{
  min-height:48px!important;padding:12px 22px!important;border-radius:999px!important;
  border:2px solid var(--versa-primary)!important;background:var(--versa-primary)!important;color:#fff!important;
  font-weight:700!important;text-decoration:none!important;box-shadow:none!important;
}
.versa-site-app .versa-site-app-button:hover{background:var(--versa-primary-strong)!important;border-color:var(--versa-primary-strong)!important;transform:translateY(-2px)}



.versa-site-app--overlap .versa-site-app-resume,.versa-site-app--prep .versa-site-app-resume{grid-column:1/-1}

/* Versa Timeline — centered five-track milestone geometry. */
.versa-timeline{
  --tl-card: minmax(0,1fr);
  --tl-year: 64px;
  --tl-spine: 32px;
  width:min(100%,1080px);
  margin-inline:auto;
}
.versa-timeline .versa-timeline-marker,
.versa-timeline .versa-timeline__marker{
  display:flex;align-items:center;justify-content:center;
  width:max-content;min-height:48px;margin:0 auto;
  padding:.65rem 1.25rem;border-radius:999px;
  background:#343a40;color:#fff;font-weight:700;position:relative;z-index:3;
}
.versa-timeline ol{
  position:relative;list-style:none;margin:0;padding:1.25rem 0 .5rem;
}
.versa-timeline ol::before{
  content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;
  background:linear-gradient(#6ea8fe,#0d6efd 50%,#6ea8fe);
  transform:translateX(-50%);
}
.versa-timeline li{
  position:relative;
  display:grid;
  grid-template-columns:var(--tl-card) var(--tl-year) var(--tl-spine) var(--tl-year) var(--tl-card);
  align-items:start;
  min-height:170px;
  padding-bottom:2rem;
}
.versa-timeline li::before{
  content:"";grid-column:3;grid-row:1;
  justify-self:center;align-self:start;
  width:16px;height:16px;margin-top:1.35rem;
  border:3px solid #0d6efd;border-radius:50%;background:#fff;
  box-shadow:0 0 0 5px #e7f1ff;z-index:2;
}
.versa-timeline li time{
  grid-column:4;grid-row:1;
  align-self:start;margin-top:1.05rem;padding-left:.65rem;
  color:#495057;font-size:1rem;font-weight:700;line-height:1.5;white-space:nowrap;
}
.versa-timeline li > div{
  grid-column:5;grid-row:1;
  min-width:0;margin-left:1rem;
  padding:1.55rem 1.7rem;
  border:1px solid var(--versa-border,#dee2e6);
  border-radius:var(--versa-radius,18px);background:#fff;
  box-shadow:0 10px 30px rgba(33,37,41,.06);
}
.versa-timeline li > div h3{margin:0 0 .5rem;font-size:clamp(1.25rem,2vw,1.55rem)}
.versa-timeline li > div p:last-child{margin-bottom:0}

/* Alternating milestone: card and year mirror around the immutable spine. */
.versa-timeline li:nth-child(even) time{
  grid-column:2;text-align:right;padding-left:0;padding-right:.65rem;
}
.versa-timeline li:nth-child(even) > div{
  grid-column:1;margin-left:0;margin-right:1rem;text-align:right;
}

/* Beginning sits on the spine; closing thought is centered beneath it. */
.versa-timeline .versa-timeline-marker:last-of-type,
.versa-timeline .versa-timeline__marker:last-of-type{margin-top:-.5rem}
.versa-timeline .versa-timeline-launch{
  width:min(100%,620px);margin:1rem auto 0;padding:1.55rem 1.7rem;text-align:center;
  border:1px solid #cfe2ff;border-radius:var(--versa-radius,18px);
  background:linear-gradient(135deg,#f8fbff,#e7f1ff);
  box-shadow:0 10px 30px rgba(13,110,253,.06);
}
.versa-timeline .versa-timeline-launch h3{margin:0 0 .5rem}

@media(max-width:767.98px){
  .versa-timeline{--tl-mobile-spine:16px}
  .versa-timeline .versa-timeline-marker,
  .versa-timeline .versa-timeline__marker{margin-left:0}
  .versa-timeline ol::before{left:var(--tl-mobile-spine)}
  .versa-timeline li{
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    min-height:0;padding:0 0 1.75rem;
  }
  .versa-timeline li::before{
    grid-column:1;grid-row:1;justify-self:start;
    margin-left:8px;margin-top:.45rem;transform:translateX(-50%);
  }
  .versa-timeline li time,
  .versa-timeline li:nth-child(even) time{
    grid-column:2;grid-row:1;margin:0 0 .55rem;padding:0;text-align:left;
  }
  .versa-timeline li > div,
  .versa-timeline li:nth-child(even) > div{
    grid-column:2;grid-row:2;margin:0;padding:1.2rem 1.25rem;text-align:left;
  }
  .versa-timeline .versa-timeline-launch{
    width:auto;margin:.5rem 0 0 40px;text-align:left;
  }
}

/* Versa 0.10.6 Timeline axis correction */
@media(min-width:768px){
  .versa-timeline{width:min(100%,960px)}
  .versa-timeline li{
    grid-template-columns:minmax(0,1fr) 70px 32px 70px minmax(0,1fr);
  }
  /* Marker is anchored to the exact same 50% coordinate as the spine. */
  .versa-timeline li::before{
    position:absolute!important;
    left:50%!important;
    top:1.55rem!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }
  .versa-timeline li time{
    grid-column:4;
    justify-self:start;
    margin-top:.8rem;
    padding-left:.75rem;
  }
  .versa-timeline li:nth-child(even) time{
    grid-column:2;
    justify-self:end;
    padding-left:0;
    padding-right:.75rem;
  }
  .versa-timeline li>div{
    grid-column:5;
    width:100%;
    max-width:360px;
    justify-self:start;
    margin-left:.75rem;
  }
  .versa-timeline li:nth-child(even)>div{
    grid-column:1;
    justify-self:end;
    margin-right:.75rem;
  }
  .versa-timeline .versa-timeline-launch{
    position:relative;
    margin-top:1.5rem;
  }
  .versa-timeline .versa-timeline-launch::before{
    content:"";
    position:absolute;
    left:50%;
    bottom:100%;
    width:2px;
    height:1.5rem;
    background:#6ea8fe;
    transform:translateX(-50%);
  }
}

/* Versa 0.10.7 Timeline — explicit marker shares the spine coordinate system. */
.versa-timeline ol > li{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
.versa-timeline ol > li::before{content:none!important}
.versa-timeline__dot{
  position:absolute;
  left:50%;
  top:1.55rem;
  width:16px;
  height:16px;
  box-sizing:border-box;
  border:3px solid #0d6efd;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 5px #e7f1ff;
  transform:translate(-50%,-50%);
  z-index:4;
  pointer-events:none;
}
@media(max-width:767.98px){
  .versa-timeline__dot{left:16px;top:.75rem}
}


/* Versa location map */
.versa-location-map{
  position:relative;
  width:100%;
  min-height:320px;
  margin-top:1.5rem;
  overflow:hidden;
  border:1px solid var(--versa-border,#dee2e6);
  border-radius:var(--versa-radius,18px);
  background:#f8f9fa;
  box-shadow:0 10px 30px rgba(33,37,41,.06);
}
.versa-location-map__canvas,.versa-location-map__canvas iframe{
  display:block;width:100%;height:320px;border:0;
}
.versa-location-map__fallback{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.6rem;
  padding:1.5rem;background:#f8f9fa;color:#495057;text-align:center;
}
.versa-location-map.is-loaded .versa-location-map__fallback{display:none}
.versa-location-map__fallback .bi{font-size:1.4rem;color:var(--versa-primary,#0d6efd)}
@media(max-width:575.98px){
  .versa-location-map,.versa-location-map__canvas,.versa-location-map__canvas iframe{min-height:260px;height:260px}
}

/* Versa 0.10.12 — global component consistency.
   Bootstrap semantic classes consume Versa tokens inside the site scope. */
.versa-site-site{
  --bs-primary:var(--versa-primary,#0d6efd);
  --bs-primary-rgb:13,110,253;
  --bs-secondary:var(--versa-secondary,#6c757d);
}
.versa-site-site .text-bg-primary,
.versa-site-site .bg-primary{
  background-color:var(--versa-primary,#0d6efd)!important;
}
.versa-site-site .text-primary{color:var(--versa-primary,#0d6efd)!important}
.versa-site-site .border-primary{border-color:var(--versa-primary,#0d6efd)!important}
.versa-site-site .btn-primary{
  --bs-btn-bg:var(--versa-primary,#0d6efd);
  --bs-btn-border-color:var(--versa-primary,#0d6efd);
  --bs-btn-hover-bg:var(--versa-primary-strong,#0b5ed7);
  --bs-btn-hover-border-color:var(--versa-primary-strong,#0b5ed7);
  --bs-btn-active-bg:var(--versa-primary-strong,#0b5ed7);
  --bs-btn-active-border-color:var(--versa-primary-strong,#0b5ed7);
  --bs-btn-color:#fff;
  --bs-btn-hover-color:#fff;
  --bs-btn-active-color:#fff;
}
.versa-site-site .btn-outline-primary,
.versa-site-site .btn-outline-secondary{
  --bs-btn-color:var(--versa-primary,#0d6efd);
  --bs-btn-border-color:var(--versa-primary,#0d6efd);
  --bs-btn-hover-bg:var(--versa-primary,#0d6efd);
  --bs-btn-hover-border-color:var(--versa-primary,#0d6efd);
  --bs-btn-hover-color:#fff;
  --bs-btn-active-bg:var(--versa-primary-strong,#0b5ed7);
  --bs-btn-active-border-color:var(--versa-primary-strong,#0b5ed7);
  --bs-btn-active-color:#fff;
}




/* Versa 0.10.15 — explicit pricing frequency selector */
.versa-site-site .versa-billing-selector{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.65rem .85rem;
  width:max-content;
  max-width:100%;
  margin:0;
  padding:0;
  border:0;
}
.versa-site-site .versa-billing-label{
  color:#495057;
  font-size:.9375rem;
  font-weight:700;
}
.versa-site-site .versa-billing-options{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.25rem;
  border:1px solid #d8dee6;
  border-radius:.75rem;
  background:#fff;
  box-shadow:0 1px 2px rgba(33,37,41,.04);
}
.versa-site-site .versa-billing-option{
  min-height:2.5rem;
  padding:.5rem .75rem;
  border:1px solid transparent;
  border-radius:.5rem;
  background:transparent;
  color:#495057;
  font:inherit;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
  cursor:pointer;
}
.versa-site-site .versa-billing-option:hover{
  background:#f8f9fa;
  color:#212529;
}
.versa-site-site .versa-billing-option.is-active,
.versa-site-site .versa-billing-option[aria-pressed="true"]{
  border-color:var(--versa-primary,#0d6efd);
  background:var(--versa-primary,#0d6efd);
  color:#fff;
}
.versa-site-site .versa-billing-option:focus-visible{
  outline:3px solid rgba(13,110,253,.22);
  outline-offset:2px;
}
.versa-site-site .versa-billing-save{
  display:inline-block;
  margin-left:.3rem;
  padding:.18rem .42rem;
  border-radius:.35rem;
  background:#e8f5e9;
  color:#146c43;
  font-size:.75rem;
  font-weight:800;
  line-height:1.15;
  vertical-align:.08rem;
}
.versa-site-site .versa-billing-option.is-active .versa-billing-save,
.versa-site-site .versa-billing-option[aria-pressed="true"] .versa-billing-save{
  background:#fff;
  color:#146c43;
}
@media (max-width:575.98px){
  .versa-site-site .versa-billing-selector{
    width:100%;
    align-items:flex-start;
  }
  .versa-site-site .versa-billing-label{width:100%}
  .versa-site-site .versa-billing-options{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .versa-site-site .versa-billing-option{white-space:normal}
}

/* Versa 0.10.17 — stronger module catalog section hierarchy */
.catalog-page .module-demo .lab-section-heading h2{
  font-weight:800;
}


/* Versa 0.11.0 — documentation and examples */
.versa-site-doc-hero{padding:clamp(3rem,7vw,6rem) 0;background:linear-gradient(135deg,#f8fbff,#e7f1ff);border-bottom:1px solid #dfe7f1}
.versa-site-doc-hero h1{max-width:850px;margin:.35rem 0 1rem;font-size:clamp(2.5rem,6vw,4.75rem);font-weight:850;letter-spacing:-.04em}
.versa-site-doc-hero p{max-width:760px;margin:0;color:#495057;font-size:clamp(1.05rem,2vw,1.3rem)}
.versa-site-eyebrow{color:var(--versa-primary,#0d6efd);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.versa-site-doc-icon{display:inline-flex;margin-bottom:1rem;color:var(--versa-primary,#0d6efd);font-size:1.75rem}
.versa-site-doc-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(2rem,5vw,5rem);padding-top:3rem;padding-bottom:5rem}
.versa-site-doc-nav{position:sticky;top:1rem;align-self:start;display:grid;gap:.35rem;padding:1rem;border:1px solid #dee2e6;border-radius:14px;background:#fff}
.versa-site-doc-nav strong{margin-bottom:.4rem}.versa-site-doc-nav a{padding:.35rem .5rem;border-radius:.4rem;color:#495057;text-decoration:none}.versa-site-doc-nav a:hover{background:#f1f5f9;color:#0d6efd}
.versa-site-doc-content{min-width:0;max-width:900px}.versa-site-doc-section{padding:0 0 3rem;margin:0 0 3rem;border-bottom:1px solid #e9ecef}.versa-site-doc-section:last-child{border:0}.versa-site-doc-section h2{font-weight:800;letter-spacing:-.02em}
.versa-site-doc-content pre{overflow:auto;padding:1rem;border-radius:12px;background:#101828;color:#f8f9fa}
.versa-site-swatch-row{display:flex;flex-wrap:wrap;gap:.75rem}.versa-site-swatch-row span{padding:.8rem 1rem;border-left:2rem solid var(--sw);background:#f8f9fa;border-radius:.5rem;font-weight:700}
.versa-site-icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.versa-site-icon-grid div{display:flex;align-items:center;gap:.6rem;padding:.8rem;border:1px solid #dee2e6;border-radius:.6rem}.versa-site-icon-grid i{font-size:1.3rem}
.versa-site-grid-demo>div{padding:1rem;background:#e7f1ff;border:1px solid #9ec5fe;border-radius:.4rem;text-align:center;font-weight:700}
.versa-site-example-stack{display:grid;gap:2rem}.versa-site-example-frame{padding:1.25rem;border:1px solid #dee2e6;border-radius:1rem}
.versa-site-play-section{padding:2rem 0;border-bottom:1px solid #dee2e6}.versa-site-play-section>h2{margin-bottom:1.25rem;font-weight:800}
.versa-site-masonry{columns:3 260px;column-gap:1.25rem}.versa-site-masonry .card{break-inside:avoid;margin:0 0 1.25rem}
.versa-site-doc-footer{padding:2rem 0;border-top:1px solid #dee2e6;background:#f8f9fa}.versa-site-doc-footer .versa-site-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;color:#6c757d}
@media(max-width:767.98px){.versa-site-doc-layout{grid-template-columns:1fr}.versa-site-doc-nav{position:static}.versa-site-doc-hero{padding:3rem 0}}


/* Versa 0.11.1 — complete advanced component discovery */
.versa-site-component-directory{border-bottom:1px solid var(--bs-border-color,#dee2e6);background:var(--bs-tertiary-bg,#f8f9fa)}
.versa-site-directory-title{margin:2rem 0 1rem;font-size:1.05rem;font-weight:800;color:var(--bs-emphasis-color,#212529)}
.versa-site-component-card,.versa-site-doc-link-card{position:relative;display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--bs-border-color,#dee2e6);background:var(--bs-body-bg,#fff);color:var(--bs-body-color,#212529);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.versa-site-component-card{min-height:100%;padding:1.25rem;border-radius:1rem}
.versa-site-component-card h3,.versa-site-component-card h4{margin:0 2rem .45rem 0;font-size:1.05rem;font-weight:800;color:var(--bs-emphasis-color,#212529)}
.versa-site-component-card p{margin:0;color:var(--bs-secondary-color,#6c757d)}
.versa-site-component-card__icon{position:absolute;right:1.1rem;top:1rem;font-weight:800;color:var(--versa-primary,#0d6efd)}
.versa-site-component-card:hover,.versa-site-component-card:focus-visible,.versa-site-doc-link-card:hover,.versa-site-doc-link-card:focus-visible{transform:translateY(-3px);border-color:var(--versa-primary,#0d6efd);box-shadow:0 .75rem 1.75rem rgba(33,37,41,.1)}
.versa-site-component-card:focus-visible,.versa-site-doc-link-card:focus-visible{outline:3px solid rgba(13,110,253,.22);outline-offset:3px}
.versa-site-doc-link-card{gap:.3rem;padding:1rem 1.1rem;border-radius:.8rem}
.versa-site-doc-link-card strong{font-weight:800;color:var(--bs-emphasis-color,#212529)}
.versa-site-doc-link-card span{color:var(--bs-secondary-color,#6c757d)}
.versa-site-example-family{padding:1.25rem;border:1px solid var(--bs-border-color,#dee2e6);border-radius:1rem;background:var(--bs-body-bg,#fff)}
.versa-site-example-family h3{font-size:1.05rem;font-weight:800}
.versa-site-example-family li+li{margin-top:.45rem}
.versa-site-example-family a{font-weight:650;text-decoration:none}
@media (prefers-reduced-motion:reduce){.versa-site-component-card,.versa-site-doc-link-card{transition:none}.versa-site-component-card:hover,.versa-site-component-card:focus-visible,.versa-site-doc-link-card:hover,.versa-site-doc-link-card:focus-visible{transform:none}}


/* Versa 0.11.2 — component library */
.versa-site-component-card__category{display:inline-block;margin-top:auto;padding-top:.75rem;color:var(--bs-secondary-color);font-size:.8125rem;font-weight:700;letter-spacing:.02em}
[data-component-card][hidden]{display:none!important}
.versa-site-component-filters .btn{min-height:2.75rem}
\n\n/* Versa 0.11.3 — component interaction and consistency */
/* All interactive cards share the same restrained lift used by Masonry. */
:is(.versa-site-site,.catalog-page) :is(.lab-gallery-item,.versa-hover,.versa-site-card,.lab-card,.team-card,.cp-team,.versa-video-card){transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
:is(.versa-site-site,.catalog-page) :is(.lab-gallery-item,.versa-hover,.versa-site-card,.lab-card,.team-card,.cp-team,.versa-video-card):is(:hover,:focus-within){transform:translateY(-4px);box-shadow:0 16px 36px rgba(33,37,41,.10);border-color:#c7d2e0}
/* Sliders move horizontally; viewport height is locked by JS to the tallest slide. */
[data-versa-slider]{overflow:hidden}.versa-slides{display:flex;align-items:stretch;width:100%;padding:0!important;overflow:visible;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform}.versa-slides>.versa-slide{flex:0 0 100%;width:100%;min-width:100%;align-self:stretch}.versa-slides>.versa-slide[aria-hidden="true"]{visibility:visible}
/* Continuous logo ticker. */
.versa-logo-viewport{overflow:hidden}.versa-logo-track{width:max-content;overflow:visible!important;scroll-snap-type:none!important;will-change:transform}.versa-logo-track>.cp-logo{width:240px;flex:0 0 240px}.is-ticking .versa-logo-track{animation:versa-logo-ticker 24s linear infinite}.is-ticking.is-paused .versa-logo-track{animation-play-state:paused}@keyframes versa-logo-ticker{to{transform:translateX(-50%)}}
/* Accordions keep a stable full width regardless of content length. */
[data-exclusive-accordion],.versa-accordion,.accordion{width:100%;max-width:100%}[data-exclusive-accordion]>details,.versa-accordion .accordion-item,.accordion .accordion-item{width:100%;box-sizing:border-box}
/* Click-to-expand cards no longer open merely by crossing them with the pointer. */
.versa-hover.is-expanded{box-shadow:0 16px 36px rgba(33,37,41,.10)}
/* True 3D card turn. */
[data-lab-flip]{position:relative;display:grid;perspective:1200px;transform-style:preserve-3d;min-height:340px;background:transparent!important;padding:0!important;overflow:visible!important}[data-lab-flip]>.lab-flip-front,[data-lab-flip]>.lab-flip-back{grid-area:1/1;display:flex!important;flex-direction:column;justify-content:space-between;width:100%;min-height:340px;padding:35px;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .25s;background:#f8f9fa;border:1px solid #dce5df}[data-lab-flip]>.lab-flip-front{transform:rotateY(0)}[data-lab-flip]>.lab-flip-back{transform:rotateY(180deg);background:#e7f1ff}[data-lab-flip].is-flipped>.lab-flip-front{transform:rotateY(-180deg)}[data-lab-flip].is-flipped>.lab-flip-back{transform:rotateY(0)}
/* Team content breathes inside its border. */
.cp-team>div:not(.cp-person),.team-card__body{padding:1.5rem}.cp-team h3:first-child{margin-top:0}
/* Image & Text: short copy centers vertically; long copy naturally starts at the top. */
.cp-split-media{align-items:stretch}.cp-split-media>div:last-child{display:flex;flex-direction:column;justify-content:center;align-self:stretch;padding:clamp(2rem,4vw,3.5rem)}.cp-split-media>div:last-child:has(> :nth-child(7)){justify-content:flex-start}
/* Canonical tabs use Bootstrap pills with Versa treatment. */
.lab-tabs.nav-pills{display:flex;gap:.65rem}.lab-tabs.nav-pills .nav-link{border:1px solid var(--versa-primary,#0d6efd);border-radius:999px;font-weight:700;padding:.7rem 1.1rem}.lab-tabs.nav-pills .nav-link.active{box-shadow:0 6px 16px rgba(13,110,253,.18)}
@media(max-width:767.98px){.versa-logo-track>.cp-logo{width:190px;flex-basis:190px}.lab-tabs.nav-pills{display:grid;grid-template-columns:1fr}.lab-tabs.nav-pills .nav-link{width:100%;text-align:left;border-radius:.75rem}.cp-split-media>div:last-child{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.versa-slides{transition:none}.is-ticking .versa-logo-track{animation:none}[data-lab-flip]>.lab-flip-front,[data-lab-flip]>.lab-flip-back{transition:none}}

.cp-team>h3,.cp-team>p,.cp-team>a{margin-left:1.5rem;margin-right:1.5rem}.cp-team>a{display:inline-block;margin-bottom:1.5rem}.cp-split-media.is-reversed>div:first-child{order:2}.cp-split-media.is-reversed>div:last-child{order:1}.versa-tabs-mobile{display:none}
@media(max-width:767.98px){.lab-tabs.nav-pills+.tab-content{display:none}.lab-tabs.nav-pills{display:none!important}.versa-tabs-mobile{display:block}.cp-split-media.is-reversed>div:first-child,.cp-split-media.is-reversed>div:last-child{order:initial}.versa-tabs-mobile .accordion-button{font-weight:700}.versa-tabs-mobile .accordion-body{padding:1.5rem}}
\n\n/* Versa 0.11.4 — targeted component corrections */
/* Home 02 media is a true scene background and never consumes layout height. */
/* Home 02 — immersive scene layout. Media lives inside the scene stacking context,
   above the section background and below the overlay/content. */
.home-02 .full-scene{overflow:hidden;isolation:isolate;background-color:#17242c}
.home-02 .scene-media{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.home-02 .scene-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border-radius:0}
.home-02 .scene-shade{z-index:1}
.home-02 .scene-content{position:relative;z-index:2;width:min(100%,650px)}
.home-02 .scene-video-toggle{z-index:3}
.home-02 .scene-1,.home-02 .scene-3{background-image:none}
.home-02 .scene-2{background-image:url('../../images/versa-content.svg')}
.home-02 .scene-4{background-image:url('../../images/versa-dashboard.svg')}
.home-02 .scene-2,.home-02 .scene-4{background-attachment:scroll;background-repeat:no-repeat;background-position:center;background-size:cover}
.home-02 .scene-right .scene-content{margin-left:auto}
@media(max-width:767.98px){.home-02 .full-scene{min-height:72svh;padding:6rem 1.5rem}.home-02 .scene-content{width:100%}}
/* Scroll Swap: stable two-column story with an obvious active step. */
.lab-scroll{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.lab-scroll-visual{position:sticky;top:115px;min-width:0}.lab-scroll-step{min-width:0;opacity:.58;transition:opacity .2s ease}.lab-scroll-step.is-active{opacity:1}
/* Captioned Gallery cards use the same lift/shadow language as Masonry cards. */
.versa-image-grid>a{display:block;overflow:hidden;border:1px solid #dce5df;border-radius:16px;background:#fff;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.versa-image-grid>a:is(:hover,:focus-visible){transform:translateY(-4px);box-shadow:0 16px 36px rgba(33,37,41,.10);border-color:#c7d2e0}
.versa-image-grid>a img{border-radius:0;transition:transform .3s ease}.versa-image-grid>a:is(:hover,:focus-visible) img{transform:scale(1.025)}
/* Logo ticker is automatic by default. Direction is configurable without carousel arrows. */
.is-ticking.is-reverse .versa-logo-track{animation-direction:reverse}
/* Multi-column accordion columns are equal and cannot resize from intrinsic content. */
[data-exclusive-accordion]>.lab-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;align-items:start}
[data-exclusive-accordion]>.lab-grid.two>div{width:100%;min-width:0}.cp-disclosure{width:100%;max-width:none;box-sizing:border-box}
/* Canonical Versa tabs: familiar tabs on desktop, accordion presentation on mobile. */
.lab-tabs.nav-tabs{display:flex;gap:.25rem;border-bottom:1px solid #dee2e6}.lab-tabs.nav-tabs .nav-link{border:1px solid transparent;border-radius:.5rem .5rem 0 0;padding:.75rem 1rem;font-weight:700;color:var(--versa-primary,#0d6efd);background:transparent}.lab-tabs.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.lab-tabs.nav-tabs .nav-link.active{color:#212529;background:#fff;border-color:#dee2e6 #dee2e6 #fff;box-shadow:none}
@media(max-width:767.98px){.lab-scroll{display:block}.lab-scroll-visual{display:none}[data-exclusive-accordion]>.lab-grid.two{grid-template-columns:1fr}.lab-tabs.nav-tabs+.tab-content{display:none}.lab-tabs.nav-tabs{display:none!important}}
@media(prefers-reduced-motion:reduce){.lab-scroll-step,.versa-image-grid>a,.versa-image-grid>a img{transition:none}}


/* Versa 0.11.6 — static media hero used by Home 04 and Home 05. */
.versa-media-hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(34rem,72vh,52rem);display:flex;align-items:center;background:#17242c;color:#fff}
.versa-media-hero__media,.versa-media-hero__shade{position:absolute;inset:0}
.versa-media-hero__media{z-index:0}
.versa-media-hero__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}
.versa-media-hero__shade{z-index:1;background:linear-gradient(90deg,rgba(8,24,38,.88) 0%,rgba(8,24,38,.66) 48%,rgba(8,24,38,.42) 100%)}
.versa-media-hero>.versa-site-container{position:relative;z-index:2;width:100%}
.versa-media-hero h1,.versa-media-hero p{color:#fff}
.versa-media-hero--form .versa-site-form-shell{background:rgba(255,255,255,.97);color:#212529;box-shadow:0 1.5rem 3rem rgba(0,0,0,.2)}
.versa-media-hero--form .versa-site-form-shell h2,.versa-media-hero--form .versa-site-form-shell p{color:inherit}
@media(max-width:767.98px){.versa-media-hero{min-height:auto;padding-block:6rem}.versa-media-hero__shade{background:rgba(8,24,38,.76)}}





/* Versa footer examples */
.versa-site-footer-demo{overflow:hidden;border-radius:1.25rem;box-shadow:0 1rem 2.5rem rgba(33,37,41,.08)}
.versa-footer{--vf-bg:#172033;--vf-text:#f8f9fa;--vf-muted:#c8d0dc;--vf-border:rgba(255,255,255,.14);background:var(--vf-bg);color:var(--vf-text)}
.versa-footer a{color:inherit;text-underline-offset:.25em}
.versa-footer h3{margin:0 0 1rem;color:inherit;font-size:1rem}
.versa-footer p{color:var(--vf-muted)}
.versa-footer__main{display:grid;grid-template-columns:minmax(15rem,1.55fr) minmax(8.5rem,.7fr) minmax(8.5rem,.7fr) minmax(13rem,1fr);gap:clamp(1.75rem,4vw,4rem);max-width:1280px;margin:auto;padding:clamp(2.5rem,6vw,5rem) 24px}
.versa-footer__logo{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:1.35rem;text-decoration:none}
.versa-footer__brand{display:flex;flex-direction:column;align-items:flex-start}
.versa-footer__brand .versa-footer__logo{margin-bottom:.85rem}
.versa-footer__contact{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;margin:0;color:var(--vf-muted);font-style:normal;line-height:1.55}
.versa-footer__contact span{margin-bottom:.2rem}
.versa-footer__contact a,.versa-footer__links a,.versa-footer__legal a{color:inherit;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.25em;transition:color .15s ease,text-decoration-color .15s ease}
.versa-footer__contact a:is(:hover,:focus-visible),.versa-footer__links a:is(:hover,:focus-visible),.versa-footer__legal a:is(:hover,:focus-visible){color:#fff;text-decoration-color:currentColor}
.versa-footer__social{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.versa-footer__social a{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid var(--vf-border);border-radius:50%;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}
.versa-footer__social a:hover{background:#fff;color:#172033;border-color:#fff;transform:translateY(-2px)}
.versa-footer__links{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}
.versa-footer__hours dl{margin:0}.versa-footer__hours dl>div+div{margin-top:1rem}.versa-footer__hours dt{font-weight:700}.versa-footer__hours dd{margin:.2rem 0 0;color:var(--vf-muted)}
.versa-footer__legal{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1280px;margin:auto;padding:1.25rem 24px;border-top:1px solid var(--vf-border)}
.versa-footer__legal p{margin:0;font-size:.9rem}.versa-footer__legal nav{display:flex;flex-wrap:wrap;gap:1.25rem;font-size:.9rem}
.versa-footer--compact{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(2rem,5vw,3.5rem);border-radius:1rem}
.versa-footer--compact p{margin:0}.versa-footer--compact nav{display:flex;flex-wrap:wrap;gap:1.25rem}
.versa-footer--directory{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:clamp(1.5rem,4vw,4rem);padding:clamp(2rem,5vw,4rem);border-radius:1rem}
.versa-footer--directory>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}
@media(max-width:991.98px) and (min-width:768px){
 .versa-footer__main{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
}
@media(max-width:767.98px){
 .versa-footer__main,.versa-footer--directory{grid-template-columns:1fr}
 .versa-footer__legal,.versa-footer--compact{align-items:flex-start;flex-direction:column}
}


/* Enhanced Versa Pre-Footer CTA */
.lab-demo--flush{padding:0;overflow:hidden}
.versa-prefooter{--prefooter-overlap:clamp(3rem,7vw,6rem);position:relative;padding:clamp(3rem,7vw,6rem) 24px calc(clamp(3rem,7vw,6rem) + var(--prefooter-overlap));background:#f1f5f9}
.versa-prefooter__inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;max-width:1160px;margin:auto}
.versa-prefooter__media{min-height:420px;overflow:hidden;border-radius:1.25rem}
.versa-prefooter__media img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover}
.versa-prefooter__panel{position:relative;z-index:1;margin-left:clamp(-5rem,-6vw,-3rem);padding:clamp(2rem,5vw,4rem);border-radius:1.25rem;background:#fff;box-shadow:0 1.25rem 3rem rgba(33,37,41,.12)}
.versa-prefooter__panel h2{margin:.5rem 0 1rem;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.03em}
.versa-prefooter__panel p{margin-bottom:1.5rem;font-size:1.075rem}
.versa-prefooter--overlap{margin-bottom:calc(var(--prefooter-overlap) * -1);z-index:2}
.versa-prefooter-demo-footer{position:relative;z-index:1;padding:calc(2rem + var(--prefooter-overlap,4rem)) 24px 2rem;background:#172033;color:#fff;text-align:center}
@media(max-width:767.98px){
 .versa-prefooter{--prefooter-overlap:2rem;padding:3rem 1rem calc(3rem + var(--prefooter-overlap))}
 .versa-prefooter__inner{grid-template-columns:1fr}
 .versa-prefooter__media{min-height:260px;border-radius:1rem}
 .versa-prefooter__media img{min-height:260px}
 .versa-prefooter__panel{margin:-2rem 1rem 0;padding:1.5rem;border-radius:1rem}
}

/* Versa canonical button system
   Bootstrap primary remains the visual source of truth. Context classes provide
   an intentional inverse treatment when primary actions sit on matching/dark surfaces. */
.versa-site-site{
  --versa-button-primary:var(--bs-primary,#0d6efd);
  --versa-button-surface:#fff;
  --versa-button-shadow:0 1px 2px rgba(0,0,0,.10),0 .3rem .75rem rgba(0,0,0,.08);
  --versa-button-shadow-hover:0 .3rem .65rem rgba(0,0,0,.12),0 .75rem 1.5rem rgba(0,0,0,.14);
}
.versa-site-site .btn{
  --bs-btn-border-width:1px;
  font-weight:700;
  transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.versa-site-site .btn-primary{
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--versa-button-primary);
  --bs-btn-border-color:var(--versa-button-primary);
  --bs-btn-hover-color:#fff;
  box-shadow:var(--versa-button-shadow);
}
.versa-site-site .btn-outline-primary{
  --bs-btn-color:var(--versa-button-primary);
  --bs-btn-bg:var(--versa-button-surface);
  --bs-btn-border-color:var(--versa-button-primary);
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:var(--versa-button-primary);
  --bs-btn-hover-border-color:var(--versa-button-primary);
  box-shadow:var(--versa-button-shadow);
}
.versa-site-site :is(.btn-primary,.btn-outline-primary):is(:hover,:focus-visible){
  box-shadow:var(--versa-button-shadow-hover);
  transform:translateY(-2px);
}
.versa-site-site :is(.btn-primary,.btn-outline-primary):active{
  box-shadow:0 1px 2px rgba(0,0,0,.12),0 .2rem .45rem rgba(0,0,0,.10);
  transform:translateY(0);
}
/* Add .versa-surface-primary to a section whose background matches the primary color.
   Primary actions invert naturally instead of gaining a forced contrasting ring. */
.versa-site-site .versa-surface-primary .btn-primary{
  --bs-btn-color:var(--versa-button-primary);
  --bs-btn-bg:#fff;
  --bs-btn-border-color:#fff;
  --bs-btn-hover-color:var(--versa-button-primary);
  --bs-btn-hover-bg:#f8f9fa;
  --bs-btn-hover-border-color:#f8f9fa;
}
.versa-site-site .versa-surface-primary .btn-outline-primary{
  --bs-btn-color:#fff;
  --bs-btn-bg:transparent;
  --bs-btn-border-color:rgba(255,255,255,.9);
  --bs-btn-hover-color:var(--versa-button-primary);
  --bs-btn-hover-bg:#fff;
  --bs-btn-hover-border-color:#fff;
}
.versa-site-site :is(.btn-primary,.btn-outline-primary):disabled,
.versa-site-site :is(.btn-primary,.btn-outline-primary).disabled{
  box-shadow:none;
  transform:none;
}
@media(prefers-reduced-motion:reduce){
  .versa-site-site .btn{transition:none}
  .versa-site-site :is(.btn-primary,.btn-outline-primary):is(:hover,:focus-visible){transform:none}
}


/* Versa Navigation / Mega Menu */
.versa-mega{position:relative;isolation:isolate;background:#fff;color:#172033}
.versa-mega__bar{display:flex;align-items:center;gap:2rem;max-width:1280px;min-height:76px;margin:auto;padding:0 24px}
.versa-mega__brand{flex:0 0 auto;color:var(--bs-primary);font-size:1.75rem;font-weight:800;letter-spacing:-.04em;text-decoration:none}
.versa-mega__nav{display:flex;align-items:center;gap:.35rem;width:100%}
.versa-mega__nav>a,.versa-mega__trigger{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem .85rem;border:0;border-radius:.65rem;background:transparent;color:#172033;font-weight:700;text-decoration:none}
.versa-mega__nav>a:is(:hover,:focus-visible),.versa-mega__trigger:is(:hover,:focus-visible),.versa-mega__trigger[aria-expanded="true"]{background:#f1f5f9;color:var(--bs-primary)}
.versa-mega__trigger .bi{font-size:.75rem;transition:transform .2s ease}
.versa-mega__trigger[aria-expanded="true"] .bi{transform:rotate(180deg)}
.versa-mega__item{position:static}
.versa-mega__panel{position:absolute;z-index:30;top:calc(100% + 1px);left:50%;width:min(calc(100vw - 48px),1180px);padding:1.25rem;visibility:hidden;opacity:0;transform:translate(-50%,-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;background:#fff;border:1px solid #dce5df;border-radius:0 0 1.25rem 1.25rem;box-shadow:0 1.5rem 3.5rem rgba(23,32,51,.16)}
.versa-mega__trigger[aria-expanded="true"]+.versa-mega__panel{visibility:visible;opacity:1;transform:translate(-50%,0)}
.versa-mega__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(14rem,.9fr);gap:1rem}
.versa-mega__group{padding:.75rem}
.versa-mega__label{margin:0 0 .65rem;color:#667085;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.versa-mega__group a{display:flex;flex-direction:column;gap:.15rem;margin:.15rem 0;padding:.75rem;border-radius:.75rem;color:#172033;text-decoration:none}
.versa-mega__group a span{color:#667085;font-size:.875rem;font-weight:400;line-height:1.4}
.versa-mega__group a:is(:hover,:focus-visible){background:#f1f5f9;color:var(--bs-primary)}
.versa-mega__feature{display:flex;flex-direction:column;justify-content:flex-end;min-height:260px;padding:1.5rem;border-radius:1rem;background:linear-gradient(145deg,#e7f1ff,#f8f9fa);color:#172033;text-decoration:none}
.versa-mega__feature strong{margin:.45rem 0;font-size:1.35rem}
.versa-mega__feature>span:not(.versa-site-eyebrow):not(.versa-mega__feature-link){color:#52606d}
.versa-mega__feature-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;color:var(--bs-primary);font-weight:800}
.versa-mega__feature:is(:hover,:focus-visible){box-shadow:0 .75rem 1.5rem rgba(23,32,51,.12);transform:translateY(-2px)}
.versa-mega__cta{margin-left:auto!important;padding-inline:1.2rem!important;color:#fff!important}
.versa-mega__mobile-toggle{display:none;margin-left:auto;padding:.55rem .8rem;border:1px solid #dce5df;border-radius:.65rem;background:#fff;color:#172033;font-weight:700}
@media(max-width:991.98px){
 .versa-mega__bar{flex-wrap:wrap;gap:0;min-height:68px;padding-block:.65rem}
 .versa-mega__mobile-toggle{display:inline-flex;align-items:center;gap:.5rem}
 .versa-mega__nav{display:none;flex:0 0 100%;align-items:stretch;flex-direction:column;padding:.75rem 0 .25rem}
 .versa-mega__mobile-toggle[aria-expanded="true"]+.versa-mega__nav{display:flex}
 .versa-mega__nav>a,.versa-mega__trigger{width:100%;justify-content:space-between;padding:.85rem}
 .versa-mega__panel{position:static;width:auto;padding:.5rem 0 0;visibility:visible;display:none;opacity:1;transform:none;border:0;border-radius:0;box-shadow:none}
 .versa-mega__trigger[aria-expanded="true"]+.versa-mega__panel{display:block;transform:none}
 .versa-mega__grid{grid-template-columns:1fr}
 .versa-mega__group{padding:.25rem .5rem}
 .versa-mega__group a{padding:.65rem .75rem}
 .versa-mega__feature{min-height:0;margin:.5rem;padding:1.25rem}
 .versa-mega__cta{margin:.5rem 0 0!important;justify-content:center!important}
}
@media(prefers-reduced-motion:reduce){.versa-mega__panel,.versa-mega__trigger .bi,.versa-mega__feature{transition:none}}

.module-demo:has(.versa-mega) .lab-demo--flush{overflow:visible}
.module-demo:has(.versa-mega){position:relative;z-index:5}
@media(min-width:992px){
 .versa-mega__panel{max-height:min(70vh,620px);overflow:auto}
}
@media(max-width:991.98px){
 .versa-mega__panel{max-height:none;overflow:visible}
}


/* Component Library category grouping */
.versa-site-component-group{margin-top:clamp(2.5rem,6vw,4.5rem)}
.versa-site-component-group:first-child,.versa-site-component-group.is-first-visible{margin-top:0}
.versa-site-component-group__title{margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #dce5df;font-size:clamp(1.35rem,2.5vw,1.75rem);letter-spacing:-.02em}
.versa-site-component-group[hidden]{display:none!important}

/* Canonical Versa Mega Menu — live site instances */
.versa-site-navbar .versa-site-mega{position:static}
.versa-site-navbar .versa-mega__trigger{color:inherit;font-size:inherit}
.versa-site-navbar .versa-mega__panel{top:100%}
.versa-site-navbar .versa-mega__grid{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(15rem,1fr)}
.versa-site-navbar .versa-mega__feature{min-height:0;display:grid;grid-template-rows:110px auto}
.versa-site-navbar .versa-mega__feature img{display:block;width:100%;height:110px;object-fit:cover;background:#e7f1ff}
.versa-site-navbar .versa-mega__feature .versa-site-eyebrow{margin-top:1rem;padding-inline:1.25rem}
.versa-site-navbar .versa-mega__feature strong,.versa-site-navbar .versa-mega__feature>span:not(.versa-site-eyebrow){padding-inline:1.25rem}
.versa-site-navbar .versa-mega__feature .versa-mega__feature-link{padding-bottom:1.25rem}
.versa-site-mega__all{padding:.8rem 1.75rem;border-top:1px solid #e7ebef;background:#f8fafc}
.versa-site-mega__all a{display:inline-flex;align-items:center;gap:.4rem;color:var(--bs-primary);font-weight:800;text-decoration:none}
@media(max-width:991.98px){
 .versa-site-navbar .versa-site-mega{width:100%}
 .versa-site-navbar .versa-mega__grid{grid-template-columns:1fr}
 .versa-site-navbar .versa-mega__feature{grid-template-columns:100px 1fr;grid-template-rows:auto;margin:.5rem}
 .versa-site-navbar .versa-mega__feature img{width:100px;height:100%;min-height:120px;grid-row:1/6}
}

/* Live Mega Menu destination descriptions */
.versa-site-navbar .versa-mega__group a{display:flex;flex-direction:column;align-items:flex-start;gap:.12rem}
.versa-site-navbar .versa-mega__group a>span{color:#667085;font-size:.78rem;font-weight:400;line-height:1.35}
.versa-site-navbar .versa-mega__group a:is(:hover,:focus-visible)>span{color:#52606d}


/* Home 07 — canonical Versa hero */
.home07-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(4.5rem,8vw,7rem) 24px;
  background:#f8fafc;
  border-bottom:1px solid #e7ebef;
}
.home07-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto -10rem -18rem auto;
  width:34rem;
  aspect-ratio:1;
  border-radius:50%;
  background:color-mix(in srgb,var(--bs-primary) 9%,transparent);
}
.home07-hero__grid{
  width:100%;
  max-width:1280px;
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);
  gap:clamp(2.5rem,6vw,5.5rem);
  align-items:center;
}
.home07-hero__copy{max-width:42rem}
.home07-hero__copy h1{
  margin:.65rem 0 1.25rem;
  font-size:clamp(2.75rem,5.4vw,4.75rem);
  line-height:1;
  letter-spacing:-.045em;
}
.home07-hero__copy p{
  max-width:38rem;
  margin-bottom:1.75rem;
  color:#52606d;
  font-size:clamp(1.05rem,1.6vw,1.2rem);
}
.home07-hero__visual{
  overflow:hidden;
  border:1px solid #dce4ec;
  border-radius:1.25rem;
  background:#fff;
  box-shadow:0 1rem 3rem rgba(33,37,41,.10);
}
.home07-hero__visual img{display:block;width:100%;height:auto}
@media(max-width:991.98px){
  .home07-hero__grid{grid-template-columns:1fr}
  .home07-hero__visual{max-width:720px}
}
@media(max-width:767.98px){
  .home07-hero{padding:3.5rem 20px}
  .home07-hero__copy h1{font-size:clamp(2.5rem,12vw,4rem)}
}


/* Footer creator attribution */
footer .versa-footer-tagline,
footer .versa-footer-tagline a {
  font: inherit;
  line-height: inherit;
}
footer .versa-footer-tagline {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0;
}
footer .versa-footer-tagline a {
  display: inline;
}

/* Search form — canonical responsive layout */
.versa-site-search-form{display:flex;align-items:stretch;gap:1rem;width:100%}
.versa-site-search-form .form-control{min-width:0;min-height:3.25rem;border-radius:var(--bs-border-radius,.375rem)}
.versa-site-search-form .btn{flex:0 0 auto;min-width:11.25rem;min-height:3.25rem}
@media(max-width:575.98px){
 .versa-site-search-form{flex-direction:column;align-items:flex-start;gap:1rem}
 .versa-site-search-form .form-control{width:100%}
 .versa-site-search-form .btn{width:auto;min-width:11.25rem}
}