/* ReferralBooster site system v2 — shared by all pages. Tokens come from styles.css. */
:root{--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);
/* ---- MISSING VARIABLE ALIASES ----
   The ported anatomy/article figures use short names from the original pages.
   Undefined here, so every declaration referencing them was invalid and simply
   did not render: that is why the blue "Media 1" block was blank on the live
   site while the local file still had the old page's own variables. */
--blue-dark:var(--blue-700);--color-primary-dark:var(--blue-700);
--dark:var(--ink-900);--body:var(--ink-500);
--coral-tint:rgba(255,128,87,.10);
--hero-gradient:var(--gradient-hero)}
*{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--white);color:var(--text-body);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
  a{color:var(--text-link);text-decoration:none}
  a:hover{color:var(--color-primary-strong)}
  img{max-width:100%;display:block}
  h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-heading);margin:0;letter-spacing:-.02em;text-wrap:balance}
  p{margin:0;text-wrap:pretty}
  .wrap{max-width:1140px;margin:0 auto;padding:0 32px}
  section{padding:96px 0}
  section.tight{padding:64px 0}
  .s-muted{background:var(--surface-1)}
  .s-dark{background:var(--surface-dark);color:rgba(255,255,255,.76)}
  .s-dark h2,.s-dark h3{color:#fff}
  .eyebrow{display:block;font-family:var(--font-heading);font-weight:800;font-size:12.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-eyebrow);margin-bottom:14px}
  .s-dark .eyebrow{color:var(--coral-500)}
  h2{font-size:40px;font-weight:800;line-height:1.1}
  .lead{font-size:18px;line-height:1.6;margin-top:16px;max-width:62ch}
  .s-head{max-width:70ch;margin-bottom:48px}
  .s-head.center{margin-left:auto;margin-right:auto;text-align:center}

  /* buttons */
  .btn{text-decoration:none;display:inline-flex;align-items:center;gap:10px;font-family:var(--font-heading);font-weight:800;font-size:16px;padding:16px 28px;border-radius:var(--radius-button);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
  .btn:hover,.btn:focus,.btn:visited{text-decoration:none}
  .btn svg{width:18px;height:18px;transition:transform .18s ease}
  .btn:hover svg{transform:translateX(4px)}
  .btn--cta{background:var(--gradient-cta);color:#fff;border:1.5px solid transparent;box-shadow:var(--shadow-cta)}
  .btn--cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 26px rgba(255,92,38,.42)}
  .btn--ghost{border:1.5px solid var(--border-color-strong);color:var(--text-heading)}
  .btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent-strong);background:rgba(255,128,87,.06)}
  .btn--onDark{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.38)}
  .btn--onDark:hover{color:#fff;border-color:#fff;background:rgba(255,255,255,.12);transform:translateY(-2px)}
  .tlink{font-family:var(--font-heading);font-weight:800;font-size:15px;color:var(--color-accent-strong);display:inline-flex;align-items:center;gap:7px}
  .tlink svg{width:16px;height:16px;transition:transform .18s ease}
  .tlink:hover{color:var(--color-accent-strong)}
  .tlink:hover svg{transform:translateX(4px)}

  /* utility bar */
  .utility{background:var(--color-primary);color:#fff;font-size:13.5px}
  .utility__in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px}
  .utility a{color:rgba(255,255,255,.88)}
  .utility a:hover{color:#fff}
  .utility__flag{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-heading);font-weight:800;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:#fff;white-space:nowrap}
  .utility__flag i{flex:none;width:9px;height:9px;border-radius:999px;background:var(--color-accent);animation:upulse 2.4s ease-in-out infinite}
  @keyframes upulse{0%,100%{box-shadow:0 0 0 0 rgba(255,128,87,.55)}50%{box-shadow:0 0 0 7px rgba(255,128,87,0)}}
  .utility__soc{display:flex;align-items:center;gap:18px;white-space:nowrap}
  .utility__mail{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
  .utility__mail svg{flex:none;width:15px;height:15px;opacity:.85;position:relative;top:1px}
  @media (max-width:1100px){
    .utility__in{flex-wrap:wrap;justify-content:center;padding:9px 0;row-gap:7px}
    .utility__mail{order:2}
    .utility__flag{order:1;flex:1 0 100%;justify-content:center}
    .utility__soc{order:3;gap:14px;font-size:12.5px}
  }

  /* header */
  .hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}
  .hdr.stuck{border-bottom-color:var(--border-color);box-shadow:0 2px 14px rgba(20,30,50,.06)}
  .hdr__in{display:flex;align-items:center;justify-content:space-between;gap:28px;height:72px}
  .hdr__logo{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-weight:800;font-size:17px;color:var(--text-heading);letter-spacing:-.01em}
  .hdr__logo img{height:30px;width:auto;display:block}
  .nav{display:flex;align-items:center;gap:28px}
  .nav a{font-family:var(--font-heading);font-weight:700;font-size:14.5px;color:var(--text-body);white-space:nowrap;position:relative;padding:6px 0}
  .nav a:hover{color:var(--color-primary)}
  .nav a.is-active{color:var(--text-heading)}
  .nav a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2.5px;border-radius:999px;background:var(--gradient-cta)}
  .hdr .btn{padding:11px 20px;font-size:14.5px;white-space:nowrap}
  .hdr__logo,.nav a{white-space:nowrap}
  @media (max-width:1100px){
    .hdr__in{flex-wrap:wrap;height:auto;padding:12px 0 0;row-gap:0}
    .hdr__logo{order:1}
    .hdr .btn{order:2;margin-left:auto}
    .nav{order:3;flex:1 0 100%;gap:22px;margin-top:12px;padding:0 0 10px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
    .nav::-webkit-scrollbar{display:none}
  }

  /* hero */
  .hero{position:relative;background:var(--gradient-hero);color:#fff;padding:84px 0 0;overflow:hidden}
  .hero::after{content:"";position:absolute;width:720px;height:720px;right:-240px;top:-320px;background:radial-gradient(circle,rgba(255,128,87,.30),rgba(255,128,87,0) 66%);pointer-events:none}
  .hero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;position:relative;z-index:1}
  .hero h1{color:#fff;font-size:52px;font-weight:900;line-height:1.04}
  .hero .dek{font-family:var(--font-heading);font-weight:700;font-size:17px;color:#fff;margin-top:18px;letter-spacing:-.01em}
  .hero .sub{font-size:16.5px;line-height:1.62;color:rgba(255,255,255,.84);margin-top:14px;max-width:52ch}
  .hero .eyebrow{color:var(--coral-500)}
  .hero__act{display:flex;align-items:center;gap:18px;margin-top:30px;flex-wrap:wrap}
  .hero__guar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px;font-size:13.5px;color:rgba(255,255,255,.74)}
  .hero__guar i{width:4px;height:4px;border-radius:999px;background:rgba(255,255,255,.4);display:inline-block}
  /* video slot */
  .vslot{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16/10;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 60px -20px rgba(0,10,30,.6);display:flex;align-items:center;justify-content:center;text-align:center}
  .vslot image-slot{position:absolute;inset:0;display:block;width:100%;height:100%}
  .vslot__play{position:absolute;z-index:3;width:74px;height:74px;border-radius:999px;background:var(--gradient-cta);box-shadow:0 10px 30px -6px rgba(255,92,38,.7);display:flex;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 2.8s ease-out infinite};color:#fff;animation:pulse 2.8s ease-in-out infinite}
  .vslot__play svg{width:26px;height:26px;margin-left:4px}
  @keyframes pulse{0%,100%{box-shadow:0 10px 30px -6px rgba(255,92,38,.7),0 0 0 0 rgba(255,128,87,.45)}50%{box-shadow:0 10px 30px -6px rgba(255,92,38,.7),0 0 0 22px rgba(255,128,87,0)}}
  .vslot__cap{position:absolute;z-index:3;left:auto;right:18px;bottom:20px;max-width:46%;text-align:right;font-family:var(--font-heading);font-weight:700;font-size:13px;font-style:italic;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6)}
  .vslot__scrim{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to top,rgba(4,9,26,.62),rgba(4,9,26,0) 44%)}
  .vslot__proof{position:absolute;z-index:3;left:18px;bottom:18px;display:flex;align-items:center;gap:11px;background:#fff;border-radius:14px;padding:10px 15px 10px 13px;box-shadow:0 16px 34px -12px rgba(6,12,26,.55)}
  .vslot__proof-n{font-family:var(--font-heading);font-weight:800;font-size:23px;line-height:1;color:var(--color-primary)}
  .vslot__proof-t{font-family:var(--font-heading);font-weight:700;font-size:12px;line-height:1.2;color:var(--text-heading)}
  .vslot__len{position:absolute;top:16px;right:16px;font-family:var(--font-heading);font-weight:800;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;background:rgba(0,0,0,.5);color:#fff;padding:6px 11px;border-radius:999px}
  /* hero stats */
  .hstats{margin-top:64px;border-top:1px solid rgba(255,255,255,.16);display:grid;grid-template-columns:repeat(3,1fr);position:relative;z-index:1}
  .hstat{padding:26px 0 30px;display:flex;flex-direction:column;gap:5px}
  .hstat+.hstat{border-left:1px solid rgba(255,255,255,.16);padding-left:28px}
  .hstat .n{font-family:var(--font-heading);font-weight:800;font-size:30px;line-height:1;color:#fff;display:flex;align-items:center;gap:8px}
  .hstat .n .stars{color:var(--gold-500);font-size:15px;letter-spacing:1px}
  .hstat .l{font-size:13.5px;color:rgba(255,255,255,.7);line-height:1.4}

  /* problem band */
  .prob h2{font-size:36px;max-width:22ch}
  .prob__body{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:32px;align-items:center}
  .prob p{font-size:16.5px;line-height:1.68}
  .prob .kick{border-left:3px solid var(--color-accent);padding:6px 0 6px 22px;font-family:var(--font-heading);font-weight:700;font-size:19px;color:#fff;line-height:1.5;letter-spacing:-.01em}
  .prob__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;margin-top:10px}
  .prob__grid .kick{margin-top:22px}
  .prob__proof{display:flex;flex-direction:column;align-items:center;gap:14px}
  .prob__proof-lb{font-family:var(--font-heading);font-weight:800;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent)}
  .prob .ba{gap:16px;margin-top:0}
  .prob .ba__f{width:190px}
  .prob .ba__shot{width:190px}
  .prob .ba__f figcaption{color:rgba(255,255,255,.6);font-size:12px;max-width:190px}
  .prob .ba__tag--before{background:rgba(255,255,255,.12);color:rgba(255,255,255,.72)}
  .prob .ba__arrow{width:40px;height:40px}
  .prob .ba__arrow svg{width:19px;height:19px}

  /* services */
  .svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .card{background:var(--surface-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:32px 28px;display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .3s cubic-bezier(.4,0,.2,1)}
  .card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}
  .svc__card{position:relative}
  .svc__card.pop{border:2px solid var(--color-accent);box-shadow:var(--shadow-card-hover);transform:translateY(-8px)}
  .svc__card.pop:hover{transform:translateY(-12px)}
  .svc__foot .btn{width:100%;justify-content:center;font-size:15px;white-space:nowrap;padding-left:16px;padding-right:16px}
  .svc__badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--gradient-cta);color:#fff;font-family:var(--font-heading);font-weight:800;font-size:11px;letter-spacing:.13em;text-transform:uppercase;padding:6px 13px;border-radius:999px;box-shadow:var(--shadow-cta)}
  .svc__top{display:flex;align-items:center;gap:11px;margin-bottom:16px}
  .svc__ic{flex:none;width:46px;height:46px;border-radius:13px;background:rgba(37,88,171,.09);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}
  .svc__card.pop .svc__ic{background:rgba(255,92,38,.13);color:var(--color-accent-strong)}
  .svc__ic svg{width:23px;height:23px}
  .svc__in{font-family:var(--font-heading);font-weight:800;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted);line-height:1.35}
  .svc__card h3{font-size:24px;font-weight:800;line-height:1.15;letter-spacing:-.02em}
  .svc__tag{font-family:var(--font-body);font-weight:400;font-size:15.5px;color:var(--text-body);margin-top:10px;line-height:1.55;min-height:3.1em}
  .svc__list{list-style:none;margin:20px 0 0;padding:20px 0 0;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:11px;flex:1}
  .svc__list li{display:flex;gap:10px;font-size:14.5px;line-height:1.5}
  .svc__list .ck{flex:none;width:19px;height:19px;border-radius:999px;background:var(--gradient-cta);color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-top:2px}
  .svc__list .ck svg{width:11px;height:11px}
  .svc__foot{margin-top:auto;padding-top:24px}
  .svc__card .svc__eta{margin-bottom:0}
  /* services: bundle-matched anatomy — tinted header, terms bar, receipt */
  .svc__hd{margin:-32px -28px 0;padding:24px 28px 18px;background:rgba(37,88,171,.06);border-radius:var(--radius-card) var(--radius-card) 0 0;border-bottom:2.5px solid rgba(37,88,171,.3)}
  .svc__card.pop .svc__hd{background:rgba(255,92,38,.07);border-bottom-color:rgba(255,92,38,.4);border-radius:calc(var(--radius-card) - 2px) calc(var(--radius-card) - 2px) 0 0}
  .svc__hd .svc__ic{background:#fff;box-shadow:0 2px 8px -2px rgba(6,12,26,.14)}
  .svc__card.pop .svc__hd .svc__ic{background:#fff;color:var(--color-accent-strong)}
  .svc .svc__card .svc__list{border-top:0;padding-top:0;margin-top:22px}
  .svc .svc__card .svc__eta{align-self:stretch;margin:18px -28px 0;border-radius:0;border-left:0;border-right:0;justify-content:center;padding:11px 16px;background:rgba(37,88,171,.06)}
  .svc .svc__card .svc__eta svg{color:var(--color-primary)}
  .svc .svc__card.pop .svc__eta{background:rgba(255,92,38,.07)}
  .svc .svc__card.pop .svc__eta svg{color:var(--surface-dark)}
  .svc .svc__card:hover{box-shadow:var(--shadow-card-hover),0 0 0 2.5px rgba(37,88,171,.4)}
  .svc .svc__card.pop:hover{box-shadow:var(--shadow-card-hover)}
  /* services: blue price/CTA footer (hero band echo) */
  .svc__card .svc__foot{margin:0 -28px -32px;padding:20px 28px 26px;background:var(--gradient-hero);border-radius:0 0 var(--radius-card) var(--radius-card)}
  .svc__card.pop .svc__foot{border-radius:0 0 calc(var(--radius-card) - 2px) calc(var(--radius-card) - 2px)}
  .svc__card .svc__price{border-top:0;padding-top:0}
  .svc__card .svc__price .f{color:rgba(255,255,255,.52)}
  .svc__card .svc__price .v{color:#fff}
  .svc__card.pop .svc__foot{background:var(--surface-dark)}
  .svc__card.pop .svc__price .v{color:var(--color-accent)}
  .svc__card .svc__price .u{color:rgba(255,255,255,.58)}
  .svc__card .svc__foot .btn--ghost{border-color:rgba(255,255,255,.32);color:#fff;background:transparent}
  .svc__card .svc__foot .btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.12);color:#fff}
  .svc__price{padding-top:18px;border-top:1px solid var(--border-color);margin-bottom:18px}
  .svc__price .f{display:block;font-family:var(--font-heading);font-weight:800;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}
  .svc__price .r{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
  .svc__price .v{font-family:var(--font-heading);font-weight:900;font-size:36px;line-height:1;letter-spacing:-.03em;color:var(--text-heading)}
  .svc__card.pop .svc__price .v{color:var(--color-accent-strong)}
  .svc__price .u{font-size:13px;color:var(--text-muted);line-height:1.3}
  .svc__eta,.eta{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:var(--surface-1);border:1px solid var(--border-color);border-radius:999px;padding:6px 11px;font-family:var(--font-heading);font-weight:700;font-size:12px;color:var(--text-body);margin-top:16px}
  .eta svg{width:13px;height:13px;color:var(--color-success)}
  .svc__eta{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:var(--surface-1);border:1px solid var(--border-color);border-radius:999px;padding:6px 11px;font-family:var(--font-heading);font-weight:700;font-size:12px;letter-spacing:.02em;color:var(--text-muted);margin-top:18px}
  .svc__eta svg{width:13px;height:13px;color:var(--color-success)}
  /* eta chip: time-lapse clock hand (speed cue) */
  .eta svg path:last-of-type,.svc__eta svg path:last-of-type{transform-origin:12px 12px;animation:etasweep 5s linear infinite}
  @keyframes etasweep{to{transform:rotate(360deg)}}
  @media (prefers-reduced-motion:reduce){.eta svg path:last-of-type,.svc__eta svg path:last-of-type{animation:none}}

  /* services → bundles cross-sell */
  .xsell{margin-top:26px;background:rgba(37,88,171,.06);border:1px solid rgba(37,88,171,.16);border-radius:var(--radius-card);padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
  .xsell__tx{display:flex;flex-direction:column;gap:5px;min-width:0}
  .xsell__h{font-family:var(--font-heading);font-weight:800;font-size:18px;letter-spacing:-.01em;color:var(--text-heading)}
  .xsell__s{font-size:14.5px;line-height:1.5;color:var(--text-body);max-width:74ch}
  .xsell__btn{flex:none;background:var(--white);white-space:nowrap}

  /* how */
  /* how it works — horizontal timeline with stations on a single rail */
  .steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:st}
  .steps::before,.steps::after{content:"";position:absolute;left:17px;right:11px;top:16px;height:3px;border-radius:999px}
  .steps::before{background:var(--border-color)}
  .steps::after{background:var(--gradient-cta);transform:scaleX(0);transform-origin:left;transition:transform 1.5s cubic-bezier(.4,0,.2,1) .15s}
  .reveal.in .steps::after{transform:scaleX(1)}
  .step:last-child::after{content:"";position:absolute;top:11px;right:0;width:0;height:0;border-left:12px solid var(--color-accent-strong);border-top:7px solid transparent;border-bottom:7px solid transparent;opacity:0;transform:translateX(-6px);transition:opacity .4s ease 1.5s,transform .4s cubic-bezier(.2,.7,.3,1) 1.5s}
  .reveal.in .step:last-child::after{opacity:1;transform:none}
  .step{position:relative;padding-top:56px;display:flex;flex-direction:column;align-items:flex-start}
  .step::before{transition:box-shadow .45s ease,transform .45s cubic-bezier(.2,.7,.3,1)}
  .reveal.in .step:nth-child(1)::before{transition-delay:.15s}
  .reveal.in .step:nth-child(2)::before{transition-delay:.85s}
  .reveal.in .step:nth-child(3)::before{transition-delay:1.55s}
  .reveal.in .step::before{box-shadow:0 0 0 6px var(--white),0 6px 14px -5px rgba(37,88,171,.6);transform:scale(1.08)}
  .step__out{opacity:0;transform:translateY(7px)}
  .reveal.in .step__out{opacity:1;transform:none;transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.3,1)}
  .reveal.in .step:nth-child(1) .step__out{transition-delay:.3s}
  .reveal.in .step:nth-child(2) .step__out{transition-delay:1s}
  .reveal.in .step:nth-child(3) .step__out{transition-delay:1.7s}
  @media (prefers-reduced-motion:reduce){.step::before,.step__out{transition:none!important}.step__out{opacity:1;transform:none}}
  .step::before{counter-increment:st;content:counter(st);position:absolute;top:0;left:0;z-index:1;font-family:var(--font-heading);font-weight:900;font-size:15px;width:34px;height:34px;border-radius:999px;background:var(--gradient-hero);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px var(--white),0 6px 14px -5px rgba(37,88,171,.6)}
  .step h3{font-size:19px;font-weight:800}
  .step p{font-size:15px;margin-top:8px}
  @media (max-width:1040px){
    .steps::before,.steps::after{display:none}
    .step:last-child::after{display:none}
    .step:not(:last-child)::after{content:"";position:absolute;left:16px;top:40px;bottom:-30px;width:3px;border-radius:999px;background:var(--gradient-cta);opacity:1;transform:none}
    .step{padding-top:0;padding-left:56px;min-height:44px}
  }

  /* ===== bento: the system at a glance ===== */
  .bento{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
  .b{border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;position:relative;overflow:hidden}
  .b--l{background:var(--white);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}
  .b--d{background:#141414;color:rgba(255,255,255,.62)}
  .b--c{background:var(--gradient-cta);color:rgba(255,255,255,.92);box-shadow:var(--shadow-cta)}
  .b--b{background:var(--gradient-hero);color:rgba(255,255,255,.86)}
  .w3{grid-column:span 3}.w6{grid-column:span 6}
  .b .top{min-height:46px;margin-bottom:auto}
  .b .n{font-family:var(--font-heading);font-weight:900;font-size:46px;line-height:1;letter-spacing:-.03em;color:var(--text-heading);margin-top:22px}
  .b--d .n,.b--c .n,.b--b .n{color:#fff}
  .b .h{font-family:var(--font-heading);font-weight:800;font-size:23px;line-height:1.2;color:var(--text-heading);margin-top:22px}
  .b--d .h,.b--c .h,.b--b .h{color:#fff}
  .w6 .h{font-size:32px}
  .b .s{font-size:15px;line-height:1.5;margin-top:9px;color:var(--text-body)}
  .b--d .s,.b--c .s,.b--b .s{color:inherit}
  .w6 .s{font-size:17px}
  .b .lb{font-family:var(--font-heading);font-weight:700;font-size:15px;color:var(--text-body);margin-top:7px}
  .b--d .lb,.b--c .lb,.b--b .lb{color:rgba(255,255,255,.8)}
  .b .cap{font-size:12.5px;color:var(--text-muted);margin-top:12px}
  .b--d .cap{color:rgba(255,255,255,.42)}
  .b .ulb{font-family:var(--font-heading);font-weight:700;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted);margin:0 0 11px}
  .b--d .ulb,.b--c .ulb{color:rgba(255,255,255,.62)}
  .ico{flex:none;width:46px;height:46px;border-radius:12px;background:var(--surface-1);border:1px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center;color:var(--text-heading)}
  .b--d .ico{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);color:#fff}
  .ico svg{width:21px;height:21px}
  /* coral timeline */
  .tl{display:flex;align-items:center;gap:0;margin-bottom:6px}
  .tl .pt{display:flex;flex-direction:column;align-items:flex-start;gap:9px;flex:none}
  .tl .pt .d{width:13px;height:13px;border-radius:999px;background:#fff}
  .tl .pt .d.done{background:#fff;color:var(--color-accent-strong);display:flex;align-items:center;justify-content:center;width:19px;height:19px;margin:-3px 0}
  .tl .pt .d.done svg{width:11px;height:11px}
  .tl .pt span{font-family:var(--font-heading);font-weight:800;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.9);white-space:nowrap}
  .tl .ln{flex:1;height:2px;background:rgba(255,255,255,.42);margin:0 10px;position:relative;top:-13px}
  /* tally */
  .tally{display:flex;gap:6px;align-items:flex-end;height:44px}
  .tally i{flex:1;border-radius:4px;background:linear-gradient(180deg,#fff,#8b8b8b)}
  /* rating pill */
  .rate{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;background:var(--surface-1);border:1px solid var(--border-color)}
  .rate .st{display:flex;gap:4px;color:var(--gold-500);font-size:20px;line-height:1}
  .rate .sc{font-family:var(--font-heading);font-weight:800;font-size:15px;color:var(--text-heading)}
  /* avatar stack */
  .avs{display:flex;align-items:center}
  .avs img{flex:none;width:38px;height:38px;border-radius:999px;border:2.5px solid #fff;object-fit:cover}
  .avs img+img{margin-left:-13px}
  .avs .more{flex:none;margin-left:-13px;width:38px;height:38px;border-radius:999px;border:2.5px solid #fff;background:var(--surface-2);color:var(--text-body);font-family:var(--font-heading);font-weight:800;font-size:11.5px;display:flex;align-items:center;justify-content:center}
  /* platform stack */
  .pf{display:flex;align-items:center}
  .pf i{flex:none;width:40px;height:40px;border-radius:11px;background:var(--white);border:1px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center;color:var(--text-heading);box-shadow:var(--shadow-sm)}
  .pf i+i{margin-left:-9px}
  .pf i svg{width:19px;height:19px}
  /* transfer */
  .xfer{display:flex;align-items:center;gap:10px}
  .xf-bar{width:78px;height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden;position:relative}
  .xf-bar i{position:absolute;inset:0;border-radius:999px;background:var(--gradient-cta);transform-origin:left;animation:xfb 2.6s cubic-bezier(.4,0,.2,1) infinite}
  @keyframes xfb{0%{transform:scaleX(.06)}55%,100%{transform:scaleX(1)}}
  .xf-pc{font-family:var(--font-heading);font-weight:800;font-size:12.5px;color:var(--color-accent-strong)}
  /* verified */
  .vfy{display:flex;align-items:center;gap:9px}
  .vfy .av{position:relative;flex:none;width:46px;height:46px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);display:inline-flex;align-items:center;justify-content:center;color:#fff}
  .vfy .av svg{width:21px;height:21px}
  .vfy .av .pres{position:absolute;right:-2px;bottom:-2px;width:19px;height:19px;border-radius:999px;background:var(--color-success);border:2.5px solid #24559f;display:inline-flex;align-items:center;justify-content:center;color:#fff}
  .vfy .av .pres svg{width:10px;height:10px}
  .vfy .tick{display:flex;flex-direction:column;gap:5px}
  .vfy .tick i{height:5px;border-radius:999px;background:rgba(255,255,255,.32);animation:vfyt 2.2s ease-in-out infinite}
  .vfy .tick i:nth-child(1){width:34px}
  .vfy .tick i:nth-child(2){width:26px;animation-delay:.25s}
  .vfy .tick i:nth-child(3){width:30px;animation-delay:.5s}
  @keyframes vfyt{0%,70%,100%{background:rgba(255,255,255,.32)}35%{background:var(--color-success)}}
  /* revision flow */
  .flow{display:flex;align-items:center;gap:0}
  .flow .v{flex:none;font-family:var(--font-heading);font-weight:800;font-size:12.5px;color:var(--text-muted);width:38px;height:38px;border-radius:999px;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;background:var(--white)}
  .flow .cn{flex:none;width:14px;height:1.5px;background:var(--border-color-strong)}
  .flow .ok{flex:none;display:inline-flex;align-items:center;gap:6px;background:var(--color-success);color:#fff;font-family:var(--font-heading);font-weight:800;font-size:12.5px;padding:9px 14px;border-radius:999px}
  .flow .ok svg{width:12px;height:12px}
  /* live chat */
  .livechat{display:flex;align-items:center;gap:10px}
  .lc-av{position:relative;flex:none;width:46px;height:46px;border-radius:999px;background:var(--gradient-cta);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 5px 14px -4px rgba(255,92,38,.55)}
  .lc-av img{width:24px;height:auto}
  .lc-av .pres{position:absolute;right:-1px;bottom:-1px;width:14px;height:14px;border-radius:999px;background:var(--color-success);border:2.5px solid var(--white)}
  .lc-bub{display:inline-flex;align-items:center;gap:5px;padding:12px 13px;border-radius:15px 15px 15px 5px;background:var(--surface-1);border:1px solid var(--border-color)}
  .lc-bub i{width:6px;height:6px;border-radius:999px;background:#9aa3b2;animation:lcb 1.4s ease-in-out infinite}
  .lc-bub i:nth-child(2){animation-delay:.18s}
  .lc-bub i:nth-child(3){animation-delay:.36s}
  @keyframes lcb{0%,62%,100%{opacity:.32;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
  .b .split{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:22px}
  .b .split .h{margin-top:0;font-size:21px}
  .b .foot{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);font-size:12.5px;color:rgba(255,255,255,.5)}

  /* comparison */
  .cmp{border:1px solid var(--border-color);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card);background:#fff}
  .cmp table{width:100%;border-collapse:collapse;table-layout:fixed}
  .cmp col.c1{width:30%}
  .cmp th,.cmp td{padding:16px 20px;text-align:left;vertical-align:top;font-size:14.5px;line-height:1.45}
  .cmp thead th{background:var(--surface-1);font-family:var(--font-heading);font-weight:800;font-size:15px;color:var(--text-heading);border-bottom:1px solid var(--border-color)}
  .cmp thead th.rb{background:var(--gradient-hero);color:#fff}
  .cmp tbody tr+tr td{border-top:1px solid var(--border-color)}
  .cmp td.k{font-family:var(--font-heading);font-weight:700;color:var(--text-heading)}
  .cmp td.rb{background:rgba(37,88,171,.05);color:var(--text-heading);font-weight:600}
  .cmp td.rb b{color:var(--color-primary)}
  .cmp tbody tr:hover td{background:rgba(37,88,171,.03)}
  .cmp tbody tr:hover td.rb{background:rgba(37,88,171,.09)}
  .anchor{margin-top:28px;background:var(--surface-dark);color:rgba(255,255,255,.72);border-radius:var(--radius-card);padding:30px 32px}
  .anchor .big{font-family:var(--font-heading);font-weight:800;font-size:21px;color:#fff;line-height:1.35;letter-spacing:-.01em}
  .anchor p{margin-top:12px;font-size:15px;line-height:1.6}
  .anchor .fn{margin-top:14px;font-size:12.5px;color:rgba(255,255,255,.45)}

  /* bundles */
  .bnd{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .bnd__card{position:relative}
  .bnd__card.pop{border:2px solid var(--color-accent);box-shadow:var(--shadow-card-hover);transform:translateY(-8px)}
  .bnd__card.pop:hover{transform:translateY(-12px)}
  .bnd__tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--gradient-cta);color:#fff;font-family:var(--font-heading);font-weight:800;font-size:11px;letter-spacing:.13em;text-transform:uppercase;padding:6px 14px;border-radius:999px;box-shadow:var(--shadow-cta)}
  .bnd h3{font-size:24px;font-weight:800;line-height:1.15;letter-spacing:-.02em;display:flex;align-items:center;gap:12px}
  .bnd__ico{flex:none;width:40px;height:40px;border-radius:12px;background:#fff;color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px -2px rgba(6,12,26,.14)}
  .bnd__ico svg{width:21px;height:21px}
  .bnd__card.pop .bnd__ico{color:var(--color-accent-strong)}
  .bnd .pr{margin-top:12px}
  .bnd .pr .f{display:block;font-family:var(--font-heading);font-weight:800;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}
  .bnd .pr .r{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
  .bnd .pr .was{font-family:var(--font-heading);font-weight:700;font-size:16px;color:var(--text-muted);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:rgba(37,88,171,.8)}
  .bnd .bnd__card.pop .pr .was{text-decoration-color:rgba(255,92,38,.85)}
  .bnd .bnd__card .anch{text-decoration-color:rgba(37,88,171,.8)}
  .bnd .bnd__card.pop .anch{text-decoration-color:rgba(255,92,38,.85)}
  .bnd__card.pop .pr .v{color:var(--color-accent-strong)}
  .bnd .pr .v{font-family:var(--font-heading);font-weight:900;font-size:36px;color:var(--color-primary);letter-spacing:-.03em;line-height:1}
  .bnd .pr .p{font-size:13px;color:var(--text-muted);line-height:1.3}
  .bnd ul{list-style:none;margin:20px 0 0;padding:20px 0 0;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:11px;flex:1}
  .bnd__for{font-family:var(--font-body);font-size:14px;color:var(--text-body);margin-top:6px;line-height:1.45}
  .bnd__hd{margin:-32px -28px 0;padding:24px 28px 20px;background:rgba(37,88,171,.06);border-radius:var(--radius-card) var(--radius-card) 0 0;border-bottom:2.5px solid rgba(37,88,171,.3)}
  .bnd__card.pop .bnd__hd{background:rgba(255,92,38,.07);border-bottom-color:rgba(255,92,38,.4);border-radius:calc(var(--radius-card) - 2px) calc(var(--radius-card) - 2px) 0 0}
  .bnd .bnd__card ul{border-top:0;padding-top:0;margin-top:22px;padding-bottom:26px}
  .bnd li{display:flex;gap:10px;font-size:14.5px;line-height:1.5}
  .bnd li .ck{flex:none;width:19px;height:19px;border-radius:999px;background:var(--gradient-cta);color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-top:2px}
  .bnd li .ck svg{width:11px;height:11px}
  .bnd .save{margin-top:20px;padding-top:18px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;align-items:flex-start;gap:7px}
  .bnd .save__pill{display:inline-flex;align-items:center;gap:7px;background:rgba(19,185,129,.12);color:#0a6e4c;border-radius:999px;padding:7px 13px;font-family:var(--font-heading);font-weight:800;font-size:14px;letter-spacing:-.01em}
  .bnd .save__pill svg{width:14px;height:14px}
  .bnd .save__vs{font-size:12.5px;color:var(--text-muted);line-height:1.4}
  .bnd .bnd__card:hover{box-shadow:var(--shadow-card-hover),0 0 0 2.5px rgba(37,88,171,.4)}
  .bnd .bnd__card.pop:hover{box-shadow:var(--shadow-card-hover)}
  /* bundles: 72h guarantee as full-width terms bar */
  .bnd .bnd__card .eta{align-self:stretch;margin:18px -28px 0;border-radius:0;border-left:0;border-right:0;justify-content:center;padding:11px 16px;background:rgba(37,88,171,.06)}
  .bnd .bnd__card .eta svg{color:var(--color-primary)}
  .bnd .bnd__card.pop .eta{background:rgba(255,92,38,.07)}
  .bnd .bnd__card.pop .eta svg{color:var(--surface-dark)}
  .bnd__hd .pr .anch{display:inline-block;margin-left:6px;font-size:16px}
  .bnd .bnd__card:not(:has(.save)) .svc__foot{padding-top:68px}
  /* bundles: same receipt logic as services — blue band, dark on the popular pick */
  .bnd__card .save{margin:0 -28px 0;padding:18px 28px 4px;border-top:0;background:var(--color-primary)}
  .bnd__card .svc__foot{margin:0 -28px -32px;padding:16px 28px 26px;background:var(--color-primary);border-radius:0 0 var(--radius-card) var(--radius-card)}
  .bnd__card.pop .save,.bnd__card.pop .svc__foot{background:var(--surface-dark)}
  .bnd__card.pop .svc__foot{border-radius:0 0 calc(var(--radius-card) - 2px) calc(var(--radius-card) - 2px)}
  .bnd__card .save__pill{background:rgba(255,255,255,.22);color:#fff}
  .bnd__card .save__vs{color:rgba(255,255,255,.66)}
  .bnd__card .svc__foot .btn--ghost{border-color:rgba(255,255,255,.32);color:#fff;background:transparent}
  .bnd__card .svc__foot .btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.12);color:#fff}
  .bnd__note{margin-top:26px;font-size:14px;color:var(--text-muted);line-height:1.6;max-width:88ch}

  /* proof */
  .tst{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .tst__card{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:28px}
  .tst__hd{display:flex;align-items:center;gap:12px}
  .tst__hd img{width:46px;height:46px;border-radius:999px;object-fit:cover}
  .tst__nm{font-family:var(--font-heading);font-weight:800;font-size:15px;color:var(--text-heading)}
  .tst__mt{font-size:12.5px;color:var(--text-muted);margin-top:2px}
  .tst__st{color:var(--gold-500);font-size:14px;letter-spacing:1px;margin-top:16px}
  .tst__q{font-size:15px;line-height:1.6;margin-top:10px}
  .logos{margin-top:44px;padding-top:36px;border-top:1px solid var(--border-color)}
  .logos__r{display:flex;align-items:center;gap:44px;flex-wrap:wrap;margin-top:20px}
  .logos__i{display:flex;flex-direction:column;gap:3px}
  .logos__i b{font-family:var(--font-heading);font-weight:800;font-size:17px;color:var(--text-heading)}
  .logos__i span{font-size:12.5px;color:var(--text-muted)}
  .logos__r--img{justify-content:center;gap:8px;margin-top:22px;padding:26px 20px;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-card);flex-wrap:wrap}
  .logos__r--img .logos__i{flex:1 1 160px;max-width:230px;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;padding:2px 20px}
  .logos__mkwrap{height:38px;display:flex;align-items:center;justify-content:center}
  .logos__mk{display:block;max-width:100%;object-fit:contain;filter:grayscale(1) contrast(0) brightness(1.12);transition:filter .22s var(--ease-smooth)}
  .logos__i:hover .logos__mk{filter:none}
  .logos__cap{font-family:var(--font-heading);font-weight:700;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted);text-align:center;line-height:1.2}
  .founder{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center;background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;margin-top:24px}
  .founder--note{grid-template-columns:1fr;max-width:760px;margin-left:auto;margin-right:auto}
  .founder--note .founder__tx{padding:38px 44px}
  .founder__sign{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:26px;font-family:var(--font-heading);font-weight:800;font-size:15.5px;color:var(--text-heading)}
  .founder__sign .sig{position:relative;font-family:'Caveat',cursive;font-weight:700;font-size:37px;line-height:1;color:var(--color-primary);transform:rotate(-2deg);padding-bottom:5px}
  .founder__sign .sig::after{content:"";position:absolute;left:4px;bottom:1px;width:64%;height:4.5px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary) 55%,color-mix(in srgb,var(--color-primary) 45%,transparent) 100%);opacity:.62;clip-path:polygon(0 8%,2.5% 0,100% 41%,100% 59%,2.5% 100%,0 92%)}
  .founder__sign .sigsub{font-family:var(--font-body);font-weight:400;font-size:13.5px;color:var(--text-muted)}
  .finline{flex:none;display:inline-block;width:38px;height:38px;border-radius:999px;overflow:hidden;background:var(--surface-2);box-shadow:0 3px 10px -3px rgba(6,12,26,.4),inset 0 0 0 2px #fff}
  .finline image-slot{display:block;width:100%;height:100%}
  .founder__ph{aspect-ratio:4/3;background:var(--surface-2);overflow:hidden}
  .founder__ph image-slot{display:block;width:100%;height:100%}
  .founder--photo{align-items:stretch}
  .founder--photo .founder__ph{aspect-ratio:auto;height:100%;min-height:360px;position:relative}
  .founder--photo .founder__ph::after{content:"";position:absolute;inset:0 0 0 auto;width:5px;background:var(--gradient-cta)}
  .founder__img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;display:block}
  .founder--photo .founder__tx{padding:40px 44px 40px 8px}
  .founder__tx{padding:36px 40px 36px 0}
  .founder__tx h3{font-size:26px;font-weight:800}
  .founder__tx p{margin-top:14px;font-size:15.5px;line-height:1.62}
  .fstats{display:flex;gap:32px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid var(--border-color)}
  .fstats div{font-family:var(--font-heading);font-weight:700;font-size:14px;color:var(--text-heading)}
  .founder__trust{border-top:1px solid var(--border-color);margin-top:26px;padding-top:22px;display:flex;flex-direction:column;gap:16px}
  .founder__trust-lbl{font-family:var(--font-heading);font-weight:700;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted);line-height:1.35;flex:none}
  .founder__trust .logos__r--img{justify-content:flex-start;gap:14px 40px;margin:0;background:none;border:0;padding:0;flex-wrap:nowrap;align-items:flex-start}
  .founder__trust .logos__i{flex:1 1 0;min-width:0;gap:16px}
  .founder__trust .logos__mkwrap{height:42px}
  .founder__trust .logos__cap{margin:0;padding:0 15px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;text-align:center;border:1px solid var(--border-color);border-radius:999px;background:#fff;font-size:10.5px;letter-spacing:.1em;line-height:1.15;color:var(--text-muted);transition:color .22s var(--ease-smooth),border-color .22s var(--ease-smooth),background .22s var(--ease-smooth)}
  .founder__trust .logos__i:hover .logos__cap{color:var(--color-accent-strong);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent);background:color-mix(in srgb,var(--color-accent) 8%,#fff)}
  .fstats div span{display:block;font-family:var(--font-body);font-weight:400;font-size:12.5px;color:var(--text-muted);margin-top:2px}

  /* faq */
  .faq{max-width:860px;margin:0 auto}
  .q{border-bottom:1px solid var(--border-color)}
  .q summary{cursor:pointer;list-style:none;padding:22px 44px 22px 0;font-family:var(--font-heading);font-weight:700;font-size:17px;color:var(--text-heading);position:relative;transition:color .18s ease}
  .q summary::-webkit-details-marker{display:none}
  .q summary:hover{color:var(--color-primary)}
  .q summary::after{content:"";position:absolute;right:6px;top:50%;width:11px;height:11px;border-right:2.5px solid var(--color-accent);border-bottom:2.5px solid var(--color-accent);transform:translateY(-70%) rotate(45deg);transition:transform .22s ease}
  .q[open] summary::after{transform:translateY(-20%) rotate(-135deg)}
  .q p{padding:0 44px 24px 0;font-size:15.5px;line-height:1.65;animation:fadein .28s ease}
  @keyframes fadein{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

  /* agencies */
  .agy{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
  .agy h2{font-size:32px}

  /* final cta */
  .fcta{background:var(--gradient-cta);color:#fff;text-align:center}
  .fcta__not{font-family:var(--font-heading);font-weight:700;font-size:15px;color:rgba(255,255,255,.9);margin:0 auto 18px;max-width:44ch}
  .fcta h2{color:#fff;font-size:40px;max-width:22ch;margin:0 auto}
  .fcta p{margin:18px auto 0;max-width:60ch;font-size:17px;color:rgba(255,255,255,.92)}
  .fcta p a{color:#fff;text-decoration:underline;text-underline-offset:3px}
  .fcta p a:hover{color:#fff;opacity:.85}
  .fcta .btn{margin-top:30px;background:#fff;color:var(--color-accent-strong);box-shadow:0 12px 28px rgba(0,0,0,.18)}
  .fcta .btn:hover{color:var(--color-accent-strong);transform:translateY(-2px)}

  /* footer */
  .ftr{background:var(--surface-dark);color:rgba(255,255,255,.6);padding:56px 0 40px;font-size:14px}
  .ftr__t{display:flex;justify-content:space-between;gap:44px;flex-wrap:wrap}
  .ftr__logo img{height:30px;width:auto}
  .ftr__logo p{margin-top:14px;max-width:34ch;line-height:1.6}
  .ftr__nav{display:flex;gap:56px;flex-wrap:wrap}
  .ftr__col b{display:block;font-family:var(--font-heading);font-weight:800;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:#fff;margin-bottom:14px}
  .ftr__col a{display:block;color:rgba(255,255,255,.6);margin-bottom:9px}
  .ftr__col a:hover{color:#fff}
  .ftr__b{margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.42)}

  /* reveal */
  .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}
  .reveal.in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}*{animation:none!important}}

  @media (max-width:1040px){
    .hero__grid,.prob__body,.prob__grid,.founder,.agy{grid-template-columns:1fr}
    .svc,.steps,.bnd,.tst{grid-template-columns:1fr}
    .hstats{grid-template-columns:repeat(2,1fr)}
    .hstat+.hstat{border-left:0;padding-left:0}
    .w3,.w6{grid-column:span 12}
    .founder__tx{padding:0 32px 32px}
    .founder--photo .founder__ph{min-height:0;max-height:320px}
    .founder--photo .founder__tx{padding:26px 32px 30px}
    h2{font-size:32px}
    .hero h1{font-size:38px}
  }

  /* all-reviews modal */
  .rvm{position:fixed;inset:0;z-index:200;display:none;align-items:flex-start;justify-content:center;padding:34px 20px;background:rgba(10,16,28,.55)}
  .rvm.on{display:flex}
  .rvm__box{background:#fff;border-radius:14px;max-width:980px;width:100%;max-height:calc(100vh - 68px);display:flex;flex-direction:column;box-shadow:0 40px 90px -20px rgba(0,0,0,.5);animation:rvmin .28s cubic-bezier(.2,.7,.3,1)}
  @keyframes rvmin{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
  .rvm__hd{display:flex;align-items:center;gap:14px;padding:22px 26px;border-bottom:1px solid var(--border-color);flex-wrap:wrap}
  .rvm__hd h3{font-size:24px;font-weight:800;white-space:nowrap}
  .rvm__hd .meta{font-size:14.5px;color:var(--text-muted);flex:1 1 auto;min-width:200px}
  .rvm__hd .meta b{color:var(--text-heading);font-weight:700}
  .rvm__hd .meta .st{color:var(--text-muted)}
  .rvm__x{flex:none;width:36px;height:36px;border-radius:999px;border:0;background:transparent;color:var(--text-muted);font-size:21px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .16s ease,color .16s ease}
  .rvm__x:hover{background:var(--surface-1);color:var(--text-heading)}
  .rvm__body{overflow-y:auto;padding:0 26px;overscroll-behavior:contain}
  .rv{padding:22px 0}
  .rv+.rv{border-top:1px solid var(--border-color)}
  .rv__hd{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:9px}
  .rv__u{font-family:var(--font-heading);font-weight:800;font-size:15px;color:var(--text-heading)}
  .rv__c{font-size:14.5px;color:var(--text-muted)}
  .rv__s{color:var(--color-accent);font-size:14px;letter-spacing:1.5px;white-space:nowrap}
  .rv__rp{display:inline-flex;align-items:center;gap:4px;background:var(--surface-2);color:var(--text-muted);font-family:var(--font-heading);font-weight:700;font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:999px;white-space:nowrap}
  .rv__rp::before{content:"\21BA";font-size:11px;line-height:1}
  .rv__t{font-size:13.5px;color:var(--text-muted);white-space:nowrap}
  .rv__q{font-size:15.5px;line-height:1.6;color:var(--text-body)}
  .rvm__ft{padding:19px 26px;border-top:1px solid var(--border-color);font-size:14.5px;color:var(--text-muted)}
  .rvm__ft a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
  .hstat .l a{color:rgba(255,255,255,.86);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
  .hstat .l a:hover{color:#fff}
  @media (max-width:700px){.rvm__hd h3{font-size:20px}.rvm{padding:16px 12px}}

/* ===== fluidity pass ===== */
::selection{background:rgba(255,128,87,.35)}
:focus-visible{outline:2.5px solid var(--color-accent);outline-offset:2px}
section{scroll-margin-top:120px}
.btn:active{transform:translateY(0) scale(.985)}
/* hero entrance */
@keyframes heroin{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.hero .eyebrow{animation:heroin .6s cubic-bezier(.2,.7,.3,1) both}
.hero h1{animation:heroin .6s .07s cubic-bezier(.2,.7,.3,1) both}
.hero .dek{animation:heroin .6s .14s cubic-bezier(.2,.7,.3,1) both}
.hero .sub{animation:heroin .6s .2s cubic-bezier(.2,.7,.3,1) both}
.hero__act{animation:heroin .6s .28s cubic-bezier(.2,.7,.3,1) both}
.hero__guar{animation:heroin .6s .36s cubic-bezier(.2,.7,.3,1) both}
.hero .vslot{animation:heroin .8s .18s cubic-bezier(.2,.7,.3,1) both}
.hstats{animation:heroin .7s .42s cubic-bezier(.2,.7,.3,1) both}
/* card stagger inside revealed sections */
.reveal .svc>.card,.reveal .bnd>.card,.reveal .tst>.tst__card,.reveal .bento>.b{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.3,1)}
.reveal.in .svc>.card,.reveal.in .bnd>.card,.reveal.in .tst>.tst__card,.reveal.in .bento>.b{opacity:1;transform:none}
.reveal.in .svc>.card:nth-child(2),.reveal.in .bnd>.card:nth-child(2),.reveal.in .tst>.tst__card:nth-child(2),.reveal.in .bento>.b:nth-child(2){transition-delay:.1s}
.reveal.in .svc>.card:nth-child(3),.reveal.in .bnd>.card:nth-child(3),.reveal.in .tst>.tst__card:nth-child(3),.reveal.in .bento>.b:nth-child(3){transition-delay:.2s}
.reveal.in .bento>.b:nth-child(4){transition-delay:.24s}
.reveal.in .bento>.b:nth-child(5){transition-delay:.3s}
.reveal.in .bento>.b:nth-child(6){transition-delay:.36s}
.reveal.in .bento>.b:nth-child(7){transition-delay:.42s}
.reveal.in .bento>.b:nth-child(8){transition-delay:.48s}
.reveal.in .bento>.b:nth-child(9){transition-delay:.54s}
@media (prefers-reduced-motion:reduce){.hero .eyebrow,.hero h1,.hero .dek,.hero .sub,.hero__act,.hero__guar,.hero .vslot,.hstats,.reveal .svc>.card,.reveal .bnd>.card,.reveal .tst>.tst__card,.reveal .bento>.b{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}}

/* ===== testimonial deck (stacked-card rotator) ===== */
.tdeck{max-width:680px;margin:0 auto;position:relative}
/* reviews panel: dark rounded card, text left, deck right, vertical dot rail */
.trow{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px 56px;align-items:center;margin-top:24px;background:var(--surface-dark);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:48px 52px}
.trow .s-head{margin:0}
.trow .s-head h2{color:#fff}
.trow .s-head .lead{max-width:none;color:rgba(255,255,255,.68)}
.trow__all{margin-top:22px;display:inline-flex;align-items:center;gap:9px;border-color:rgba(255,255,255,.3);color:#fff;background:transparent}
.trow__all:hover{border-color:var(--color-accent);color:var(--color-accent)}
.trow__all svg{width:15px;height:15px}
.trow .tdeck{max-width:none;margin:0;padding-right:40px}
.trow .tdeck__dots{position:absolute;right:0;top:50%;transform:translateY(-50%);flex-direction:column;margin:0;gap:11px}
.trow .tdeck__dots button{background:rgba(255,255,255,.26)}
.trow .tdeck__dots button:hover{background:rgba(255,255,255,.5)}
.trow .tdeck__dots button.on{background:var(--color-accent-strong)}
.trow .tdk--front{background:#242528;border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 60px -18px rgba(0,0,0,.55)}
.trow .tdk--g2{background:#3a3b3f}
@media (max-width:900px){.trow{grid-template-columns:1fr;padding:30px 26px}.trow .tdeck{padding-right:0}.trow .tdeck__dots{position:static;transform:none;flex-direction:row;justify-content:center;margin-top:26px}}
.tdeck__stage{position:relative;min-height:368px}
.tdk{position:absolute;inset:0;border-radius:20px}
.tdk--g1{background:var(--gradient-cta);transform:rotate(-5deg) translate(-16px,12px);box-shadow:0 24px 50px -20px rgba(255,92,38,.45)}
.tdk--g2{background:#2a2a2a;transform:rotate(3.5deg) translate(14px,-8px)}
.tdk--front{position:relative;inset:auto;min-height:368px;background:var(--surface-dark);color:rgba(255,255,255,.86);padding:34px 40px 30px;display:flex;flex-direction:column;box-shadow:0 30px 60px -18px rgba(10,10,10,.5);transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .45s ease}
.tdk--front.out{transform:translate(46px,-30px) rotate(5deg);opacity:0}
.tdk--front.enter{transform:translate(-26px,20px) rotate(-4deg);opacity:0;transition:none!important}
.tdk__qm{color:var(--color-accent);font-family:var(--font-heading);font-weight:900;font-size:58px;line-height:.55;letter-spacing:-.04em}
.tdk__q{font-size:17.5px;line-height:1.66;margin-top:18px;flex:1;text-wrap:pretty}
.tdk__ft{display:flex;align-items:center;gap:12px;margin-top:24px}
.tdk__ft img{width:44px;height:44px;border-radius:999px;object-fit:cover}
.tdk__ft [hidden]{display:none!important}
.tdk__ini{flex:none;width:44px;height:44px;border-radius:999px;background:var(--gradient-cta);color:#fff;font-family:var(--font-heading);font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;text-transform:uppercase}
.tdk__nm{font-family:var(--font-heading);font-weight:800;font-size:15px;color:#fff}
.tdk__mt{font-size:12.5px;color:rgba(255,255,255,.55);margin-top:2px}
.tdk__st{margin-left:auto;color:var(--gold-500);letter-spacing:2px;font-size:14px}
.tdk__bar{height:3px;border-radius:999px;background:rgba(255,255,255,.14);margin-top:22px;overflow:hidden}
.tdk__bar i{display:block;height:100%;background:var(--gradient-cta);transform:scaleX(0);transform-origin:left}
.tdk__bar i.run{animation:tprog 6s linear forwards}
@keyframes tprog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.tdeck__dots{display:flex;gap:9px;justify-content:center;margin-top:26px}
.tdeck__dots button{width:9px;height:9px;border-radius:999px;border:0;padding:0;background:var(--border-color-strong);cursor:pointer;transition:transform .2s ease,background .2s ease}
.tdeck__dots button:hover{background:var(--text-muted)}
.tdeck__dots button.on{background:var(--color-accent-strong);transform:scale(1.3)}
@media (max-width:640px){.tdeck__stage{min-height:430px}.tdk--front{min-height:430px;padding:26px 24px 24px}}
@media (prefers-reduced-motion:reduce){.tdk--front{transition:none}.tdk__bar{display:none}}

/* highlighter swipe */
.hmark{position:relative;z-index:0;white-space:nowrap}
.hmark::before{content:"";position:absolute;z-index:-1;left:-.1em;right:-.08em;top:.1em;bottom:.02em;background:rgba(255,128,87,.36);border-radius:.16em;transform:skew(-4deg) rotate(-.5deg)}
/* hero: emphasized word as gradient ink, no box */
.hero .hmark{background:linear-gradient(151deg,#FFA279 20%,#FF7A38 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding:.06em .12em .18em .04em;margin:-.06em -.12em -.18em -.04em}
.hero .hmark::before{display:none}
/* step outcome tags */
.step__out{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:7px 14px 7px 11px;border-radius:999px;background:rgba(255,128,87,.1);font-family:var(--font-heading);font-weight:800;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-strong)}
.step__out::before{content:"\2192";font-size:14px;font-weight:900;letter-spacing:0}
.step p{margin-bottom:16px}
.step__out b{color:var(--text-muted);font-weight:800}
/* optional add-on rows in pricing */
.bnd li .pl{flex:none;width:19px;height:19px;border-radius:999px;border:1.5px dashed var(--color-accent-strong);color:var(--color-accent-strong);display:inline-flex;align-items:center;justify-content:center;margin-top:2px;box-sizing:border-box}
.bnd li .pl svg{width:10px;height:10px}
.bnd li.add{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;margin-top:auto;padding-top:14px;border-top:1px dashed var(--border-color);color:var(--text-muted);line-height:1.35}
.bnd li.add::before{content:"Optional add-on";grid-column:1/-1;font-family:var(--font-heading);font-weight:800;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted);opacity:.7;margin-bottom:9px}
/* review deck arrows + counter */
.tdeck__ctl{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:26px}
.tdeck__ctl .tdeck__dots{margin-top:0}
.tdeck__arr{width:36px;height:36px;border-radius:999px;border:1.5px solid var(--border-color-strong);background:#fff;color:var(--text-heading);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .18s ease,color .18s ease}
.tdeck__arr svg{width:16px;height:16px}
.tdeck__arr:hover{border-color:var(--color-accent-strong);color:var(--color-accent-strong)}
.tdeck__ct{font-family:var(--font-heading);font-weight:800;font-size:12.5px;color:var(--text-muted);min-width:38px;text-align:center;font-variant-numeric:tabular-nums}
@media (max-width:640px){.tdeck__arr,.tdeck__ct{display:none}}
/* faq truncation */
.faq--trunc{position:relative}
.faq--trunc::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(rgba(247,248,250,0),#F7F8FA);pointer-events:none}
.faq--trunc .q:nth-of-type(n+6){display:none}
.faq__more{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:24px}
.faq__ask{font-size:14px;color:var(--text-body)}
.faq__ask a{font-weight:700;color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}
.faq__ask a:hover{color:var(--color-accent-strong)}

/* deliverable: footage-first tabs + spec grid (ported from original) */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap.center,.wrap>.center{text-align:center}
.wrap>.center .lead{margin-left:auto;margin-right:auto}
.rotate{color:var(--color-accent-strong)}
.rotate::after{content:"";display:inline-block;width:2px;height:.9em;margin-left:2px;vertical-align:-.08em;background:var(--color-accent);animation:rbcaret 1s step-end infinite}
@keyframes rbcaret{0%,49%{opacity:1}50%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.rotate::after{animation:none;opacity:0}}
.tabs{max-width:none;margin:34px auto 0;text-align:center}
.tablist{display:inline-flex;gap:6px;background:#fff;border:1px solid var(--border-color);border-radius:999px;padding:6px;box-shadow:var(--shadow-card)}
.tablist button{border:0;background:transparent;font-family:var(--font-heading);font-weight:800;font-size:14px;color:var(--text-body);padding:9px 18px;border-radius:999px;cursor:pointer;transition:color .2s ease,background .25s var(--ease-smooth),box-shadow .25s var(--ease-smooth)}
.tablist button:hover{color:var(--text-heading)}
.tablist button[aria-selected="true"]{background:var(--gradient-cta);color:#fff;box-shadow:0 6px 16px -6px rgba(255,92,38,.5)}
.tabpanel{margin-top:26px}
.tabpanel[hidden]{display:none}
.tab-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:24px;text-align:left}
.tab-grid img{width:100%;height:auto;border-radius:14px;display:block}
.tab-grid .step-no{font-family:var(--font-heading);font-weight:800;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--color-accent-strong);margin-bottom:10px}
.tab-grid h3{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text-heading);line-height:1.2}
.tab-grid p{margin-top:10px;font-size:15px;line-height:1.6;color:var(--text-body)}
.specs{margin-top:34px}
.specs.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.spec{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:20px;text-align:left;transition:transform .22s ease,box-shadow .3s var(--ease-smooth)}
.spec:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}
.spec img{width:100%;height:auto;border-radius:12px;display:block;margin-bottom:14px}
.spec h3{font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--text-heading)}
.spec p{margin-top:7px;font-size:13.5px;line-height:1.55;color:var(--text-body)}
.mark{background:var(--gradient-cta);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.phase{text-align:center;margin:52px auto 24px;max-width:60ch}
.phase__no{display:inline-block;font-family:var(--font-heading);font-weight:800;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-strong);margin-bottom:9px}
.phase__h{font-size:30px;font-weight:900;letter-spacing:-.02em;color:var(--text-heading);line-height:1.1}
.phase__s{font-size:15px;line-height:1.55;color:var(--text-body);margin-top:9px}
.work3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}
.work3__card{margin:0;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;text-align:left;transition:transform .22s ease,box-shadow .3s var(--ease-smooth)}
.work3__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}
.work3__shot{display:block;aspect-ratio:16/9;background:#16171d}
.work3__shot image-slot{display:block;width:100%;height:100%}
.work3 figcaption{padding:14px 16px 16px;display:flex;flex-direction:column;gap:7px}
.work3 figcaption strong{font-family:var(--font-heading);font-weight:800;font-size:15px;color:var(--text-heading)}
.work3 .tlink{font-family:var(--font-heading);font-weight:800;font-size:13.5px;color:var(--color-accent-strong);display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.work3 .tlink svg{width:14px;height:14px;transition:transform .18s ease}
.work3 .tlink:hover svg{transform:translateX(3px)}
@media(max-width:860px){.work3{grid-template-columns:1fr}}
.ships{list-style:none;max-width:60rem;margin:36px auto 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;text-align:left}
.ships li{display:flex;align-items:flex-start;gap:12px;font-size:15.5px;line-height:1.5;color:var(--text-heading)}
.ships__n{flex:none;width:26px;height:26px;border-radius:999px;background:var(--gradient-cta);color:#fff;font-family:var(--font-heading);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;margin-top:1px}
@media(max-width:760px){.ships{grid-template-columns:1fr}}
.ships-more{list-style:none;max-width:56rem;margin:28px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 44px}
.ships-more li{position:relative;padding-left:26px;font-size:14.5px;line-height:1.5;color:var(--text-body);text-align:left;max-width:32ch}
.ships-more li::before{content:"\2713";position:absolute;left:0;top:0;font-weight:800;color:var(--color-success)}
.phase{position:relative}
.phase__num{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin:0 auto 14px;border-radius:999px;background:var(--gradient-cta);color:#fff;font-family:var(--font-heading);font-weight:900;font-size:18px;box-shadow:0 8px 18px -6px rgba(255,92,38,.55)}
.phase--2::before{content:"";position:absolute;left:50%;top:-58px;transform:translateX(-50%);width:2px;height:46px;background:repeating-linear-gradient(180deg,var(--color-accent) 0 5px,transparent 5px 12px);opacity:.6;-webkit-mask-image:linear-gradient(180deg,transparent,#000 45%);mask-image:linear-gradient(180deg,transparent,#000 45%)}
@media (max-width:760px){.tab-grid{grid-template-columns:1fr}.specs.grid-3{grid-template-columns:1fr}.tablist{flex-wrap:wrap}}
.tabprog{display:none}
.tabprog i{flex:1;height:4px;border-radius:999px;background:var(--border-color);overflow:hidden;display:block}
.tabprog i b{display:block;height:100%;width:0;background:var(--gradient-cta);border-radius:999px}
/* before / after band */
.ba{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:38px;flex-wrap:wrap}
.ba__f{margin:0;width:236px;text-align:center;display:flex;flex-direction:column;align-items:center}
.ba__tag{font-family:var(--font-heading);font-weight:800;font-size:11px;letter-spacing:.13em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:12px}
.ba__tag--before{background:var(--surface-2);color:var(--text-muted)}
.ba__tag--after{background:var(--gradient-cta);color:#fff;box-shadow:0 6px 16px -6px rgba(255,92,38,.5)}
.ba__shot{width:236px;height:auto;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#16356e;box-shadow:var(--shadow-card);display:block}
.ba__f--after .ba__shot{box-shadow:0 24px 50px -20px rgba(255,92,38,.45),0 0 0 2px rgba(255,92,38,.25)}
.ba__shot img{width:100%;height:100%;object-fit:cover;display:block}
.ba__f figcaption{margin-top:14px;font-size:13.5px;line-height:1.5;color:var(--text-body);max-width:236px}
.ba__arrow{flex:none;width:46px;height:46px;border-radius:999px;background:var(--gradient-cta);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px -6px rgba(255,92,38,.55)}
.ba__arrow svg{width:22px;height:22px}
@media (max-width:640px){.ba__arrow{transform:rotate(90deg)}}

/* ported YouTube retention-edit anatomy (scoped) */
.anat-scope{--coral:var(--color-accent);--coral-end:var(--color-accent-strong);--cta-gradient:var(--gradient-cta);--white:#fff;--font-head:var(--font-heading);--ink:var(--text-heading);--muted:var(--text-muted);--line-200:var(--border-color);--blue:var(--color-primary);--radius-md:12px;--gap-md:24px;--size-small:13px;--duration-normal:.28s;--duration-fast:.16s;--shadow-lift:var(--shadow-card-hover);--success:var(--color-success)}
.anat-scope .center{text-align:center}
.checklist { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.6875rem; }
.checklist li { position: relative; padding-left: 1.75rem; }
.checklist li::before {
  content: "";
  position: absolute; left: 0; top: 0.5rem;
  width: 0.75rem; height: 0.4375rem;
  border-left: 2.5px solid var(--success);
  border-bottom: 2.5px solid var(--success);
  transform: rotate(-45deg);
}
.numbered { list-style: none; counter-reset: step; margin: 0; padding: 0; display: grid; gap: var(--gap-md); }
.numbered li { counter-increment: step; position: relative; padding-left: 3.25rem; }
.numbered li::before {
  content: counter(step);
  position: absolute; left: 0; top: 0;
  width: 2.25rem; height: 2.25rem;
  display: grid; place-items: center;
  border-radius: 50%;
  background: var(--coral-tint);
  color: var(--coral-end);
}
/* ===== Anatomy: native mocks + merged numbered lists (rebuilt 2026-08-06) ===== */
.anat-list { list-style:none; margin:2.5rem 0 0; padding:0; display:grid; grid-auto-flow:column; grid-template-columns:repeat(2,1fr); gap:0.9rem 3rem; }
.anat-list li { display:flex; align-items:flex-start; gap:0.75rem; }
.anat-num, .anat-pin { flex:none; width:1.625rem; height:1.625rem; border-radius:999px; background:var(--cta-gradient); color:var(--white); font-family:var(--font-head); font-weight:800; font-size:0.8125rem; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 7px -2px rgba(255,92,38,.55); }
.anat-num { margin-top:-0.05rem; }
.anat-pin { position:absolute; z-index:3; border:2px solid var(--white); top:50%; transform:translateY(-50%); }
.anat-rel { position:relative; }
.checklist.anat-below { margin:2rem auto 0; max-width:56rem; display:flex; flex-wrap:wrap; justify-content:center; gap:0.75rem 2.75rem; }
.checklist.anat-below li { flex:0 1 auto; max-width:26rem; }
.anat-fig { max-width:36rem; margin:2.75rem auto 0; }

/* --- article doc mock --- */
.anat-doc { position:relative; background:var(--white); border:1px solid var(--line-200); border-radius:12px; box-shadow:0 22px 55px -24px rgba(20,40,80,.45); }
.anat-doc .abar { height:2.375rem; background:#ECEEF2; border-bottom:1px solid var(--line-200); border-radius:12px 12px 0 0; display:flex; align-items:center; gap:0.625rem; padding:0 1rem; }
.anat-dots { display:flex; gap:0.3125rem; }
.anat-dots i { width:0.625rem; height:0.625rem; border-radius:999px; display:block; }
.anat-doc .aurl { flex:1; height:1.5rem; background:var(--white); border:1px solid var(--line-200); border-radius:999px; display:flex; align-items:center; padding:0 0.75rem; font-size:0.6875rem; color:var(--body); white-space:nowrap; overflow:hidden; }
.anat-abody { padding:1.25rem 1.6rem 1.4rem; }
.a-snippet { border:1px dashed #C7D2E4; border-radius:8px; padding:0.75rem 0.9rem; background:#F8FAFD; }
.a-snippet .crumb { display:flex; align-items:center; gap:0.375rem; font-size:0.6875rem; color:#3A7D3A; margin-bottom:0.2rem; }
.a-snippet .crumb i { width:0.8125rem; height:0.8125rem; border-radius:999px; background:var(--hero-gradient); display:block; }
.a-snippet .st { font-family:var(--font-head); font-weight:700; font-size:0.95rem; color:#1A4FB0; line-height:1.25; margin:0 0 0.2rem; }
.a-snippet .sd { font-size:0.78rem; line-height:1.45; color:var(--body); margin:0; }
.a-h1 { font-family:var(--font-head); font-weight:800; font-size:1.3rem; line-height:1.18; letter-spacing:-0.01em; color:var(--dark); margin-top:1.1rem; }
.a-byline { display:flex; align-items:center; gap:0.5rem; font-size:0.72rem; color:var(--body); margin-top:0.55rem; }
.a-byline .av { width:1.05rem; height:1.05rem; border-radius:999px; background:var(--cta-gradient); }
.a-p { font-size:0.875rem; line-height:1.62; color:var(--ink); margin-top:0.6rem; }
.a-kw { background:#FFE2D4; color:#C53D12; border-radius:3px; padding:0 0.15rem; font-weight:600; }
.a-link { color:var(--blue); text-decoration:underline; text-decoration-color:rgba(37,88,171,.4); font-weight:600; }
.a-h2 { font-family:var(--font-head); font-weight:700; font-size:1rem; color:var(--dark); margin-top:0.9rem; display:flex; align-items:center; gap:0.5rem; }
.a-h2::before { content:""; width:3px; height:1.05rem; border-radius:2px; background:var(--cta-gradient); display:block; }
.a-media { margin-top:0.7rem; border-radius:8px; position:relative; }
.a-media.img { height:5rem; background:linear-gradient(135deg,#4F7CC4,var(--blue-dark)); display:flex; align-items:center; justify-content:center; }
.a-media.img svg { width:2rem; height:2rem; color:rgba(255,255,255,.5); }
.a-media .tagimg { position:absolute; left:0.7rem; bottom:0.5rem; font-family:var(--font-head); font-weight:700; font-size:0.62rem; letter-spacing:.05em; text-transform:uppercase; color:rgba(255,255,255,.9); }
.a-media.info { background:var(--white); border:1px solid var(--line-200); padding:0.65rem 0.9rem; }
.a-media.info .ttl { font-family:var(--font-head); font-weight:800; font-size:0.68rem; color:var(--dark); text-transform:uppercase; letter-spacing:.04em; margin-bottom:0.5rem; }
.a-ibars { display:flex; align-items:flex-end; gap:0.55rem; height:2.6rem; }
.a-ibars i { flex:1; border-radius:2px 2px 0 0; background:var(--cta-gradient); display:block; }
.a-media.info .cap { font-family:var(--font-head); font-weight:700; font-size:0.6rem; color:var(--body); text-align:right; text-transform:uppercase; letter-spacing:.04em; margin-top:0.4rem; }
.a-edit .wavy { text-decoration:underline wavy var(--coral); text-decoration-thickness:1.5px; text-underline-offset:2px; }
.a-editchip { display:inline-flex; align-items:center; gap:0.35rem; margin-top:0.6rem; background:var(--coral-tint); border:1px solid rgba(255,128,87,.4); border-radius:999px; padding:0.2rem 0.65rem; font-family:var(--font-head); font-weight:700; font-size:0.62rem; letter-spacing:.03em; text-transform:uppercase; color:#D9480F; }
.a-editchip svg { width:0.75rem; height:0.75rem; }
.a-retain { margin-top:0.8rem; background:linear-gradient(180deg,var(--white),#FFF7F3); border:1px solid rgba(255,128,87,.5); border-left:4px solid var(--coral); border-radius:9px; padding:0.65rem 1rem 0.7rem; }
.a-retain .lbl { font-family:var(--font-head); font-weight:800; font-size:0.7rem; letter-spacing:.1em; text-transform:uppercase; color:#D9480F; margin-bottom:0.5rem; display:flex; align-items:center; gap:0.4rem; }
.a-retain .lbl svg { width:0.85rem; height:0.85rem; }
.a-retain .rt { display:flex; align-items:flex-start; gap:0.45rem; font-size:0.78rem; line-height:1.4; color:var(--ink); margin-bottom:0.3rem; }
.a-retain .rt:last-child { margin-bottom:0; }
.a-retain .rt svg { width:0.72rem; height:0.72rem; color:var(--success); flex:none; margin-top:0.18rem; }
.a-faq { margin-top:0.8rem; border-top:1px solid var(--line-200); padding-top:0.7rem; }
.a-faq .lbl { font-family:var(--font-head); font-weight:800; font-size:0.68rem; letter-spacing:.12em; text-transform:uppercase; color:var(--blue); margin-bottom:0.55rem; }
.a-faq .q { display:flex; align-items:center; justify-content:space-between; gap:0.6rem; padding:0.45rem 0; border-bottom:1px solid #EEF1F5; font-family:var(--font-head); font-weight:600; font-size:0.82rem; color:var(--dark); }
.a-faq .q:last-child { border-bottom:0; }
.a-faq .q svg { width:0.9rem; height:0.9rem; color:var(--coral); flex:none; }
.a-docfoot { margin-top:0.8rem; background:var(--surface-1); border-radius:8px; padding:0.7rem 0.95rem; display:flex; align-items:center; justify-content:space-between; }
.a-docfoot .wc { font-family:var(--font-head); font-weight:800; font-size:1.05rem; color:var(--dark); }
.a-docfoot .wc span { color:#D9480F; }
.anat-rp { display:inline-flex; align-items:center; gap:0.35rem; font-family:var(--font-head); font-weight:700; font-size:0.65rem; letter-spacing:.04em; text-transform:uppercase; color:var(--white); background:var(--success); border-radius:999px; padding:0.3rem 0.7rem; }
.anat-rp svg { width:0.72rem; height:0.72rem; }

/* --- editor mock (dark) --- */
.anat-ed { position:relative; background:#141519; border-radius:12px; box-shadow:0 22px 55px -24px rgba(10,10,20,.6); color:#E8EAEE; }
.anat-ed .ebar { height:2.375rem; background:#1D1F26; border-bottom:1px solid rgba(255,255,255,.06); border-radius:12px 12px 0 0; display:flex; align-items:center; gap:0.625rem; padding:0 1rem; }
.anat-ed .fn { font-family:var(--font-head); font-weight:700; font-size:0.72rem; letter-spacing:.02em; color:rgba(255,255,255,.55); }
.anat-ed .ert { margin-left:auto; font-family:var(--font-head); font-weight:700; font-size:0.68rem; color:rgba(255,255,255,.4); }
.e-prev { position:relative; height:15rem; background:radial-gradient(90% 70% at 60% 32%,rgba(120,140,175,.28),rgba(120,140,175,0) 60%),linear-gradient(150deg,#222530 0%,#16171D 62%,#0E0F13 100%); }
.e-grid { position:absolute; inset:0; opacity:.5; background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 34px),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 34px); }
.e-ret { position:absolute; left:0; right:0; bottom:1.9rem; width:100%; height:58%; }
.e-play { position:absolute; left:50%; top:42%; transform:translate(-50%,-50%); width:3.4rem; height:3.4rem; border-radius:999px; background:var(--cta-gradient); display:flex; align-items:center; justify-content:center; box-shadow:0 10px 24px -6px rgba(255,92,38,.7),0 0 0 7px rgba(255,255,255,.10); }
.e-play svg { width:1.35rem; height:1.35rem; margin-left:0.2rem; }
.e-hook { position:absolute; left:0.9rem; top:0.9rem; display:inline-flex; align-items:center; gap:0.35rem; background:var(--cta-gradient); color:var(--white); font-family:var(--font-head); font-weight:800; font-size:0.68rem; letter-spacing:.04em; text-transform:uppercase; padding:0.3rem 0.65rem; border-radius:999px; box-shadow:0 6px 14px -4px rgba(255,92,38,.6); }
.e-hook svg { width:0.8rem; height:0.8rem; }
.e-zoom { position:absolute; right:1.1rem; top:1.5rem; width:6rem; height:3.8rem; border:2px solid rgba(255,255,255,.85); border-radius:4px; box-shadow:0 0 0 2px rgba(0,0,0,.25); }
.e-zoom span { position:absolute; width:0.6rem; height:0.6rem; border:2px solid var(--coral); }
.e-zoom .c1 { left:-2px; top:-2px; border-right:0; border-bottom:0; }
.e-zoom .c2 { right:-2px; top:-2px; border-left:0; border-bottom:0; }
.e-zoom .c3 { left:-2px; bottom:-2px; border-right:0; border-top:0; }
.e-zoom .c4 { right:-2px; bottom:-2px; border-left:0; border-top:0; }
.e-scrub { position:absolute; left:0.9rem; right:0.9rem; bottom:0.8rem; }
.e-scrub .track { height:4px; border-radius:999px; background:rgba(255,255,255,.22); position:relative; }
.e-scrub .fill { position:absolute; left:0; top:0; bottom:0; width:42%; border-radius:999px; background:var(--cta-gradient); }
.e-scrub .knob { position:absolute; left:42%; top:50%; transform:translate(-50%,-50%); width:0.8rem; height:0.8rem; border-radius:999px; background:var(--white); box-shadow:0 1px 5px rgba(0,0,0,.5); }
.e-scrub .chap { position:absolute; top:-2px; width:2px; height:8px; border-radius:2px; background:rgba(255,255,255,.85); transform:translateX(-50%); }
.e-chaps { display:flex; flex-wrap:wrap; gap:0.4rem 0.9rem; padding:0.7rem 1rem 0; font-family:var(--font-head); font-weight:600; font-size:0.65rem; color:rgba(255,255,255,.5); letter-spacing:.03em; text-transform:uppercase; }
.e-tl { padding:0.8rem 1rem 0.9rem; }
.e-tl .ehead { display:flex; align-items:center; justify-content:space-between; margin-bottom:0.6rem; }
.e-tl .ehead .t { font-family:var(--font-head); font-weight:800; font-size:0.65rem; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.42); }
.e-track { display:flex; align-items:center; gap:0.6rem; margin-bottom:0.45rem; }
.e-track:last-child { margin-bottom:0; }
.e-track .lbl { flex:none; width:3.4rem; text-align:right; font-family:var(--font-head); font-weight:800; font-size:0.58rem; letter-spacing:.05em; text-transform:uppercase; color:rgba(255,255,255,.5); }
.e-lane { flex:1; height:1.25rem; border-radius:4px; background:rgba(255,255,255,.045); position:relative; display:flex; gap:3px; padding:2px; }
.e-clip { height:100%; border-radius:2px; display:block; }
.e-clip.a { background:linear-gradient(180deg,#3F74C8,#245AA8); }
.e-clip.b { position:absolute; top:2px; bottom:2px; background:linear-gradient(180deg,#5FC7DE,#2F9FC0); border-radius:2px; }
.e-cap { height:100%; border-radius:2px; background:var(--cta-gradient); }
.e-sfx { position:absolute; top:50%; width:0.55rem; height:0.55rem; transform:translate(-50%,-50%) rotate(45deg); background:var(--gold); border-radius:1px; }
.e-mus { position:absolute; bottom:2px; border-radius:1px; background:rgba(19,185,129,.65); }
.e-mus.duck { background:rgba(19,185,129,.28); }
.anat-ed .efoot { display:flex; align-items:center; justify-content:space-between; padding:0.65rem 1rem; background:#1A1C22; border-top:1px solid rgba(255,255,255,.06); border-radius:0 0 12px 12px; }
.anat-ed .efoot .rn { font-family:var(--font-head); font-weight:800; font-size:0.95rem; color:var(--white); }
.anat-ed .efoot .rn span { color:var(--coral); }
.anat-curves { display:flex; gap:0.9rem; margin-top:1rem; }
.anat-curves .cv { flex:1; border-radius:12px; padding:0.8rem 0.9rem 0.7rem; position:relative; background:var(--surface-1); border:1px solid var(--line-200); }
.anat-curves .cv.good { background:linear-gradient(180deg,rgba(255,128,87,.14),rgba(255,128,87,.04)); border:1.5px solid rgba(255,128,87,.5); }
.anat-curves .ct { font-family:var(--font-head); font-weight:700; font-size:0.75rem; display:flex; gap:0.45rem; align-items:center; color:var(--ink); margin-bottom:0.4rem; }
.anat-curves .sw { width:0.65rem; height:0.65rem; border-radius:2px; display:inline-block; }
.anat-curves svg { display:block; width:100%; height:3.2rem; }
.anat-curves .tag { position:absolute; right:0.7rem; bottom:0.6rem; font-family:var(--font-head); font-weight:800; font-size:0.58rem; letter-spacing:.08em; text-transform:uppercase; border-radius:999px; padding:0.25rem 0.6rem; background:#DADCE1; color:#5B6068; }
.anat-curves .tag.good { background:var(--cta-gradient); color:var(--white); }
@media (max-width:640px) {
  .anat-list { grid-auto-flow:row; grid-template-columns:1fr; }
  .checklist.anat-below { flex-direction:column; align-items:flex-start; gap:0.6rem; }
  .anat-pin { width:1.4rem; height:1.4rem; font-size:0.72rem; }
  .e-zoom { width:4.6rem; height:3rem; }
  .anat-curves { flex-direction:column; }
}

/* ===== Bento recap band (homepage, 2026-08-06) ===== */
.bnt-grid { display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:minmax(9.75rem,auto); gap:1rem; margin-top:2.75rem; }
.bnt { border-radius:16px; background:var(--white); box-shadow:0 1px 2px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.02),0 0 0 0.5px rgba(0,0,0,.08); padding:1.3rem 1.4rem; display:flex; flex-direction:column; }
.bnt--s2 { grid-column:span 2; }
.bnt-ic { align-self:flex-end; width:1.9rem; height:1.9rem; color:var(--coral); flex:none; }
.bnt-ic svg { width:100%; height:100%; display:block; }
.bnt-stars { color:var(--gold); font-size:1.05rem; letter-spacing:.12em; align-self:flex-start; }
.bnt-tx { margin-top:auto; display:block; padding-top:0.6rem; }
.bnt-k { display:block; font-family:var(--font-head); font-weight:800; font-size:2.4rem; line-height:1; letter-spacing:-0.02em; color:var(--dark); }
.bnt-k--xl { font-size:3.4rem; }
.bnt-k--w { font-size:1.35rem; line-height:1.25; letter-spacing:-0.01em; }
.bnt-l { display:block; font-family:var(--font-head); font-weight:600; font-size:0.9rem; color:var(--body); margin-top:0.4rem; line-height:1.4; }
.bnt-fine { display:block; font-size:0.68rem; color:var(--body); opacity:.78; margin-top:0.35rem; line-height:1.4; }
.bnt--coral { background:var(--cta-gradient); }
.bnt--coral .bnt-k, .bnt--coral .bnt-l { color:var(--white); }
.bnt--coral .bnt-l { opacity:.94; }
.bnt--coral .bnt-ic { color:rgba(255,255,255,.9); }
.bnt--dark { background:#17181C; }
.bnt--dark .bnt-k { color:var(--white); }
.bnt--dark .bnt-l { color:rgba(255,255,255,.66); }
.bnt--dark .bnt-fine { color:rgba(255,255,255,.45); opacity:1; }
.bnt--blue { background:var(--hero-gradient); }
.bnt--blue .bnt-k { color:var(--white); }
.bnt--blue .bnt-l { color:rgba(255,255,255,.82); }
.bnt--blue .bnt-ic { color:rgba(255,255,255,.88); }
@media (max-width:900px) {
  .bnt-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:640px) {
  .bnt-grid { gap:0.7rem; grid-auto-rows:minmax(8.25rem,auto); }
  .bnt { padding:1.05rem 1.1rem; border-radius:14px; }
  .bnt-k { font-size:1.9rem; }
  .bnt-k--xl { font-size:2.6rem; }
  .bnt-k--w { font-size:1.1rem; }
  .bnt-l { font-size:0.8rem; }
  .bnt-ic { width:1.55rem; height:1.55rem; }
}

/* --- bento v2 micro-visuals (bentogrids inspiration, 2026-08-06) --- */
.bnt-tex { position:relative; }
.bnt-tex::before { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 24px),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 24px); }
.bnt-top { display:flex; align-items:center; justify-content:space-between; gap:0.6rem; }
.bnt-avs { display:flex; }
.bnt-avs img { width:1.95rem; height:1.95rem; border-radius:999px; border:2px solid var(--white); object-fit:cover; margin-left:-0.6rem; display:block; }
.bnt-avs img:first-child { margin-left:0; }
.bnt-bars { display:flex; align-items:flex-end; gap:3px; height:2.1rem; }
.bnt-bars i { flex:1; height:100%; border-radius:2px; background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.3)); display:block; }
.bnt-pills { display:flex; flex-wrap:wrap; gap:0.4rem; align-self:flex-start; }
.bnt-pill { font-family:var(--font-head); font-weight:700; font-size:0.68rem; letter-spacing:.02em; padding:0.26rem 0.6rem; border-radius:999px; background:var(--coral-tint); color:#D9480F; border:1px solid rgba(255,128,87,.35); white-space:nowrap; }
.bnt-pill--ok { background:rgba(19,185,129,.12); color:#0B7A57; border-color:rgba(19,185,129,.35); }
.bnt-tx .bnt-pills { margin-top:0.5rem; align-self:auto; }
.bnt-checks { display:flex; flex-direction:column; gap:0.55rem; max-width:17rem; width:100%; }
.bnt-checks .bnt-row { display:flex; align-items:center; gap:0.55rem; }
.bnt-checks .bnt-ln { position:relative; height:5px; border-radius:3px; background:rgba(255,255,255,.38); flex:1; }
.bnt-checks .bnt-ln .bnt-fix { position:absolute; right:0; top:0; bottom:0; width:26%; border-radius:3px; background:var(--coral); }
.bnt-checks svg { width:0.85rem; height:0.85rem; color:var(--white); flex:none; }
.bnt-tgl { align-self:flex-end; width:2.2rem; height:1.2rem; border-radius:999px; background:var(--success); position:relative; flex:none; }
.bnt-tgl::after { content:""; position:absolute; right:2px; top:2px; width:calc(1.2rem - 4px); height:calc(1.2rem - 4px); border-radius:999px; background:var(--white); box-shadow:0 1px 2px rgba(0,0,0,.25); }
@media (max-width:640px) {
  .bnt-avs img { width:1.6rem; height:1.6rem; }
  .bnt-bars { height:1.7rem; }
  .bnt-pill { font-size:0.62rem; padding:0.22rem 0.5rem; }
}

/* --- bento v3: logo chips, stacked avatars (owner tweaks 2026-08-06) --- */
.bnt-lgs { display:flex; gap:0.45rem; align-self:flex-start; }
.bnt-lg { width:2.2rem; height:2.2rem; border-radius:9px; background:var(--surface-1); border:1px solid var(--line-200); display:flex; align-items:center; justify-content:center; flex:none; }
.bnt-lg svg { width:1.2rem; height:1.2rem; color:var(--ink); display:block; }
.bnt-stars { align-self:flex-start; }
.bnt-avs { margin-top:0.55rem; align-self:flex-start; }
.bnt-avs img { width:2.5rem; height:2.5rem; }
@media (max-width:640px) {
  .bnt-avs img { width:2.1rem; height:2.1rem; }
  .bnt-lg { width:1.9rem; height:1.9rem; }
  .bnt-lg svg { width:1.05rem; height:1.05rem; }
}

/* --- bento v4: coral delivery stepper + wand 98-to-100 device (owner 2026-08-06) --- */
.bnt-step { display:flex; align-items:flex-start; align-self:stretch; max-width:24rem; }
.bnt-step .nd { display:flex; flex-direction:column; align-items:center; gap:0.4rem; flex:none; }
.bnt-step .dot { width:0.85rem; height:0.85rem; border-radius:999px; border:2.5px solid rgba(255,255,255,.95); box-sizing:border-box; }
.bnt-step .dot--fill { background:var(--white); }
.bnt-step .dot--ok { width:1.15rem; height:1.15rem; border:none; background:var(--white); display:flex; align-items:center; justify-content:center; margin-top:-0.15rem; }
.bnt-step .dot--ok svg { width:0.68rem; height:0.68rem; color:#E24E14; }
.bnt-step .lb { font-family:var(--font-head); font-weight:700; font-size:0.58rem; letter-spacing:.07em; text-transform:uppercase; color:rgba(255,255,255,.9); white-space:nowrap; }
.bnt-step .ln { flex:1; height:2.5px; border-radius:2px; background:rgba(255,255,255,.55); margin:0.4rem 0.5rem 0; }
.bnt-wand { display:flex; align-items:center; flex-wrap:wrap; gap:0.1rem; font-family:var(--font-head); font-weight:800; font-size:1.7rem; letter-spacing:-0.01em; line-height:1.1; }
.bnt-wand .wb { color:var(--white); text-shadow:0 2px 10px rgba(0,0,0,.25); }
.bnt-wand .wg { color:rgba(255,255,255,.32); }
.bnt-wand svg { width:1.5rem; height:1.5rem; color:var(--white); transform:rotate(-35deg); margin:0 0.15rem -0.35rem 0.35rem; flex:none; }
@media (max-width:640px) {
  .bnt-wand { font-size:1.25rem; }
  .bnt-wand svg { width:1.15rem; height:1.15rem; }
  .bnt-step { max-width:none; }
}

/* ===== bento recap: owner-remade design, ported 2026-08-06 evening ===== */
.bento-recap .bento{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.bento-recap .c{border-radius:20px;padding:28px;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:250px}.bento-recap .c.w6{grid-column:span 6}.bento-recap .c.w3{grid-column:span 3}.bento-recap .c--light{background:var(--white);border:1px solid var(--line-200);box-shadow:0 5px 16px rgba(20,30,50,.06)}.bento-recap .c--dark{background:#101418;color:#fff;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px}.bento-recap .c--coral{background:var(--cta-gradient);color:#fff;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px),var(--cta-gradient);background-size:46px 46px,46px 46px,auto}.bento-recap .c--blue{background:var(--hero-gradient);color:#fff;background-image:linear-gradient(rgba(255,255,255,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.085) 1px,transparent 1px),var(--hero-gradient);background-size:46px 46px,46px 46px,auto}.bento-recap /* shared anatomy */
  .c .top{display:flex;align-items:center;gap:10px;margin-bottom:auto;min-height:46px}.bento-recap .c .n{font-family:var(--font-head);font-weight:800;font-size:clamp(38px,3.4vw,54px);line-height:.94;letter-spacing:-.04em;margin:22px 0 0}.bento-recap .c .lb{font-family:var(--font-head);font-weight:700;font-size:17px;line-height:1.35;margin:10px 0 0;text-wrap:balance}.bento-recap .c .h{font-family:var(--font-head);font-weight:800;font-size:23px;line-height:1.2;letter-spacing:-.015em;margin:22px 0 0;text-wrap:balance}.bento-recap .c .s{font-size:15px;line-height:1.5;margin:8px 0 0;text-wrap:pretty}.bento-recap .c.w6 .h{font-size:32px}.bento-recap .c.w6 .s{font-size:17px}.bento-recap .c--light .n,.bento-recap .c--light .h{color:var(--dark)}.bento-recap .c--light .lb,.bento-recap .c--light .s{color:var(--ink)}.bento-recap .c--dark .lb,.bento-recap .c--blue .s,.bento-recap .c--dark .s{color:rgba(255,255,255,.72)}.bento-recap .c--coral .s{color:rgba(255,255,255,.95)}.bento-recap .c .src{font-size:12.5px;color:rgba(255,255,255,.42);margin:10px 0 0}.bento-recap /* icon chip,.bento-recap always top-left */
  .ico{flex:none;width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.bento-recap .c--light .ico{background:var(--surface-1);border:1px solid var(--line-200);color:var(--dark)}.bento-recap .c--dark .ico,.bento-recap .c--blue .ico,.bento-recap .c--coral .ico{background:rgba(255,255,255,.14);color:#fff}.bento-recap .ico svg{width:21px;height:21px}.bento-recap .pf{width:22px;height:22px;display:block}.bento-recap /* 1 — coral hero: 3-step timeline */
  .flow{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:0;margin-bottom:6px}.bento-recap .flow .dot{width:15px;height:15px;border-radius:50%;background:#fff;justify-self:center}.bento-recap .flow .dot.done{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.bento-recap .flow .dot.done svg{width:14px;height:14px;color:#E24E14}.bento-recap .flow .bar{height:2px;background:rgba(255,255,255,.55);margin:0 12px}.bento-recap .flow .st{font-family:var(--font-head);font-weight:800;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.95);margin-top:11px;white-space:nowrap}.bento-recap .flow .st.mid{justify-self:center}.bento-recap .flow .st.end{justify-self:end}.bento-recap .c--coral .n{font-size:clamp(54px,5vw,78px);margin-top:14px}.bento-recap /* 2 — on-time tally */
  .tally{display:flex;gap:6px;align-items:flex-end;height:64px}.bento-recap .tally i{flex:1;height:100%;border-radius:4px;background:linear-gradient(180deg,#fff 0%,#fff 14%,#9aa2ad 100%)}.bento-recap .tallylb{font-family:var(--font-head);font-weight:700;font-size:11px;letter-spacing:.13em;color:rgba(255,255,255,.62);margin-top:16px}.bento-recap /* 3 — reviews */
  .stars{display:flex;gap:5px;color:var(--gold);font-size:27px;line-height:1}.bento-recap /* 4 — platform stack (overlapping = accumulated reach) */
  .pfrow{display:flex;align-items:center;padding-left:2px}.bento-recap .pfchip{width:46px;height:46px;border-radius:999px;background:var(--white);border:1px solid var(--line-200);box-shadow:0 3px 10px -3px rgba(20,30,50,.18);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);margin-left:-13px;position:relative}.bento-recap .pfchip:first-child{margin-left:0}.bento-recap .pfchip:nth-child(1){z-index:3}.bento-recap .pfchip:nth-child(2){z-index:2}.bento-recap .pfchip:nth-child(3){z-index:1}.bento-recap .pflb{font-family:var(--font-head);font-weight:700;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--body);margin:13px 0 0}.bento-recap /* price-tag cluster — the rate,.bento-recap pinned shut */
  .ptag{position:relative;display:inline-flex;align-items:center;gap:10px;padding:11px 16px 11px 26px;border-radius:6px 11px 11px 6px;background:linear-gradient(135deg,rgba(255,128,87,.19),rgba(255,92,38,.09));border:1px solid rgba(255,128,87,.5)}.bento-recap .ptag::before{content:"";position:absolute;left:11px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:999px;background:#0d0d0d;box-shadow:0 0 0 2px rgba(255,128,87,.55)}.bento-recap .ptag .amt{font-family:var(--font-head);font-weight:800;font-size:15px;letter-spacing:.09em;text-transform:uppercase;color:#fff;white-space:nowrap}.bento-recap .ptag .amt b{color:var(--coral);font-weight:900;margin-right:4px}.bento-recap .ptag .lk{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:var(--cta-gradient);color:#fff;box-shadow:0 4px 11px -4px rgba(255,92,38,.75)}.bento-recap .ptag .lk svg{width:12px;height:12px}.bento-recap /* transfer cluster — a big file,.bento-recap already through */
  .xfer{display:flex;align-items:center;gap:10px}.bento-recap .xf-ic{flex:none;width:44px;height:44px;border-radius:12px;background:var(--surface-1);border:1px solid var(--line-200);display:inline-flex;align-items:center;justify-content:center;color:var(--dark)}.bento-recap .xf-ic svg{width:21px;height:21px}.bento-recap .xf-bar{width:78px;height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden;position:relative}.bento-recap .xf-bar i{position:absolute;inset:0;border-radius:999px;background:var(--cta-gradient);transform-origin:left;animation:xfb 2.6s cubic-bezier(.4,0,.2,1) infinite}
  @keyframes xfb{0%{transform:scaleX(.06)}55%,100%{transform:scaleX(1)}}.bento-recap .xf-pc{font-family:var(--font-head);font-weight:800;font-size:12.5px;color:#D9480F}.bento-recap /* verified cluster — a person,.bento-recap then a green pass */
  .vfy{display:flex;align-items:center;gap:9px}.bento-recap .vfy .av{position:relative;flex:none;width:44px;height:44px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);display:inline-flex;align-items:center;justify-content:center;color:#fff}.bento-recap .vfy .av svg{width:21px;height:21px}.bento-recap .vfy .av .pres{position:absolute;right:-2px;bottom:-2px;width:19px;height:19px;border-radius:999px;background:var(--success);border:2.5px solid #24559f;display:inline-flex;align-items:center;justify-content:center;color:#fff}.bento-recap .vfy .av .pres svg{width:10px;height:10px}.bento-recap .vfy .tick{display:flex;flex-direction:column;gap:5px}.bento-recap .vfy .tick i{height:5px;border-radius:999px;background:rgba(255,255,255,.32);animation:vfyt 2.2s ease-in-out infinite}.bento-recap .vfy .tick i:nth-child(1){width:34px}.bento-recap .vfy .tick i:nth-child(2){width:26px;animation-delay:.25s}.bento-recap .vfy .tick i:nth-child(3){width:30px;animation-delay:.5s}
  @keyframes vfyt{0%,70%,100%{background:rgba(255,255,255,.32)}35%{background:var(--color-success)}}.bento-recap /* rating cluster — stars grouped like every other icon cluster */
  .rate{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;background:var(--surface-1);border:1px solid var(--line-200)}.bento-recap .avstack{display:flex;align-items:center;margin:16px 0 0}.bento-recap .avstack img{width:46px;height:46px;border-radius:999px;display:block;object-fit:cover;border:3px solid var(--white);box-shadow:0 3px 9px -3px rgba(20,30,50,.3)}.bento-recap .avstack img+img{margin-left:-14px}.bento-recap .rate .st{display:flex;gap:4px;color:var(--gold);font-size:20px;line-height:1}.bento-recap .rate .sc{font-family:var(--font-head);font-weight:800;font-size:15px;color:var(--dark);letter-spacing:-.01em}.bento-recap /* live-support cluster — a real person,.bento-recap replying now */
  .livechat{display:flex;align-items:center;gap:10px}.bento-recap .lc-av{position:relative;flex:none;width:44px;height:44px;border-radius:999px;background:var(--cta-gradient);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 5px 14px -4px rgba(255,92,38,.55)}.bento-recap .lc-av img{width:23px;height:auto;display:block}.bento-recap .lc-av .pres{position:absolute;right:-1px;bottom:-1px;width:14px;height:14px;border-radius:999px;background:var(--success);border:2.5px solid var(--white)}.bento-recap .lc-bub{display:inline-flex;align-items:center;gap:5px;padding:12px 13px;border-radius:15px 15px 15px 5px;background:var(--surface-1);border:1px solid var(--line-200)}.bento-recap .lc-bub i{width:6px;height:6px;border-radius:999px;background:#9aa3b2;animation:lcb 1.4s ease-in-out infinite}.bento-recap .lc-bub i:nth-child(2){animation-delay:.18s}.bento-recap .lc-bub i:nth-child(3){animation-delay:.36s}
  @keyframes lcb{0%,62%,100%{opacity:.32;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.bento-recap /* chips */
  .chiplb{font-family:var(--font-head);font-weight:700;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--body);margin:16px 0 0}.bento-recap .c>.chiplb:first-child{margin-top:0}.bento-recap .chiplb+.top{margin-top:8px}.bento-recap .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.bento-recap .chip{font-family:var(--font-head);font-weight:800;font-size:12.5px;padding:8px 13px;white-space:nowrap;border-radius:999px;background:var(--white);border:1px solid var(--line-300);color:var(--dark)}.bento-recap /* revision flow — same step language as the coral hero timeline */
  .vflow{display:flex;align-items:center}.bento-recap .vflow .vp{font-family:var(--font-head);font-weight:800;font-size:12.5px;padding:8px 12px;border-radius:999px;background:var(--surface-1);border:1px solid var(--line-300);color:var(--body);white-space:nowrap}.bento-recap .vflow .ln{width:10px;height:2px;background:var(--line-300);flex:none}.bento-recap .vflow .vp.ok{background:var(--success);border-color:var(--success);color:#fff;display:inline-flex;align-items:center;gap:5px;padding:8px 13px;box-shadow:0 4px 12px -3px rgba(19,185,129,.5)}.bento-recap .vflow .vp.ok svg{width:13px;height:13px}.bento-recap /* 7 — wide dark pricing card */
  .split{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:22px}.bento-recap .split .k{font-family:var(--font-head);font-weight:800;font-size:23px;line-height:1.2;letter-spacing:-.01em;color:#fff;text-wrap:balance}.bento-recap .split .v{font-size:15px;line-height:1.5;color:rgba(255,255,255,.72);margin-top:7px;text-wrap:pretty}.bento-recap .rule{height:1px;background:rgba(255,255,255,.14);margin-top:22px}

@media (max-width:1100px){ .bento-recap .bento{grid-template-columns:repeat(6,1fr)} .bento-recap .c.w6{grid-column:span 6} .bento-recap .c.w3{grid-column:span 3} }
/* responsiveness pass 2026-08-06: the 4K transfer bar flexes instead of fixed 78px; the revision flow wraps instead of clipping */
.bento-recap .xfer{width:100%}
.bento-recap .xf-bar{flex:1 1 40px;width:auto;min-width:36px}
.bento-recap .vflow{flex-wrap:wrap;row-gap:7px}
/* owner call 2026-08-06: Drive+Dropbox and v1/v2/approved stay on ONE line when possible — sized to fit the narrowest 12-col card */
.bento-recap .chip{font-size:11.5px;padding:7px 11px}
.bento-recap .vflow .vp{font-size:11.5px;padding:7px 10px}
.bento-recap .vflow .vp.ok{padding:7px 11px;gap:4px}
.bento-recap .vflow .vp.ok svg{width:12px;height:12px}
.bento-recap .vflow .ln{width:8px}
/* owner call 2026-08-06: no grid texture on the color cards */
.bento-recap .c--dark{background-image:none;background-size:auto}
.bento-recap .c--coral{background-image:var(--cta-gradient);background-size:auto}
.bento-recap .c--blue{background-image:var(--hero-gradient);background-size:auto}
@media (max-width:640px){ .bento-recap .c.w3{grid-column:span 6} .bento-recap .c{min-height:0;padding:22px} .bento-recap .split{grid-template-columns:1fr;gap:18px} .bento-recap .c.w6 .h{font-size:26px} }
@media (prefers-reduced-motion:reduce){ .bento-recap *{animation:none !important} }
/* owner call 2026-08-06: reviews avatars keep the pre-redesign look */
.bento-recap .avstack img{width:2.5rem;height:2.5rem;border-width:2px}
.bento-recap .avstack img+img{margin-left:-0.6rem}



/* ported editor-timeline styles for the anatomy figure */
.anat-scope{--gold:#EDB059}
.anat-scope .e-tl { padding:0.8rem 1rem 0.9rem; }
.anat-scope .e-tl .ehead { display:flex; align-items:center; justify-content:space-between; margin-bottom:0.6rem; }
.anat-scope .e-tl .ehead .t { font-family:var(--font-head); font-weight:800; font-size:0.65rem; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.42); }
.anat-scope .e-track { display:flex; align-items:center; gap:0.6rem; margin-bottom:0.45rem; }
.anat-scope .e-track:last-child { margin-bottom:0; }
.anat-scope .e-track .lbl { flex:none; width:3.4rem; text-align:right; font-family:var(--font-head); font-weight:800; font-size:0.58rem; letter-spacing:.05em; text-transform:uppercase; color:rgba(255,255,255,.5); }
.anat-scope .e-lane { flex:1; height:1.25rem; border-radius:4px; background:rgba(255,255,255,.045); position:relative; display:flex; gap:3px; padding:2px; }
.anat-scope .e-clip { height:100%; border-radius:2px; display:block; }
.anat-scope .e-clip.a { background:linear-gradient(180deg,#3F74C8,#245AA8); }
.anat-scope .e-clip.b { position:absolute; top:2px; bottom:auto; height:16px; max-height:calc(100% - 4px); background:linear-gradient(180deg,#5FC7DE,#2F9FC0); border-radius:2px; }
.anat-scope .e-track .e-lane .e-clip.b{height:16px !important;top:2px !important;bottom:auto !important;padding:0 !important;margin:0 !important;min-width:0 !important;border:0 !important}
.anat-scope .e-cap { height:100%; border-radius:2px; background:var(--cta-gradient); }
.anat-scope .e-sfx { position:absolute; top:50%; width:0.55rem; height:0.55rem; transform:translate(-50%,-50%) rotate(45deg); background:var(--gold); border-radius:1px; }
.anat-scope .e-mus { position:absolute; bottom:2px; border-radius:1px; background:rgba(19,185,129,.65); }
.anat-scope .e-mus.duck { background:rgba(19,185,129,.28); }

.feat--2col{grid-template-columns:1fr 1fr}
@media (max-width:760px){.feat--2col{grid-template-columns:1fr}}

/* light-card variant of the verified cluster (wholesale access cards) */
.card .vfy .av{background:var(--surface-1);border:1px solid var(--border-color);color:var(--text-heading)}
.card .vfy .tick i{background:rgba(100,116,139,.28);animation-name:vfytl}
@keyframes vfytl{0%,70%,100%{background:rgba(100,116,139,.28)}35%{background:var(--color-success)}}

.b .ic{flex:none;width:44px;height:44px;border-radius:12px;background:var(--surface-1);border:1px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary)}
.b .ic svg{width:20px;height:20px}

.b--c .ic.eta,.b--c .ic.eta svg{color:#fff !important;stroke:#fff}

.snip{margin-top:14px;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-1);overflow:hidden}
.snip__hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px 9px 14px;border-bottom:1px solid var(--border-color)}
.snip__hd b{font-family:var(--font-heading);font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-heading)}
.snip__cp{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-color);border-radius:999px;background:#fff;padding:5px 12px;font-family:var(--font-heading);font-weight:800;font-size:12px;color:var(--color-primary);cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}
.snip__cp svg{width:13px;height:13px}
.snip__cp:hover{border-color:var(--color-primary)}
.snip__cp.ok{background:var(--color-success);border-color:var(--color-success);color:#fff}
.snip__q{margin:0;padding:11px 14px 13px;font-size:14px;line-height:1.55;color:var(--text-body);font-style:italic}

/* ===== magnifier lens: one brief, every format (white label) ===== */
.lens-stage{position:relative;margin-top:38px;height:250px;border:1px solid var(--border-color);border-radius:22px;background:#fff;box-shadow:var(--shadow-card);overflow:hidden}
.lens-rows{position:absolute;inset:0;display:flex;flex-direction:column;gap:16px;justify-content:center}
.lens-row{overflow:hidden}
.lens-track{display:flex;gap:14px;width:max-content;padding-left:14px;animation:lensmq 30s linear infinite}
.lens-row--rev .lens-track{animation-direction:reverse}
@keyframes lensmq{to{transform:translateX(-50%)}}
.lens-pill{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 15px;border-radius:999px;border:1px solid var(--border-color);background:var(--surface-1);font-family:var(--font-heading);font-weight:700;font-size:12.5px;color:var(--text-muted)}
.lens-pill svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lens-hi{position:absolute;inset:0;z-index:2;pointer-events:none;clip-path:circle(44px at 50% 50%)}
.lens-hi .lens-pill{background:#fff;border-color:color-mix(in srgb,var(--color-accent) 55%,transparent);color:var(--color-accent-strong);box-shadow:0 4px 14px -6px rgba(255,92,38,.45)}
.lens-hi .lens-pill svg{color:var(--color-accent-strong)}
.lens-fade{position:absolute;top:0;bottom:0;width:110px;z-index:3;pointer-events:none}
.lens-fade--l{left:0;background:linear-gradient(to right,#fff,rgba(255,255,255,0))}
.lens-fade--r{right:0;background:linear-gradient(to left,#fff,rgba(255,255,255,0))}
.lens{position:absolute;left:50%;top:50%;z-index:4;width:96px;height:96px;cursor:grab;touch-action:none;transform:translate(-50%,-50%)}
.lens:active{cursor:grabbing}
.lens i{position:absolute;inset:0;border-radius:999px;border:7px solid #DFE9EF;box-shadow:inset 0 0 0 2px #7A858C,0 10px 26px -8px rgba(20,30,50,.4),inset 0 6px 18px rgba(255,255,255,.5)}
.lens::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:13px;border-radius:0 999px 999px 0;background:linear-gradient(180deg,#5c6165,#2c2f31);transform:rotate(45deg) translateX(44px);transform-origin:left center;box-shadow:0 6px 14px -4px rgba(0,0,0,.45)}
@media (max-width:700px){.lens-stage{height:216px}}
@media (prefers-reduced-motion:reduce){.lens-track{animation:none}}

#lens-stage .lens-track{animation:none}

/* production media (replaces authoring image-slots) */
.mslot{display:block;width:100%;height:100%;object-fit:cover;background:#14151b;border:0}


/* ================= page-specific styles (were inline <style> in each page;
   the Divi split dropped them, so they live here now) ================= */

/* ---- shorts ---- */
/* page-specific: value stack, calculator, price anchors */
  .stack{max-width:620px;margin:0 auto;background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:10px 28px 24px}
  .stack ul{list-style:none;margin:0;padding:0}
  .stack li{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:15px 0;border-bottom:1px solid var(--border-color);font-size:15px}
  .stack li b{font-family:var(--font-heading);font-weight:800;color:var(--text-heading);white-space:nowrap}
  .stack li b.inc{color:var(--color-success);font-size:13px;letter-spacing:.04em;text-transform:uppercase}
  .stack .tot{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding-top:18px;font-size:15px}
  .stack .tot s{font-family:var(--font-heading);font-weight:800;color:var(--text-muted)}
  .stack .tot.now{padding-top:8px}
  .stack .tot.now span:first-child{font-family:var(--font-heading);font-weight:800;color:var(--text-heading)}
  .stack .tot.now b{font-family:var(--font-heading);font-weight:900;font-size:26px;color:var(--color-accent-strong);line-height:1}
  .calc{max-width:680px;margin:0 auto;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-card);box-shadow:0 32px 64px -28px rgba(6,12,26,.3),0 4px 12px -6px rgba(6,12,26,.08);padding:30px 30px 26px;text-align:left}
  .calc-row{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;margin-bottom:22px}
  .calc-row label{font-family:var(--font-heading);font-weight:700;font-size:14.5px;color:var(--text-heading)}
  .calc-row output{font-family:var(--font-heading);font-weight:800;font-size:14.5px;color:var(--color-accent-strong);text-align:right}
  .calc-row input[type=range]{grid-column:1/-1;width:100%;height:8px;-webkit-appearance:none;appearance:none;border-radius:999px;background:var(--surface-2);outline:none}
  .calc-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:999px;background:#fff;border:0;box-shadow:0 2px 8px -1px rgba(6,12,26,.35),0 0 0 2px var(--color-accent);cursor:pointer;margin-top:-1px}
  .calc-row input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:999px;background:#fff;border:2px solid var(--color-accent);box-shadow:0 2px 8px -1px rgba(6,12,26,.35);cursor:pointer}
  .calc-row input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:var(--surface-2)}
  .calc-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;margin-top:26px}
  .calc-tile{border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}
  .calc-tile--you{background:var(--surface-1);border:1px solid var(--border-color)}
  .calc-tile--us{background:rgba(37,88,171,.08);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent)}
  .calc-tile .lb{font-family:var(--font-heading);font-weight:700;font-size:12px;letter-spacing:.02em;color:var(--text-muted);text-transform:uppercase}
  .calc-tile .lb em{font-style:normal;font-weight:700;opacity:.72}
  .calc-tile .amt{font-family:var(--font-heading);font-weight:900;font-size:30px;line-height:1;letter-spacing:-.02em;color:var(--text-heading)}
  .calc-tile .amt s{font-weight:700;font-size:15px;color:var(--text-muted);margin-left:7px}
  .calc-tile--us .amt{color:var(--color-primary)}
  .calc-tile .sub{font-size:12.5px;color:var(--text-muted);line-height:1.4}
  .calc-vschip{align-self:center;z-index:1;margin:0 -13px;width:38px;height:38px;border-radius:999px;background:#fff;box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
  .calc-save{margin-top:16px;background:rgba(255,92,38,.09);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);border-radius:16px;padding:16px 26px;display:flex;flex-direction:column;align-items:center;gap:3px}
  .calc-save__main{display:flex;align-items:baseline;gap:12px}
  .calc-save__hrs{font-family:var(--font-heading);font-weight:700;font-size:14px;color:var(--text-body)}
  .calc-save .save-ic{width:17px;height:17px;color:var(--color-accent-strong);margin-right:7px;vertical-align:-3px}
  @keyframes calcPop{0%{transform:scale(1)}38%{transform:scale(1.09)}100%{transform:scale(1)}}
  .calc-save .amt.pop{animation:calcPop .34s var(--ease-smooth,cubic-bezier(.4,0,.2,1))}
  .calc-save .lb{font-family:var(--font-heading);font-weight:800;font-size:16px;color:var(--text-heading)}
  .calc-save .amt{font-family:var(--font-heading);font-weight:900;font-size:40px;line-height:1;letter-spacing:-.02em;color:var(--color-accent-strong)}
  .calc-save .amt .pm{font-size:18px;font-weight:800;color:color-mix(in srgb,var(--color-accent-strong) 65%,transparent)}
  .calc-vd{font-family:var(--font-heading);font-weight:700;font-size:15px;color:var(--text-heading);margin-top:18px;line-height:1.45;text-align:center}
  .calc-nt{font-size:12.5px;color:var(--text-muted);margin-top:10px;line-height:1.5;text-align:center}
  .math__grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:stretch}
  .math__intro{text-align:left;display:flex;flex-direction:column;justify-content:flex-start}
  .math__intro .lead{margin:14px 0 0}
  .math__intro .calc-nt{margin-top:auto;padding-top:20px;border-top:1px solid var(--border-color);text-align:left}
  .math__grid .calc{margin:0;max-width:none}
  @media (max-width:900px){.math__grid{grid-template-columns:1fr;gap:34px}.math__grid .calc{max-width:680px;margin:0 auto}.math__intro{text-align:center}.math__intro .calc-nt{margin-left:auto;margin-right:auto;text-align:center!important}}
  @media (max-width:560px){.calc-vs{grid-template-columns:1fr}.calc-vschip{margin:-13px auto;transform:rotate(90deg)}}
  .calc-hire{margin-top:16px;background:var(--gradient-cta);border-radius:16px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;text-decoration:none;box-shadow:0 14px 30px -12px rgba(255,92,38,.55)}
  .calc-hire .lb{font-family:var(--font-heading);font-weight:800;font-size:15px;color:#fff;line-height:1.35;max-width:34ch}
  .calc-hire .cta{flex:none;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-heading);font-weight:800;font-size:14px;color:#fff}
  .calc-hire .cta svg{width:15px;height:15px;transition:transform .18s ease}
  .calc-hire:hover .cta svg{transform:translateX(3px)}
  .calc-nudge{display:flex;align-items:flex-start;gap:11px;margin:-4px 0 22px;padding:13px 16px;border-radius:12px;background:rgba(37,88,171,.06);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);font-size:13.5px;line-height:1.5;color:var(--text-body)}
  .calc-nudge svg{flex:none;width:18px;height:18px;color:var(--color-primary);margin-top:1px}
  .calc-save[hidden],.calc-hire[hidden],.calc-nudge[hidden],.calc-vs[hidden],.calc-agency[hidden],.calc-cta[hidden]{display:none}
  .calc-agency{margin-top:16px;background:var(--gradient-hero);border-radius:16px;padding:20px 26px;text-align:center;display:flex;flex-direction:column;gap:6px}
  .calc-agency .lb{font-family:var(--font-heading);font-weight:900;font-size:19px;letter-spacing:-.01em;color:#fff}
  .calc-agency .tx{font-size:14px;line-height:1.5;color:rgba(255,255,255,.85);max-width:44ch;margin:0 auto}
  .calc-cta{width:100%;justify-content:center;margin-top:16px}
  #pricing .bnd__card{scroll-margin-top:110px}
  #pricing .bnd__card:target{outline:3px solid var(--color-accent);outline-offset:4px;animation:packPulse 1.4s ease}
  @keyframes packPulse{0%{outline-color:transparent}30%{outline-color:var(--color-accent)}100%{outline-color:var(--color-accent)}}
  .bnd .anch{display:block;font-family:var(--font-heading);font-weight:800;font-size:15px;color:var(--text-muted);text-decoration:line-through;margin-top:12px}
  .bnd .anch+.pr{margin-top:2px}
  .bnd .per{font-family:var(--font-heading);font-weight:700;font-size:14px;color:var(--text-body);margin-top:8px}
  .note{text-align:center;font-size:14px;color:var(--text-muted);line-height:1.6;max-width:78ch;margin:26px auto 0}
  .note a{font-weight:700}
  .chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}
  .chips span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border-color);border-radius:999px;padding:10px 16px;font-family:var(--font-heading);font-weight:700;font-size:13.5px;color:var(--text-heading)}
  .chips span::before{content:"";width:7px;height:7px;border-radius:999px;background:var(--gradient-cta);flex:none}
  .pod{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
  .pod .sig{font-family:var(--font-heading);font-weight:800;font-size:19px;color:#fff;border-left:3px solid var(--color-accent);padding-left:18px;line-height:1.4;margin-top:18px}
  @media (max-width:1040px){.pod{grid-template-columns:1fr}}

/* ---- youtube ---- */
.bnd .anch{display:block;font-family:var(--font-heading);font-weight:800;font-size:15px;color:var(--text-muted);text-decoration:line-through;margin-top:12px}
  .bnd .anch+.pr{margin-top:2px}
  .bnd .per{font-family:var(--font-heading);font-weight:700;font-size:14px;color:var(--text-body);margin-top:8px}
  .note{text-align:center;font-size:14px;color:var(--text-muted);line-height:1.6;max-width:80ch;margin:24px auto 0}
  .note a{font-weight:700}
  .chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}
  .chips span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border-color);border-radius:999px;padding:10px 16px;font-family:var(--font-heading);font-weight:700;font-size:13.5px;color:var(--text-heading)}
  .chips span::before{content:"";width:7px;height:7px;border-radius:999px;background:var(--gradient-cta);flex:none}
  .starter{margin-top:26px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
  .starter p{font-size:15px;line-height:1.55}
  .starter p b{font-family:var(--font-heading);font-weight:800;color:var(--text-heading)}
  .meter{max-width:640px;margin:0 auto;background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:28px}
  .meter p{font-size:15.5px;line-height:1.6}
  .meter b{font-family:var(--font-heading);font-weight:800;color:var(--text-heading)}
  .meter ul{list-style:none;margin:20px 0 0;padding:0}
  .meter li{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--border-color);font-size:15px}
  .meter li:last-child{border-bottom:0}
  .meter li b{white-space:nowrap}
  .addon{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
  .addon .prices{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
  .addon .prices span{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:10px 16px;font-family:var(--font-heading);font-weight:700;font-size:13.5px;color:#fff}
  @media (max-width:1040px){.addon{grid-template-columns:1fr}}

/* ---- articles ---- */
.bnd .anch{display:block;font-family:var(--font-heading);font-weight:800;font-size:15px;color:var(--text-muted);text-decoration:line-through;margin-top:12px}
  .bnd .anch+.pr{margin-top:2px}
  .bnd .per{font-family:var(--font-heading);font-weight:700;font-size:14px;color:var(--text-body);margin-top:8px}
  .note{text-align:center;font-size:14px;color:var(--text-muted);line-height:1.6;max-width:80ch;margin:24px auto 0}
  .note a{font-weight:700}
  .chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}
  .chips span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border-color);border-radius:999px;padding:10px 16px;font-family:var(--font-heading);font-weight:700;font-size:13.5px;color:var(--text-heading)}
  .chips span::before{content:"";width:7px;height:7px;border-radius:999px;background:var(--gradient-cta);flex:none}
  .starter{margin-top:26px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
  .starter p{font-size:15px;line-height:1.55}
  .starter p b{font-family:var(--font-heading);font-weight:800;color:var(--text-heading)}
  .geo{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
  .geo ul{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:13px}
  .geo li{display:flex;gap:11px;font-size:15.5px;line-height:1.5;color:rgba(255,255,255,.82)}
  .geo li .ck{flex:none;width:21px;height:21px;border-radius:999px;background:var(--gradient-cta);color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-top:2px}
  .geo li .ck svg{width:12px;height:12px}
  .geo__stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-card);padding:32px}
  .geo__stat .n{font-family:var(--font-heading);font-weight:900;font-size:62px;line-height:1;letter-spacing:-.03em;color:#fff}
  .geo__stat .l{font-size:16px;line-height:1.55;color:rgba(255,255,255,.8);margin-top:14px}
  .geo__stat .src{font-size:12.5px;color:rgba(255,255,255,.42);margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}
  @media (max-width:1040px){.geo{grid-template-columns:1fr}}

/* ---- white-label ---- */
.cmp col.c4{width:23.33%}
  .cmp thead th.mine{background:var(--gradient-hero);color:#fff}
  .cmp td.mine{background:rgba(37,88,171,.06);color:var(--text-heading);font-weight:600}
  .cmp td.mine b{color:var(--color-primary)}
  .cmp tbody tr:hover td.mine{background:rgba(37,88,171,.1)}
  .rate-tbl .m{font-family:var(--font-heading);font-weight:800;color:var(--color-success)}
  .note{font-size:14px;color:var(--text-muted);line-height:1.6;max-width:88ch;margin:22px auto 0;text-align:center}
  .calc{max-width:640px;margin:0 auto;background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:28px;text-align:left}
  .calc-row{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center;margin-bottom:20px}
  .calc-row label{font-family:var(--font-heading);font-weight:700;font-size:14.5px;color:var(--text-heading)}
  .calc-row output{font-family:var(--font-heading);font-weight:800;font-size:14.5px;color:var(--color-accent-strong);text-align:right}
  .calc-row input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--color-accent);height:5px}
  .calc-out{border-top:1px solid var(--border-color);padding-top:18px;display:flex;flex-direction:column;gap:11px}
  .calc-out>div{display:flex;justify-content:space-between;gap:16px;font-size:15px}
  .calc-out b{font-family:var(--font-heading);font-weight:800;color:var(--text-heading)}
  .calc-out .diff{border-top:1px solid var(--border-color);padding-top:13px;margin-top:4px}
  .calc-out .diff b{color:var(--color-success);font-size:20px}
  .calc-nt{font-size:12.5px;color:var(--text-muted);margin-top:14px;line-height:1.5}
  .feat{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
  .feat .card h3{font-size:20px;font-weight:800}
  .feat .card p{font-size:15px;line-height:1.6;margin-top:9px}
  .feat .card .ic{width:44px;height:44px;border-radius:12px;background:var(--surface-1);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:16px}
  .feat .card .ic svg{width:21px;height:21px}
  @media (max-width:1040px){.feat{grid-template-columns:1fr}}
  .calc{max-width:680px;margin:0 auto;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-card);box-shadow:0 32px 64px -28px rgba(6,12,26,.3),0 4px 12px -6px rgba(6,12,26,.08);padding:30px 30px 26px;text-align:left}
  .calc-row{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;margin-bottom:22px}
  .calc-row label{font-family:var(--font-heading);font-weight:700;font-size:14.5px;color:var(--text-heading)}
  .calc-row output{font-family:var(--font-heading);font-weight:800;font-size:14.5px;color:var(--color-accent-strong);text-align:right}
  .calc-row input[type=range]{grid-column:1/-1;width:100%;height:8px;-webkit-appearance:none;appearance:none;border-radius:999px;background:var(--surface-2);outline:none}
  .calc-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:999px;background:#fff;border:0;box-shadow:0 2px 8px -1px rgba(6,12,26,.35),0 0 0 2px var(--color-accent);cursor:pointer;margin-top:-1px}
  .calc-row input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:999px;background:#fff;border:2px solid var(--color-accent);box-shadow:0 2px 8px -1px rgba(6,12,26,.35);cursor:pointer}
  .calc-row input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:var(--surface-2)}
  .calc-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;margin-top:26px}
  .calc-tile{border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}
  .calc-tile--you{background:var(--surface-1);border:1px solid var(--border-color)}
  .calc-tile--us{background:rgba(37,88,171,.08);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent)}
  .calc-tile .lb{font-family:var(--font-heading);font-weight:700;font-size:12px;letter-spacing:.02em;color:var(--text-muted);text-transform:uppercase}
  .calc-tile .lb em{font-style:normal;font-weight:700;opacity:.72}
  .calc-tile .amt{font-family:var(--font-heading);font-weight:900;font-size:30px;line-height:1;letter-spacing:-.02em;color:var(--text-heading)}
  .calc-tile .amt s{font-weight:700;font-size:15px;color:var(--text-muted);margin-left:7px}
  .calc-tile--us .amt{color:var(--color-primary)}
  .calc-tile .sub{font-size:12.5px;color:var(--text-muted);line-height:1.4}
  .calc-vschip{align-self:center;z-index:1;margin:0 -13px;width:38px;height:38px;border-radius:999px;background:#fff;box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
  .calc-save{margin-top:16px;background:rgba(255,92,38,.09);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);border-radius:16px;padding:16px 26px;display:flex;flex-direction:column;align-items:center;gap:3px}
  .calc-save__main{display:flex;align-items:baseline;gap:12px}
  .calc-save__hrs{font-family:var(--font-heading);font-weight:700;font-size:14px;color:var(--text-body)}
  .calc-save .save-ic{width:17px;height:17px;color:var(--color-accent-strong);margin-right:7px;vertical-align:-3px}
  .calc-save .amt.pop{animation:calcPop .34s var(--ease-smooth,cubic-bezier(.4,0,.2,1))}
  .calc-save .lb{font-family:var(--font-heading);font-weight:800;font-size:16px;color:var(--text-heading)}
  .calc-save .amt{font-family:var(--font-heading);font-weight:900;font-size:40px;line-height:1;letter-spacing:-.02em;color:var(--color-accent-strong)}
  .calc-save .amt .pm{font-size:18px;font-weight:800;color:color-mix(in srgb,var(--color-accent-strong) 65%,transparent)}
  .calc-vd{font-family:var(--font-heading);font-weight:700;font-size:15px;color:var(--text-heading);margin-top:18px;line-height:1.45;text-align:center}
  .calc-nt{font-size:12.5px;color:var(--text-muted);margin-top:10px;line-height:1.5;text-align:center}
  .math__grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:stretch}
  .math__intro{text-align:left;display:flex;flex-direction:column;justify-content:flex-start}
  .math__intro .lead{margin:14px 0 0}
  .math__intro .calc-nt{margin-top:auto;padding-top:20px;border-top:1px solid var(--border-color);text-align:left}
  .math__grid .calc{margin:0;max-width:none}
  @media (max-width:900px){.math__grid{grid-template-columns:1fr;gap:34px}.math__grid .calc{max-width:680px;margin:0 auto}.math__intro{text-align:center}.math__intro .calc-nt{margin-left:auto;margin-right:auto;text-align:center!important}}
  .calc-hire{margin-top:16px;background:var(--gradient-cta);border-radius:16px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;text-decoration:none;box-shadow:0 14px 30px -12px rgba(255,92,38,.55)}
  .calc-hire .lb{font-family:var(--font-heading);font-weight:800;font-size:15px;color:#fff;line-height:1.35;max-width:34ch}
  .calc-hire .cta{flex:none;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-heading);font-weight:800;font-size:14px;color:#fff}
  .calc-hire .cta svg{width:15px;height:15px;transition:transform .18s ease}
  .calc-hire:hover .cta svg{transform:translateX(3px)}
  .calc-nudge{display:flex;align-items:flex-start;gap:11px;margin:-4px 0 22px;padding:13px 16px;border-radius:12px;background:rgba(37,88,171,.06);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);font-size:13.5px;line-height:1.5;color:var(--text-body)}
  .calc-nudge svg{flex:none;width:18px;height:18px;color:var(--color-primary);margin-top:1px}
  .calc-save[hidden],.calc-hire[hidden],.calc-nudge[hidden],.calc-vs[hidden],.calc-agency[hidden],.calc-cta[hidden]{display:none}
  .calc-agency{margin-top:16px;background:var(--gradient-hero);border-radius:16px;padding:20px 26px;text-align:center;display:flex;flex-direction:column;gap:6px}
  .calc-agency .lb{font-family:var(--font-heading);font-weight:900;font-size:19px;letter-spacing:-.01em;color:#fff}
  .calc-agency .tx{font-size:14px;line-height:1.5;color:rgba(255,255,255,.85);max-width:44ch;margin:0 auto}
  .calc-cta{width:100%;justify-content:center;margin-top:16px}


/* ===================== DIVI HOST RESET (merged in) =====================
   This block used to live in a separate divi-reset.css that was never reaching
   the served CSS, so none of it applied. It is part of rb-site.css now.
   ---------------------------------------------------------------------
   THE GAP: Divi ships .et_pb_section{padding:54px 0} and nothing overrode it.
   :has() is supported and survives LiteSpeed minification, so scope to the
   sections that actually wrap our markup - no page edits, no CSS class needed. */
.et_pb_section:has(.rb-embed),
.et_pb_row:has(.rb-embed),
.et_pb_column:has(.rb-embed),
.et_pb_module:has(.rb-embed),
.et_pb_code:has(.rb-embed),
.et_pb_fullwidth_code:has(.rb-embed){
  padding:0!important;margin:0!important;border:0!important;background:transparent!important;
}
/* belt and braces: the class hook, in case you already added rb-section in Divi */
.rb-section,.rb-section.et_pb_section,.rb-section .et_pb_row,.rb-section .et_pb_column,
.rb-section .et_pb_module{padding:0!important;margin:0!important}
.rb-section,.rb-section.et_pb_section{font-size:0!important;line-height:0!important}
/* the code module wrappers themselves, unscoped (safe: they only hold our markup) */
.et_pb_code.rb-mod,.et_pb_fullwidth_code.rb-mod{padding:0!important;margin:0!important;line-height:0!important}
/* collapse the whitespace text node that sits between stacked modules */
.rb-embed{margin:0;font-size:0;line-height:0}
.rb-embed>section,.rb-embed>div,.rb-embed>header,.rb-embed>footer{font-size:16px;line-height:1.6}

/* ReferralBooster inside Divi — neutralise theme interference.
   Load this AFTER rb-site.css. Scoped to .rb-embed so the rest of your site is untouched. */

/* break out of Divi's constrained row so full-width bands stay full-width */
.rb-embed{width:100vw;margin-left:calc(50% - 50vw);position:relative}
/* the footer-injected review modal is fixed-position, so it must not be widened */
.rb-embed--flat{width:auto;margin-left:0}

/* Divi adds bottom padding to every p and heading */
.rb-embed p,.rb-embed h1,.rb-embed h2,.rb-embed h3,.rb-embed h4,.rb-embed h5,.rb-embed h6{padding-bottom:0}
/* NB: never set line-height/font-weight/color to `inherit` on these. Divi's computed
   line-height is a pixel length (~24px), so inheriting it onto a 52px headline
   collapses the lines on top of each other. rb-site.css already sets what it needs. */

/* Divi colours links with an ID selector (#page-container a), which outranks every
   class rule here, so buttons and inline links need !important to hold their colour.
   The values below mirror rb-site.css exactly. */
.rb-embed a{color:inherit!important;text-decoration:none}
.rb-embed a.btn--cta,.rb-embed a.btn--cta:hover{color:#fff!important}
.rb-embed a.btn--onDark,.rb-embed a.btn--onDark:hover{color:#fff!important}
.rb-embed a.btn--ghost{color:var(--text-heading)!important}
.rb-embed a.btn--ghost:hover{color:var(--color-accent-strong)!important}
.rb-embed .svc__card .svc__foot a.btn--ghost,.rb-embed .svc__card .svc__foot a.btn--ghost:hover,
.rb-embed .bnd__card .svc__foot a.btn--ghost,.rb-embed .bnd__card .svc__foot a.btn--ghost:hover{color:#fff!important}
.rb-embed a.tlink{color:var(--color-accent-strong)!important}
.rb-embed .s-dark a:not(.btn),.rb-embed .hero a:not(.btn){color:#fff!important}
/* final CTA: white button with coral label on the coral band, and underlined white inline links */
.rb-embed .fcta a.btn,.rb-embed .fcta a.btn:hover{color:var(--color-accent-strong)!important}
.rb-embed .fcta p a,.rb-embed .fcta p a:hover{color:#fff!important}
/* the review modal is printed in the footer, outside .rb-embed, so it needs its own guard */
.rvm a{color:var(--color-accent-strong)!important}

/* Divi's own section/row/module spacing shows as white strips between the three Code
   modules that make up one page. Zero it wherever a module wraps our markup. */
.et_pb_section:has(.rb-embed),.et_pb_row:has(.rb-embed),.et_pb_module:has(.rb-embed),
.et_pb_fullwidth_code:has(.rb-embed),.et_pb_code:has(.rb-embed){margin:0!important;padding:0!important;border:0!important}
.rb-embed{margin:0}
.rb-embed{font-size:0;line-height:0}
.rb-embed>section,.rb-embed>div,.rb-embed>header,.rb-embed>footer{font-size:16px;line-height:1.6}
/* WordPress can also emit an empty paragraph between shortcodes */
.et_pb_section p:empty,.et_pb_fullwidth_code>br,.et_pb_code>br{display:none!important}

/* Divi forces height:auto on every img, which breaks object-fit covers: the founder
   photo, hero video slot and thumbnails then stop short of their container. */
.rb-embed .founder__ph,.rb-embed .founder--photo .founder__ph{height:100%!important;aspect-ratio:auto!important}
.rb-embed .founder__ph img,.rb-embed .vslot img,.rb-embed .work3__shot img,
.rb-embed .ba__fig img,.rb-embed .spec__shot img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}

/* Divi also imposes its own heading font and weight from the Theme Customizer */
.rb-embed h1,.rb-embed h2,.rb-embed h3,.rb-embed h4,.rb-embed h5,.rb-embed h6,
.rb-embed .btn,.rb-embed .eyebrow{font-family:var(--font-heading)!important}
.rb-embed p,.rb-embed li,.rb-embed td,.rb-embed th{font-family:var(--font-body)!important}

/* Divi's list and box-model defaults */
.rb-embed ul,.rb-embed ol{margin:0;padding:0;list-style:none}
.rb-embed li{list-style:none}
.rb-embed *,.rb-embed *::before,.rb-embed *::after{box-sizing:border-box}

/* Divi styles links globally; these pages define their own */
.rb-embed a{text-decoration:none}

/* Divi's image rules */
.rb-embed img{max-width:100%;height:auto}

/* the review modal must escape any Divi stacking context */
.rb-embed .rvm{z-index:99999}

/* ---- fail-safe reveals ----------------------------------------------------
   rb-site.css hides every .reveal section until JS adds .in. If the JS is ever
   blocked, stripped by a plugin, or throws, that would leave the page almost
   entirely invisible. So: visible by default, and only hidden once the inline
   script at the top of the embed has proved JS is alive by adding .rb-js. */
.rb-embed .reveal{opacity:1;transform:none}
.rb-embed.rb-js .reveal{opacity:0;transform:translateY(22px)}
.rb-embed.rb-js .reveal.in{opacity:1;transform:none}

.rb-embed .reveal .svc>.card,.rb-embed .reveal .bnd>.card,
.rb-embed .reveal .tst>.tst__card,.rb-embed .reveal .bento>.b{opacity:1;transform:none}
.rb-embed.rb-js .reveal .svc>.card,.rb-embed.rb-js .reveal .bnd>.card,
.rb-embed.rb-js .reveal .tst>.tst__card,.rb-embed.rb-js .reveal .bento>.b{opacity:0;transform:translateY(18px)}
.rb-embed.rb-js .reveal.in .svc>.card,.rb-embed.rb-js .reveal.in .bnd>.card,
.rb-embed.rb-js .reveal.in .tst>.tst__card,.rb-embed.rb-js .reveal.in .bento>.b{opacity:1;transform:none}


/* ---- INLINE PROSE LINKS ----
   .rb-embed a{color:inherit!important} above (needed to beat Divi's #page-container a)
   also flattened ordinary inline links in body copy, e.g. the "Email a link to your
   channel" link in .note. Give them the design's link colour back. */
.rb-embed .note a:not(.btn),
.rb-embed :is(p,span,li,dd,dt,figcaption,small,em,strong,b) a:not(.btn):not(.tlink){color:var(--text-link)!important}
.rb-embed .note a:not(.btn):hover,
.rb-embed :is(p,span,li,dd,dt,figcaption,small,em,strong,b) a:not(.btn):not(.tlink):hover{color:var(--color-primary-dark)!important}
/* links the design underlines on purpose (the blanket text-decoration:none that
   beats Divi had removed them) */
.rb-embed .faq__ask a{color:var(--color-primary)!important;font-weight:700;text-decoration:underline!important;text-underline-offset:3px}
.rb-embed .faq__ask a:hover{color:var(--color-accent-strong)!important;text-decoration:underline!important}
/* re-assert the light-on-dark cases, which must stay white (declared after, so they win) */
.rb-embed .fcta :is(p,span,li) a:not(.btn):not(.tlink),.rb-embed .fcta :is(p,span,li) a:not(.btn):not(.tlink):hover,
.rb-embed .s-dark :is(p,span,li) a:not(.btn):not(.tlink),.rb-embed .s-dark :is(p,span,li) a:not(.btn):not(.tlink):hover,
.rb-embed .hero :is(p,span,li) a:not(.btn):not(.tlink),.rb-embed .hero :is(p,span,li) a:not(.btn):not(.tlink):hover,
.rb-embed .s-dark .note a:not(.btn),.rb-embed .fcta .note a:not(.btn){color:#fff!important;text-decoration:underline}


/* ---- TABLE RESET (Divi host) ----
   Divi ships its own table styles (border on every cell, its own padding and
   font-size) that outrank our .cmp rules on the live site: rows come out short,
   cells wrap early, and the card border/radius is lost. Re-assert ours. */
.rb-embed .cmp{border:1px solid var(--border-color)!important;border-radius:var(--radius-card)!important;overflow:hidden!important;box-shadow:var(--shadow-card)!important;background:#fff!important}
.rb-embed .cmp table{width:100%!important;border-collapse:collapse!important;table-layout:fixed!important;margin:0!important;border:0!important;background:transparent!important;font-size:inherit!important}
.rb-embed .cmp tr{border:0!important;background:transparent!important}
.rb-embed .cmp th,.rb-embed .cmp td{padding:16px 20px!important;text-align:left!important;vertical-align:top!important;font-size:14.5px!important;line-height:1.45!important;border:0!important;border-top:1px solid var(--border-color)!important;background:transparent!important;color:var(--text-body)!important;width:auto!important}
.rb-embed .cmp thead th{border-top:0!important;border-bottom:1px solid var(--border-color)!important;background:var(--surface-1)!important;font-family:var(--font-heading)!important;font-weight:800!important;font-size:15px!important;color:var(--text-heading)!important}
.rb-embed .cmp thead th.rb,.rb-embed .cmp thead th.mine{background:var(--gradient-hero)!important;color:#fff!important}
.rb-embed .cmp td.k{font-family:var(--font-heading)!important;font-weight:700!important;color:var(--text-heading)!important}
.rb-embed .cmp td.rb,.rb-embed .cmp td.mine{background:rgba(37,88,171,.06)!important;color:var(--text-heading)!important;font-weight:600!important}
.rb-embed .cmp td.rb b,.rb-embed .cmp td.mine b{color:var(--color-primary)!important}
/* Divi also zebra-stripes and hover-tints tables */
.rb-embed .cmp tbody tr:nth-child(odd) td,.rb-embed .cmp tbody tr:nth-child(even) td{background-color:transparent}
.rb-embed .cmp tbody tr:nth-child(odd) td.rb,.rb-embed .cmp tbody tr:nth-child(even) td.rb,
.rb-embed .cmp tbody tr:nth-child(odd) td.mine,.rb-embed .cmp tbody tr:nth-child(even) td.mine{background-color:rgba(37,88,171,.06)}
.rb-embed .cmp tbody tr:hover td{background-color:inherit}


/* ---- LIST RESET (Divi host) ----
   Divi styles every ul/ol globally (its own padding-left, margin-bottom and
   list-style), which outranks our list rules and collapses the gap under a
   heading. .rb-embed only ever contains our own markup, so reset inside it
   and let the design's own rules define spacing. */
/* Divi sets padding/margin on ul,ol (its own "0 0 23px 1em") and a list-style.
   Reset ONLY those. Do NOT touch li padding: the design uses it for row height
   (.meter rows, .ships, checklists), and flattening it collapses those. */
.rb-embed ul,.rb-embed ol{padding-left:0!important;margin:0;list-style:none}
.rb-embed li{list-style:none}
/* then restore the lists that carry their own spacing */
.rb-embed .anat-list{margin:2.5rem 0 0!important;padding:0!important;display:grid!important;grid-auto-flow:column;grid-template-columns:repeat(2,1fr);gap:.9rem 3rem}
.rb-embed .anat-list li{display:flex!important;align-items:flex-start;gap:.75rem}
@media(max-width:900px){.rb-embed .anat-list{grid-auto-flow:row!important;grid-template-columns:1fr!important}}
/* headings keep their own bottom margins, Divi zeroes some of them */
.rb-embed .s-head{margin-bottom:48px}
.rb-embed .s-head h2{margin-bottom:0}


/* ---- rows that carry their own vertical padding (were flattened by the list reset) ---- */
.rb-embed .meter ul{list-style:none;margin:20px 0 0!important;padding:0!important}
.rb-embed .meter li{display:flex!important;justify-content:space-between;gap:20px;padding:13px 0!important;border-bottom:1px solid var(--border-color);font-size:15px}
.rb-embed .meter li:last-child{border-bottom:0}


/* ---- DIVI 5 FLEX GUTTER ----
   Divi 5 lays modules out as flex items (et_flex_row / et_flex_column) with a
   gutter driven by custom properties. That gap is the white strip between our
   three Code modules; zeroing padding and margin never touched it. */
.et_pb_section:has(.rb-embed),.et_pb_row:has(.rb-embed),.et_pb_column:has(.rb-embed),
.et_pb_row_inner:has(.rb-embed),.et_flex_row:has(.rb-embed),.et_flex_column:has(.rb-embed){
  gap:0!important;row-gap:0!important;column-gap:0!important;
  --horizontal-gap-parent:0px!important;--vertical-gap-parent:0px!important;
  --row-gutter-horizontal:0px!important;--row-gutter-vertical:0px!important;
  --column-gutter-horizontal:0px!important;--column-gutter-vertical:0px!important;
}