/* Copied by bin/import-site-pages.mjs from aimai-design/pages/plans.css (badge .pill rules scoped to the page). Edit the design, then re-run. */
/* Plans v2 + checkout (25 Oct, Maayan). L1: black & white, Rubik; the only colour is the AI ring. */
@property --pv-a{syntax:'<angle>';inherits:false;initial-value:210deg}
.pv2,.co{position:relative}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- hero ---------- */
.pv-hero{position:relative;isolation:isolate;text-align:center;padding:150px 24px 56px;display:flex;flex-direction:column;align-items:center}
.pv-hero .aura{inset:40px 10% 0;opacity:.55}
.pv-mascot{width:48px;margin-bottom:22px;--iam-mascot-bg:#fff}
.pv-hero h1{margin-top:18px;font-size:76px;font-weight:300;letter-spacing:-2px;line-height:1.04;text-wrap:balance}
.pv-hero .lead{margin-inline:auto;max-width:600px}

/* ---------- cards ---------- */
.pv-cards{padding:24px 28px 72px}
.pc-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:28px;align-items:center}
.pc{position:relative;border-radius:32px;padding:36px 34px 34px;background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
.pc-top{display:flex;align-items:center;gap:12px;min-height:34px}
.pc h2{font-size:30px;font-weight:500;letter-spacing:-.4px}
.pc .fit{margin-top:8px;font-size:16px;color:var(--muted-foreground);line-height:1.5;min-height:24px}
.pr{display:flex;align-items:flex-end;gap:14px;margin:26px 0 26px}
.pr bdi{font-size:64px;font-weight:400;letter-spacing:-2px;line-height:.9}
.pr .cur{font-size:.5em;font-weight:300;letter-spacing:0;vertical-align:.62em;margin-inline-end:2px}
.pr .per{font-size:14px;line-height:1.35;color:var(--muted-foreground);padding-bottom:2px}
.pr-xl bdi{font-size:88px;letter-spacing:-3px}
.pc-cta{width:100%;height:54px;font-size:17px}
.pc-cta svg,.co-btn svg{width:18px;height:18px;transition:transform .18s ease}
.pc-cta:hover svg,.co-btn:hover svg{transform:translateX(-3px)}
.fl{list-style:none;margin:28px 0 0;padding:26px 0 0;border-top:1px solid var(--border);display:grid;gap:13px}
.fl li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.45}
.fl li svg{flex:none;width:18px;height:18px;margin-top:2px}
.fl .lead-li{font-weight:500}
.fl .plus{font-size:14px;color:var(--muted-foreground);margin-top:4px}

/* pills (proper inline badges, never full-width) */
:is(.pv2,.co) .pill{display:inline-flex;align-items:center;flex:none;width:auto;height:28px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:500;line-height:1;white-space:nowrap}
:is(.pv2,.co) .pill-inv{background:var(--paper);color:var(--ink)}
:is(.pv2,.co) .pill[hidden]{display:none}
:is(.pv2,.co) .pill-soon{background:var(--grey-100);color:var(--grey-700);border:1px solid var(--border-strong)}

/* Pro: hero card, black, rotating AI ring */
.pc-pro-wrap{position:relative;isolation:isolate;border-radius:36px;padding:2px;background:conic-gradient(from var(--pv-a),var(--ai-sky),var(--ai-blue),var(--ai-lilac),var(--ai-green),var(--ai-sun),var(--ai-sky));
  animation:pv-turn 4.5s cubic-bezier(.45,.05,.3,1) .4s 1 both}
.pc-pro-wrap:hover,.pc-pro-wrap:focus-within{animation:pv-turn 6s linear infinite}
@keyframes pv-turn{from{--pv-a:210deg}to{--pv-a:570deg}}
.pro-glow{position:absolute;inset:6% -4% -6%;z-index:-1;border-radius:40px;background:var(--ai-glow);filter:blur(46px);opacity:.9;pointer-events:none}
.pc-pro{background:var(--ink);color:var(--paper);border:0;border-radius:34px;padding:46px 40px 42px;box-shadow:0 30px 80px -30px rgba(10,10,10,.55)}
.pc-pro h2{font-size:36px}
.pc-pro .fit,.pc-pro .pr .per,.pc-pro .fl .plus{color:#b5b5b5}
.pc-pro .fl{border-top-color:#2e2e2e}
.btn-inv{background:var(--paper);color:var(--ink);height:58px}
.btn-inv:hover{background:#e9e9e9}
.pc-pro :focus-visible{outline-color:var(--paper)}


/* Business (25.10): purchasable, same white card as Basic. The frosted/dashed "בקרוב" look is retired (.pc-soon kept unused). */
.pc-soon{display:inline-flex;align-items:center;justify-content:center;height:54px;border-radius:999px;border:1px solid var(--border-strong);background:var(--paper);font-size:16px;text-decoration:underline;text-underline-offset:3px}
.pc-soon:hover{background:var(--grey-100)}

.pc-basic:hover,.pc-biz:hover{transform:translateY(-2px);transition:transform .18s ease}
.pv-shared{margin:40px auto 0;max-width:820px;text-align:center;font-size:16px;color:var(--muted-foreground);line-height:1.6}

/* ---------- black guarantees band ---------- */
.g-band{background:var(--ink);color:var(--paper);padding:88px 28px}
.gb-in{list-style:none;margin:0 auto;padding:0;max-width:1180px;display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.gb-in li{display:flex;flex-direction:column;gap:10px}
.gb-in b{font-size:34px;font-weight:400;letter-spacing:-.7px;line-height:1.15;margin-top:14px}
.gb-in li>span:last-child{font-size:17px;color:#b5b5b5;line-height:1.55}
.gb-ic{width:60px;height:60px;border-radius:50%;padding:1.6px;background:var(--ai-ring);display:grid}
.gb-ic svg{width:100%;height:100%;border-radius:50%;background:var(--ink);padding:15px;fill:none;stroke:var(--paper);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.g-band+.sec{padding-top:110px}

/* ---------- checkout ---------- */
.co-in{max-width:1180px;margin:0 auto;padding:128px 28px 110px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:64px;align-items:start}
.co-main{grid-column:1;grid-row:1}
.co-sum{grid-column:2;grid-row:1;position:sticky;top:28px}
.co-main h1{font-size:56px;font-weight:300;letter-spacing:-1.4px;line-height:1.08}
.co-steps{list-style:none;margin:34px 0 34px;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.co-steps li{display:flex;align-items:center;gap:10px;height:44px;padding:0 18px 0 8px;padding-inline-start:6px;border-radius:999px;border:1px solid var(--border);font-size:15px;color:var(--muted-foreground)}
.co-steps .n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:500;background:var(--grey-100);color:var(--grey-700)}
.co-steps li[aria-current]{color:var(--ink);font-weight:500;border-color:transparent;background:linear-gradient(var(--paper),var(--paper)) padding-box,var(--ai-ring) border-box;border-width:1.6px}
.co-steps li[aria-current] .n{background:var(--ink);color:var(--paper)}
.co-form{display:grid;gap:20px}
.co-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.co-pay{margin-top:8px;padding-top:28px;border-top:1px solid var(--border);display:grid;gap:14px}
.co-pay h2{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:500}
.co-pay h2 svg,.co-lock svg{width:20px;height:20px}
.co-slot{min-height:150px;border-radius:18px;border:1.5px dashed var(--grey-500);background:var(--grey-50);display:grid;place-items:center;padding:24px;text-align:center;font-size:16px}
.co-lock{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted-foreground)}
.co-form .legal{font-size:14px;color:var(--muted-foreground)}
.co-form .legal a{color:var(--ink);text-decoration:underline}
.co-btn{width:100%;height:62px;font-size:18px}
.co-after{text-align:center;font-size:14px;color:var(--muted-foreground)}

.co-bar{display:none}
.co-sum-card{position:relative;background:var(--ink);color:var(--paper);border-radius:30px;padding:36px 34px;box-shadow:0 30px 80px -30px rgba(10,10,10,.5)}
.co-sum-card::before{content:"";position:absolute;inset:-1.6px;border-radius:31.6px;padding:1.6px;background:var(--ai-ring);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.co-k{font-size:14px;font-weight:400;color:#b5b5b5}
.co-name{display:flex;align-items:center;gap:12px;margin-top:10px}
.co-name b{font-size:40px;font-weight:500;letter-spacing:-.6px}
.pr-sum{margin:18px 0 0}
.pr-sum bdi{font-size:72px}
.co-sum-card .pr .per{color:#b5b5b5}
.co-sum-card .fl{border-top-color:#2e2e2e;margin-top:24px;padding-top:22px;gap:11px}
.co-sum-card .fl li{font-size:15px}
.co-sum-card .fl .plus{color:#b5b5b5}
.co-g{list-style:none;margin:22px 0 0;padding:20px 0 0;border-top:1px solid #2e2e2e;display:grid;gap:9px;font-size:15px;color:#e5e5e5}
.co-g li{display:flex;gap:10px;align-items:center}.co-g svg{width:16px;height:16px}
.co-switch{display:inline-block;margin-top:24px;color:var(--paper);text-decoration:underline;text-underline-offset:3px;font-size:15px}
.co-sum-card :focus-visible{outline-color:var(--paper)}

/* ---------- responsive ---------- */
@media (max-width:1000px){
 .pc-grid{grid-template-columns:1fr;max-width:520px;gap:22px}
 .pc-pro-wrap{order:-1}
 .gb-in{grid-template-columns:1fr;gap:36px}
 .co-in{grid-template-columns:1fr;gap:0;padding-top:84px}
 .co-sum{grid-column:1;grid-row:1;top:0;z-index:20;margin:0 -28px 28px}
 .co-main{grid-row:2}
 .co-bar{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;height:58px;padding:0 20px;background:var(--ink);color:var(--paper);font:inherit;font-size:16px;border:0;cursor:pointer}
 .co-bar b{font-weight:500}
 .co-bar-more{display:inline-flex;align-items:center;gap:6px;text-decoration:underline;text-underline-offset:3px}
 .co-bar-more svg{width:18px;height:18px;transition:transform .18s}
 .co-bar[aria-expanded="true"] .co-bar-more svg{transform:rotate(180deg)}
 .co-sum-card{display:none;border-radius:0;box-shadow:none;padding:8px 20px 28px}
 .co-sum-card::before{display:none}
 .co-sum-card.open{display:block}
 .co-sum-card .co-k,.co-sum-card .co-name,.co-sum-card .pr-sum{display:none}
}
@media (max-width:700px){
 .pv-hero{padding:104px 20px 36px}
 .pv-hero h1{font-size:44px;letter-spacing:-1.1px;line-height:1.1}
 .pv-cards{padding:16px 18px 56px}
 .pc{padding:30px 24px 28px;border-radius:28px}
 .pc-pro{padding:34px 26px 32px}
 .pr bdi{font-size:56px}.pr-xl bdi{font-size:72px}
 .g-band{padding:64px 22px}
 .gb-in b{font-size:28px}
 .co-in{padding:76px 20px 80px}
 .co-sum{margin:0 -20px 24px}
 .co-main h1{font-size:38px;letter-spacing:-.8px}
 .co-2{grid-template-columns:1fr}
 .co-steps li{padding-inline-end:12px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){
 .pc-pro-wrap,.pc-pro-wrap:hover,.pc-pro-wrap:focus-within{animation:none}
 .pc-basic:hover,.pc-biz:hover{transform:none}
 .pc-cta svg,.co-btn svg,.co-bar-more svg{transition:none}
}
/* cookie bar never covers the pay button */
.co ~ .cookie,.co ~ .ck{bottom:96px}

/* ==== SYNCED 25.10 from the live https://www.iam-ai.co.il/plans-v2.css (Dani's shipped sizes), verbatim ==== */
/* ---- smaller heading + prices (Yosef 25.10: "way too big"; Maayan's sizes). Goal: at 1366x768 the cards, feature list
   included, in the first screen (with Maayan's trim: hero 84/8, H1 margin 8, cards top 0). Scoped to the plans page (.pv-hero/.pv-cards) so the checkout summary keeps its sizes. */
@media (min-width:901px){
 .pv-hero{padding:84px 24px 8px}
 .pv-hero h1{margin-top:8px;font-size:48px;letter-spacing:-1px;line-height:1.1;white-space:nowrap}
 .pv-hero h1 br{display:none}
 .pv-mascot{width:40px;margin-bottom:14px}
 .pv-cards{padding-top:0}
 .pv-cards .pc-grid{gap:20px}
 .pv-cards .pc{padding:26px 26px 24px}
 .pv-cards .pc h2{font-size:24px}
 .pv-cards .pc-pro h2{font-size:28px}
 .pv-cards .pc-pro{padding:32px 30px 30px}
 .pv-cards .pr{margin:16px 0}
 .pv-cards .pr bdi{font-size:44px}
 .pv-cards .pr-xl bdi{font-size:56px}
 .pv-cards .pc-cta,.pv-cards .pc-soon{height:48px;font-size:16px}
 .pv-cards .fl{margin-top:18px;padding-top:16px;gap:9px}
 .pv-cards .fl li{font-size:15px}
}
@media (max-width:599px){
 .pv-hero{padding-top:88px}
 .pv-hero h1{font-size:34px}
 .pv-cards .pr bdi{font-size:42px}
 .pv-cards .pr-xl bdi{font-size:50px}
}
/* short desktop windows (Maayan 25.10): no mascot, so the cards fit; the heading stays below the 68px fixed header */
@media (min-width:901px) and (max-height:760px){
 .pv-hero .pv-mascot{display:none}
}

/* ==== Business purchasable (Maayan 25.10): the Pro list grew by 2 rows (links, articles), so on short desktop screens
   hide the mascot up to 800px high (was 760) and tighten the list a little. Cards still fit 1366x768. ==== */
@media (min-width:901px) and (max-height:800px){.pv-hero .pv-mascot{display:none}}
@media (min-width:901px){.pv-cards .fl{gap:7px}}

/* ---- added by bin/import-site-pages.mjs (wiring, not design) ---- */
.co-redirect{min-height:0;border:1px solid var(--border);background:var(--grey-50);place-items:start;text-align:start;padding:18px 20px;font-size:15px;line-height:1.6}
.co-msg{font-size:15px;line-height:1.5;padding:12px 16px;border-radius:14px;background:var(--grey-50);border:1px solid var(--border)}
.co-msg[hidden],.co-acct[hidden],.co-form [data-f][hidden]{display:none}
.co-acct{font-size:16px;line-height:1.5}
.co-form .consent a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.co-form [aria-invalid="true"]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.co-btn[aria-busy="true"]{opacity:.7;cursor:progress}
/* Maayan QA 25.10: "(ChatGPT, Gemini, Claude)" never breaks before "Claude)" at 390 */
.fl bdi[dir="ltr"]{white-space:nowrap}