/* Pricing components: the cadence toggle, the plan cards and the founding strip.

   Lifted out of index.html's inlined CSS rather than rewritten, because the landing page
   carries a pricing teaser and /pricing carries the full table, and two hand-written
   copies of a price card is how the two end up looking like different products.

   index.html still has its own inline copy. Removing it would mean surgery on a working
   landing page's stylesheet for no user-visible gain, so the duplication is deliberate and
   bounded: if these rules change, change them in both places or move index.html onto this
   file in one deliberate step. */

/* pricing */
.pricing-section{padding-block:96px 20px;background:var(--paper)}
.pricing-heading{text-align:center;max-width:720px;margin-inline:auto}
.pricing-heading .eyebrow{justify-content:center}
.pricing-heading h2{font-size:64px;margin:24px 0 16px}
.pricing-heading p{color:var(--muted);font-size:16px;line-height:1.6;margin:0}
.cadence{display:inline-flex;gap:3px;padding:4px;margin-top:30px;background:var(--mint);border-radius:999px}
.cadence-btn{display:inline-flex;align-items:center;gap:9px;border:0;background:none;cursor:pointer;padding:9px 18px;border-radius:999px;font:inherit;font-size:14px;font-weight:550;color:var(--muted);white-space:nowrap}
.cadence-btn.is-on{background:var(--white);color:var(--ink);box-shadow:0 1px 3px rgba(23,63,51,.12)}
.cadence-save{font-size:10.5px;font-weight:600;letter-spacing:.4px;padding:3px 7px;border-radius:999px;background:var(--yellow);color:var(--ink)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px;align-items:start}
.price-card{position:relative;background:var(--white);border:1px solid var(--line);border-radius:11px;padding:34px 28px 30px;display:flex;flex-direction:column;gap:11px}
.price-card.is-featured{border-color:var(--ink);box-shadow:0 14px 40px rgba(23,63,51,.11)}
.price-flag{position:absolute;top:-10px;left:28px;font-size:10.5px;font-weight:600;letter-spacing:1.1px;padding:4px 10px;border-radius:999px;background:var(--ink);color:#fff}
.price-card h3{font-family:var(--serif);font-size:29px;font-weight:400;margin:0}
.price-tag{display:flex;align-items:baseline;gap:9px;margin:0;flex-wrap:wrap}
.price-amount{font-family:var(--serif);font-size:46px;line-height:1;color:var(--ink)}
.price-per{font-size:13.5px;color:var(--muted)}
.price-sub{font-size:12.5px;color:var(--muted);margin:0;min-height:18px}
.price-line{font-size:14.5px;color:var(--text);line-height:1.55;margin:6px 0 0}
.price-points{list-style:none;padding:0;margin:8px 0 22px;display:grid;gap:9px}
.price-points li{position:relative;padding-left:22px;font-size:14px;color:var(--text);line-height:1.5}
.price-points li::before{content:"";position:absolute;left:0;top:7px;width:11px;height:6px;border-left:1.6px solid var(--ink);border-bottom:1.6px solid var(--ink);transform:rotate(-45deg)}
.price-card .button{margin-top:auto;width:100%}
.button.ghost{background:var(--white);color:var(--ink)}
.button.ghost:hover{background:var(--mint)}
.pricing-foot{text-align:center;font-size:13px;color:var(--muted);margin:34px 0 0}
@media(max-width:940px){.pricing-grid{grid-template-columns:1fr;max-width:460px;margin-inline:auto}.pricing-heading h2{font-size:46px}}
@media(max-width:560px){.pricing-section{padding-block:64px 10px}.pricing-heading h2{font-size:38px}.price-amount{font-size:38px}.cadence-btn{padding:8px 13px;font-size:13px}}

/* founding cohort */
.founder-strip{display:flex;align-items:center;gap:15px;flex-wrap:wrap;max-width:760px;margin:38px auto 0;padding:13px 19px;border:1px solid var(--ink);border-radius:9px;background:var(--mint)}
.founder-strip.is-idle{opacity:.72}
.founder-flag{font-size:10.5px;font-weight:700;letter-spacing:1.1px;padding:4px 9px;border-radius:999px;background:var(--ink);color:#fff;white-space:nowrap}
.founder-text{flex:1;min-width:230px;font-size:13.5px;color:var(--text);text-align:left}
.founder-text strong{color:var(--ink)}
.founder-left{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:550;color:var(--ink);white-space:nowrap}
.founder-bar{display:block;width:76px;height:5px;border-radius:999px;background:rgba(23,63,51,.17);overflow:hidden}
.founder-bar>span{display:block;height:100%;width:0;background:var(--ink);transition:width .5s}
.price-was{margin-left:8px;font-family:var(--serif);font-size:25px;color:#9aa89f;text-decoration:line-through}
@media(max-width:560px){.founder-left{width:100%}.founder-text{min-width:0}}