/* Blog (14 Oct 2026). Sits on top of /styles.css. Apple simple: type, space, one accent. */
.blog-page{background:var(--w)}
.blog-page .nav__links a[aria-current="page"]{color:var(--w)}
.b-wrap{max-width:720px}
.b-art{padding:28px 0 8px}
.b-index{padding:28px 22px 64px}
.b-crumbs{font-size:14px;color:var(--mut);margin-bottom:18px}
.b-crumbs a{color:var(--mut);text-decoration:none}
.b-crumbs a:hover{color:var(--ink);text-decoration:underline}
.b-art h1,.b-index h1{font-size:clamp(34px,8.4vw,56px);line-height:1.04;letter-spacing:-.03em;margin-bottom:16px;max-width:20ch}
.b-by{font-size:15px;color:var(--mut);margin-bottom:26px}
.b-by a{color:var(--ink);font-weight:600;text-decoration:none}
.b-by a:hover{text-decoration:underline}
.b-lede{font-size:19px;color:var(--mut);max-width:44ch;margin-bottom:34px}
.b-answer{background:var(--paper);border-left:3px solid var(--o);border-radius:4px 14px 14px 4px;padding:18px 20px;margin:0 0 30px}
.b-answer__k{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:6px}
.b-answer p:last-child{font-size:18px;line-height:1.5}
.b-fig{margin:0 0 30px}
.b-fig img{width:100%;height:auto;border-radius:14px}
.b-fig figcaption{font-size:13px;color:var(--mut);margin-top:8px}
.b-toc{border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:0 0 34px}
.b-toc .eyebrow{margin-bottom:8px}
.b-toc ol{padding-left:20px;font-size:16px}
.b-toc li{margin:4px 0}
.b-toc a{color:var(--ink);text-decoration:none}
.b-toc a:hover{text-decoration:underline}
.b-body{font-size:18px;line-height:1.65}
.b-body>*+*{margin-top:18px}
.b-body h2{font-size:clamp(26px,6vw,34px);line-height:1.15;max-width:none;margin:44px 0 6px;scroll-margin-top:80px}
.b-body h3{font-size:21px;line-height:1.25;margin:30px 0 4px}
.b-body ul,.b-body ol{padding-left:22px}
.b-body li+li{margin-top:8px}
.b-body a{color:var(--ink);text-decoration-color:var(--o);text-underline-offset:3px;text-decoration-thickness:2px}
.b-body blockquote{border-left:3px solid var(--line);padding-left:16px;color:var(--ink3)}
.b-body table{border-collapse:collapse;width:100%;font-size:16px;display:block;overflow-x:auto}
.b-body th,.b-body td{border-bottom:1px solid var(--line);padding:10px 12px 10px 0;text-align:left;vertical-align:top}
.b-body strong{font-weight:650}
.b-faq{margin-top:52px;border-top:1px solid var(--line);padding-top:34px}
.b-faq h2{font-size:clamp(26px,6vw,34px);max-width:none;margin-bottom:12px}
.b-faq__i{padding:18px 0;border-bottom:1px solid var(--line)}
.b-faq__i h3{font-size:19px;line-height:1.3;margin-bottom:6px}
.b-faq__i p{font-size:17px;color:var(--ink3)}
.b-next{margin-top:44px}
.b-next ul{list-style:none;font-size:16px}
.b-next li{padding:12px 0;border-bottom:1px solid var(--line);color:var(--mut)}
.b-next li a{color:var(--ink);font-weight:650;text-decoration:none}
.b-next li a:hover{text-decoration:underline}
.b-cta{margin:40px 0 0;background:var(--ink);color:var(--w);border-radius:18px;padding:24px 22px;display:grid;gap:16px}
.b-cta__p{font-size:18px;line-height:1.45}
.b-cta .btn{justify-self:start}
.b-author{display:flex;gap:14px;align-items:flex-start;margin:36px 0 56px;font-size:15px;color:var(--mut)}
.b-author img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none}
.b-author a{color:var(--ink);text-decoration:none}
.b-rel{border-top:1px solid var(--line);padding:34px 0 64px}
.b-rel h2{font-size:26px;max-width:none;margin-bottom:12px}
.b-rel ul{list-style:none}
.b-rel li{padding:12px 0;border-bottom:1px solid var(--line)}
.b-rel a{font-weight:650;color:var(--ink);text-decoration:none;font-size:18px}
.b-rel span{display:block;color:var(--mut);font-size:15px;margin-top:2px}
.b-list{list-style:none;margin-bottom:40px}
.b-list__i{padding:22px 0;border-top:1px solid var(--line)}
.b-list__i a{text-decoration:none}
.b-list__i h2{font-size:clamp(22px,5.4vw,28px);line-height:1.2;max-width:none;margin-bottom:8px}
.b-list__i a:hover h2{text-decoration:underline;text-decoration-color:var(--o)}
.b-list__i p{color:var(--mut);font-size:16px}
.b-list__m{font-size:14px!important;margin-top:6px}
.b-empty{font-size:18px;color:var(--ink3);max-width:46ch;margin-bottom:14px}
.b-empty a{color:var(--ink);text-decoration-color:var(--o);text-underline-offset:3px}
@media (min-width:900px){.b-art{padding-top:48px}.b-index{padding-top:48px}.b-cta{grid-template-columns:1fr auto;align-items:center}.b-cta .btn{justify-self:end}}

/* Retention layer (18 Oct 2026): progress bar, 60 second answer, takeaways, calculators, animated visuals. */
.rx-prog{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;pointer-events:none}
.rx-prog i{display:block;height:100%;background:var(--o);transform:scaleX(0);transform-origin:0 50%}
.rx-quick{background:var(--ink);color:var(--w);border-radius:16px;padding:18px 20px;margin:26px 0}
.rx-quick .rx-k{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--o2);margin-bottom:8px}
.rx-quick ul{padding-left:20px;font-size:17px;line-height:1.5}
.rx-quick li+li{margin-top:8px}
.rx-quick li::marker{color:var(--o)}
.b-body .rx-take{border-left:4px solid var(--o);background:var(--paper);border-radius:4px 14px 14px 4px;padding:14px 18px;font-size:20px;line-height:1.4;font-weight:650}
.rx-take__k{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:4px}
.rx-calc{border:1.5px solid var(--ink);border-radius:18px;padding:18px;background:var(--w)}
.rx-calc__h{font-weight:700;font-size:19px;margin-bottom:12px}
.rx-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.rx-f{display:block}
.rx-l{display:block;font-size:13px;color:var(--mut);line-height:1.3;margin-bottom:4px;min-height:2.6em}
.rx-in{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:var(--paper)}
.rx-in:focus-within{border-color:var(--o)}
.rx-in input{width:100%;min-width:0;border:0;background:transparent;font:inherit;font-size:17px;padding:10px 0;color:var(--ink);outline:0}
.rx-u{color:var(--mut);font-size:15px}
.rx-out{margin-top:14px;border-top:1px solid var(--line)}
.rx-out p{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:16px;margin:0}
.rx-out output{font-weight:700;font-variant-numeric:tabular-nums}
.b-body .rx-verdict{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--paper);font-size:16px;line-height:1.45;font-weight:600}
.rx-verdict.is-bad{background:#fff1e6}
.rx-verdict.is-good{background:#eef6ee}
.b-body .rx-note{font-size:13px;color:var(--mut);margin-top:8px}
.rx-chks{display:grid;gap:8px}
.rx-chk{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.35;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.rx-chk input{width:20px;height:20px;accent-color:var(--o);flex:none;margin-top:1px}
.rx-score{display:flex;align-items:center;gap:14px;margin-top:14px}
.rx-score .rx-bar{flex:1;height:10px;border-radius:9px;background:var(--line);overflow:hidden}
.rx-score .rx-bar i{display:block;height:100%;background:var(--o);transform-origin:0 50%;transition:transform .4s var(--ease)}
.rx-score p{font-size:28px;font-weight:700;margin:0;font-variant-numeric:tabular-nums}
.rx-score p span{font-size:15px;color:var(--mut);font-weight:500}
.rx-fig{margin:6px 0;border:1px solid var(--line);border-radius:16px;padding:14px 12px 10px;background:var(--w)}
.rx-fig svg{display:block;width:100%;height:auto}
.rx-fig figcaption,.rx-chat figcaption{font-size:13px;color:var(--mut);margin-top:8px;line-height:1.4}
.rx-t{font:600 12px var(--sans);fill:var(--ink)}
.rx-t--c{text-anchor:middle}.rx-t--e{text-anchor:end}.rx-t--b{font-weight:700;font-size:13px}.rx-t--s{font-size:11px;font-weight:500;fill:var(--mut)}
.rx-t--o{fill:var(--o);font-weight:700}.rx-t--w{fill:#fff;font-weight:700}
.rx-funnel{fill:var(--paper);stroke:var(--ink);stroke-width:2}
.rx-hole{fill:var(--w);stroke:var(--o);stroke-width:2}
.rx-d{fill:var(--ink);opacity:0}
.rx-d--l,.rx-d--r{fill:var(--o)}
.rx-on .rx-d--f{animation:rxFall 4.2s linear infinite}
.rx-on .rx-d--l{animation:rxLeakL 4.2s linear infinite}
.rx-on .rx-d--r{animation:rxLeakR 4.2s linear infinite}
@keyframes rxFall{0%{transform:translate(0,0);opacity:0}8%{opacity:1}88%{opacity:1}100%{transform:translate(0,170px);opacity:0}}
@keyframes rxLeakL{0%{transform:translate(0,0);opacity:0}8%{opacity:1}40%{transform:translate(-68px,68px)}70%{opacity:1}100%{transform:translate(-140px,130px);opacity:0}}
@keyframes rxLeakR{0%{transform:translate(0,0);opacity:0}8%{opacity:1}40%{transform:translate(68px,68px)}70%{opacity:1}100%{transform:translate(140px,130px);opacity:0}}
.rx-bar{transform-box:fill-box;transform-origin:0 50%;transform:scaleX(.02)}
.rx-bar--o{fill:var(--o)}.rx-bar--k{fill:var(--ink)}
.rx-seen .rx-bar{transform:scaleX(1);transition:transform 1.4s var(--ease)}
.rx-seen .rx-bar--k{transition-delay:.35s}
.rx-line{stroke:var(--ink);stroke-width:1.5;stroke-dasharray:4 4}
.rx-pk{fill:var(--ink);transform-box:fill-box;transform-origin:50% 50%}
.rx-on .rx-pk--b{animation:rxBack 3.6s var(--ease) infinite}
@keyframes rxBack{0%,25%{fill:var(--ink);transform:translate(0,0);opacity:1}45%{fill:var(--o);transform:translate(0,0)}75%{fill:var(--o);transform:translate(0,-6px);opacity:1}90%,100%{fill:var(--o);transform:translate(0,-6px);opacity:.3}}
.rx-axis{stroke:var(--ink);stroke-width:2}
.rx-zone{fill:#fff1e6}
.rx-mk{stroke-width:2}.rx-mk--g{stroke:var(--mutd);stroke-dasharray:3 3}.rx-mk--o{stroke:var(--o)}.rx-mk--k{stroke:var(--ink)}
.rx-dot{fill:var(--o)}
.rx-needle{transform:translateX(0)}
.rx-seen .rx-needle{transform:translateX(150px);transition:transform 2s var(--ease) .3s}
.rx-late{opacity:0}.rx-seen .rx-late{opacity:1;transition:opacity .4s 2.2s}
.rx-path{stroke:var(--line);stroke-width:3;stroke-dasharray:6 6;fill:none}
.rx-node rect{fill:var(--w);stroke:var(--ink);stroke-width:1.5}
.rx-on .rx-run{animation:rxRun 4.5s var(--ease) infinite}
@keyframes rxRun{0%{transform:translateX(0)}40%{transform:translateX(112px)}80%,100%{transform:translateX(224px)}}
.rx-on .rx-node--1 rect{animation:rxLit 4.5s infinite}.rx-on .rx-node--2 rect{animation:rxLit 4.5s 1.8s infinite}.rx-on .rx-node--3 rect{animation:rxLit 4.5s 3.6s infinite}
@keyframes rxLit{0%,20%{stroke:var(--o);stroke-width:3}30%,100%{stroke:var(--ink);stroke-width:1.5}}
.rx-chat{margin:6px 0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--paper);max-width:420px}
.rx-chat__top{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--w);border-bottom:1px solid var(--line);font-size:15px}
.rx-chat__top small{color:var(--mut);margin-left:auto;font-size:12px}
.rx-av{width:28px;height:28px;border-radius:50%;background:var(--o);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}
.rx-chat__body{padding:12px;display:flex;flex-direction:column;gap:8px}
.b-body .rx-msg{margin:0;max-width:82%;padding:8px 12px;border-radius:16px;font-size:15px;line-height:1.4}
.rx-msg--in{align-self:flex-start;background:var(--w);border:1px solid var(--line);border-bottom-left-radius:4px}
.rx-msg--out{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:4px}
.rx-anim .rx-msg{opacity:0;transform:translateY(6px)}
.rx-seen .rx-msg{animation:rxPop .4s var(--ease) forwards}
@keyframes rxPop{to{opacity:1;transform:none}}
.rx-chat figcaption{padding:0 14px 12px}
@media (prefers-reduced-motion:reduce){
.rx-anim *,.rx-anim{animation:none!important;transition:none!important}
.rx-anim .rx-msg,.rx-late{opacity:1;transform:none}
.rx-d{opacity:0}.rx-d--f{opacity:1;transform:translate(0,120px)}
.rx-bar{transform:scaleX(1)}.rx-needle{transform:translateX(150px)}
.rx-pk--b{fill:var(--o)}
}

/* Go deeper tool cards (18 Oct 2026, Madhur 9:43 PM: clickable, black with orange border) */
.rx-tools{margin-top:44px}
.rx-tools .eyebrow{margin-bottom:10px}
.rx-cards{list-style:none;display:grid;grid-template-columns:1fr;gap:12px;padding:0}
.rx-card{display:flex;flex-direction:column;gap:4px;min-height:56px;padding:16px 18px 14px;background:#0b0b0b;border:2px solid var(--o);border-radius:16px;color:#fff;text-decoration:none;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
.rx-card b{font-size:18px;line-height:1.25;color:#fff}
.rx-card span{font-size:15px;line-height:1.4;color:var(--mutd)}
.rx-card em{font-style:normal;font-weight:700;font-size:15px;color:var(--o);align-self:flex-end;margin-top:6px}
.rx-card:hover,.rx-card:active{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.rx-card:focus-visible{outline:3px solid var(--o2);outline-offset:3px}
@media (min-width:720px){.rx-cards{grid-template-columns:1fr 1fr}}
.b-body a,.b-faq a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--o);text-decoration-thickness:2px;text-underline-offset:3px}
.b-body a:hover,.b-faq a:hover{color:var(--o)}
@media (prefers-reduced-motion:reduce){.rx-card{transition:none}.rx-card:hover{transform:none}}

/* Calculator next step card + WhatsApp share (18 Oct 2026, 9:46 PM growth move) */
.rx-after{margin:14px 0 28px}
.b-body a.rx-card,.b-body a.rx-card:hover{color:#fff;text-decoration:none;font-weight:inherit}
.b-body a.rx-card em{color:var(--o)}
.rx-next{margin:0}
.rx-share{margin:12px 0 0;font-size:15px}
.b-body .rx-share a{font-weight:700}

/* 19 Oct 2026 articles: loops (own SVG + CSS, one idea each, steady pace), checklist and task test. */
.rx-chks--gap{margin-top:12px}
.rx2-ic{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.rx2-ic--o{stroke:var(--o)}
/* A1 vis1: one recipe, AI in the middle, your yes at the end */
.rx2-ai{fill:var(--paper)}
.rx2-ring{fill:var(--w);stroke:var(--ink);stroke-width:1.5}
.rx2-run{fill:var(--o);opacity:0}
.rx-on .rx2-run{animation:rx2Run 6s linear infinite}
@keyframes rx2Run{0%{transform:translateX(0);opacity:0}4%{opacity:1}75%{transform:translateX(252px);opacity:1}88%,100%{transform:translateX(252px);opacity:0}}
.rx-on .rx2-n--1 .rx2-ring{animation:rx2L1 6s linear infinite}
.rx-on .rx2-n--2 .rx2-ring{animation:rx2L2 6s linear infinite}
.rx-on .rx2-n--3 .rx2-ring{animation:rx2L3 6s linear infinite}
.rx-on .rx2-n--4 .rx2-ring{animation:rx2L4 6s linear infinite}
.rx-on .rx2-n--4 .rx2-ic--chk{animation:rx2Chk 6s linear infinite}
@keyframes rx2L1{0%,8%{stroke:var(--o);stroke-width:3}16%,100%{stroke:var(--ink);stroke-width:1.5}}
@keyframes rx2L2{0%,22%{stroke:var(--ink);stroke-width:1.5}25%,33%{stroke:var(--o);stroke-width:3}41%,100%{stroke:var(--ink);stroke-width:1.5}}
@keyframes rx2L3{0%,47%{stroke:var(--ink);stroke-width:1.5}50%,58%{stroke:var(--o);stroke-width:3}66%,100%{stroke:var(--ink);stroke-width:1.5}}
@keyframes rx2L4{0%,72%{stroke:var(--ink);stroke-width:1.5;fill:var(--w)}75%,92%{stroke:var(--o);stroke-width:3;fill:#fff1e6}100%{stroke:var(--ink);stroke-width:1.5;fill:var(--w)}}
@keyframes rx2Chk{0%,72%{stroke:var(--ink)}75%,92%{stroke:var(--o);stroke-width:2.6}100%{stroke:var(--ink)}}
/* A1 vis2: question, delete, simplify, speed up, automate last */
.rx2-sq{fill:var(--ink);transform-box:fill-box;transform-origin:50% 50%}
.rx2-st{fill:var(--w);stroke:var(--ink);stroke-width:1.5}
.rx2-car{fill:var(--o)}
.rx2-c{opacity:0}.rx2-c--1{opacity:1}
.rx2-gear{opacity:0}
.rx2-gear__r{transform-box:fill-box;transform-origin:50% 50%}
.rx-on .rx2-ord{animation:rx2Ord 9s linear infinite}
@keyframes rx2Ord{0%,88%{opacity:1}92%,96%{opacity:0}100%{opacity:1}}
.rx-on .rx2-car{animation:rx2Car 9s linear infinite}
@keyframes rx2Car{0%{transform:translateX(0)}80%,94%{transform:translateX(272px)}95%,100%{transform:translateX(0)}}
.rx-on .rx2-sq--2,.rx-on .rx2-sq--4,.rx-on .rx2-sq--6{animation:rx2Del 9s linear infinite}
.rx-on .rx2-sq--1,.rx-on .rx2-sq--7{animation:rx2Simp 9s linear infinite}
.rx-on .rx2-sq--0{animation:rx2K0 9s linear infinite}
.rx-on .rx2-sq--3{animation:rx2K3 9s linear infinite}
.rx-on .rx2-sq--5{animation:rx2K5 9s linear infinite}
@keyframes rx2Del{0%,18%{opacity:1;transform:scale(1)}23%,94%{opacity:0;transform:scale(.4)}95%,100%{opacity:1;transform:scale(1)}}
@keyframes rx2Simp{0%,38%{opacity:1;transform:scale(1)}43%,94%{opacity:0;transform:scale(.4)}95%,100%{opacity:1;transform:scale(1)}}
@keyframes rx2K0{0%,58%{transform:translateX(0);fill:var(--ink)}66%,78%{transform:translateX(64px);fill:var(--ink)}81%,94%{transform:translateX(64px);fill:var(--o)}95%,100%{transform:translateX(0);fill:var(--ink)}}
@keyframes rx2K3{0%,58%{transform:translateX(0);fill:var(--ink)}66%,78%{transform:translateX(8px);fill:var(--ink)}81%,94%{transform:translateX(8px);fill:var(--o)}95%,100%{transform:translateX(0);fill:var(--ink)}}
@keyframes rx2K5{0%,58%{transform:translateX(0);fill:var(--ink)}66%,78%{transform:translateX(-20px);fill:var(--ink)}81%,94%{transform:translateX(-20px);fill:var(--o)}95%,100%{transform:translateX(0);fill:var(--ink)}}
.rx-on .rx2-c--1{animation:rx2C1 9s linear infinite}
.rx-on .rx2-c--2{animation:rx2C2 9s linear infinite}
.rx-on .rx2-c--3{animation:rx2C3 9s linear infinite}
.rx-on .rx2-c--4{animation:rx2C4 9s linear infinite}
@keyframes rx2C1{0%,19%{opacity:1}20%,94%{opacity:0}95%,100%{opacity:1}}
@keyframes rx2C2{0%,19%{opacity:0}20%,39%{opacity:1}40%,100%{opacity:0}}
@keyframes rx2C3{0%,39%{opacity:0}40%,79%{opacity:1}80%,100%{opacity:0}}
@keyframes rx2C4{0%,79%{opacity:0}80%,94%{opacity:1}95%,100%{opacity:0}}
.rx-on .rx2-gear{animation:rx2Gear 9s linear infinite}
.rx-on .rx2-gear__r{animation:rx2Spin 3s linear infinite}
@keyframes rx2Gear{0%,79%{opacity:0}82%,94%{opacity:1}95%,100%{opacity:0}}
@keyframes rx2Spin{to{transform:rotate(360deg)}}
.rx-on .rx2-st--1{animation:rx2S1 9s linear infinite}.rx-on .rx2-st--2{animation:rx2S2 9s linear infinite}.rx-on .rx2-st--3{animation:rx2S3 9s linear infinite}.rx-on .rx2-st--4{animation:rx2S4 9s linear infinite}.rx-on .rx2-st--5{animation:rx2S5 9s linear infinite}
@keyframes rx2S1{0%,94%{fill:var(--o);stroke:var(--o)}95%,100%{fill:var(--o);stroke:var(--o)}}
@keyframes rx2S2{0%,19%{fill:var(--w);stroke:var(--ink)}20%,94%{fill:var(--o);stroke:var(--o)}95%,100%{fill:var(--w);stroke:var(--ink)}}
@keyframes rx2S3{0%,39%{fill:var(--w);stroke:var(--ink)}40%,94%{fill:var(--o);stroke:var(--o)}95%,100%{fill:var(--w);stroke:var(--ink)}}
@keyframes rx2S4{0%,59%{fill:var(--w);stroke:var(--ink)}60%,94%{fill:var(--o);stroke:var(--o)}95%,100%{fill:var(--w);stroke:var(--ink)}}
@keyframes rx2S5{0%,79%{fill:var(--w);stroke:var(--ink)}80%,94%{fill:var(--o);stroke:var(--o)}95%,100%{fill:var(--w);stroke:var(--ink)}}
/* A3 vis1: retrieval is the door */
.rx2-pool{fill:var(--mutd)}
.rx2-fun{fill:var(--paper);stroke:var(--ink);stroke-width:2;stroke-linejoin:round}
.rx2-rank{fill:var(--w);stroke:var(--ink);stroke-width:1.5}
.rx2-ph{fill:var(--w);stroke:var(--ink);stroke-width:2}
.rx2-card{fill:var(--paper);stroke:var(--ink);stroke-width:1}
.rx2-m{opacity:0}.rx2-m--o{fill:var(--mutd)}.rx2-m--p{fill:var(--ink)}.rx2-m--w{fill:var(--o)}
.rx-on .rx2-card{animation:rx2Card 4.8s linear 3.2s infinite}
@keyframes rx2Card{0%{fill:var(--o)}14%,88%{fill:var(--paper)}93%,100%{fill:var(--o)}}
@keyframes rx2M0{0%{transform:translate(0,0);opacity:0}6%{opacity:1}45%{transform:translate(50px,13.5px);opacity:.9}60%{transform:translate(62px,16.5px);opacity:0}100%{transform:translate(62px,16.5px);opacity:0}}
.rx-on .rx2-m0{animation:rx2M0 4.8s linear 0.0s infinite}
@keyframes rx2M1{0%{transform:translate(0,0);opacity:0}6%{opacity:1}45%{transform:translate(50px,-13.5px);opacity:.9}60%{transform:translate(62px,-16.5px);opacity:0}100%{transform:translate(62px,-16.5px);opacity:0}}
.rx-on .rx2-m1{animation:rx2M1 4.8s linear 0.4s infinite}
@keyframes rx2M2{0%{transform:translate(0,0);opacity:0}6%{opacity:1}55%{transform:translate(96px,0px)}75%{transform:translate(130px,0px);opacity:1}86%{transform:translate(130px,0px);opacity:0}100%{transform:translate(130px,0px);opacity:0}}
.rx-on .rx2-m2{animation:rx2M2 4.8s linear 0.8s infinite}
@keyframes rx2M3{0%{transform:translate(0,0);opacity:0}6%{opacity:1}45%{transform:translate(50px,7.2px);opacity:.9}60%{transform:translate(62px,8.8px);opacity:0}100%{transform:translate(62px,8.8px);opacity:0}}
.rx-on .rx2-m3{animation:rx2M3 4.8s linear 1.2s infinite}
@keyframes rx2M4{0%{transform:translate(0,0);opacity:0}6%{opacity:1}45%{transform:translate(50px,-18.9px);opacity:.9}60%{transform:translate(62px,-23.1px);opacity:0}100%{transform:translate(62px,-23.1px);opacity:0}}
.rx-on .rx2-m4{animation:rx2M4 4.8s linear 1.6s infinite}
@keyframes rx2M5{0%{transform:translate(0,0);opacity:0}6%{opacity:1}45%{transform:translate(50px,-5.4px);opacity:.9}60%{transform:translate(62px,-6.6px);opacity:0}100%{transform:translate(62px,-6.6px);opacity:0}}
.rx-on .rx2-m5{animation:rx2M5 4.8s linear 2.0s infinite}
@keyframes rx2M6{0%{transform:translate(0,0);opacity:0}6%{opacity:1}55%{transform:translate(96px,24px)}75%{transform:translate(130px,24px);opacity:1}86%{transform:translate(130px,24px);opacity:0}100%{transform:translate(130px,24px);opacity:0}}
.rx-on .rx2-m6{animation:rx2M6 4.8s linear 2.4s infinite}
@keyframes rx2M7{0%{transform:translate(0,0);opacity:0}6%{opacity:1}45%{transform:translate(50px,-10.8px);opacity:.9}60%{transform:translate(62px,-13.2px);opacity:0}100%{transform:translate(62px,-13.2px);opacity:0}}
.rx-on .rx2-m7{animation:rx2M7 4.8s linear 2.8s infinite}
@keyframes rx2M8{0%{transform:translate(0,0);opacity:0}6%{opacity:1}55%{transform:translate(96px,0px)}72%{transform:translate(130px,0px)}92%{transform:translate(204px,-4px);opacity:1}100%{transform:translate(204px,-4px);opacity:0}}
.rx-on .rx2-m8{animation:rx2M8 4.8s linear 3.2s infinite}
@keyframes rx2M9{0%{transform:translate(0,0);opacity:0}6%{opacity:1}45%{transform:translate(50px,4.5px);opacity:.9}60%{transform:translate(62px,5.5px);opacity:0}100%{transform:translate(62px,5.5px);opacity:0}}
.rx-on .rx2-m9{animation:rx2M9 4.8s linear 3.6s infinite}
@keyframes rx2M10{0%{transform:translate(0,0);opacity:0}6%{opacity:1}45%{transform:translate(50px,-16.2px);opacity:.9}60%{transform:translate(62px,-19.8px);opacity:0}100%{transform:translate(62px,-19.8px);opacity:0}}
.rx-on .rx2-m10{animation:rx2M10 4.8s linear 4.0s infinite}
@keyframes rx2M11{0%{transform:translate(0,0);opacity:0}6%{opacity:1}55%{transform:translate(96px,-6px)}75%{transform:translate(130px,-6px);opacity:1}86%{transform:translate(130px,-6px);opacity:0}100%{transform:translate(130px,-6px);opacity:0}}
.rx-on .rx2-m11{animation:rx2M11 4.8s linear 4.4s infinite}
/* A3 vis2: lookalike ads are grouped as one creative */
.rx2-cd{fill:var(--w);stroke:var(--ink);stroke-width:1.5}
.rx2-ln{stroke:var(--mutd);stroke-width:2;stroke-linecap:round}
.rx2-one{opacity:0}
.rx-on .rx2-one{animation:rx2One 7s linear infinite}
.rx-on .rx2-five{animation:rx2Five 7s linear infinite}
@keyframes rx2One{0%,38%{opacity:0}42%,78%{opacity:1}82%,100%{opacity:0}}
@keyframes rx2Five{0%,30%{opacity:1}34%,86%{opacity:0}90%,100%{opacity:1}}
@keyframes rx2DL{0%,12%{stroke:var(--o);stroke-width:2.5}18%,100%{stroke:var(--ink);stroke-width:1.5}}
@keyframes rx2Stk0{0%,15%{transform:translate(0,0)}40%,78%{transform:translate(56px,4px)}95%,100%{transform:translate(0,0)}}
.rx-on .rx2-s0{animation:rx2Stk0 7s linear infinite}
.rx-on .rx2-d0 .rx2-cd{animation:rx2DL 7s linear 0.0s infinite}
@keyframes rx2Stk1{0%,15%{transform:translate(0,0)}40%,78%{transform:translate(28px,2px)}95%,100%{transform:translate(0,0)}}
.rx-on .rx2-s1{animation:rx2Stk1 7s linear infinite}
.rx-on .rx2-d1 .rx2-cd{animation:rx2DL 7s linear 1.4s infinite}
@keyframes rx2Stk2{0%,15%{transform:translate(0,0)}40%,78%{transform:translate(0px,0px)}95%,100%{transform:translate(0,0)}}
.rx-on .rx2-s2{animation:rx2Stk2 7s linear infinite}
.rx-on .rx2-d2 .rx2-cd{animation:rx2DL 7s linear 2.8s infinite}
@keyframes rx2Stk3{0%,15%{transform:translate(0,0)}40%,78%{transform:translate(-28px,-2px)}95%,100%{transform:translate(0,0)}}
.rx-on .rx2-s3{animation:rx2Stk3 7s linear infinite}
.rx-on .rx2-d3 .rx2-cd{animation:rx2DL 7s linear 4.2s infinite}
@keyframes rx2Stk4{0%,15%{transform:translate(0,0)}40%,78%{transform:translate(-56px,-4px)}95%,100%{transform:translate(0,0)}}
.rx-on .rx2-s4{animation:rx2Stk4 7s linear infinite}
.rx-on .rx2-d4 .rx2-cd{animation:rx2DL 7s linear 5.6s infinite}
@media (prefers-reduced-motion:reduce){
.rx2-run{opacity:1;transform:translateX(252px)}
.rx2-n--4 .rx2-ring{stroke:var(--o);stroke-width:3}.rx2-n--4 .rx2-ic--chk{stroke:var(--o)}
.rx2-sq--1,.rx2-sq--2,.rx2-sq--4,.rx2-sq--6,.rx2-sq--7{opacity:0}
.rx2-sq--0{transform:translateX(64px);fill:var(--o)}.rx2-sq--3{transform:translateX(8px);fill:var(--o)}.rx2-sq--5{transform:translateX(-20px);fill:var(--o)}
.rx2-c--1{opacity:0}.rx2-c--4{opacity:1}.rx2-gear{opacity:1}.rx2-car{transform:translateX(272px)}
.rx2-st{fill:var(--o);stroke:var(--o)}
.rx2-m{opacity:0}.rx2-card{fill:var(--o)}
.rx2-one{opacity:1}.rx2-five{opacity:0}
.rx2-s0{transform:translate(56px,4px)}.rx2-s1{transform:translate(28px,2px)}.rx2-s2{transform:translate(0px,0px)}.rx2-s3{transform:translate(-28px,-2px)}.rx2-s4{transform:translate(-56px,-4px)}
}

/* A2 vis1: a percent fee grows with budget, a fixed fee stays flat (example numbers) */
.rx2-ax{stroke:var(--ink);stroke-width:1.5}
.rx2-fl{stroke:var(--ink);stroke-width:2.5;stroke-linecap:round}
.rx2-pl{stroke:var(--o);stroke-width:2.5;stroke-linecap:round}
.rx2-scan{stroke:var(--mutd);stroke-width:1;stroke-dasharray:3 3;opacity:0}
.rx2-df{fill:var(--ink);transform:translateX(270px)}
.rx2-dp{fill:var(--o);transform:translate(270px,-120px)}
.rx2-x{fill:none;stroke:var(--o);stroke-width:2}
.rx-on .rx2-df{animation:rx2Df 7s linear infinite}
.rx-on .rx2-dp{animation:rx2Dp 7s linear infinite}
.rx-on .rx2-scan{animation:rx2Sc 7s linear infinite}
.rx-on .rx2-x,.rx-on .rx2-xl{animation:rx2X 7s linear infinite}
@keyframes rx2Df{0%{transform:translateX(0);opacity:0}4%{opacity:1}80%{transform:translateX(270px);opacity:1}92%,100%{transform:translateX(270px);opacity:0}}
@keyframes rx2Dp{0%{transform:translate(0,0);opacity:0}4%{opacity:1}80%{transform:translate(270px,-120px);opacity:1}92%,100%{transform:translate(270px,-120px);opacity:0}}
@keyframes rx2Sc{0%{transform:translateX(0);opacity:0}4%{opacity:.8}80%{transform:translateX(270px);opacity:.8}88%,100%{transform:translateX(270px);opacity:0}}
@keyframes rx2X{0%,33%{opacity:0}37%,86%{opacity:1}92%,100%{opacity:0}}
/* A2 vis2: compare two quotes on the same jobs (example quotes) */
.rx2-q{fill:var(--w);stroke:var(--ink);stroke-width:1.5}
.rx2-tk{fill:none;stroke:var(--o);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.rx2-no{fill:none;stroke:var(--ink);stroke-width:1.3;stroke-dasharray:2 2}
.rx2-mute{text-decoration:line-through;fill:var(--mut)}
.rx2-c1{opacity:0}
.rx-on .rx2-a0,.rx-on .rx2-b0{animation:rx2T0 8s linear infinite}
.rx-on .rx2-a1,.rx-on .rx2-b1{animation:rx2T1 8s linear infinite}
.rx-on .rx2-a2,.rx-on .rx2-b2{animation:rx2T2 8s linear infinite}
.rx-on .rx2-a3,.rx-on .rx2-b3{animation:rx2T3 8s linear infinite}
.rx-on .rx2-a4,.rx-on .rx2-b4{animation:rx2T4 8s linear infinite}
@keyframes rx2T0{0%,6%{opacity:0}9%,88%{opacity:1}94%,100%{opacity:0}}
@keyframes rx2T1{0%,15%{opacity:0}18%,88%{opacity:1}94%,100%{opacity:0}}
@keyframes rx2T2{0%,24%{opacity:0}27%,88%{opacity:1}94%,100%{opacity:0}}
@keyframes rx2T3{0%,33%{opacity:0}36%,88%{opacity:1}94%,100%{opacity:0}}
@keyframes rx2T4{0%,42%{opacity:0}45%,88%{opacity:1}94%,100%{opacity:0}}
.rx-on .rx2-c1{animation:rx2C1 8s linear infinite}
.rx-on .rx2-c2{animation:rx2C2 8s linear infinite}
@keyframes rx2C1{0%,4%{opacity:0}8%,52%{opacity:1}56%,100%{opacity:0}}
@keyframes rx2C2{0%,56%{opacity:0}60%,90%{opacity:1}94%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){
.rx2-scan{opacity:0}.rx2-df{transform:translateX(270px)}.rx2-dp{transform:translate(270px,-120px)}.rx2-x,.rx2-xl{opacity:1}
.rx2-c1{opacity:0}.rx2-c2{opacity:1}
}

/* 19 Oct 2026 (Madhur m:df1fc323): reading highlights for skimmers. Soft orange marker under the text, no animation, no layout shift. */
.b-body mark.hl{background:linear-gradient(transparent 55%,rgba(255,107,0,.24) 55%);color:inherit;padding:0 .08em;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* 18 Oct 2026 articles */
.b-cta__s{display:block;margin-top:10px;font-size:14px;opacity:.8}.b-cta__s a{color:inherit;text-underline-offset:3px}
.b-body td{white-space:nowrap}.b-body td:first-child{white-space:normal;min-width:9em}

/* ECO 1019: quiet matched kit box at the end of a post */
.b-kit{margin:-28px 0 56px;border:1px solid var(--line);border-radius:18px;padding:20px 22px;display:grid;gap:8px;background:#fff}
.b-kit__k{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}
.b-kit__p{font-size:16px;line-height:1.55;color:var(--ink)}
.b-kit__go{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:16px}
.b-kit__go a{font-weight:650;color:var(--ink);text-underline-offset:3px}
.b-kit__pr{color:var(--mut);font-size:15px}
/* seo_1021 v2: 2 column tables wrap on phones */
@media (max-width:600px){.b-body table:not(:has(th:nth-child(3),td:nth-child(3))){display:table;table-layout:fixed}.b-body table:not(:has(th:nth-child(3),td:nth-child(3))) td{white-space:normal;overflow-wrap:break-word}}

/*hook1021*/.b-hook{margin:14px 0 18px;padding:0 0 0 16px;border-left:3px solid #f26b1d}.b-hook__l{font-size:19px;line-height:1.5;margin:0 0 6px;color:inherit}.b-hook__l:first-child{font-weight:600}.b-hook__n{font-size:13px;margin:6px 0 0;opacity:.7}@media (max-width:480px){.b-hook__l{font-size:17px}}.b-toc ol.b-toc__plain{list-style:none;padding-left:0}.b-art--fla .b-body blockquote p+p{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(0,0,0,.15)}
/* og1021 (21 Oct 2026): paragraph spacing inside Format C step sections; .b-body>*+* does not reach inside them */
.fc-steps>*+:is(p,blockquote,ul,ol):not([class]),.fcd-steps>*+:is(p,blockquote,ul,ol):not([class]){margin-top:18px}