/* ==========================================================================
   Metrics-matched fallback (A5)
   Vertical overrides are derived from the ACTUAL Red Hat Display woff2,
   read with fontkit: unitsPerEm 1000, ascender 1018, descender -305,
   lineGap 0, capHeight 700, xHeight 492.
     ascent-override  = 1018/1000 = 101.8%
     descent-override =  305/1000 =  30.5%
     line-gap-override = 0/1000   =   0%
   These force any fallback face to build the same line box as Red Hat
   Display, which is what removes the vertical shift during FOUT.

   size-adjust corrects glyph size so x-heights match. RHD xHeight ratio is
   492/1000 = 0.4920 (measured). Arial - the practical resolution of
   sans-serif on most clients - has xHeight 1062/2048 = 0.5186 per its
   published metrics, giving 0.4920/0.5186 = 94.9%. NOTE: this ratio could
   NOT be verified on this host (fontconfig has 36 entries and no Arial,
   Helvetica, Liberation or DejaVu), so the vertical overrides above are
   measured and trustworthy while size-adjust rests on published Arial
   metrics and should be confirmed on a real client.
   ========================================================================== */
@font-face{
  font-family:"RHD Fallback";
  src:local("Arial"),local("Helvetica Neue"),local("Helvetica"),local("Liberation Sans"),local("Segoe UI");
  ascent-override:101.8%;
  descent-override:30.5%;
  line-gap-override:0%;
  size-adjust:94.9%;
  font-display:swap;
}

/* ==========================================================================
   7VAS "The Difference" comparison section
   Every selector is scoped under .sevenvas-difference. No bare element or
   generic class selectors. Tokens are declared on the wrapper, never :root,
   so nothing leaks into the theme.
   Measured tokens (Phase 1): orange #F64A00 (Elementor kit "Theme Primary",
   resolves the header CTA background); ink #1C2539 (dominant heading colour).
   Fonts: Red Hat Display + DM Sans, already loaded locally by OMGF.
   ========================================================================== */

.sevenvas-difference{
  --svd-orange:#F64A00;          /* brand accent: borders, icon strokes (3:1 non-text) */
  --svd-orange-deep:#D64000;     /* brand darkened 13% -> 4.57:1 on white, AA for normal text */
  --svd-orange-soft:#FFF7F2;
  --svd-orange-line:#FFD9C7;
  --svd-orange-tint:#FEE4D8;
  --svd-ink:#1C2539;
  --svd-ink-strong:#10151F;
  --svd-muted:#6B7280;
  --svd-white:#FFFFFF;
  --svd-gray:#F7F7F7;
  --svd-border:#E7E9EE;
  --svd-radius-lg:24px;
  --svd-radius-md:16px;
  --svd-radius-sm:12px;
  --svd-shadow-soft:0 2px 8px rgba(17,17,17,.04), 0 12px 32px rgba(17,17,17,.06);
  --svd-shadow-lift:0 4px 14px rgba(17,17,17,.06), 0 18px 44px rgba(17,17,17,.08);
  --svd-shadow-pill:0 6px 18px rgba(246,74,0,.28);
  --svd-max:1220px;
  --svd-font-title:"Red Hat Display", "RHD Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
  --svd-font-body:"DM Sans", "RHD Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;

  display:block;
  box-sizing:border-box;
  width:100%;
  padding:clamp(48px,6vw,88px) 16px;
  background:var(--svd-white);
  font-family:var(--svd-font-body);
  color:var(--svd-ink);
  -webkit-font-smoothing:antialiased;
}
.sevenvas-difference *,
.sevenvas-difference *::before,
.sevenvas-difference *::after{box-sizing:border-box;}

.sevenvas-difference .svd__inner{
  max-width:var(--svd-max);
  margin:0 auto;
}

/* ---------- header ---------- */
.sevenvas-difference .svd__head{text-align:center;margin:0 0 28px;}

.sevenvas-difference .svd__eyebrow{
  display:flex;align-items:center;justify-content:center;gap:14px;
  margin:0 0 14px;
  font-family:var(--svd-font-body);
  font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--svd-orange-deep);
}
.sevenvas-difference .svd__eyebrow-dots{
  display:block;width:clamp(28px,7vw,86px);height:6px;flex:0 0 auto;
  background-image:radial-gradient(circle,var(--svd-orange) 1.6px,transparent 1.7px);
  background-size:8px 6px;background-repeat:repeat-x;background-position:center;
  opacity:.55;
}

.sevenvas-difference .svd__title{
  margin:0 0 12px;
  font-family:var(--svd-font-title);
  font-weight:700;
  font-size:clamp(26px,3.4vw,42px);
  line-height:1.18;
  letter-spacing:-.01em;
  color:var(--svd-ink);
  text-wrap:balance;
}
.sevenvas-difference .svd__lede{
  margin:0 auto;max-width:660px;
  font-size:clamp(14.5px,1.15vw,16.5px);
  line-height:1.65;color:var(--svd-muted);
}

/* ---------- tabs ---------- */
.sevenvas-difference .svd__selector-label{
  margin:32px 0 12px;text-align:center;
  font-family:var(--svd-font-title);
  font-size:15px;font-weight:600;color:var(--svd-ink);
}
/* One connected pill group, per the reference: white rounded container,
   hairline dividers between inactive tabs, active state an orange pill inside it. */
.sevenvas-difference .svd__tabs{
  display:flex;justify-content:center;
  width:fit-content;max-width:100%;margin:0 auto 30px;padding:5px;
  background:var(--svd-white);
  border:1px solid var(--svd-border);
  border-radius:999px;
  box-shadow:var(--svd-shadow-soft);
}
/* Inner scrolling track. The fade mask lives HERE, not on .svd__tabs, so the
   rounded shell is never clipped by it. */
.sevenvas-difference .svd__tabs-track{
  display:flex;flex-wrap:nowrap;align-items:center;gap:0;
  max-width:100%;
}
.sevenvas-difference .svd__tab{
  position:relative;flex:0 0 auto;
  display:inline-flex;align-items:center;gap:8px;
  margin:0;padding:11px 20px;
  font-family:var(--svd-font-body);
  font-size:14.5px;font-weight:600;line-height:1;
  color:var(--svd-ink);
  background:transparent;
  border:0;
  border-radius:999px;
  cursor:pointer;
  transition:background-color .2s cubic-bezier(.4,0,.2,1),
             color .2s cubic-bezier(.4,0,.2,1),
             border-color .2s cubic-bezier(.4,0,.2,1),
             box-shadow .2s cubic-bezier(.4,0,.2,1),
             transform .2s cubic-bezier(.4,0,.2,1);
}
.sevenvas-difference .svd__tab-icon{width:16px;height:16px;flex:0 0 auto;display:block;}
/* hairline between adjacent inactive tabs; suppressed either side of the active pill */
.sevenvas-difference .svd__tab + .svd__tab::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:1px;height:18px;background:var(--svd-border);
}
.sevenvas-difference .svd__tab[aria-selected="true"]::before,
.sevenvas-difference .svd__tab[aria-selected="true"] + .svd__tab::before{opacity:0;}
.sevenvas-difference .svd__tab:hover{color:var(--svd-orange-deep);}
.sevenvas-difference .svd__tab[aria-selected="true"]{
  background:var(--svd-orange-deep);
  color:var(--svd-white);
  box-shadow:var(--svd-shadow-pill);
}
.sevenvas-difference .svd__tab[aria-selected="true"]:hover{transform:none;}
.sevenvas-difference .svd__tab:focus-visible,
.sevenvas-difference .svd__cta-btn:focus-visible,
.sevenvas-difference .svd__card:focus-visible{
  outline:3px solid var(--svd-ink);
  outline-offset:3px;
}

/* ---------- compare grid ---------- */
.sevenvas-difference .svd__compare{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  align-items:stretch;
}
.sevenvas-difference .svd__card{
  position:relative;
  display:flex;flex-direction:column;
  padding:clamp(20px,2.4vw,30px);
  border-radius:var(--svd-radius-lg);
  min-width:0;
}
.sevenvas-difference .svd__card--trad{
  background:var(--svd-gray);
  border:1px solid var(--svd-border);
  box-shadow:var(--svd-shadow-soft);
}
.sevenvas-difference .svd__card--vas{
  background:var(--svd-orange-soft);
  border:1.5px solid var(--svd-orange);
  box-shadow:var(--svd-shadow-lift);
}
.sevenvas-difference .svd__card{transition:box-shadow .2s cubic-bezier(.4,0,.2,1);}
.sevenvas-difference .svd__card--trad:hover{box-shadow:var(--svd-shadow-lift);}
.sevenvas-difference .svd__card--vas:hover{
  box-shadow:0 6px 18px rgba(246,74,0,.10), 0 22px 52px rgba(246,74,0,.14);
}

.sevenvas-difference .svd__card-title{
  display:flex;align-items:center;justify-content:center;gap:9px;
  margin:0 0 4px;text-align:center;
  font-family:var(--svd-font-title);
  font-size:clamp(17px,1.5vw,20px);font-weight:700;line-height:1.3;
  color:var(--svd-ink);
}
.sevenvas-difference .svd__card-sub{
  margin:0 0 18px;text-align:center;
  font-size:14px;line-height:1.55;color:var(--svd-muted);
}

/* ---------- diagram (fixed height = no CTA shift on tab change) ---------- */
.sevenvas-difference .svd__diagram{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:14px;
  /* Lock height so switching tabs never moves the CTA bar or anything below it.
     312px = 302px measured natural max + 10px buffer. The constraint is the
     Reliability tab's ORG diagram (You -> Primary / Backup / QC Reviewer),
     which is the tallest of the five; every other diagram is well under it. */
  min-height:312px;
  padding:8px 0 18px;
}
.sevenvas-difference .svd__card--trad .svd__diagram{justify-content:flex-start;}
.sevenvas-difference .svd__points{
  list-style:none;margin:0;padding:0;
  min-height:150px;
  display:flex;flex-direction:column;gap:11px;
}
.sevenvas-difference .svd__point{
  display:flex;align-items:flex-start;gap:10px;
  margin:0;font-size:14.2px;line-height:1.5;color:var(--svd-ink);
}
.sevenvas-difference .svd__point-mark{
  display:inline-flex;align-items:center;justify-content:center;
  width:19px;height:19px;flex:0 0 auto;margin-top:1px;
  border:1.5px solid var(--svd-orange);
  border-radius:50%;
  color:var(--svd-orange);
  background:var(--svd-white);
}
.sevenvas-difference .svd__point-mark svg{width:11px;height:11px;display:block;}

/* ---------- diagram primitives ---------- */
.sevenvas-difference .svd__node{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  padding:16px 18px;
  background:var(--svd-white);
  border:1px solid var(--svd-border);
  border-radius:var(--svd-radius-md);
  text-align:center;
  max-width:240px;
}
.sevenvas-difference .svd__card--vas .svd__node{border-color:var(--svd-orange-line);}
.sevenvas-difference .svd__node--emphasis{
  border-color:var(--svd-orange);
  box-shadow:0 6px 18px rgba(246,74,0,.12);
}
.sevenvas-difference .svd__node-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:50%;
  background:var(--svd-orange-soft);
  border:1px solid var(--svd-orange-line);
  color:var(--svd-orange);
}
.sevenvas-difference .svd__card--trad .svd__node-icon{
  background:var(--svd-white);
  border-color:var(--svd-border);
  color:var(--svd-muted);
}
.sevenvas-difference .svd__node-icon svg{width:20px;height:20px;display:block;}
.sevenvas-difference .svd__node-label{
  font-size:13.5px;font-weight:600;line-height:1.4;color:var(--svd-ink);
}
.sevenvas-difference .svd__node-title{
  font-family:var(--svd-font-title);
  font-size:13.5px;font-weight:700;color:var(--svd-ink);line-height:1.3;
}
.sevenvas-difference .svd__node-sub{font-size:11.5px;color:var(--svd-muted);line-height:1.35;}

.sevenvas-difference .svd__connector{
  display:block;width:1.5px;height:22px;flex:0 0 auto;
  background:repeating-linear-gradient(to bottom,var(--svd-orange-line) 0 4px,transparent 4px 8px);
}

/* Bare circular "You" avatar - no box, label beneath (reference). */
.sevenvas-difference .svd__you{display:flex;flex-direction:column;align-items:center;gap:7px;}
.sevenvas-difference .svd__you-avatar{
  width:56px;height:56px;flex:0 0 auto;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--svd-white);
  border:1.5px solid var(--svd-orange-line);
  color:var(--svd-orange);
}
.sevenvas-difference .svd__card--trad .svd__you-avatar{border-color:var(--svd-border);color:var(--svd-muted);}
.sevenvas-difference .svd__you-avatar svg{width:26px;height:26px;display:block;}
.sevenvas-difference .svd__you-label{font-size:13px;font-weight:600;color:var(--svd-ink);line-height:1.3;}

/* Subtle dot-grid texture, bottom-left of the Traditional card. */
.sevenvas-difference .svd__card--dots::after{
  content:"";position:absolute;left:20px;bottom:20px;
  width:104px;height:66px;pointer-events:none;
  background-image:radial-gradient(circle,var(--svd-orange-line) 1.5px,transparent 1.6px);
  background-size:13px 13px;
  opacity:.5;
}

/* org diagram */
.sevenvas-difference .svd__org{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;}
.sevenvas-difference .svd__org-children{
  display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:100%;
}
.sevenvas-difference .svd__org-child{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:12px 8px;
  background:var(--svd-white);
  border:1px solid var(--svd-orange-line);
  border-radius:var(--svd-radius-sm);
  text-align:center;
}
.sevenvas-difference .svd__org-child .svd__node-icon{width:34px;height:34px;}
.sevenvas-difference .svd__org-child .svd__node-icon svg{width:16px;height:16px;}
.sevenvas-difference .svd__org-rail{
  width:100%;height:14px;
  border-left:1.5px dotted var(--svd-orange-line);
  border-right:1.5px dotted var(--svd-orange-line);
  border-top:1.5px dotted var(--svd-orange-line);
  border-radius:6px 6px 0 0;
}

/* price diagram */
.sevenvas-difference .svd__price{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:22px 26px;
  background:var(--svd-white);
  border:1.5px solid var(--svd-orange);
  border-radius:var(--svd-radius-md);
  text-align:center;
  box-shadow:0 6px 18px rgba(246,74,0,.10);
}
.sevenvas-difference .svd__price-caption{font-size:12.5px;color:var(--svd-muted);line-height:1.4;}
.sevenvas-difference .svd__price-amount{
  font-family:var(--svd-font-title);
  font-size:clamp(30px,3.6vw,42px);font-weight:800;line-height:1;
  color:var(--svd-orange-deep);
}
.sevenvas-difference .svd__price-suffix{font-size:13px;font-weight:600;color:var(--svd-ink);}

/* timeline diagram */
.sevenvas-difference .svd__timeline{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;}
.sevenvas-difference .svd__timeline-badge{
  display:inline-block;padding:5px 13px;
  background:var(--svd-orange-deep);color:var(--svd-white);
  border-radius:999px;
  font-size:11.5px;font-weight:700;letter-spacing:.06em;
}
.sevenvas-difference .svd__timeline-steps{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:0;width:100%;max-width:230px;
}
.sevenvas-difference .svd__timeline-step{
  display:flex;align-items:center;gap:10px;
  padding:8px 12px;
  background:var(--svd-white);
  border:1px solid var(--svd-border);
  border-radius:999px;
  font-size:13px;font-weight:600;color:var(--svd-ink);
}
.sevenvas-difference .svd__card--vas .svd__timeline-step{border-color:var(--svd-orange-line);}
.sevenvas-difference .svd__timeline-dot{
  width:8px;height:8px;border-radius:50%;flex:0 0 auto;
  background:var(--svd-orange);
}
.sevenvas-difference .svd__card--trad .svd__timeline-dot{background:#C9CDD6;}
.sevenvas-difference .svd__timeline-link{
  display:block;width:1.5px;height:11px;margin:0 0 0 27px;flex:0 0 auto;
  background:repeating-linear-gradient(to bottom,var(--svd-orange-line) 0 3px,transparent 3px 6px);
}
.sevenvas-difference .svd__card--trad .svd__timeline-link{
  background:repeating-linear-gradient(to bottom,#D8DBE1 0 3px,transparent 3px 6px);
}

/* flow diagram */
.sevenvas-difference .svd__flow{display:flex;flex-direction:column;align-items:center;gap:0;}
.sevenvas-difference .svd__flow-step{
  display:flex;align-items:center;gap:10px;
  padding:11px 18px;
  background:var(--svd-white);
  border:1px solid var(--svd-orange-line);
  border-radius:var(--svd-radius-sm);
  font-size:13.5px;font-weight:600;color:var(--svd-ink);
  min-width:186px;
}
.sevenvas-difference .svd__flow-step .svd__node-icon{width:30px;height:30px;}
.sevenvas-difference .svd__flow-step .svd__node-icon svg{width:15px;height:15px;}

/* ---------- VS badge ---------- */
.sevenvas-difference .svd__vs{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  z-index:3;
  width:62px;height:62px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:var(--svd-orange-deep);
  color:var(--svd-white);
  font-family:var(--svd-font-title);
  font-size:15px;font-weight:800;letter-spacing:.04em;
  box-shadow:var(--svd-shadow-pill);
}
.sevenvas-difference .svd__vs::before{
  content:"";position:absolute;inset:-7px;
  border:2px dotted var(--svd-orange-line);
  border-radius:50%;
}

/* ---------- CTA bar ---------- */
.sevenvas-difference .svd__cta{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;gap:20px;
  margin:22px 0 0;
  padding:20px clamp(18px,2.2vw,28px);
  background:var(--svd-white);
  border:1px solid var(--svd-border);
  border-radius:var(--svd-radius-lg);
  box-shadow:var(--svd-shadow-soft);
}
.sevenvas-difference .svd__cta-left{display:flex;align-items:center;gap:12px;min-width:0;}
.sevenvas-difference .svd__cta-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;flex:0 0 auto;border-radius:50%;
  background:var(--svd-orange-soft);border:1px solid var(--svd-orange-line);
  color:var(--svd-orange);
}
.sevenvas-difference .svd__cta-icon svg{width:18px;height:18px;display:block;}
.sevenvas-difference .svd__cta-headline{
  margin:0;font-family:var(--svd-font-title);
  font-size:15px;font-weight:700;line-height:1.35;color:var(--svd-ink);
}
.sevenvas-difference .svd__cta-subline{margin:0;font-size:13px;line-height:1.4;color:var(--svd-muted);}
.sevenvas-difference .svd__cta-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 26px;
  background:var(--svd-orange-deep);color:var(--svd-white);
  border:1px solid var(--svd-orange-deep);
  border-radius:999px;
  font-family:var(--svd-font-body);
  font-size:14.5px;font-weight:700;text-decoration:none;line-height:1;
  box-shadow:var(--svd-shadow-pill);
  transition:transform .2s cubic-bezier(.4,0,.2,1), box-shadow .2s cubic-bezier(.4,0,.2,1);
  white-space:nowrap;
}
.sevenvas-difference .svd__cta-arrow{width:16px;height:16px;flex:0 0 auto;display:block;}
.sevenvas-difference .svd__cta-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(246,74,0,.34);
  color:var(--svd-white);
}
.sevenvas-difference .svd__cta-right{display:flex;align-items:center;gap:11px;justify-content:flex-end;min-width:0;}
.sevenvas-difference .svd__cta-count{
  margin:0;font-family:var(--svd-font-title);
  font-size:16px;font-weight:800;line-height:1.15;color:var(--svd-ink);
}
.sevenvas-difference .svd__cta-count-label{margin:0;font-size:12px;color:var(--svd-muted);line-height:1.2;}

/* ---------- entrance + tab transition ---------- */
.sevenvas-difference .svd__inner{
  opacity:1;transform:none;
}
.sevenvas-difference.svd--observe .svd__inner{
  opacity:0;transform:translateY(8px);
  transition:opacity .4s cubic-bezier(.4,0,.2,1), transform .4s cubic-bezier(.4,0,.2,1);
}
.sevenvas-difference.svd--observe.svd--in .svd__inner{opacity:1;transform:none;}

/* All five tab states are server-rendered into each card; only one is visible.
   JS toggles the [hidden] attribute - it never builds or injects markup. */
.sevenvas-difference .svd__state{
  display:flex;flex-direction:column;flex:1 1 auto;
  transition:opacity .26s cubic-bezier(.4,0,.2,1), transform .26s cubic-bezier(.4,0,.2,1);
}
/* Higher specificity than the rule above, so [hidden] genuinely hides a flex box. */
.sevenvas-difference .svd__state[hidden]{display:none;}
.sevenvas-difference .svd__state.is-out{opacity:0;transform:translateY(6px);}

/* ---------- responsive ---------- */
/* Cards stack at <=1023 while the diagram lock is STILL ACTIVE. Previously they
   stayed side by side to 767, so at 768 the org diagram overflowed a 280px lock
   and shifted the CTA bar by 55px. Stacking first gives each card the full
   container width, so the locked height comfortably contains every diagram. */
@media (max-width:1023px){
  .sevenvas-difference .svd__compare{grid-template-columns:1fr;gap:0;}
  /* A7: cap stacked cards so a landscape-tablet layout reads as a deliberate
     single column rather than a stretched desktop one. Also shrinks the empty
     band the locked diagram height leaves in the sparser Traditional card. */
  .sevenvas-difference .svd__card{max-width:620px;width:100%;margin-left:auto;margin-right:auto;}
  /* position:relative (NOT static) so the dotted ::before ring stays anchored to
     the badge. With static it resolved against .svd__compare and rendered as a
     full-height ellipse across the whole comparison block. */
  .sevenvas-difference .svd__vs{
    position:relative;top:auto;left:auto;transform:none;
    margin:16px auto;width:54px;height:54px;font-size:13px;
  }
  .sevenvas-difference .svd__cta{grid-template-columns:1fr;justify-items:center;text-align:center;gap:16px;}
  .sevenvas-difference .svd__cta-right{justify-content:center;}
  .sevenvas-difference .svd__cta-left{flex-direction:row;text-align:left;}
}
/* Lock lifts only below 768, where height is content-driven by design. */
@media (max-width:767px){
  .sevenvas-difference{padding:44px 14px;}
  .sevenvas-difference .svd__vs{margin:16px auto;width:50px;height:50px;font-size:13px;}
  .sevenvas-difference .svd__diagram{min-height:0;padding:6px 0 14px;}
  .sevenvas-difference .svd__points{min-height:0;}
  /* Tab group scrolls horizontally on small screens. Right-edge fade only,
     so the cut-off tab reads as "there is more this way" rather than as a
     clipped layout. Scrollbar hidden; the fade is the affordance. */
  .sevenvas-difference .svd__tabs{width:auto;max-width:100%;justify-content:flex-start;}
  .sevenvas-difference .svd__tabs-track{
    overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;
    -webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 44px),transparent 100%);
            mask-image:linear-gradient(to right,#000 calc(100% - 44px),transparent 100%);
  }
  .sevenvas-difference .svd__tabs-track::-webkit-scrollbar{display:none;}
    .sevenvas-difference .svd__tab{flex:0 0 auto;}
  .sevenvas-difference .svd__cta-btn{width:100%;justify-content:center;}
  .sevenvas-difference .svd__cta{padding:18px 16px;}
  .sevenvas-difference .svd__org-children{grid-template-columns:1fr;gap:8px;}
  .sevenvas-difference .svd__org-rail{display:none;}
}
/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .sevenvas-difference .svd__tab,
  .sevenvas-difference .svd__card,
  .sevenvas-difference .svd__cta-btn,
  .sevenvas-difference .svd__state,
  .sevenvas-difference .svd__inner{
    transition:none !important;
    transform:none !important;
  }
  .sevenvas-difference.svd--observe .svd__inner{opacity:1;transform:none;}
  .sevenvas-difference .svd__state.is-out{opacity:1;transform:none;}
}