/* ===== pricing page ===== */
  .pr-hero{padding:76px 0 40px;text-align:center;background:
    radial-gradient(70% 90% at 82% 10%, #F8FFE5 0%, rgba(248,255,229,0) 60%),
    linear-gradient(180deg, #E7FF95 0%, #EFFAC2 62%, var(--ivory) 100%)}
  .pr-hero h1{font-family:'Dazzed',Arial,sans-serif;font-weight:500;font-size:clamp(30px,4.3vw,47px);
    letter-spacing:-.025em;line-height:1.1;max-width:22ch;margin:16px auto 0}
  .pr-hero .lead{max-width:52ch;margin:18px auto 0}
  #cnum{display:inline-block;min-width:3ch;text-align:right;font-variant-numeric:tabular-nums}

  .plans{padding:44px 0 88px}
  .plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;gap:18px;align-items:stretch;max-width:880px;margin:0 auto}
  @media (max-width:820px){.plan-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}}

  /* usage panel under the price, per reference layout */
  .ubox{background:var(--ivory-2);border:1px solid var(--line);border-radius:12px;padding:14px 16px 16px;margin-top:18px}
  .ubox ul{margin:8px 0 0}
  .glab{display:block;font-family:'Aeonik Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.14em;
    text-transform:uppercase;font-weight:700;color:var(--espresso-soft)}
  .plan .fgroup .glab{margin:18px 0 0}

  /* superfan band: horizontal card under the two columns */
  .sfan{max-width:880px;margin:18px auto 0;background:var(--surface);border:1px solid var(--line);border-radius:20px;
    padding:28px 26px;display:grid;grid-template-columns:minmax(230px,1fr) 1.25fr auto;gap:30px;align-items:center;
    box-shadow:0 24px 50px -42px rgba(28,27,13,.35)}
  @media (max-width:820px){.sfan{grid-template-columns:1fr;max-width:440px;gap:18px}}
  .sfan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
  .sfan li{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;line-height:1.45;color:var(--espresso)}
  .sfan li::before{content:"\2713";flex:0 0 auto;font-weight:700;color:var(--accent-deep);padding-top:1px}
  .sfan .btn{white-space:nowrap;justify-content:center;display:inline-flex;align-items:center;gap:8px}
  .sfan .pp{font-family:'Dazzed',Arial,sans-serif;font-weight:600;font-size:40px;letter-spacing:-.02em;
    color:var(--espresso);margin-top:14px;line-height:1}
  .sfan .cta{display:flex;flex-direction:column;align-items:center;gap:12px}
  .sfan .xoff{background:var(--lime);color:var(--espresso);border-radius:12px;padding:6px 12px;
    font-family:'Aeonik Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.1em;
    text-transform:uppercase;font-weight:700;text-align:center;line-height:1.5}
  @media (max-width:820px){.sfan .cta{align-items:stretch}}
  .plan{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px 26px;
    display:flex;flex-direction:column;box-shadow:0 24px 50px -42px rgba(28,27,13,.35)}
  .plan.hot{border:2px solid var(--espresso);position:relative;
    box-shadow:0 24px 50px -42px rgba(28,27,13,.35),0 18px 60px -30px rgba(164,204,38,.5)}
  .plan.hot::before{content:"Recommended";position:absolute;top:-13px;left:50%;transform:translateX(-50%);
    background:var(--lime);color:var(--espresso);font-family:'Aeonik Mono',ui-monospace,monospace;
    font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;
    padding:5px 13px;border-radius:14px}
  .plan .pn,.sfan .pn{font-family:'Aeonik Mono',ui-monospace,monospace;text-transform:uppercase;font-size:11.5px;
    line-height:1.4;margin:0;
    letter-spacing:.18em;font-weight:700;color:var(--accent-deep)}
  .plan .pp{font-family:'Dazzed',Arial,sans-serif;font-weight:600;font-size:40px;letter-spacing:-.02em;
    color:var(--espresso);margin-top:14px;line-height:1}
  .plan .pp small{font-family:'Instrument Sans',Arial,sans-serif;font-weight:500;font-size:14px;
    color:var(--espresso-soft);letter-spacing:0;margin-left:4px}
  .plan .pd,.sfan .pd{font-size:14.5px;color:var(--espresso-soft);line-height:1.5;margin-top:10px}
  .plan .pd{min-height:44px}
  .plan ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
  .plan li{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;line-height:1.45;color:var(--espresso)}
  .plan li::before{content:"\2713";flex:0 0 auto;font-weight:700;color:var(--accent-deep);padding-top:1px}
  .plan .spacer{flex:1}
  .plan .btn{justify-content:center;text-align:center;display:inline-flex;align-items:center;gap:8px;width:100%;margin-top:24px}

  /* motion: hover + scroll reveal (JS + no-reduced-motion only).
     NB: the class is .prv, NOT .rv — the inherited site stylesheet has its own
     .js .rv reveal system, and reusing .rv leaves elements hidden forever on
     browsers where our .prjs gate declines but the site's .js class is set. */
  .plan{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
  .sfan{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
  @media (hover:hover){
    .sfan.prv.in:hover,.sfan:hover{transform:translateY(-4px);box-shadow:0 30px 62px -42px rgba(28,27,13,.5)}
    .plan.prv.in:hover,.plan:hover{transform:translateY(-4px);box-shadow:0 30px 62px -42px rgba(28,27,13,.5)}
    .plan.hot.prv.in:hover,.plan.hot:hover{box-shadow:0 30px 62px -42px rgba(28,27,13,.5),0 22px 64px -28px rgba(164,204,38,.55)}
  }
  .prjs .prv{opacity:0;transform:translateY(16px)}
  .prjs .prv.in{opacity:1;transform:none;
    transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}
  .prjs .prv.done{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}

  /* placeholder chips: the page must not ship while any of these remain */
  .tbc{display:inline-flex;align-items:center;gap:6px;background:rgba(28,27,13,.06);
    border:1.5px dashed rgba(28,27,13,.45);border-radius:10px;padding:3px 10px;
    font-family:'Aeonik Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.1em;
    text-transform:uppercase;font-weight:700;color:var(--espresso-soft)}

  .pr-how{padding:72px 0;background:var(--ivory-2);border-top:1px solid var(--line)}
  .pr-how h2{text-align:center;margin:0 auto 36px}
  .pr-how .lead{text-align:center;max-width:52ch;margin:14px auto 34px}
  .faq{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
  .fq{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
  .fq .q{font-family:'Instrument Sans',Arial,sans-serif;font-weight:600;font-size:15.5px;
    line-height:1.45;letter-spacing:0;margin:0;color:var(--espresso)}
  .fq .a{font-size:14.5px;line-height:1.55;color:var(--espresso-soft);margin-top:7px}
  .fq .a a{color:var(--espresso);font-weight:600;text-decoration:underline;text-decoration-color:var(--accent-deep);text-underline-offset:3px}

  .pr-cta{padding:88px 0;text-align:center;background:var(--espresso);color:var(--ivory)}
  .pr-cta h2{font-family:'Dazzed',Arial,sans-serif;font-weight:500;font-size:clamp(26px,3.6vw,40px);
    letter-spacing:-.02em;max-width:20ch;margin:0 auto;color:var(--ivory)}
  .pr-cta .lead{color:rgba(246,247,242,.75);max-width:48ch;margin:16px auto 0}
  .pr-cta .row{display:flex;gap:13px;justify-content:center;margin-top:32px;flex-wrap:wrap}
  .pr-cta .btn-pri{background:var(--lime);color:var(--espresso)}
  .pr-cta .btn-pri:hover{background:var(--lime-light)}
  .pr-cta .btn-ghost{color:var(--ivory);border-color:rgba(246,247,242,.32)}
  .pr-cta .btn-ghost:hover{border-color:var(--ivory)}
/* ===== integrations callout: two-worlds orbit hub. Duplicated verbatim at the
   end of about.css, pricing.css, club.css, careers.css and home.css, because
   #79 moved it out of the <style> that used to travel inside the markup.
   check-site.mjs fails the build if the copies drift, and if a page carries the
   markup without linking a sheet that has them. Edit one, run the check. ===== */
.igband{padding:64px 0 68px;background:
  radial-gradient(66% 60% at 12% 8%,  rgba(210,240,140,.5), transparent 62%),
  radial-gradient(60% 56% at 92% 12%, rgba(218,245,248,.5), transparent 60%),
  radial-gradient(74% 70% at 86% 96%, rgba(210,255,81,.34), transparent 60%),
  radial-gradient(64% 60% at 16% 92%, rgba(231,255,149,.4), transparent 62%),
  #ECEFE3}
.igband .igb-in{max-width:1120px;margin:0 auto;padding:0 24px;display:flex;align-items:center;
  justify-content:space-between;gap:44px;flex-wrap:wrap}
.igband .igb-copy{display:flex;flex-direction:column;gap:10px;max-width:430px}
.igband .igb-eye{font-family:'Aeonik Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.24em;
  text-transform:uppercase;font-weight:700;color:#55701A}
.igband h2{font-family:'Dazzed',Arial,sans-serif;font-weight:500;font-size:clamp(24px,3vw,33px);
  letter-spacing:-.02em;line-height:1.12;color:#1C1B0D;margin:0}
.igband .igb-sub{font-size:15px;color:#4C4B3B;line-height:1.6;margin:0}
.igband .igb-cta{margin-top:8px;font-weight:600;font-size:15px;color:#1C1B0D;align-self:flex-start;
  border-bottom:2px solid #D2FF51;padding-bottom:2px;text-decoration:none}
.igband .igb-cta:hover{border-color:#55701A}
.igband .igb-hub{position:relative;width:340px;height:340px;flex:0 0 auto}
.igband .igb-halo{position:absolute;inset:0;width:100%;height:100%}
.igband .igb-glow{position:absolute;left:50%;top:50%;width:200px;height:200px;transform:translate(-50%,-50%);
  border-radius:50%;background:radial-gradient(circle, rgba(210,255,81,.5) 0%, rgba(210,255,81,.14) 46%, transparent 70%);
  animation:igbGlow 6.5s ease-in-out infinite}
@keyframes igbGlow{0%,100%{opacity:.75;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}
.igband .igb-mark{position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);z-index:3}
.igband .igb-mark svg{width:100%;height:100%;border-radius:17px;
  box-shadow:0 0 0 1px rgba(85,112,26,.28),0 0 0 7px rgba(210,255,81,.22),0 16px 40px -14px rgba(28,27,13,.4)}
.igband .igb-ring{position:absolute;left:50%;top:50%;width:0;height:0;animation:igbSpin linear infinite}
.igband .igb-ring.r1{--r:97px}
.igband .igb-ring.r2{--r:152px}
.igband .igb-orb{position:absolute;left:0;top:0}
.igband .igb-oc{display:flex;transform-origin:0 0;animation:igbSpinRev linear infinite}
.igband .igb-oci{display:flex;align-items:center;justify-content:center;margin-left:-20px;margin-top:-20px;
  border-radius:12px;background:linear-gradient(165deg,#FFFFFF,#F4F6EC);border:1px solid rgba(28,27,13,.13);
  box-shadow:0 12px 26px -14px rgba(28,27,13,.35);animation:igbBreathe 7s ease-in-out infinite}
.igband .igb-oci.w{background:rgba(255,255,255,.55);border-style:dashed;border-color:rgba(28,27,13,.28)}
.igband .igb-oci svg{width:52%;height:52%}
.igband .igb-spoke{position:absolute;left:0;top:0;width:var(--r);height:1px;transform-origin:0 50%}
.igband .igb-spoke i{display:block;height:1px;width:100%;opacity:0;
  background:linear-gradient(90deg, rgba(85,112,26,0) 4%, rgba(85,112,26,.75) 55%, rgba(85,112,26,0) 96%);
  animation:igbSpark 12s ease-in-out infinite}
.igband .igb-lab{position:absolute;left:50%;transform:translateX(-50%);z-index:2;white-space:nowrap;
  font-family:'Aeonik Mono',ui-monospace,monospace;font-size:7.5px;letter-spacing:.22em;font-weight:700;
  color:#55701A;background:rgba(246,247,242,.92);box-shadow:0 0 0 1px rgba(28,27,13,.08);
  padding:2px 8px;border-radius:99px}
@keyframes igbSpin{to{transform:rotate(360deg)}}
@keyframes igbSpinRev{to{transform:rotate(-360deg)}}
@keyframes igbBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}
@keyframes igbSpark{0%,7%{opacity:0}2.5%{opacity:1}10%,100%{opacity:0}}
@media (max-width:820px){.igband .igb-in{justify-content:center}.igband .igb-hub{transform:scale(.85);margin:-20px 0}}
@media (prefers-reduced-motion:reduce){
  .igband .igb-ring,.igband .igb-oc,.igband .igb-oci,.igband .igb-glow{animation:none!important}
  .igband .igb-spoke{display:none}}