/* ---------- pricing tiers ---------- */
  .tiers{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:52px; align-items:stretch}
  @media (max-width:980px){.tiers{grid-template-columns:repeat(2,1fr); max-width:680px; margin-inline:auto}}
  @media (max-width:520px){.tiers{grid-template-columns:1fr; max-width:380px}}
  .tier{position:relative; display:flex; flex-direction:column; background:var(--surface); border:1px solid var(--line);
    border-radius:var(--r-lg); padding:28px 26px; transition:border-color .2s ease, transform .2s ease}
  .tier:hover{border-color:var(--line-strong); transform:translateY(-3px)}
  .tier.featured{border-color:rgba(198,242,78,.45); background:linear-gradient(180deg,var(--surface-2),var(--surface)); box-shadow:var(--shadow)}
  .tier-badge{position:absolute; top:-11px; left:26px; font-size:.72rem; font-weight:600; letter-spacing:.04em;
    background:var(--accent); color:var(--accent-ink); padding:4px 11px; border-radius:var(--r-pill)}
  .tier-badge.muted-badge{background:rgba(255,255,255,.12); color:var(--fg-2)}
  .tier-name{font-size:1.15rem; margin-bottom:10px}
  .tier-price{display:flex; align-items:baseline; gap:6px; margin:0 0 4px}
  .tier-num{font-family:var(--display); font-weight:800; font-size:clamp(2.4rem,5vw,3rem); line-height:1; letter-spacing:-.03em; color:var(--accent)}
  .tier-unit{font-family:var(--display); font-weight:700; font-size:1rem; color:var(--fg-2)}
  .tier-sub{color:var(--fg-2); font-size:.95rem; margin:6px 0 16px}
  .tier-list{list-style:none; margin:0 0 22px; padding:0; display:grid; gap:9px; flex:1}
  .tier-list li{position:relative; padding-left:24px; font-size:.92rem; color:var(--muted); line-height:1.45}
  .tier-list li::before{content:"✓"; position:absolute; left:0; color:var(--accent); font-weight:700}
  .tier .btn{width:100%}
  .price-note{font-size:.86rem}

  /* ---------- FAQ ---------- */
  .faq{max-width:780px; margin:52px auto 0}
  details{border:1px solid var(--line); border-radius:var(--r); background:var(--surface); margin-bottom:12px; overflow:hidden; transition:border-color .2s ease}
  details[open]{border-color:var(--line-strong)}
  summary{
    cursor:pointer; list-style:none; padding:22px 24px; font-family:var(--display);
    font-weight:500; font-size:1.12rem; letter-spacing:-.01em;
    display:flex; align-items:center; justify-content:space-between; gap:16px;
  }
  summary::-webkit-details-marker{display:none}
  summary .chev{flex:none; transition:transform .25s ease; color:var(--accent)}
  details[open] summary .chev{transform:rotate(45deg)}
  details .a{padding:0 24px 24px; color:var(--muted); font-size:1rem; line-height:1.6}
  details .a a{color:var(--accent)}

  /* ---------- footer ---------- */
  footer{border-top:1px solid var(--line); padding-block:48px; color:var(--muted)}
  .foot{display:flex; flex-wrap:wrap; gap:24px; justify-content:space-between; align-items:flex-start}
  .foot .logo{font-size:1.15rem; color:var(--fg); margin-bottom:8px}
  .foot .tag{font-size:.92rem; max-width:34ch}
  .foot .status-line{margin-top:14px; font-size:.84rem; display:flex; align-items:center; gap:8px}
  .foot-right{text-align:right; font-size:.9rem; line-height:2}
  @media (max-width:600px){.foot-right{text-align:left}}
  .foot-right a{color:var(--muted); text-decoration:none; transition:color .15s ease}
  .foot-right a:hover{color:var(--accent)}
  .copy{margin-top:36px; padding-top:24px; border-top:1px solid var(--line); font-size:.82rem; display:flex; flex-wrap:wrap; gap:8px 18px; justify-content:space-between}