/* v4: one plan + enterprise, partner levels */
.plans2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;max-width:1000px;margin:0 auto;align-items:stretch}
.plans2 .plan ul{list-style:none;display:grid;gap:10px;margin:22px 0 26px;flex:1}
.plans2 .plan ul.cols{grid-template-columns:1fr 1fr;align-content:start}
.plans2 .plan li{display:flex;gap:8px;align-items:center;font-size:.94rem;color:var(--ink2)}
.plans2 .plan li svg{width:18px;height:18px;color:var(--p);flex-shrink:0}
.plans2 .plan li em{font-style:normal;font-size:.62rem;font-weight:700;background:var(--os);color:var(--o);padding:2px 6px;border-radius:999px}
.plans2 .plan .btn{justify-content:center}
.plans2 .credits{margin-top:16px;background:var(--ps);border-radius:12px;padding:12px 14px;font-size:.9rem;color:var(--ink2)}
.plans2 .credits b{color:var(--p)}
.plans2 .pn{display:block;text-align:center;margin-top:12px;color:var(--muted);font-size:.8rem}
.plans2 .plan.ent{background:var(--bg)}
.card .foot .incl{font-size:.8rem;font-weight:600;color:var(--p)}
.levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lv{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:8px}
.lv-n{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.lv h3{font-size:1.2rem}.lv p{font-size:.9rem;flex:1}
.lv b{font-size:.88rem;color:var(--p);border-top:1px solid var(--line);padding-top:12px}
.lv.top{border:2px solid var(--p);box-shadow:var(--shadow)}
.lv-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.lv-rules div{padding:16px 18px;border-radius:14px;background:#fff;border:1px dashed var(--p3)}
.lv-rules b{display:block;font-size:.92rem}.lv-rules span{font-size:.86rem;color:var(--muted)}
@media (max-width:980px){.plans2{grid-template-columns:1fr}.levels{grid-template-columns:1fr 1fr}.lv-rules{grid-template-columns:1fr}}
@media (max-width:600px){.levels{grid-template-columns:1fr}.plans2 .plan ul.cols{grid-template-columns:1fr}}
/* v5: real product recordings */
.real-sec{background:linear-gradient(180deg,#fff,var(--bg))}
.real-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:56px;align-items:center}
.real-clip{margin:0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:var(--shadow);max-width:360px;margin-inline:auto}
.real-clip video,.real-clip img{display:block;width:100%;height:auto;border-radius:12px;background:var(--bg)}
.real-clip figcaption{display:flex;align-items:center;gap:7px;justify-content:center;font-size:.76rem;color:var(--muted);padding:9px 4px 2px}
.real-clip .rec{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.18);animation:recp 1.6s infinite}
@keyframes recp{50%{opacity:.35}}
.real-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.real-pair .real-clip{padding:8px}
.real-pts{list-style:none;display:grid;gap:10px;margin-top:20px}
.real-pts li{display:flex;gap:9px;align-items:center;color:var(--ink2)}.real-pts svg{width:18px;height:18px;color:var(--p);flex-shrink:0}
.real-shot{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:var(--shadow)}
.real-shot img{display:block;width:100%;height:auto;border-radius:10px}
.real-shot figcaption{font-size:.8rem;color:var(--muted);padding:8px 4px 2px;text-align:center}
.rh-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.rh-c{text-align:center}.rh-c b{display:block;margin-top:12px;font-size:.95rem}
.rh-c .real-clip{max-width:none;padding:8px}
.rh-dash{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:18px;margin-top:26px;align-items:start}
@media (max-width:980px){.real-grid{grid-template-columns:1fr;gap:32px}.rh-grid{grid-template-columns:1fr 1fr}.rh-dash{grid-template-columns:1fr}.rh-dash .real-shot:first-child{max-width:360px;margin:0 auto}}
@media (prefers-reduced-motion:reduce){.real-clip .rec{animation:none}}
/* v6: partners page */
.earn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1040px;margin:0 auto}
.earn-c{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;display:flex;flex-direction:column;gap:14px}
.earn-k{align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--ps);color:var(--p);padding:5px 12px;border-radius:999px}
.earn-c h3{font-size:1.35rem}.earn-c>p{font-size:.9rem;color:var(--muted)}
.flow{display:flex;flex-direction:column;gap:6px}
.flow span{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-size:.92rem;color:var(--ink2)}
.flow span.win{background:var(--ps);border-color:var(--p3);color:var(--p);font-weight:700}
.flow i{font-style:normal;color:var(--p3);text-align:center;line-height:1;transform:rotate(90deg)}
.ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end;position:relative}
.lad{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;position:relative}
.lad:nth-child(1){min-height:200px}.lad:nth-child(2){min-height:228px}.lad:nth-child(3){min-height:256px}.lad:nth-child(4){min-height:284px}
.lad-n{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ps);color:var(--p);font-weight:800;margin-bottom:14px}
.lad h4{font-size:1.08rem}.lad b{display:block;color:var(--p);font-size:.92rem;margin:8px 0 6px}.lad p{font-size:.86rem;color:var(--muted)}
.lad.top{border:2px solid var(--p);box-shadow:var(--shadow)}.lad.top .lad-n{background:var(--p);color:#fff}
.who-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chips span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:.88rem;color:var(--ink2)}
.get{list-style:none;display:grid;gap:16px;margin-top:16px}
.get li{display:flex;gap:10px;color:var(--ink2);font-size:.95rem}.get li svg{width:20px;height:20px;color:var(--p);flex-shrink:0;margin-top:2px}.get b{color:var(--ink)}
@media (max-width:980px){.earn,.who-wrap{grid-template-columns:1fr}.ladder{grid-template-columns:1fr 1fr}.lad{min-height:0!important}}
@media (max-width:600px){.ladder{grid-template-columns:1fr}}
/* v7: support, legal, why, founders */
.fb .legal{display:flex;gap:18px;flex-wrap:wrap}.fb .legal a{color:inherit}
.wa-float{position:fixed;right:20px;bottom:20px;width:54px;height:54px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.18);z-index:60;transition:transform .2s}
.wa-float:hover{transform:scale(1.07)}.wa-float svg{width:28px;height:28px}
.founders{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px}
.fd{display:flex;align-items:center;gap:12px}
.fd img,.fd-i{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}
.fd-i{display:grid;place-items:center;background:var(--grad);color:#fff;font-weight:800}
.fd b{display:block;font-size:.98rem}.fd small{color:var(--muted);font-size:.8rem}
.dogfood{display:flex;gap:9px;align-items:flex-start;margin-top:20px;background:var(--ps);border-radius:12px;padding:12px 14px;font-size:.9rem;color:var(--ink2)}
.dogfood svg{width:18px;height:18px;color:var(--p);flex-shrink:0;margin-top:2px}
.why-tbl td.us,.why-tbl th.us{background:var(--ps);color:var(--ink);font-weight:600}
.why-tbl th.us{color:var(--p)}
.why-tbl td:first-child{font-weight:600;color:var(--ink)}
.why-tbl td:nth-child(2){color:var(--muted)}
.help-jump{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:26px}
.help-jump a{display:inline-flex;gap:6px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-weight:600;font-size:.9rem;color:var(--ink);text-decoration:none}
.help-jump svg{width:15px;height:15px;color:var(--p)}
.start-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.ss{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.ss span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--ps);color:var(--p);font-weight:800;margin-bottom:12px}
.ss h4{font-size:1rem;margin-bottom:6px}.ss p{font-size:.88rem;color:var(--muted)}.ss a{color:var(--p);font-weight:600}
.help-call{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px;background:var(--ps);border-radius:18px;padding:20px 24px}
.help-call b{display:block}.help-call span{color:var(--ink2);font-size:.92rem}
.guides{display:grid;gap:12px;max-width:860px;margin:0 auto}
.guide{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 20px}
.guide summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;padding:18px 0}
.guide summary::-webkit-details-marker{display:none}
.guide summary .i{grid-row:span 2;width:40px;height:40px;border-radius:12px;background:var(--ps);color:var(--p);display:grid;place-items:center}
.guide summary .i svg{width:20px;height:20px}
.guide summary small{color:var(--muted);font-size:.86rem}
.guide ol{margin:0 0 14px 22px;display:grid;gap:8px;color:var(--ink2);font-size:.94rem}
.guide .g-more{display:inline-block;margin-bottom:18px;color:var(--p);font-weight:600;font-size:.9rem}
.ccards{display:grid;gap:12px;margin-top:26px}
.cc{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;text-decoration:none;color:var(--ink);transition:border-color .2s}
.cc:hover{border-color:var(--p3)}
.cc .i{width:44px;height:44px;border-radius:12px;background:var(--ps);color:var(--p);display:grid;place-items:center;flex-shrink:0}.cc .i svg{width:20px;height:20px}
.cc b{display:block}.cc span{display:block;color:var(--p);font-weight:600;font-size:.95rem}.cc small{color:var(--muted);font-size:.82rem}
.addr{margin-top:22px;font-size:.9rem;color:var(--muted);line-height:1.7}
.legal-hero{max-width:820px}.upd{margin-top:10px;color:var(--muted);font-size:.85rem}
.legal-wrap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;align-items:start}
.legal-toc{position:sticky;top:100px;display:grid;gap:8px;font-size:.88rem}
.legal-toc a{color:var(--muted);text-decoration:none}.legal-toc a:hover{color:var(--p)}
.legal-body{max-width:760px}
.legal-body h2{font-size:1.3rem;margin:34px 0 10px;scroll-margin-top:90px}.legal-body h2:first-child{margin-top:0}
.legal-body p,.legal-body li{color:var(--ink2);line-height:1.75;margin-bottom:10px}
.legal-body ul{margin:0 0 10px 20px}.legal-body a{color:var(--p)}
.legal-c{margin-top:34px;padding-top:20px;border-top:1px solid var(--line)}
@media (max-width:1100px){.start-steps{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.legal-wrap{grid-template-columns:1fr}.legal-toc{display:none}}
@media (max-width:600px){.start-steps{grid-template-columns:1fr}.why-tbl{overflow-x:auto}.wa-float{width:48px;height:48px;right:14px;bottom:14px}}
@media (min-width:981px){footer .fg{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr}}
/* v8: remove leftover orange tints from the old palette */
.btn-p{box-shadow:0 8px 24px rgba(91,75,234,.28)}
.plan.hot{box-shadow:0 30px 70px rgba(91,75,234,.18)}
.star-card{border-color:rgba(124,110,255,.32);background:linear-gradient(180deg,#1f2050,#191a40)}
.sc-out{background:rgba(124,110,255,.14);border-left-color:#17b3a3}
.pb-list .i{background:rgba(23,179,163,.16)}
.t-cell.tm2{box-shadow:0 8px 24px rgba(91,75,234,.07)}

/* Pricing page: packages loaded live from the app (pricing-live.js) */
.pr-toggle{display:inline-flex;gap:8px;margin-top:22px}
.pr-toggle[hidden]{display:none}
.plans-live{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px;max-width:1100px;margin:0 auto;align-items:stretch}
.plans-live .plan ul{list-style:none;display:grid;gap:10px;margin:20px 0 24px;flex:1;align-content:start}
.plans-live .plan li em{font-style:normal;font-size:.62rem;font-weight:700;background:var(--os);color:var(--o);padding:2px 6px;border-radius:999px}
.plans-live .plan .btn{justify-content:center}
.plans-live .credits{margin-top:16px;background:var(--ps);border-radius:12px;padding:12px 14px;font-size:.9rem;color:var(--ink2)}
.plans-live .credits b{color:var(--p)}
.plans-live .pn{display:block;text-align:center;margin-top:12px;color:var(--muted);font-size:.8rem}
.plans-live .plan.ent{background:var(--bg)}
/* Cards side by side line up part by part: every card has the same seven parts (title, description,
   price, credits, list, button, note) and shares the grid's rows through subgrid. */
.plans-live{column-gap:22px;row-gap:0}
.plans-live .plan{margin-bottom:22px}
.plans-live .plan .price .was{margin-top:6px}
.plans-live .plan .btn{margin-top:auto}
@supports (grid-template-rows:subgrid){
  .plans-live .plan{display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:0}
  .plans-live .plan .d{min-height:0}
  .plans-live .plan .btn{align-self:end}
  .plans-live .plan .pn{align-self:start}
}