/* Maveryk V3 for every inner page. Loads after styles.css and v3.css.
   styles.css still provides the layouts (grids, page heroes, articles, forms);
   this file swaps its look for V3: Palette B + cyan, Manrope / DM Sans / DM Mono,
   pill buttons with an arrow island, calm surfaces, no gradient text, no italics. */

/* ---------- old token names, mapped to V3 ---------- */
body.v3{
  --navy:#19252E; --navy-1:#1E2C36; --navy-2:#22323E; --panel:#22323E;
  --cyan:#36CFFF; --cyan-2:#6FDBFF; --cyan-deep:#1BA8E0; --violet:#36CFFF;
  --white:#D3DEE4; --mute:#ADAFBA; --faint:#9A9CA8;
  --line:rgba(211,222,228,.12); --line-2:rgba(211,222,228,.22); --glass:rgba(211,222,228,.04);
  --serif:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-variant-numeric:tabular-nums;
  --surface:linear-gradient(180deg,rgba(211,222,228,.055),rgba(211,222,228,.025));
}
.v3 .progress-top{background:var(--signal);box-shadow:none}

/* ---------- type: one sans family, weight does the work ---------- */
.v3 .display,.v3 .page-hero h1,.v3 .article-hero h1,.v3 .cs-hero h1,.v3 .lp-hero h1,.v3 .lp-h2,.v3 .final h2,
.v3 .center-head h2,.v3 .section-head h2,.v3 .sb-intro h2,.v3 .sb-pricing-head h3,.v3 .contact-copy h2{
  font-family:var(--ui);font-weight:800;letter-spacing:-.035em;line-height:1.06;color:var(--mist);text-wrap:balance}
.v3 .display em,.v3 .lp-hero h1 em,.v3 .lp-h2 em,.v3 .sb-pricing-head h3 em,.v3 h1 em,.v3 h2 em{
  font-style:normal;font-weight:inherit;background:none;-webkit-text-fill-color:currentColor;color:var(--signal)}
/* card and list headings that styles.css set in the old serif */
.v3 .step h3,.v3 .feat h3,.v3 .sw-point h3,.v3 .case-body h3,.v3 .case-body h2,.v3 .plan h3,.v3 .sw-pricing h3,.v3 .cap h3,.v3 .post-body h3,.v3 .post-body h2,
.v3 .prose h2,.v3 .cs-block h2,.v3 .guarantee h4,.v3 .guarantee h3,.v3 .lp-step h3,.v3 .ent-band h3,.v3 .auth-card h1,.v3 .app-main h1,
.v3 .swp .tier,.v3 .sb-cta h4,.v3 .form-success h3,.v3 .problem-cell h3,.v3 .roi-left h3{
  font-family:var(--ui);font-weight:800;letter-spacing:-.02em}
/* big numbers: heavy, tabular, solid colour (no gradient text) */
.v3 .plan .price,.v3 .swp .range,.v3 .page-hero-stats .s strong,.v3 .proof-item strong,.v3 .case-top .metric,.v3 .cs-bigstat .v,
.v3 .cs-metric .v,.v3 .bignum,.v3 .stack-total .r,.v3 .ent-band .ent-price,.v3 .pstat .v,.v3 .pstat .n,.v3 .lpt .amt,
.v3 .ring-band .rb-num,.v3 .roi-big{
  font-family:var(--ui);font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums;
  background:none;-webkit-text-fill-color:currentColor;color:var(--mist)}
.v3 .page-hero-stats .s strong.cy,.v3 .case-top .metric,.v3 .cs-bigstat .v,.v3 .bignum{color:var(--signal)}
.v3 .lede,.v3 .page-hero .lede,.v3 .center-head p,.v3 .lp-lead,.v3 .lp-hero .sub{color:var(--pant)}
.v3 .quote blockquote,.v3 .cs-quote blockquote,.v3 .prose blockquote{font-family:var(--ui);font-style:normal;font-weight:600;letter-spacing:-.015em}
.v3 .quote blockquote .hl{background:none;-webkit-text-fill-color:currentColor;color:var(--signal);font-style:normal}

/* labels: the old mono-caps micro labels become quiet sans labels */
.v3 .breadcrumb{font:600 13.5px var(--ui);letter-spacing:0;text-transform:none;color:var(--pant);margin-bottom:22px}
.v3 .breadcrumb a{color:var(--pant);text-decoration:underline;text-decoration-color:rgba(211,222,228,.25);text-underline-offset:4px}
.v3 .breadcrumb a:hover{color:var(--signal)}
.v3 .kicker{font:700 13px/1.2 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--signal);display:block}
.v3 .kicker::before{content:"";display:inline-block;width:18px;height:3px;border-radius:2px;background:var(--signal);vertical-align:middle;margin:-2px 10px 0 0;flex:none}
.v3 .kicker .num{display:none}
/* one label per page hero; section headlines speak for themselves */
.v3 .section .section-head .kicker,.v3 .section .center-head .kicker,.v3 .sb-pricing-head .kicker{display:none}
.v3 .final .kicker{display:inline-block}
.v3 .article-cat,.v3 .cs-hero .industry,.v3 .eyebrow,.v3 .urgency,.v3 .sb-tag{font:700 12.5px/1 var(--ui);letter-spacing:.02em;text-transform:none;
  color:var(--ink);background:var(--signal);border:0;border-radius:8px;padding:7px 10px;display:inline-flex;align-items:center;gap:8px}
.v3 .sb-tag::before{display:none}
.v3 .urgency .pulse{background:var(--ink);box-shadow:none}
.v3 .step .when,.v3 .case-top .tag,.v3 .cs-block .lab,.v3 .ent-band .tag,.v3 .ring-band .rb-lbl,.v3 .sw-process .ph,.v3 .swp .delivery,
.v3 .compare-head .col,.v3 .pcard > h2,.v3 .pstat .k,.v3 .pstat .s,.v3 .admin-table th,.v3 .foot-col h4,.v3 .trust-label,.v3 .roi-right .cap{
  font-family:var(--ui);font-weight:700;letter-spacing:.06em}

/* ---------- buttons: the old trailing arrow becomes the V3 arrow island ---------- */
.v3 .btn > svg:last-child{box-sizing:content-box;width:15px;height:15px;padding:11px;margin:0 -18px 0 0;border-radius:50%;flex:none;
  background:rgba(25,37,46,.12);transition:transform .5s var(--ease)}
.v3 .btn:has(> svg:last-child){padding-right:24px}
.v3 .btn:hover > svg:last-child{transform:translate(2px,-2px) scale(1.06)}
.v3 .btn-ghost > svg:last-child{background:rgba(211,222,228,.1)}
.v3 .btn-sm{min-height:40px;font-size:13.5px;padding:0 16px}
.v3 .cta-xl{min-height:58px;font-size:17px;padding:0 32px}
.v3 .mag{display:inline-flex}
.v3 .btn-google{background:#fff;color:#1a1a1a;box-shadow:none}
.v3 .talk-live{box-shadow:inset 0 0 0 1.5px rgba(54,207,255,.6)!important;border:0!important}

/* ---------- page heroes ---------- */
.v3 .page-hero,.v3 .article-hero,.v3 .cs-hero{padding-top:clamp(132px,15vw,176px);border-bottom:1px solid var(--line);isolation:isolate}
.v3 .lp-hero{padding-top:clamp(120px,13vw,150px);isolation:isolate}
.v3 .page-hero .wrap,.v3 .article-hero .wrap,.v3 .cs-hero .wrap,.v3 .lp-hero .wrap{z-index:2}
.v3 .page-hero h1{font-size:clamp(40px,5.4vw,72px);max-width:17ch}
.v3 .article-hero h1{font-size:clamp(32px,4.2vw,52px)}
.v3 .cs-hero h1{font-size:clamp(32px,4.4vw,54px)}
.v3 .page-hero-stats{gap:16px;margin-top:48px}
.v3 .page-hero-stats .s{padding:18px 22px;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);min-width:150px}
.v3 .page-hero-stats .s strong{font-size:34px}
.v3 .page-hero-stats .s span{font-family:var(--ui);color:var(--pant)}
.v3 .aurora{opacity:.32}

/* ---------- sections ---------- */
.v3 .section{padding:clamp(88px,10vw,128px) 0}
.v3 .section-head{display:block;max-width:820px;margin-bottom:clamp(40px,5vw,60px)}
.v3 .section-head h2{font-size:clamp(34px,4.4vw,58px)}
.v3 .section-head p,.v3 .section-head .lede{margin-top:18px;color:var(--pant);max-width:62ch}
.v3 .center-head{max-width:760px}
.v3 .center-head h2{font-size:clamp(32px,4.2vw,54px)}
.v3 .tint{background:var(--deep)}
.v3 .section.tint + .section.tint{border-top:1px solid var(--line)}

/* ---------- surfaces: one card language everywhere ---------- */
.v3 .feat,.v3 .cap,.v3 .case,.v3 .post,.v3 .plan,.v3 .swp,.v3 .cs-metric,.v3 .tcard,.v3 .lpt,.v3 .panel,.v3 .stack,.v3 .sw-process,
.v3 .sb-cta,.v3 .ent-band,.v3 .blog-feat,.v3 .demo-player,.v3 .compare,.v3 .pcard,.v3 .pstat,.v3 .auth-card,.v3 .contact-form-wrap,
.v3 .sw-pricing,.v3 .ring-band,.v3 .cs-quote,.v3 .problem-grid{
  border:0;border-radius:24px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);backdrop-filter:none}
.v3 .feat:hover,.v3 .cap:hover,.v3 .case:hover,.v3 .post:hover,.v3 .plan:hover,.v3 .swp:hover{border-color:transparent;
  box-shadow:inset 0 0 0 1px var(--line-2),0 30px 60px -40px rgba(5,10,14,.9)}
.v3 .cap:hover,.v3 .post:hover{transform:translateY(-3px)}
.v3 .feat::after{border-radius:24px}
/* the recommended option is marked by colour, not height */
.v3 .plan.featured,.v3 .swp.featured,.v3 .lpt.on{background:linear-gradient(180deg,rgba(54,207,255,.1),rgba(54,207,255,.03));
  box-shadow:inset 0 0 0 1.5px var(--signal),0 0 0 6px rgba(54,207,255,.12)}
.v3 .plan .badge,.v3 .swp .badge,.v3 .lpt-chip{background:var(--signal);color:var(--ink);font:700 12.5px/1 var(--ui);letter-spacing:0;text-transform:none;
  border-radius:8px;padding:7px 10px;left:28px;transform:none}
.v3 .lpt-chip{left:50%;transform:translateX(-50%)}
/* icon tiles */
.v3 .feat-icon,.v3 .cap .ic,.v3 .panel-list .row .ic{border:0;border-radius:14px;background:rgba(54,207,255,.12);box-shadow:inset 0 0 0 1px rgba(54,207,255,.28)}
.v3 .plan ul li svg,.v3 .swp ul li svg,.v3 .checklist li svg,.v3 .stack-row .it svg{stroke:var(--signal)}
.v3 .plan .mins,.v3 .swp .setup{color:var(--signal)}
.v3 .plan .tagline,.v3 .swp .desc,.v3 .swp .retainer,.v3 .swp .usage{color:var(--pant)}
.v3 .plan .price small,.v3 .swp .range small{font-family:var(--sans);font-weight:400;letter-spacing:0;color:var(--pant)}
.v3 .plan .btn,.v3 .swp .btn,.v3 .lpt .btn{width:100%}

/* problem grid (2x2) keeps its hairline gutters */
.v3 .problem-grid{gap:1px;background:var(--line);overflow:hidden}
.v3 .problem-cell{background:var(--night)}
.v3 .problem-cell:hover{background:var(--navy-1)}
.v3 .problem-cell .pnum{display:none}

/* steps */
.v3 .steps::before{background:linear-gradient(90deg,transparent,var(--signal),transparent);opacity:.6}
.v3 .step-dot{background:var(--deep);border:0;box-shadow:inset 0 0 0 1.5px var(--signal);color:var(--signal);font-family:var(--mono)}
.v3 .step.hot .step-dot{background:var(--signal);color:var(--ink);box-shadow:none}
.v3 .lp-step .n{background:var(--signal);color:var(--ink);box-shadow:none}
.v3 .sw-step .dot{background:var(--deep);border-color:var(--signal)}
.v3 .sw-step .dot i{box-shadow:none}

/* FAQ accordion */
.v3 .faq-list{max-width:820px;border-top:1px solid var(--line)}
.v3 .faq button{font:700 19px/1.4 var(--ui);letter-spacing:-.01em;color:var(--mist);padding:24px 2px;min-height:44px}
.v3 .faq button:hover{color:var(--signal)}
.v3 .faq button .chev{border:0;box-shadow:inset 0 0 0 1.5px var(--line-2);width:34px;height:34px;transition:transform .45s var(--ease),background-color .3s}
.v3 .faq button .chev svg{stroke:var(--mist)}
.v3 .faq.open button .chev{background:var(--signal);box-shadow:none}
.v3 .faq.open button .chev svg{stroke:var(--ink)}
.v3 .faq .answer{transition:max-height .45s var(--ease)}
.v3 .faq .answer p{color:var(--pant);font-size:16px}

/* comparison table */
.v3 .compare{overflow:hidden}
.v3 .compare-head{background:rgba(211,222,228,.04)}
.v3 .compare-head .col{font-size:12.5px;color:var(--pant)}
.v3 .compare-head .col.us{color:var(--signal)}
.v3 .compare-row .col.us{background:rgba(54,207,255,.07);color:var(--mist)}
.v3 .compare .yes{color:var(--signal)}

/* industries chips */
.v3 .ind-grid a,.v3 .ind-grid span,.v3 .sb-chips span{font:600 14.5px var(--ui);border:0;box-shadow:inset 0 0 0 1px var(--line-2);background:rgba(211,222,228,.04);color:var(--mist)}
.v3 .ind-grid a:hover{box-shadow:inset 0 0 0 1.5px var(--signal);background:rgba(54,207,255,.08)}
.v3 .trust{background:var(--deep)}
.v3 .marquee-track span{font-family:var(--ui);font-weight:700;color:var(--pant);opacity:1}

/* closing call to action: a double-bezel card with the constellation behind */
.v3 .final{margin:0 clamp(8px,1.6vw,24px);border:0;border-radius:clamp(28px,3.6vw,44px);isolation:isolate;
  background:radial-gradient(70% 90% at 50% 0%,rgba(54,207,255,.14),transparent 60%),linear-gradient(180deg,#203040,#18242D);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 0 1px var(--line),0 0 0 6px rgba(211,222,228,.04)}
.v3 .final-glow{display:none}
.v3 .final-in{z-index:2;padding:clamp(80px,9vw,112px) 24px}
.v3 .final h2{font-size:clamp(36px,5vw,64px)}
.v3 .final p{color:var(--pant)}
.v3 .final .micro{font-family:var(--ui);color:var(--pant)}

/* ---------- software band and pricing extras ---------- */
.v3 .software-band{background:var(--deep);border-color:var(--line)}
.v3 .software-band::before{display:none}
.v3 .sw-pricing{border-style:solid}
.v3 .ent-band{background:radial-gradient(80% 120% at 0% 0%,rgba(54,207,255,.12),transparent 60%),var(--surface)}
.v3 .price-note{color:var(--pant)}

/* ---------- blog + articles ---------- */
.v3 .post .cat{font:700 12px/1 var(--ui);letter-spacing:0;text-transform:none;background:var(--signal);color:var(--ink);border:0;border-radius:8px;padding:6px 9px;backdrop-filter:none}
.v3 .post-meta,.v3 .article-meta{font-family:var(--ui);color:var(--pant)}
.v3 .post-meta .dot,.v3 .article-meta .dot{background:var(--pant)}
.v3 .article-figure img{border:0;border-radius:24px;box-shadow:0 40px 80px -50px rgba(5,10,14,.95)}
.v3 .prose{color:#C2CDD3}
.v3 .prose h2{font-size:clamp(26px,2.8vw,32px);color:var(--mist);letter-spacing:-.025em}
.v3 .prose h3{font-family:var(--ui);font-weight:700;color:var(--mist)}
.v3 .prose a{color:var(--signal);text-decoration-color:rgba(54,207,255,.5)}
.v3 .prose ul li::before{box-shadow:none;border-radius:2px;width:8px;height:3px;top:13px}
.v3 .prose blockquote{border-left:3px solid var(--signal);font-size:21px;color:var(--mist)}
.v3 .article-foot a.back{font-family:var(--ui);font-weight:600}

/* ---------- case studies ---------- */
.v3 .cs-hero .who{font-family:var(--ui);color:var(--pant)}
.v3 .cs-timeline{border-left-color:var(--line-2)}
.v3 .cs-timeline .ev::before{box-shadow:none}
.v3 .cs-timeline .ev .d{font-family:var(--ui);font-weight:700}
.v3 .cs-quote{background:radial-gradient(80% 120% at 50% 0%,rgba(54,207,255,.1),transparent 60%),var(--surface)}

/* ---------- landing pages ---------- */
.v3 .agitate li svg{stroke:#FF9DA9}
.v3 .stack-head{background:rgba(54,207,255,.08);font-family:var(--ui);font-weight:700;border-bottom-color:var(--line)}
.v3 .stack-row{border-bottom-color:var(--line)}
.v3 .stack-total{background:rgba(211,222,228,.03)}
.v3 .guarantee{max-width:720px;border:0;border-radius:24px;background:var(--night);box-shadow:inset 0 0 0 1.5px rgba(54,207,255,.45)}
.v3 .guarantee .gic{background:rgba(54,207,255,.14)}
.v3 .tcard .stars{color:var(--signal)}

/* ---------- forms ---------- */
.v3 .field label{font:600 14px var(--ui);letter-spacing:0;text-transform:none;color:var(--mist);margin-bottom:8px}
.v3 .field label .opt{color:var(--pant)}
/* background-color, not the shorthand: styles.css draws the select arrow as a
   background-image, which the shorthand wiped (no arrow on any V3 dropdown). */
.v3 .field input,.v3 .field select,.v3 .field textarea{font-family:var(--sans);font-size:16px;color:var(--mist);background-color:rgba(211,222,228,.05);
  border:1px solid var(--line-2);border-radius:14px;padding:13px 14px;min-height:48px}
.v3 .field select{padding-right:38px}
.v3 .field input::placeholder,.v3 .field textarea::placeholder{color:#8F94A0}
.v3 .field input:focus,.v3 .field select:focus,.v3 .field textarea:focus{border-color:var(--signal);box-shadow:0 0 0 3px rgba(54,207,255,.2)}
.v3 .field select option{background:var(--navy-1)}
.v3 .field .err{color:#FFB3BD;font-size:13px}
.v3 .form-note{font-family:var(--ui);color:var(--pant)}
.v3 .success-check{background:var(--signal);box-shadow:0 0 0 8px rgba(54,207,255,.14)}

/* ---------- app screens (portal, admin, login) ---------- */
.v3 .app-header{background:rgba(19,29,37,.86);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.v3 .app-header a.tab{font-family:var(--ui);font-weight:600;border-radius:999px}
.v3 .app-header a.tab.on,.v3 .app-header a.tab:hover{background:rgba(211,222,228,.08);color:var(--mist)}
.v3 .pcard{border-radius:24px}
.v3 .pstat{border-radius:18px}
.v3 .badge-status{font-family:var(--ui);font-weight:600}
.v3 .auth-card{border-radius:28px;box-shadow:inset 0 0 0 1px var(--line),0 0 0 6px rgba(211,222,228,.04),0 40px 80px -50px rgba(5,10,14,.9)}
.v3 .auth-divider{font-family:var(--ui)}
.v3 .ctag{font-family:var(--ui);font-weight:700;letter-spacing:.02em}

/* ---------- island nav variants ---------- */
/* ad landing pages: logo and one button, no menu */
.v3 .island.is-min .island-bar{width:min(1000px,calc(100% - 32px))}
.v3 .island.is-min .nav-book{margin-left:auto}
.v3 .island .nav-links a.active{color:var(--mist);background:rgba(211,222,228,.08)}
@media (max-width:980px){
  .v3 .island.is-min .nav-book{width:auto;min-height:44px;opacity:1;transform:none;font-size:14px}
  .v3 .island .nav-links a.active{background:none;color:var(--signal)}
}

@media (max-width:760px){
  .v3 .page-hero-stats .s{flex:1 1 calc(50% - 8px);min-width:0}
  .v3 .final{margin:0 8px}
}
@media (prefers-reduced-motion: reduce){
  .v3 .faq .answer,.v3 .btn > svg:last-child{transition:none}
}

/* ---------- contact page ---------- */
.v3 .contact-sec-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,72px);align-items:start}
.v3 .contact-side h2{font:800 clamp(26px,2.6vw,34px)/1.15 var(--ui);letter-spacing:-.025em;color:var(--mist)}
.v3 .contact-side p{margin-top:14px;color:var(--pant);max-width:40ch}
.v3 .contact-side .btn{margin-top:24px}
.v3 .contact-alt{font-size:15px}
.v3 .contact-alt a{color:var(--signal);text-decoration:underline;text-underline-offset:4px}
.v3 .contact-core{background:#1E2C36;padding:clamp(22px,3vw,36px)}
.v3 .contact-core .form-row{gap:14px}
.v3 .contact-core .form-submit{width:100%;margin-top:6px;min-height:54px}
.v3 .contact-core .form-submit[disabled]{opacity:.65;cursor:wait}
.v3 .form-err{margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(255,122,138,.1);color:#FFB3BD;font-size:14.5px}
.v3 .form-err a{color:var(--mist);text-decoration:underline}
.v3 .form-note a{color:var(--pant);text-decoration:underline}
.v3 .form-success:focus{outline:none}
@media (max-width:860px){ .v3 .contact-sec-grid{grid-template-columns:1fr} }

/* ---------- offer page (its own layout, V3 type and surfaces) ---------- */
.v3 .of-hero h1,.v3 .of-sec h2,.v3 .of-close h2,.v3 .gtee h3{font-family:var(--ui);font-weight:800;letter-spacing:-.03em;color:var(--mist)}
.v3 .of-hero h1 em{font-style:normal;color:var(--signal)}
.v3 .ring .num,.v3 .inv .tier .amt{font-family:var(--ui);font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.v3 .of-head .for,.v3 .ring .lbl,.v3 .inv .tier .chip,.v3 .exgst,.v3 .of-foot{font-family:var(--ui);letter-spacing:.02em}
.v3 .ring .lbl{font-weight:700;letter-spacing:.08em}
.v3 .ring{border:0;border-radius:28px;background:radial-gradient(80% 100% at 50% 0%,rgba(54,207,255,.14),transparent 60%),var(--surface);box-shadow:inset 0 0 0 1px rgba(54,207,255,.3)}
.v3 .inv .tier,.v3 .gtee{border:0;border-radius:24px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.v3 .inv .tier.hero{box-shadow:inset 0 0 0 1.5px var(--signal),0 0 0 6px rgba(54,207,255,.12);background:linear-gradient(180deg,rgba(54,207,255,.1),rgba(54,207,255,.03))}
.v3 .inv .tier .chip{color:var(--ink);font-weight:700;text-transform:none;border-radius:8px}
.v3 .gtee{box-shadow:inset 0 0 0 1px var(--line),inset 3px 0 0 var(--signal)}

/* ---------- custom software: plan details in the page's sans, not mono ---------- */
.v3 .swp .tier{font:800 24px/1.2 var(--ui);letter-spacing:-.02em;color:var(--mist)}
.v3 .swp .delivery{font:700 12.5px/1.3 var(--ui);letter-spacing:.06em;color:var(--signal);margin:6px 0 18px}
.v3 .swp .setup{font:600 14px/1.5 var(--sans);color:var(--signal);margin-top:10px}
.v3 .swp .usage,.v3 .swp .retainer{font:500 13.5px/1.55 var(--sans);color:var(--pant)}
.v3 .sw-process .ph{font:700 12.5px var(--ui);letter-spacing:.06em;color:var(--pant)}
.v3 .sw-step h4,.v3 .sw-step h3{font:700 16px var(--ui);color:var(--mist)}
.v3 .sw-step h4 span,.v3 .sw-step h3 span{font:600 12.5px var(--sans);color:var(--pant);margin-left:8px}
.v3 .final .micro{font:500 13.5px/1.7 var(--sans);letter-spacing:0;color:var(--pant)}

/* ---------- grids follow their card count (no empty cells, no orphans) ---------- */
@media (min-width:901px){
  .v3 .tcards:has(> :nth-child(2):last-child){grid-template-columns:repeat(2,1fr);max-width:880px}
  /* five capabilities: three on top, two below, each row filling the width */
  .v3 .cap-grid:has(> :nth-child(5):last-child){grid-template-columns:repeat(6,1fr)}
  .v3 .cap-grid:has(> :nth-child(5):last-child) > *{grid-column:span 2}
  .v3 .cap-grid:has(> :nth-child(5):last-child) > :nth-child(n+4){grid-column:span 3}
}
@media (min-width:621px){
  .v3 .blog-grid:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}
}