/* =========================================================
   The Dental Bridge — locked header + "Explore" navigation pane
   Shared by every page (markup is built by nav.js)
   ========================================================= */
.tdb-bar{
  position:fixed; top:0; left:0; right:0; z-index:90; height:64px;
  background:rgba(34,31,32,.86); -webkit-backdrop-filter:saturate(140%) blur(14px); backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid rgba(241,241,236,.08); box-shadow:0 12px 30px -18px rgba(0,0,0,.6);
  transform:translateY(-102%); transition:transform .32s cubic-bezier(.2,.7,.2,1);
  font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.tdb-bar.show, .tdb-always .tdb-bar{transform:none;}
.tdb-bar-in{max-width:1160px; height:100%; margin-inline:auto; padding-inline:32px; display:flex; align-items:center; justify-content:space-between; gap:16px;}
.tdb-left, .tdb-right{display:flex; align-items:center; gap:14px;}
.tdb-logo img{display:block; height:28px; width:auto;}
.tdb-logo .ico{display:none; height:26px;}
.tdb-back, .tdb-menu-btn{
  display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 14px; border-radius:999px; cursor:pointer; white-space:nowrap;
  font:600 .8rem/1 'Inter', sans-serif; color:#f1f1ec; text-decoration:none;
  background:rgba(241,241,236,.05); border:1px solid rgba(241,241,236,.16);
  transition:background-color .18s ease, border-color .18s ease;
}
.tdb-back:hover, .tdb-menu-btn:hover{background:rgba(241,241,236,.1); border-color:rgba(241,241,236,.3);}
.tdb-menu-btn .bars{display:inline-flex; flex-direction:column; gap:3.5px; width:14px;}
.tdb-menu-btn .bars i{display:block; height:1.5px; border-radius:2px; background:currentColor;}
.tdb-menu-btn .bars i:nth-child(2){width:70%;}
.tdb-join{
  display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 16px; border-radius:10px; white-space:nowrap;
  font:600 .82rem/1 'Inter', sans-serif; color:#221f20; text-decoration:none; background:#f1f1ec;
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset, 0 10px 24px -12px rgba(208,199,179,.5);
  transition:transform .18s ease;
}
.tdb-join:hover{transform:translateY(-1px);}
/* Menu button that lives inside the hero bar (top of page) */
.tdb-hright{display:flex; align-items:center; gap:12px;}
.tdb-home{display:flex; align-items:center; gap:16px;}

/* Ticker sits below the locked header once you scroll */
.tdb-on .live-widget.is-scrolled{top:78px !important;}
.tdb-always .live-widget{top:78px !important;}
.tdb-always body{padding-top:64px;}
.tdb-always .top-back{display:none !important;}
[data-tdb-sec]{scroll-margin-top:80px;}

/* ---------- Pane ---------- */
.tdb-scrim{position:fixed; inset:0; z-index:110; background:rgba(20,18,19,.55); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); opacity:0; pointer-events:none; transition:opacity .3s ease;}
.tdb-pane{
  position:fixed; top:0; right:0; bottom:0; z-index:120; width:min(440px, 100%);
  display:flex; flex-direction:column; color:#f1f1ec; font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background:
    radial-gradient(70% 40% at 100% 0%, rgba(147,148,116,.22), transparent 60%),
    radial-gradient(80% 50% at 0% 0%, rgba(67,68,43,.75), transparent 60%),
    #221f20;
  border-left:1px solid rgba(241,241,236,.08); box-shadow:-40px 0 80px -30px rgba(0,0,0,.7);
  transform:translateX(102%); transition:transform .38s cubic-bezier(.2,.7,.2,1); visibility:hidden;
}
.tdb-open .tdb-scrim{opacity:1; pointer-events:auto;}
.tdb-open .tdb-pane{transform:none; visibility:visible;}
.tdb-open, .tdb-open body{overflow:hidden;}
.tdb-pane-head{display:flex; align-items:center; justify-content:space-between; gap:12px; height:64px; padding:0 24px; border-bottom:1px solid rgba(241,241,236,.08); flex:none;}
.tdb-pane-head img{height:26px; width:auto; display:block;}
.tdb-close{width:40px; height:40px; border-radius:50%; cursor:pointer; display:grid; place-items:center; color:#f1f1ec; background:rgba(241,241,236,.05); border:1px solid rgba(241,241,236,.16);}
.tdb-close:hover{background:rgba(241,241,236,.12);}
.tdb-pane-body{flex:1; overflow-y:auto; padding:22px 24px 28px; overscroll-behavior:contain;}
.tdb-acc{border-bottom:1px solid rgba(241,241,236,.09);}
.tdb-acc:first-child{border-top:1px solid rgba(241,241,236,.09);}
.tdb-acc-h{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:14px; cursor:pointer; text-align:left;
  padding:16px 12px; margin:0; border:0; border-radius:0; background:transparent; color:#f1f1ec;
  font:700 1.02rem/1.3 'Hanken Grotesk', Arial, sans-serif; letter-spacing:-.005em; transition:background-color .18s ease, color .18s ease;
}
.tdb-acc-h:hover, .tdb-acc-h:focus-visible{background:rgba(241,241,236,.06); outline:none;}
.tdb-acc.open .tdb-acc-h{color:#fff;}
.tdb-acc-h i{flex:none; width:26px; height:26px; border-radius:50%; border:1px solid rgba(241,241,236,.18); position:relative; transition:transform .25s ease, background-color .2s ease, border-color .2s ease;}
.tdb-acc-h i::before{content:""; position:absolute; left:50%; top:45%; width:7px; height:7px; border-right:1.5px solid #d0c7b3; border-bottom:1.5px solid #d0c7b3; transform:translate(-50%,-50%) rotate(45deg);}
.tdb-acc.open .tdb-acc-h i{transform:rotate(180deg); background:#f1f1ec; border-color:#f1f1ec;}
.tdb-acc.open .tdb-acc-h i::before{border-color:#221f20;}
.tdb-acc-p{display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s ease;}
.tdb-acc.open .tdb-acc-p{grid-template-rows:1fr;}
.tdb-acc-p > div{overflow:hidden;}
.tdb-acc-p .tdb-links{padding:0 12px 14px;}
.tdb-links{list-style:none; margin:0; padding:0;}
.tdb-links a{display:block; padding:8px 0 8px 14px; border-left:1px solid rgba(241,241,236,.12); font-size:.94rem; line-height:1.35; color:rgba(241,241,236,.78); text-decoration:none; transition:color .15s ease, border-color .15s ease, background-color .15s ease;}
.tdb-links a:hover, .tdb-links a:focus-visible{color:#fff; border-left-color:#d0c7b3; outline:none;}
.tdb-links a.cur{color:#fff; font-weight:600; border-left:2px solid #9cc39a; padding-left:13px;}
.tdb-pane-body{padding-top:14px;}
.tdb-foot{flex:none; padding:16px 24px 20px; border-top:1px solid rgba(241,241,236,.08); display:flex; align-items:center; justify-content:space-between; gap:14px;}
.tdb-foot b{display:block; font:600 .9rem/1.3 'Inter', sans-serif; color:#fff;}
.tdb-foot span{display:block; font-size:.78rem; color:rgba(241,241,236,.5); margin-top:2px;}
.tdb-foot .tdb-join{height:42px; padding:0 20px;}

@media (max-width:760px){
  .tdb-bar-in{padding-inline:18px;}
  .tdb-logo .full{display:none;}
  .tdb-logo .ico{display:block;}
  .tdb-menu-btn .lbl{display:none;}
  .tdb-menu-btn{width:40px; padding:0; justify-content:center;}
  .tdb-bar{height:58px;}
  .tdb-always body{padding-top:58px;}
  .tdb-on .live-widget.is-scrolled, .tdb-always .live-widget{top:70px !important;}
}
@media (max-width:380px){ .tdb-join{padding:0 12px;} .tdb-back{padding:0 11px;} }
@media (prefers-reduced-motion:reduce){ .tdb-bar, .tdb-pane, .tdb-scrim{transition:none;} }
@media (max-width:560px){
  .tdb-home{gap:10px;}
  .tdb-home .hero-logo{height:22px;}
  .hero-top .tdb-menu-btn{width:36px; height:36px;}
  .tdb-hright{gap:8px;}
}
@media (max-width:560px){ .hero-top:has(.back-pill) .hero-badge{display:none;} }

/* ---------- Founding urgency (shared) ---------- */
.urg-head{margin:0 0 14px; font:600 1.06rem/1.35 'Hanken Grotesk', Arial, sans-serif; letter-spacing:-.01em; color:#f1f1ec;}
.urg-doors{display:flex; align-items:center; gap:10px; margin:20px 0 0; padding:11px 14px; border-radius:12px;
  background:rgba(208,199,179,.08); border:1px solid rgba(208,199,179,.2);
  font:600 .9rem/1.3 'Inter', sans-serif; color:#f1f1ec;}
.urg-doors .cal{flex:none; width:30px; height:30px; border-radius:8px; display:grid; place-items:center; background:rgba(241,241,236,.08); color:#d0c7b3;}
.urg-doors small{display:block; font-weight:500; font-size:.76rem; color:rgba(241,241,236,.55); margin-top:2px;}
.urg-line{margin:0; font:600 .98rem/1.5 'Inter', sans-serif; color:#f1f1ec;}
.price-jump{list-style:none; margin:14px 0 0; padding:0; display:grid; gap:0;}
.price-jump li{display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:9px 0; border-top:1px solid rgba(241,241,236,.08);
  font:500 .84rem/1.35 'Inter', sans-serif; color:rgba(241,241,236,.7);}
.price-jump li:first-child{border-top:0; padding-top:2px; font-size:.68rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:rgba(241,241,236,.42);}
.price-jump .v{white-space:nowrap; color:rgba(241,241,236,.5);}
.price-jump .v b{color:#f1f1ec; font-weight:700;}
.price-jump .v i{font-style:normal; padding:0 6px; color:#d0c7b3;}
[data-urg-phase="last48"] .panel-status{background:rgba(232,170,120,.12); border-color:rgba(232,170,120,.35);}
[data-urg-phase="last48"] .panel-status .pulse{background:#e8aa78;}
[data-urg-phase="last48"] .panel-status .pulse::after{border-color:#e8aa78;}

/* ---------- Welcome after checkout ---------- */
.tdb-welcome{position:fixed; left:50%; bottom:24px; z-index:130; width:min(560px, calc(100% - 32px));
  transform:translate(-50%, 20px); opacity:0; transition:opacity .35s ease, transform .35s ease; pointer-events:none;}
.tdb-welcome.on{opacity:1; transform:translate(-50%, 0); pointer-events:auto;}
.tdb-welcome-in{display:flex; align-items:flex-start; gap:14px; padding:18px 18px 18px 20px; border-radius:16px; background:#221f20; color:#f1f1ec;
  border:1px solid rgba(241,241,236,.12); box-shadow:0 30px 60px -20px rgba(0,0,0,.6); font-family:'Inter', sans-serif;}
.tdb-welcome-ic{flex:none; width:32px; height:32px; border-radius:50%; display:grid; place-items:center; background:#9cc39a; color:#221f20; font-weight:700;}
.tdb-welcome b{display:block; font-size:.98rem; margin-bottom:3px;}
.tdb-welcome p{margin:0; font-size:.86rem; line-height:1.5; color:rgba(241,241,236,.7);}
.tdb-welcome button{flex:none; margin-left:auto; width:30px; height:30px; border-radius:50%; border:1px solid rgba(241,241,236,.16); background:transparent; color:#f1f1ec; font-size:18px; line-height:1; cursor:pointer;}

/* ---------- Monthly / Annual toggle (shared by every pricing section) ---------- */
  .plan-bar{display:flex; flex-direction:column; align-items:center; gap:14px; margin:0 auto 34px; text-align:center;}
  .plan-toggle{position:relative; display:inline-grid; grid-template-columns:1fr 1fr; padding:5px; border-radius:999px;
    background:var(--surface); border:1px solid var(--line-strong); box-shadow:0 14px 30px -22px rgba(41,39,40,.5);}
  .plan-toggle button{position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center; gap:8px; height:46px; padding:0 26px; border:0; border-radius:999px; background:transparent; cursor:pointer;
    font:600 .95rem/1 'Inter', sans-serif; color:var(--ink-soft); transition:color .25s ease; white-space:nowrap;}
  .plan-toggle button[aria-checked="true"]{color:#f1f1ec;}
  .plan-toggle .save{font-size:.68rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:4px 8px; border-radius:999px; background:rgba(111,159,106,.16); color:#4f7d4a; transition:background-color .25s ease, color .25s ease;}
  .plan-toggle button[aria-checked="true"] .save{background:rgba(156,195,154,.22); color:#cfe6cd;}
  .plan-toggle .thumb{position:absolute; z-index:0; top:5px; bottom:5px; left:5px; width:calc(50% - 5px); border-radius:999px; background:#221f20; box-shadow:0 8px 18px -10px rgba(34,31,32,.8); transition:transform .35s cubic-bezier(.2,.7,.2,1);}
  [data-plan-state="annual"] .plan-toggle .thumb{transform:translateX(100%);}
  .plan-switch{position:relative; display:inline-flex;}
  @media (min-width:901px){ .plan-bar{padding-top:44px;} }
  .plan-callout{position:absolute; left:calc(100% + 10px); top:-38px; width:230px; pointer-events:none; text-align:left;
    font:400 1.32rem/1.05 'Instrument Serif', Georgia, serif; color:var(--accent-bright, #6f7057); transition:opacity .3s ease, transform .3s ease;}
  .plan-callout svg{display:block; margin:4px 0 0 -6px; color:var(--accent, #939474);}
  .plan-callout .yay{display:none;}
  [data-plan-state="annual"] .plan-callout .go{display:none;}
  [data-plan-state="annual"] .plan-callout .yay{display:inline;}
  [data-plan-state="annual"] .plan-callout svg{display:none;}
  @media (min-width:901px){ [data-plan-state="annual"] .plan-callout{top:12px;} }
  @media (max-width:900px){
    .plan-callout{position:static; width:auto; text-align:center; order:-1; margin-bottom:2px; font-size:1.2rem;}
    .plan-callout svg{display:none;}
    .plan-bar .plan-switch{flex-direction:column; align-items:center;}
  }
  @media (max-width:560px){
    .plan-toggle button{padding:0 16px; height:44px; font-size:.9rem;}
    .plan-toggle .save{display:none;}
  }
  .plan-note{margin:0; font:500 .9rem/1.5 'Inter', sans-serif; color:var(--ink-faint);}
  .plan-note b{color:var(--ink); font-weight:600;}
  [data-plan-state] [data-show]{display:none;}
  [data-plan-state="monthly"] [data-show="monthly"], [data-plan-state="annual"] [data-show="annual"]{display:revert;}

/* ---------- Layer-page Insider card: annual + free-month code ---------- */
  .plan .incl{list-style:none; margin:2px 0 0; padding:0; display:flex; flex-direction:column; gap:8px;}
  .plan .incl li{position:relative; padding-left:24px; font-size:.95rem; line-height:1.45; color:var(--ink);}
  .plan .incl li::before{content:""; position:absolute; left:2px; top:.42em; width:11px; height:6px; border-left:2px solid var(--accent); border-bottom:2px solid var(--accent); transform:rotate(-45deg);}
  .plan .incl li.no{color:var(--ink-faint); font-size:.88rem;}
  .plan .incl li.no::before{border:0; border-top:2px solid var(--ink-faint); width:10px; height:0; top:.7em; transform:none;}
  .plan .c-bill{font-size:.85rem; color:var(--ink-faint);}
  .plan .plan-only{font-size:.9rem; color:var(--ink-faint); padding:10px 12px; border-radius:12px; background:var(--bg); border:1px dashed var(--line-strong);}
  .plan .claim{align-items:center; gap:12px; flex-wrap:wrap;}
  [data-plan-state="annual"] .plan .claim{display:flex;}
  .claim-btn{display:inline-flex; align-items:center; gap:8px; height:42px; padding:0 18px; border-radius:999px; cursor:pointer;
    font:600 .9rem/1 'Inter', sans-serif; color:#221f20; background:#e9e1cc; border:0; box-shadow:0 10px 24px -12px rgba(208,199,179,.6); transition:transform .18s ease;}
  .claim-btn:hover{transform:translateY(-1px);}
  .claim-ok{display:inline-flex; align-items:center; gap:10px; font:600 .88rem/1.2 'Inter', sans-serif; color:#cfe6cd;}
  .claim-ok[hidden], .claim-btn[hidden]{display:none !important;}
  .claim-ok .ok{width:22px; height:22px; border-radius:50%; display:grid; place-items:center; background:#9cc39a; color:#221f20; font-size:.78rem;}
  .claim-ok .code{font:700 .8rem/1 ui-monospace, 'SFMono-Regular', Menlo, monospace; letter-spacing:.08em; color:#f1f1ec; padding:8px 11px; border-radius:9px; border:1.5px dashed rgba(241,241,236,.45); background:rgba(241,241,236,.06);}
  .coffee-dark{margin:0; font:600 .9rem/1.45 'Inter', sans-serif !important; color:rgba(241,241,236,.78) !important;}
  .coffee-dark b{color:#f1f1ec;}
  .js-price .was-strike{display:inline-block; margin-right:10px; font-size:1.2rem; font-weight:600; color:rgba(241,241,236,.45); text-decoration:line-through; text-decoration-thickness:2px; vertical-align:.5em;}
  .js-price.flip{animation:tdbFlip .5s cubic-bezier(.2,.7,.2,1);}
  @keyframes tdbFlip{0%{opacity:0; transform:translateY(8px);} 100%{opacity:1; transform:none;}}
/* Phones: fold layer "What's inside" items; trim add-on cards to their hook line */
@media (max-width:640px){
  .inside .feat{padding:16px 18px !important; align-items:center;}
  .inside .feat h3{margin:0 !important; font-size:1.05rem !important; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:12px;}
  .inside .feat h3::after{content:""; flex:none; width:7px; height:7px; border-right:1.5px solid var(--ink-faint); border-bottom:1.5px solid var(--ink-faint); transform:rotate(45deg); margin-top:-4px;}
  .inside .feat.open h3::after{transform:rotate(-135deg); margin-top:3px;}
  .inside .feat p{display:none;}
  .inside .feat.open p{display:block; margin-top:8px;}
  .inside .feat.open{align-items:start;}
  .inside .feat-grid{gap:8px !important;}
  .addon{padding:22px 20px !important;}
  .addon p:not(.hook){display:none;}
}

.inside-list .display{font-size:clamp(2rem, 3.4vw, 2.75rem);}
.inside-list .sec-head{margin:0 auto 40px; text-align:center;}
/* ===== Shared components (See Inside + layer pages): comparison card, what's-inside list, sneak peek ===== */
.lib-meta{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin:28px 0 18px;}
.lib-meta p{margin:0; font-size:.95rem; color:var(--ink-soft);}
.lib-meta p b{color:var(--ink);}
.lib-meta p{max-width:62ch;}
.lib-meta .promise{display:block; font-family:'Instrument Serif', Georgia, serif; font-size:1.7rem; line-height:1.2; color:var(--ink); letter-spacing:-.005em;}
.lib-meta .for{display:block; margin-bottom:8px; font:600 11px/1 'Inter', sans-serif; letter-spacing:.16em; text-transform:uppercase; color:var(--accent-bright);}
.trk-key{display:flex; gap:8px; flex-wrap:wrap;}
.ph{display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; font:600 10.5px/1.2 'Inter', sans-serif; letter-spacing:.1em; text-transform:uppercase; white-space:nowrap;}
.ph::before{content:""; width:6px; height:6px; border-radius:50%;}
.ph1{background:#221f20; color:#f1f1ec;} .ph1::before{background:#9cc39a;}
.ph2{background:var(--surface); color:var(--ink-soft); border:1px solid var(--line-strong);} .ph2::before{background:var(--accent);}
.ph3{color:var(--ink-faint); border:1px dashed var(--line-strong);} .ph3::before{background:transparent; border:1px solid var(--ink-faint);}
.trk-grid{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; transition:opacity .25s ease;}
.trk-grid.fade{opacity:0;}
.trk{background:var(--surface); border:1px solid var(--line); border-radius:22px; padding:26px 26px 22px; display:flex; flex-direction:column; gap:10px;}
.trk-top{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:nowrap; min-height:24px;}
.trk .no{font:600 11px/1 'Inter', sans-serif; letter-spacing:.16em; text-transform:uppercase; color:var(--accent-bright);}
.trk h3{margin:0; font-family:'Hanken Grotesk', Arial, sans-serif; font-weight:700; font-size:1.22rem; line-height:1.25; letter-spacing:-.015em; color:var(--ink);}
.trk .m{margin:0; font-size:.95rem; line-height:1.55; color:var(--ink-soft);}
.trk-foot{display:flex; flex-wrap:wrap; gap:10px 22px; justify-content:center; margin:22px 0 4px; font:500 .86rem/1.4 'Inter', sans-serif; color:var(--ink-faint);}
.trk-foot span{display:inline-flex; align-items:center; gap:8px;}
.trk-foot span + span::before{content:""; width:4px; height:4px; border-radius:50%; background:var(--accent); margin-right:4px;}
.inc-list{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:0 40px;}
.inc-list li{padding:20px 0 22px; border-top:1px solid var(--line);}
.inc-list li::before{content:"\2192"; display:inline-block; margin-right:10px; color:var(--accent); font-weight:600;}
.inc-list b{font-family:'Hanken Grotesk', Arial, sans-serif; font-size:1.12rem; color:var(--ink);}
.inc-list span{display:block; margin-top:6px; padding-left:26px; color:var(--ink-soft); font-size:.98rem; line-height:1.5;}
@media (max-width:1020px) and (min-width:761px){ .inc-list{grid-template-columns:repeat(2, minmax(0,1fr));} }
@media (max-width:760px){
  .inc-list{grid-template-columns:1fr;} .inc-list li{padding:14px 0;} .inc-list span{font-size:.94rem; margin-top:3px;}
}
.vs{display:grid; grid-template-columns:1fr 1fr; border-radius:26px; overflow:hidden; border:1px solid var(--line); box-shadow:0 40px 80px -56px rgba(41,39,40,.45);}
.vs-l{background:var(--surface);}
.vs-r{color:var(--hero-ink); background:#221f20;}
.vs-h{padding:22px 36px 18px; font:600 11px/1.2 'Inter', sans-serif; letter-spacing:.16em; text-transform:uppercase;}
.vs-h.vs-l{color:var(--ink-faint);} .vs-h.vs-r{color:var(--hero-accent);}
.vs-c{display:flex; align-items:center; gap:18px; padding:22px 36px; min-height:96px;}
.vs-c.vs-l{border-top:1px solid var(--line);} .vs-c.vs-r{border-top:1px solid rgba(241,241,236,.1);}
.vs-c b{display:block; font-family:'Hanken Grotesk', Arial, sans-serif; font-weight:700; font-size:1.08rem; letter-spacing:-.01em; color:var(--ink);}
.vs-c span{display:block; margin-top:3px; font-size:.97rem; line-height:1.5; color:var(--ink-faint);}
.vs-c p{margin:0; font-family:'Hanken Grotesk', Arial, sans-serif; font-weight:600; font-size:1.12rem; line-height:1.4; letter-spacing:-.01em; color:var(--hero-ink);}
.vs-x, .vs-ck{flex:none; position:relative; width:26px; height:26px; border-radius:50%;}
.vs-x{border:1.5px solid var(--line-strong);}
.vs-x::before, .vs-x::after{content:""; position:absolute; left:50%; top:50%; width:10px; height:1.5px; background:var(--ink-faint); transform:translate(-50%,-50%) rotate(45deg);}
.vs-x::after{transform:translate(-50%,-50%) rotate(-45deg);}
.vs-ck{background:var(--hero-accent);}
.vs-ck::after{content:""; position:absolute; left:9px; top:6px; width:5px; height:10px; border-right:2px solid #221f20; border-bottom:2px solid #221f20; transform:rotate(45deg);}
@media (max-width:640px){
  .vs{border-radius:20px;}
  .vs-h{padding:14px 14px 12px; font-size:9.5px; letter-spacing:.12em;}
  .vs-c{flex-direction:column; align-items:flex-start; gap:8px; padding:16px 14px; min-height:0;}
  .vs-x, .vs-ck{width:20px; height:20px;}
  .vs-x::before, .vs-x::after{width:8px;} .vs-ck::after{left:6px; top:4px; width:4px; height:8px;}
  .vs-c b{font-size:.9rem;} .vs-c span{font-size:.82rem;}
  .vs-c p{font-size:.92rem; line-height:1.38;}
}
/* Sneak peek: course cards with a lessons dropdown */
.trk-grid{align-items:start;}
.trk{gap:10px; padding:26px 26px 20px;}
.trk .m{font-size:1rem; line-height:1.5; color:var(--ink-soft);}
.trk-tog{display:flex; align-items:center; gap:10px; width:100%; margin-top:8px; padding:12px 16px; border-radius:14px; border:1px solid var(--line-strong); background:var(--bg); font:600 .86rem/1 'Inter', sans-serif; color:var(--ink); cursor:pointer; transition:background .2s ease, border-color .2s ease;}
.trk-tog:hover{border-color:var(--ink-faint);}
.trk-tog em{font-style:normal; font-weight:600; font-size:.74rem; color:var(--ink-faint); padding:3px 8px; border-radius:999px; background:var(--surface); border:1px solid var(--line);}
.trk-tog i{margin-left:auto; width:8px; height:8px; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor; transform:rotate(45deg) translateY(-3px); transition:transform .2s ease;}
.trk.open .trk-tog{background:#221f20; border-color:#221f20; color:#f1f1ec;}
.trk.open .trk-tog em{background:rgba(241,241,236,.12); border-color:transparent; color:#d0c7b3;}
.trk.open .trk-tog i{transform:rotate(-135deg) translate(-2px,-2px);}
.les{list-style:none; margin:4px 0 0; padding:0; display:none;}
.trk.open .les{display:block;}
.les li{display:grid; grid-template-columns:24px minmax(0,1fr); column-gap:12px; padding:13px 0; border-top:1px solid var(--line);}
.les li:first-child{border-top:0;}
.les .i{width:24px; height:24px; border-radius:50%; display:grid; place-items:center; font:600 .72rem/1 'Inter', sans-serif; color:var(--accent-bright); border:1px solid var(--line-strong); margin-top:1px;}
.les b{display:block; font-family:'Hanken Grotesk', Arial, sans-serif; font-weight:700; font-size:.97rem; line-height:1.35; color:var(--ink);}
.les span.s{display:block; margin-top:3px; font-size:.88rem; line-height:1.45; color:var(--ink-faint);}
.les .ph{margin-top:8px; font-size:9.5px; padding:3px 8px;}
.lib-how{display:flex; align-items:center; gap:10px; margin:-4px 0 18px; font-size:.92rem; color:var(--ink-soft);}
.lib-how i{flex:none; width:22px; height:22px; border-radius:50%; background:var(--accent); position:relative;}
.lib-how i::before{content:""; position:absolute; left:8px; top:6px; border-left:7px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent;}
.lib-how b{color:var(--ink);}
/* Quick wins + coming soon: two matching cards side by side */
.pair{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:20px;}
.pc{padding:24px 26px 22px; border-radius:22px; background:var(--surface); border:1px solid var(--line); display:flex; flex-direction:column;}
.pc-soon{background:transparent; border-style:dashed; border-color:var(--line-strong);}
.pc-head{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;}
.pc-head .for{font:600 10.5px/1.3 'Inter', sans-serif; letter-spacing:.16em; text-transform:uppercase; color:var(--accent-bright);}
.pc-soon .pc-head .for{color:var(--ink-faint);}
.pc h3{margin:10px 0 4px; font-family:'Hanken Grotesk', Arial, sans-serif; font-weight:700; font-size:1.22rem; letter-spacing:-.015em; color:var(--ink);}
.pc-sub{margin:0 0 10px; display:flex; align-items:center; gap:8px; font-size:.86rem; color:var(--ink-faint);}
.pc-sub .tag{flex:none; white-space:nowrap; font:600 9.5px/1 'Inter', sans-serif; letter-spacing:.1em; text-transform:uppercase; color:#f1f1ec; background:#221f20; padding:5px 9px; border-radius:999px;}
.pc-list{list-style:none; margin:0; padding:0;}
.pc-list li{position:relative; padding:9px 0 9px 22px; border-top:1px solid var(--line); font-family:'Hanken Grotesk', Arial, sans-serif; font-weight:600; font-size:.95rem; line-height:1.35; color:var(--ink);}
.pc-list li::before{content:""; position:absolute; left:2px; top:15px; width:7px; height:7px; border-radius:50%; background:var(--accent);}
.pc-soon .pc-list li{color:var(--ink-soft); font-weight:500;}
.pc-soon .pc-list li::before{background:transparent; border:1.5px solid var(--ink-faint); width:5px; height:5px;}
.pc-more{margin:10px 0 0; font-size:.82rem; color:var(--ink-faint);}
@media (max-width:760px){ .pair{grid-template-columns:1fr;} .pc{padding:20px 18px 18px;} .trk{padding:22px 20px 18px;} .lib-how{align-items:flex-start;} }
@media (max-width:1020px){ .trk-grid{grid-template-columns:repeat(2, minmax(0,1fr));} }
@media (max-width:640px){ .trk-grid{grid-template-columns:1fr;} .lib-meta .promise{font-size:1.4rem;} .trk{padding:22px 20px 18px;} .trk-foot{justify-content:flex-start; flex-direction:column;} .trk-foot span + span::before{display:none;} }

/* Layer pages: condensed member extras */
.extras-mini{padding-block:72px;}
.extras-mini .sec-head{margin-bottom:22px;}
.extras-mini .eyebrow{margin-bottom:0;}
.xm-grid{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:14px;}
.xm{padding:20px 20px 18px; border-radius:18px; background:var(--bg); border:1px solid var(--line);}
.xm b{display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-family:'Hanken Grotesk', Arial, sans-serif; font-size:1rem; color:var(--ink);}
.xm b em{font-style:normal; font:600 9.5px/1 'Inter', sans-serif; letter-spacing:.1em; text-transform:uppercase; color:#221f20; background:#e9e1cc; padding:4px 8px; border-radius:999px;}
.xm span{display:block; margin-top:5px; font-size:.9rem; line-height:1.45; color:var(--ink-soft);}
.xm-foot{margin:16px 0 0; font-size:.86rem; color:var(--ink-faint);}
.inc-note{text-align:center; margin:26px 0 0; font-size:.92rem; color:var(--ink-soft);}
.inc-note a{color:var(--ink); font-weight:600;}
.sp-more{display:flex; justify-content:center; margin-top:26px;}
@media (max-width:900px){ .xm-grid{grid-template-columns:repeat(2, minmax(0,1fr));} }
@media (max-width:560px){ .xm-grid{grid-template-columns:1fr;} .extras-mini{padding-block:56px;} }

.sec-white .sponsor-card, .sec-white .aud-card{background:var(--bg);}