/* Core pages rebuilt around the agent (tools/site/core_pages.py): text beside a scene, the four parts of the agent,
   chips and a few small helpers. Page chrome comes from site.css + alternatives.css; scenes from mock.css. */
.ap-sec{padding-block:clamp(28px,4vw,56px)}
.ap-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:center}
.ap-split--rev{direction:rtl}
.ap-split--rev>*{direction:ltr}
.ap-split__t .eyebrow{margin-bottom:10px}
.ap-split__t h2{font:700 clamp(26px,3.2vw,40px)/1.08 var(--display);letter-spacing:-.03em;margin:0 0 14px;max-width:18ch;text-wrap:balance}
.ap-split__t p{color:var(--ink-2);font-size:clamp(15px,1.5vw,18px);line-height:1.55;margin:0 0 14px;max-width:34em}
.ap-split__t ul{margin:0 0 16px;padding:0;list-style:none;display:grid;gap:8px}
.ap-split__t li{position:relative;padding-left:22px;color:var(--ink-2);font-size:15.5px;line-height:1.5}
.ap-split__t li::before{content:"";position:absolute;left:2px;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 1px var(--line-2)}
.ap-split__t li b{color:var(--ink)}
.ap-split__t a:not(.btn){color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.ap-split__t .cta{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
.ap-split__s{min-width:0}
.ap-split__s .mk{box-shadow:var(--shadow)}
.ap-full{margin-top:clamp(20px,3vw,36px)}
.ap-full .mk{box-shadow:var(--shadow)}
.ap-note{margin-top:10px;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);text-align:right}
.ap-head{max-width:46rem;margin-bottom:clamp(24px,3vw,40px)}
.ap-head .sub{margin-top:14px}
.ap-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none}
.ap-chips li{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:500;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.ap-chips li.is-on{background:var(--lime);color:#0f0f12;box-shadow:none;font-weight:600}
.ap-gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin-top:clamp(20px,3vw,32px)}
.ap-gal>div{min-width:0}
.ap-three{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}
.ap-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:0 clamp(20px,3vw,40px);border-top:1px solid var(--line-2);margin:0}
.ap-tools>div{padding:16px 0;border-bottom:1px solid var(--line)}
.ap-tools dt{font:700 18px/1.2 var(--display);letter-spacing:-.02em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ap-tools dd{margin:6px 0 0;color:var(--ink-2);font-size:15px;line-height:1.5}
.ap-tools em{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line-2);border-radius:999px;padding:4px 8px}
.ap-tools em.is-ask{color:#b33a14;box-shadow:inset 0 0 0 1px rgba(179,58,20,.4)}
.ap-fine{margin-top:12px;color:var(--ink-3);font-size:13.5px;line-height:1.5;max-width:52rem}
.ap-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ap-links a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:500;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.ap-links a:hover{background:var(--card-2);color:var(--ink)}

/* the four parts of the agent (the home page block, for pages that load this file) */
.parts .part{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:clamp(40px,6vw,72px)}
.parts .part--rev{direction:rtl}
.parts .part--rev>*{direction:ltr}
.parts .center{text-align:center;max-width:46rem;margin-inline:auto}
.parts .center .sub{margin-top:14px}
.part__t .num{font:500 12px var(--mono);letter-spacing:.08em;color:var(--ink-3)}
.part__t h3{font:700 clamp(26px,3.2vw,38px)/1.08 var(--display);letter-spacing:-.03em;margin:8px 0 12px}
.part__t p{color:var(--ink-2);font-size:clamp(15px,1.5vw,18px);line-height:1.55;margin:0 0 18px}
.part__s{min-width:0}
.part__s .mk{box-shadow:var(--shadow)}
@media (max-width:860px){
  .ap-split,.parts .part{grid-template-columns:minmax(0,1fr)}
  .ap-split--rev,.parts .part--rev{direction:ltr}
}

/* before/after: the buyer's pain drawn as generic boxes (no product, no logo) */
.ap-flow{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.ap-flow i{width:14px;height:2px;background:var(--line-2)}
.ap-box{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:8px;background:var(--win);box-shadow:0 0 0 1px var(--line-2);font-size:12px;color:var(--ink-2)}
.ap-box.is-bad{box-shadow:0 0 0 1px var(--mk-rev,#b33a14);color:var(--mk-rev,#b33a14);font-weight:600}
.ap-err{margin:6px 0 0;font-size:12px;color:var(--mk-rev,#b33a14)}
.ap-split__t ul.ap-chips{display:flex;flex-wrap:wrap;gap:8px}
.ap-split__t ul.ap-chips li{padding:8px 14px;height:auto;line-height:1.35;border-radius:14px}
.ap-split__t ul.ap-chips li::before{display:none}
.mk-bcard .mk-trig{max-width:100%;border-radius:10px}
.ap-gh{font:700 clamp(22px,2.4vw,30px)/1.1 var(--display);letter-spacing:-.03em;margin:clamp(28px,4vw,44px) 0 14px}.ap-gh:first-child{margin-top:0}
.mk-ev.is-new,.mk-ev.is-moved{color:#0f0f12}.mk-ev.is-new time,.mk-ev.is-moved time{color:#3d3c44}