/* ════════════════════════════════════════════════════════════
   ANCHR · FOR CLINICIANS · NEXT · Inside Anchr + Every Plan Includes
   Layered on next.css tokens. Without JS (or with motion paused,
   or no WebGL) the tour is a plain grid of six chapter cards;
   inside.js adds .is-live to pin it over the 3D stage.
   ════════════════════════════════════════════════════════════ */

:root{--cbt:#3894fd;--dbt:#b07cf2;--act:#f2a73b;--pt:#2fc29a;--ipt:#f08166;--gen:#7bdaed}

/* ─── Shared pieces ───────────────────────────────────── */
.inside{position:relative;isolation:isolate;background:radial-gradient(ellipse 60% 50% at 70% 45%,rgba(37,99,235,.14),transparent 70%),var(--night)}
.ia-title{font-size:clamp(1.9rem,3.4vw,3rem);font-weight:700;letter-spacing:-.032em;line-height:1.04;color:#fff;max-width:560px;text-wrap:balance}
.ia-title em,.ia-ch h3 em,.inc-title em{font-style:normal;background:var(--grad-hi);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ia-kicker{display:flex;align-items:center;gap:10px;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-hi)}
.ia-kicker b{display:inline-grid;place-items:center;min-width:34px;padding:3px 8px;border-radius:99px;border:1px solid rgba(123,218,237,.3);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.06em}
.ia-ch h3{font-size:clamp(1.45rem,2.3vw,2.05rem);font-weight:700;letter-spacing:-.026em;line-height:1.1;margin:14px 0 12px;color:#fff;text-wrap:balance}
.ia-ch p{color:var(--fg-2);font-size:clamp(.95rem,1.1vw,1.04rem);text-wrap:pretty}
.ia-points{display:grid;gap:9px;margin-top:18px}
.ia-points li{display:flex;gap:10px;font-size:.9rem;color:#C9D4E6;line-height:1.45}
.ia-points .lucide{width:16px;height:16px;margin-top:2px;color:var(--teal-hi)}
.ia-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ia-legend li{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:99px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:.78rem;font-weight:600;color:#DCE4F2}
.ia-legend i{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}
.ia-legend b{color:#fff;font-variant-numeric:tabular-nums}
.ia-hint{display:none}

/* ─── Static (default): six chapter cards ─────────────── */
.ia-pin{position:relative;padding:clamp(90px,11vw,150px) 0}
.ia-canvas{position:absolute;top:clamp(40px,6vw,90px);right:0;width:min(52%,640px);height:min(60vh,520px);opacity:.75;pointer-events:none}
.ia-scrim,.ia-labels,.ia-rail{display:none}
.ia-hud{position:relative;z-index:2}
.ia-head{max-width:620px;min-height:min(46vh,420px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.ia-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(28px,4vw,48px)}
.ia-ch{position:relative;padding:26px 24px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
@media(max-width:1000px){.ia-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.ia-canvas{width:60%}}
@media(max-width:680px){.ia-chapters{grid-template-columns:minmax(0,1fr)}.ia-canvas{display:none}.ia-head{min-height:0}}

/* ─── Live: pinned stage, one chapter at a time ───────── */
.is-live .ia-pin{height:100svh;min-height:620px;padding:0;overflow:hidden}
.is-live .ia-canvas{display:block;top:0;left:0;right:auto;width:100%;height:100%;opacity:1;pointer-events:auto}
.is-live .ia-scrim{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(6,10,19,.94) 0%,rgba(6,10,19,.78) 26%,rgba(6,10,19,0) 48%),linear-gradient(180deg,rgba(6,10,19,.7) 0%,transparent 22%,transparent 80%,rgba(6,10,19,.75) 100%)}
.is-live .ia-labels{display:block;position:absolute;inset:0;z-index:2;pointer-events:none}
.is-live .ia-hud{z-index:3;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding-top:calc(var(--nav-h) + 3vh);padding-bottom:clamp(16px,3vh,30px);pointer-events:none}
.is-live .ia-hud :where(a,button){pointer-events:auto}
.is-live .ia-head{min-height:0;display:block;max-width:520px}
.is-live .ia-head .eyebrow{margin-bottom:14px}
.is-live .ia-chapters{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:0;max-width:460px;margin-top:0}
.is-live .ia-ch{grid-area:1/1;padding:0;background:none;border:0;border-radius:0;opacity:0;transform:translateY(22px);visibility:hidden;transition:opacity .55s var(--ease-out),transform .65s var(--ease-out),visibility 0s .65s}
.is-live .ia-ch.is-on{opacity:1;transform:none;visibility:visible;transition:opacity .6s var(--ease-out) .08s,transform .7s var(--ease-out) .08s,visibility 0s}
.is-live .ia-hint{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:.78rem;color:var(--fg-3)}
.is-live .ia-hint .lucide{width:15px;height:15px}
@media(pointer:coarse){.is-live .ia-hint{display:none}}

/* Rail: chapter jumps + progress */
.is-live .ia-rail{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding-top:14px}
.ia-rail-track{position:absolute;left:0;right:0;top:0;height:2px;border-radius:2px;background:rgba(255,255,255,.1);overflow:hidden}
.ia-rail-track i{display:block;height:100%;background:var(--grad-hi);transform-origin:left;transform:scaleX(var(--p,0))}
.ia-rail button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 13px;border-radius:99px;font-size:.78rem;font-weight:600;color:#8D9AB3;border:1px solid transparent;transition:color .3s,background-color .3s,border-color .3s}
.ia-rail button::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5;transition:opacity .3s,box-shadow .3s}
.ia-rail button:hover{color:#fff}
.ia-rail button.is-on{color:#fff;background:rgba(123,218,237,.1);border-color:rgba(123,218,237,.28)}
.ia-rail button.is-on::before{opacity:1;background:var(--teal-hi);box-shadow:0 0 10px var(--teal-hi)}
.ia-rail-cta{margin-left:auto;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:8px 4px;font-size:.82rem;font-weight:700;color:var(--teal-hi)}
.ia-rail-cta .lucide{width:15px;height:15px;transition:transform .35s var(--ease-out)}
.ia-rail-cta:hover .lucide{transform:translateY(3px)}

/* Labels projected from the 3D stage */
.ia-l{position:absolute;left:0;top:0;opacity:0;will-change:transform,opacity;white-space:nowrap}
.ia-in{transform:translate(-50%,-50%)}
.ia-above>.ia-in{transform:translate(-50%,-100%)}
.ia-below>.ia-in{transform:translate(-50%,0)}
.ia-right>.ia-in{transform:translate(0,-50%)}
.ia-above.ia-left-anchor>.ia-in{transform:translate(0,-100%)}
.ia-mid.ia-left-anchor>.ia-in{transform:translate(0,-50%)}
.ia-axis{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8D9AB3}
.ia-shelf b{margin-left:6px;color:#DCE4F2}
.ia-axis.ia-time{letter-spacing:.04em;text-transform:none;font-weight:600}
.ia-goal{font-size:.74rem;letter-spacing:.02em;text-transform:none;color:#B3BFD4}
.ia-goal.is-now{color:#fff}
.ia-row{display:inline-flex;align-items:center;gap:9px;font-size:.84rem;font-weight:600;color:#DCE4F2}
.ia-row small{display:inline-flex;align-items:center;gap:6px;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c)}
.ia-row small::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--c)}
.ia-note,.ia-card,.ia-spot,.ia-quote{display:flex;border-radius:16px;background:rgba(10,17,32,.84);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 50px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.ia-note{gap:18px;padding:12px 16px}
.ia-note>span{display:flex;flex-direction:column;gap:2px;font-size:.84rem;font-weight:600;color:#fff}
.ia-note small,.ia-quote small{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-hi)}
.ia-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:99px;font-size:.76rem;font-weight:700;color:#fff;background:rgba(10,17,32,.8);border:1px solid rgba(123,218,237,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ia-chip i{width:7px;height:7px;border-radius:50%;background:var(--teal-hi);box-shadow:0 0 10px var(--teal-hi)}
.ia-quote{flex-direction:column;gap:4px;padding:12px 16px;max-width:300px;white-space:normal;font-size:.92rem;font-weight:600;color:#fff;line-height:1.35}
.ia-card{flex-direction:column;gap:10px;width:252px;padding:16px 18px;white-space:normal}
.ia-tag{align-self:flex-start;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;border-radius:99px;color:var(--teal-hi);background:rgba(123,218,237,.1)}
.ia-card strong{font-size:1.05rem;letter-spacing:-.015em;color:#fff}
.ia-card ol{display:grid;gap:7px}
.ia-card li{display:grid;grid-template-columns:20px 1fr;align-items:baseline;column-gap:8px;font-size:.82rem;color:#DCE4F2}
.ia-card li b{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;font-size:.66rem;color:#fff;background:linear-gradient(135deg,#0EA5C7,#2563EB)}
.ia-card li small{grid-column:2;font-size:.68rem;color:#8D9AB3}
.ia-ok{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:#86EFAC}
.ia-ok .lucide{width:13px;height:13px}
.ia-spot{flex-direction:column;gap:3px;padding:10px 14px;max-width:260px;white-space:normal}
.ia-spot strong{font-size:.9rem;color:#fff;line-height:1.25}
.ia-spot small{font-size:.7rem;color:#8D9AB3}
.ia-spot-mod{display:inline-flex;align-items:center;gap:6px;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c)}
.ia-spot-mod i{width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
.ia-brand{display:flex;flex-direction:column;gap:1px;padding-left:4px}
.ia-brand strong{font-size:.86rem;letter-spacing:-.01em;color:#fff}
.ia-brand small{font-size:.66rem;color:#B3BFD4}
.ia-mono{display:block;font-size:1.05rem;font-weight:800;letter-spacing:-.04em;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.ia-brand-m strong{font-size:.74rem}.ia-brand-m small{font-size:.6rem}
.ia-mob{display:none}
.ia-powered{font-size:.66rem;font-weight:600;letter-spacing:.06em;color:#8D9AB3}

/* Short desktop screens: tighten the stack */
@media(min-width:900px) and (max-height:800px){
  .is-live .ia-title{font-size:clamp(1.6rem,2.6vw,2.3rem)}
  .is-live .ia-ch h3{font-size:clamp(1.3rem,1.9vw,1.7rem);margin:10px 0 8px}
  .is-live .ia-ch p{font-size:.92rem}
  .is-live .ia-points{gap:6px;margin-top:12px}
  .is-live .ia-points li{font-size:.84rem}
  .is-live .ia-legend{margin-top:12px}
}

/* Phones and tablets: stage on top, copy beneath */
@media(max-width:899px){
  .is-live .ia-pin{min-height:560px}
  .is-live .ia-scrim{background:linear-gradient(180deg,rgba(6,10,19,.82) 0%,rgba(6,10,19,.1) 22%,rgba(6,10,19,0) 44%,rgba(6,10,19,.9) 60%,rgba(6,10,19,.97) 100%)}
  .is-live .ia-hud{padding-top:calc(var(--nav-h) + 8px)}
  .is-live .ia-head .eyebrow{margin-bottom:8px;font-size:.66rem}
  .is-live .ia-title{font-size:clamp(1.3rem,5.4vw,1.75rem)}
  .is-live .ia-chapters{align-content:end;max-width:none;padding-bottom:6px}
  .is-live .ia-ch h3{font-size:clamp(1.2rem,5vw,1.5rem);margin:8px 0 6px}
  .is-live .ia-ch p{font-size:.88rem;line-height:1.5}
  .is-live .ia-points{gap:5px;margin-top:10px}
  .is-live .ia-points li{font-size:.8rem;gap:8px}
  .is-live .ia-points .lucide{width:14px;height:14px}
  .is-live .ia-legend{gap:5px;margin-top:10px}
  .is-live .ia-legend li{padding:4px 8px;font-size:.7rem}
  .is-live .ia-rail{gap:2px;padding-top:10px}
  .is-live .ia-rail button{min-height:34px;padding:6px 9px}
  .is-live .ia-rail button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .is-live .ia-rail button.is-on span{position:static;width:auto;height:auto;clip-path:none}
  .ia-desk{display:none}
  .ia-mob{display:block}
  .ia-mono{font-size:.7rem}
  .ia-axis{font-size:.6rem}
  .ia-spot{max-width:200px;padding:8px 11px}
}
@media(max-width:899px) and (max-height:700px){.is-live .ia-points{display:none}}

/* ─── Pricing: plans link down to the full list ───────── */
.plan-list a{color:var(--blue);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.plan-featured .plan-list a{color:var(--teal-hi)}

/* ─── Pricing: Every Plan Includes ────────────────────── */
.included{margin-top:clamp(64px,8vw,104px);scroll-margin-top:calc(var(--nav-h) + 24px)}
.inc-head{display:flex;flex-direction:column;align-items:center;text-align:center}
.inc-title{font-size:clamp(1.8rem,3.6vw,2.9rem);font-weight:700;letter-spacing:-.032em;line-height:1.05;text-wrap:balance}
.inc-title em{background:var(--grad);-webkit-background-clip:text;background-clip:text}
.inc-head p{max-width:620px;margin-top:14px;color:var(--ink-2);text-wrap:pretty}
.inc-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1000px;margin:clamp(28px,4vw,44px) auto clamp(20px,3vw,32px);border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);overflow:hidden}
.inc-stats>div{display:flex;flex-direction:column-reverse;align-items:center;gap:8px;padding:22px 10px;text-align:center}
.inc-stats>div+div{border-left:1px solid var(--line)}
.inc-stats dd{font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:700;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.inc-stats dt{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.inc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.inc-card{position:relative;overflow:hidden;padding:26px 24px 24px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:box-shadow .5s var(--ease-out),border-color .5s,translate .5s var(--ease-out)}
.inc-card:hover{translate:0 -4px;box-shadow:var(--shadow-md);border-color:rgba(37,99,235,.22)}
.inc-card.spot::before{background:radial-gradient(380px circle at var(--mx) var(--my),rgba(14,165,199,.08),transparent 45%)}
.inc-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:16px;border-radius:14px;color:var(--blue);background:linear-gradient(135deg,rgba(14,165,199,.14),rgba(37,99,235,.12));border:1px solid rgba(37,99,235,.12)}
.inc-icon .lucide{width:22px;height:22px}
.inc-card:hover .inc-icon .lucide{animation:incNudge .7s var(--ease-spring)}
@keyframes incNudge{40%{transform:translateY(-3px) rotate(-6deg)}}
.inc-card h4{font-size:1.1rem;font-weight:700;letter-spacing:-.015em;margin-bottom:12px}
.inc-card ul{display:grid;gap:9px}
.inc-card li{position:relative;padding-left:18px;font-size:.86rem;line-height:1.45;color:var(--ink-2)}
.inc-card li::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:50%;background:var(--grad)}
.inc-card strong{color:var(--ink)}
@media(max-width:1000px){.inc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .inc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inc-stats>div{border-top:1px solid var(--line)}
  .inc-stats>div:nth-child(-n+2){border-top:0}
  .inc-stats>div:nth-child(odd){border-left:0}
  .inc-stats>div:last-child{grid-column:1/-1}
}
@media(max-width:640px){.inc-grid{grid-template-columns:minmax(0,1fr)}}

/* ─── Free tier (mig 510): what needs a card ──────────── */
.ai-tag{display:inline-flex;align-items:center;margin-left:6px;padding:1px 7px;border-radius:99px;font-size:.6rem;font-weight:800;letter-spacing:.08em;line-height:1.5;vertical-align:1px;color:#fff;background:var(--grad);white-space:nowrap}
.inc-badge{position:absolute;top:30px;right:22px;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:99px;color:var(--blue);background:rgba(37,99,235,.07);border:1px solid rgba(37,99,235,.18)}