/* /pricing and /pricing/zh/: AI 100/200/400 (openclaw-api ipsion_plans.py PAID, STEPS, ADDON_PRICE, TOPUP_USD; plans.json allowances); billing terms from Terms §11. */
body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:#101014;line-height:1.6;background:#fff}
.pr{max-width:1080px;margin:0 auto;padding:40px 24px 64px}
.pr h1{font-family:'Space Grotesk',Inter,system-ui,sans-serif;font-size:clamp(30px,5vw,44px);letter-spacing:-.02em;line-height:1.15;margin:8px 0 12px}
.pr h2{font-size:22px;margin:48px 0 8px}
.pr a{color:#FE6B35}
.pr-free{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin:20px 0 8px;padding:20px 24px;border:1px solid #ECECF2;border-radius:16px;background:#FFF7F3}
.pr-free p{margin:0;flex:1 1 320px;font-size:17px}
.pr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;white-space:nowrap}
.pr .pr-main{background:#FE6B35;color:#fff}
.pr .pr-main:hover{background:#E8551F}
.pr .pr-line{border:1px solid #101014;color:#101014}
.pr .pr-line:hover{background:#101014;color:#fff}
.pr-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0 12px}
.pr-plan{display:flex;flex-direction:column;border:1px solid #ECECF2;border-radius:16px;padding:24px;position:relative}
.pr-plan h3{margin:0;font-size:20px}
.pr-price{margin:8px 0 4px;font-size:15px;color:#71717A}
.pr-price b{font-family:'Space Grotesk',Inter,system-ui,sans-serif;font-size:40px;color:#101014;letter-spacing:-.02em}
.pr-plan ul{margin:12px 0 20px;padding-left:20px;flex:1}
.pr-plan li{margin:6px 0}
.pr-note{font-size:14px;color:#71717A}
.pr-top{border-color:#FE6B35;box-shadow:0 0 0 1px #FE6B35}
.pr-tag{position:absolute;top:-12px;left:20px;margin:0;padding:2px 10px;border-radius:999px;background:#FE6B35;color:#fff;font-size:12px;font-weight:600;line-height:1.5;text-transform:uppercase;letter-spacing:.04em} /* on the border, out of the flow, so every card's lines line up (Nathan 10-29) */
.pr-soon{display:inline-block;margin-left:4px;padding:0 8px;border-radius:999px;background:#F4F4F7;color:#71717A;font-size:12px;font-weight:600;white-space:nowrap}
.pr-terms{margin:8px 0 0;padding:0}
.pr-terms dt{font-weight:600;margin-top:16px}
.pr-terms dd{margin:2px 0 0}
.pr-partner{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin:8px 0 12px;padding:24px;border:1px solid #ECECF2;border-radius:16px;background:#F7F7FA}
.pr-partner div{flex:1 1 280px;min-width:0}
.pr-partner h3{margin:0 0 6px;font-size:20px}
.pr-partner p{margin:0}
.pr-price s{margin-left:6px;color:#A1A1AA}
.pr-then{margin:0;font-size:14px;color:#71717A}
.pr-lead{margin:28px 0 0;font-size:17px}
.pr-extras{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:12px 0}
.pr-extra{border:1px solid #ECECF2;border-radius:16px;padding:20px 24px}
.pr-extra h3{margin:0;font-size:18px}
.pr-extra .pr-price b{font-size:26px}
.pr-extra p{margin:4px 0 0}
@media (max-width:860px){.pr-plans,.pr-extras{grid-template-columns:1fr}.pr{padding:28px 16px 48px}}