/* v0.10.9: wide desktop layout (home + pricing) and plan cards. Colours/radii from the app tokens. */
body.wide .wrap{max-width:1200px;padding:0 20px}
body.wide main>.card,body.wide main>section{margin-bottom:28px}
@media(min-width:900px){
  body.wide .wrap{padding:0 32px}
  .hero-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center;text-align:left;padding:32px 0 48px}
  .hero-split .lede{margin-left:0;font-size:21px}
  .hero-split h1{font-size:clamp(44px,4.6vw,60px)}
  .hero-split .guide-hero h1::after,.hero-split h1::after{margin-left:0}
  .split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:24px 0}
  .split-rev .split-text{order:2}
  .split-h{font-size:36px;line-height:1.15}
}
.hero-text .saucy-line{justify-content:flex-start}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero-ctas .btn{width:auto;min-width:0}
.hero-visual{margin:0 auto;max-width:320px;width:100%}
@media(max-width:899px){.hero-split{text-align:center}.hero-ctas{justify-content:center}.hero-visual{max-width:260px;margin-top:24px}.split{padding:8px 0 16px}}
.split-media .mini-wrap{margin-left:auto;margin-right:auto}
.split-img{display:block;width:100%;height:auto;border-radius:var(--r-lg);box-shadow:var(--shadow);background:var(--surfaceAlt)}
.feat-list{list-style:none;padding:0}
.feat-list li{position:relative;padding-left:30px;margin:12px 0}
.feat-list li::before{content:"";position:absolute;left:4px;top:.45em;width:12px;height:12px;border-radius:50%;background:var(--primary)}
.made-by a{color:var(--textMuted)}
/* ---------- plans ---------- */
.plans-sec>h2{text-align:center;font-size:clamp(30px,4vw,40px)}
.plans-lede{text-align:center;color:var(--textMuted);margin:0 auto 20px;max-width:34em}
.plan-toggles{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:center;margin:0 0 56px}
.seg{color-scheme:only light;forced-color-adjust:auto;display:inline-flex;padding:4px;gap:4px;background:#EADBC4;border:1px solid #B9A07E;border-radius:999px}
.seg button{font:800 16px/1.2 var(--body);color:#2A211C;background:transparent;border:0;border-radius:999px;padding:10px 18px;min-height:44px;cursor:pointer;transition:background-color var(--m-fast,150ms),color var(--m-fast,150ms)}
.seg button[aria-checked=true]{background:#B8322A;color:#FFFFFF;box-shadow:0 1px 3px rgba(42,33,28,.25)}
.seg button:focus-visible{outline:3px solid #1F5FAD;outline-offset:2px}
/* v0.10.11: toggles pinned light in every scheme (dark media rule was swapping --surfaceAlt/--onPrimary) */
.plan-grid{display:grid;gap:20px;align-items:stretch}
.plan-grid[hidden]{display:none}
@media(min-width:1000px){.plan-grid-3{grid-template-columns:repeat(3,1fr);max-width:1040px;margin:0 auto}.plan-grid-4{grid-template-columns:repeat(4,1fr)}}
@media(min-width:640px) and (max-width:999px){.plan-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:999px){.plan-card.is-best{order:-1}}
@media(max-width:639px){.plan-grid{gap:16px}}
.plan-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow);padding:28px 22px 22px;transition:transform var(--m-base,250ms) var(--ease,ease),box-shadow var(--m-base,250ms)}
.plan-card:focus-within{box-shadow:0 0 0 3px var(--infoSoft),var(--shadow)}
.plan-card.is-best{border-color:transparent;box-shadow:0 18px 40px rgba(42,33,28,.18),0 2px 6px rgba(42,33,28,.08);transform:translateY(-10px);z-index:1}
@media(prefers-color-scheme:dark){.plan-card.is-best{box-shadow:0 18px 40px rgba(0,0,0,.5);border-color:var(--border)}}
@media(max-width:999px){.plan-card.is-best{transform:none}.plan-grid{padding-top:40px}}
.pc-ribbon{position:absolute;top:-14px;left:22px;margin:0;padding:5px 14px;border-radius:999px;font:800 14px/1.2 var(--body);letter-spacing:.04em;text-transform:uppercase;color:#2A211C;background:linear-gradient(135deg,#F2C14E,#D99A1E)}
.pc-saucy{position:absolute;right:16px;top:-70px;width:84px;height:auto;z-index:-1;pointer-events:none}
.plan-card h3{font:600 26px/1.2 var(--display);margin:4px 0 4px}
.pc-best{margin:0 0 14px;color:var(--textMuted);font-size:16px;min-height:2.6em}
.pc-price{margin:0;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.pc-amt{font:600 42px/1 var(--display);font-variant-numeric:tabular-nums;color:var(--text)}
.is-best .pc-amt{font-size:48px;color:var(--primary)}
.pc-per{color:var(--textMuted);font-weight:700;font-size:16px}
.pc-save{display:inline-block;align-self:flex-start;margin:10px 0 0;padding:3px 10px;border-radius:999px;font:800 14px/1.3 var(--body);background:var(--winSoft);color:var(--win);border:1px solid var(--win)}
.pc-save[hidden]{display:none}
.pc-save-free{background:var(--surfaceAlt);color:var(--textMuted);border-color:var(--border)}
.pc-feats{list-style:none;padding:0;margin:18px 0 20px;flex:1}
.pc-feats li{display:flex;gap:10px;align-items:flex-start;margin:9px 0;font-size:16px;line-height:1.4}
.pc-check{flex:0 0 auto;color:var(--win);margin-top:2px}
.pc-cta{margin:0}.pc-cta .btn{width:100%;min-width:0}
.plans-privacy{text-align:center;margin:28px 0 16px;font-size:19px}
.compare{max-width:1040px;margin:0 auto 12px}
.compare summary{cursor:pointer;font:800 19px/1.3 var(--body);min-height:44px;display:flex;align-items:center}
.compare h3{font:600 22px/1.2 var(--display);margin:20px 0 8px}
.plans-more{text-align:center}
@media(prefers-reduced-motion:reduce){.plan-card,.seg button{transition:none}}
.pc-note{margin:8px 0 0;text-align:center;font-size:14px;color:var(--textMuted)}
.split-phone{max-width:300px;margin:0 auto}
/* review fixes: room for Saucy's hat above the cards; tighter feature sections */
.plan-toggles{margin-bottom:80px}
@media(min-width:900px){.split{padding:0;gap:48px}body.wide main>section.split{margin-bottom:16px}}
@media(max-width:899px){.split{padding:0 0 8px}}
.split .prose h2,.split-text h2{margin-top:.2em}
.split .feat-list li{margin:8px 0}