/* pricing.css — components for the rebuilt /pricing/ page (EN + JA).
   Leans on styles-p3.css tokens. Polish pass · 2026-08-25 */

.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px}

/* fork cards reuse .fork from styles-p3 */

/* --- plan grid ----------------------------------------------------------- */
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1080px;margin:0 auto;align-items:stretch}
.plan-card{position:relative;display:flex;flex-direction:column;padding:30px 28px;border:1px solid var(--border);
  border-radius:var(--r-lg,16px);background:var(--bg-card);box-shadow:var(--shadow-xs)}
.plan-card.popular{border-color:var(--brand);box-shadow:var(--shadow-md)}
.plan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--brand);color:#fff;
  font-size:12px;font-weight:600;letter-spacing:.04em;padding:5px 14px;border-radius:999px;white-space:nowrap}
.plan-name{font-size:19px;font-weight:600;margin:0 0 14px}
.plan-price{font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.plan-price small{font-size:15px;font-weight:500;color:var(--fg-3)}
.plan-tax{font-size:12.5px;color:var(--fg-4,var(--fg-3));margin-top:4px}
.plan-credits{margin-top:14px;font-size:15px;font-weight:600}
.plan-per{font-size:13.5px;color:var(--fg-3);margin-top:2px}
.plan-feats{list-style:none;margin:18px 0 22px;padding:16px 0 0;border-top:1px solid var(--border);flex:1}
.plan-feats li{position:relative;padding:5px 0 5px 24px;font-size:14.5px;color:var(--fg-2);line-height:1.55}
.plan-feats li::before{content:"✓";position:absolute;left:2px;color:var(--brand);font-weight:700}
.plan-chip{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-bottom:16px;
  background:var(--brand-tint,rgba(14,122,95,.08));color:var(--brand-deep,var(--brand));
  font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:999px}
.plan-card .btn{width:100%;justify-content:center}
.plan-foot{max-width:1080px;margin:18px auto 0;text-align:center;font-size:13px;color:var(--fg-3)}

/* --- annual strip -------------------------------------------------------- */
.annual-strip{max-width:1080px;margin:28px auto 0;padding:20px 26px;border:1px dashed var(--border-strong);
  border-radius:var(--r-md,12px);background:var(--bg-alt);display:flex;gap:14px 26px;align-items:center;
  justify-content:space-between;flex-wrap:wrap;font-size:14.5px}
.annual-strip strong{font-weight:700}
.annual-strip .prices{color:var(--fg-2)}

/* --- Scout IQ band -------------------------------------------------------- */
.siq-band{background:linear-gradient(180deg,var(--brand-tint,rgba(14,122,95,.07)),transparent 140%);
  border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.siq-inner{max-width:820px;margin:0 auto;padding:0 24px;text-align:center}
.siq-zero{font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;color:var(--brand-deep,var(--brand));
  text-transform:uppercase}
.siq-attrib{font-size:14px;color:var(--fg-3);max-width:640px;margin:18px auto 0;line-height:1.7}
.siq-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:26px}

/* --- PAYG / explainer / ROI ------------------------------------------------ */
.band-narrow{max-width:720px;margin:0 auto;text-align:center}
.band-narrow p{color:var(--fg-2);line-height:1.75;margin-top:14px}
.band-narrow .btn{margin-top:22px}

/* --- FAQ ------------------------------------------------------------------ */
.faq-list{max-width:760px;margin:0 auto}
.faq-list details{border-bottom:1px solid var(--border);padding:4px 0}
.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;
  align-items:center;padding:16px 2px;font-size:16px;font-weight:600;color:var(--fg)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";font-size:20px;font-weight:400;color:var(--fg-3);flex:0 0 auto;
  transition:transform var(--dur,.18s) var(--ease,ease)}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list .faq-a{padding:0 2px 18px;font-size:14.5px;line-height:1.75;color:var(--fg-2)}
.faq-list .faq-a a{color:var(--brand);font-weight:500}

/* --- referral ------------------------------------------------------------- */
.refer-band{max-width:760px;margin:0 auto;text-align:center;padding:34px 30px;border:1px solid var(--border);
  border-radius:var(--r-lg,16px);background:var(--bg-card);box-shadow:var(--shadow-xs)}
.refer-band p{color:var(--fg-2);margin-top:12px;line-height:1.7}
.refer-band .siq-actions{margin-top:22px}

@media (max-width:900px){.plan-grid{grid-template-columns:1fr;max-width:480px}
  .annual-strip{flex-direction:column;align-items:flex-start;text-align:left}}