/* ==========================================================================
   pages-services.css · page group "services" (v3f, 2026-09-30): services.html (help hub), the six problem pages
   (website-development, seo, social-media-marketing, business-systems-crm-erp, ai-automation, technology) and urgent-help.
   Linked only by these pages, after d5.css + d5-kit.css. Markup: _build/pages/services.py (one builder per piece).
   Golden tokens only for type and space (--fs-*, --sp-*); raw px only inside the illustrated Example screens (.mock).
   Colour = meaning: sun (.is-run) running / fixing, green (.is-start) a first step or "done right", sky (.is-learn)
   learning, clay (.is-urgent) urgent. Motion = the shared engine (data-reveal); the hidden start states live in d5.css,
   so JS off and reduced motion show everything. Phones (<= 760px): open rows instead of boxes, big type, centred blocks.

   CLASS MAP
   .sv-split (+ __body) ..... content beside a sticky heading (the ksteps grid)
   .sv-signs .sv-sign ....... "Sound familiar?" statement rows
   .sv-checks ............... five checks over a pixel track (__track i = print reveal)
   .sv-state ................ one big centred promise
   .sv-offer ................ free-offer panel (soft green) .sv-ticks
   .sv-door ................. hand-off row to a sibling page (.sv-doorsec = its slim band)
   .sv-proof .sv-work ....... one project card + side (quote, industries) · .sv-proof__row (3 cards)
   .sv-learn .sv-guides ..... sky band: video cards + guides
   .sv-choose .sv-opt ....... options that open the intake with the option said
   .sv-track ................ horizontal step track (phones: vertical)
   .sv-zone .sv-probs ....... hub problem tiles in one amber zone · .sv-below (urgent + start door) · .sv-cluster (hub hero art)
   .sv-call .sv-wait .sv-details .sv-pair ..... urgent page
   Example screens .......... .sv-msearch .sv-week .sv-mtime .sv-mchat .sv-mclips .sv-mhealth .sv-mrep .sv-maudit .sv-chain .sv-seven
   ========================================================================== */

/* section ground as a variable (rings that cut a track need the ground colour) */
.sec--paper{--sv-g:var(--paper)}
.sec--cream{--sv-g:var(--cream)}
.sec--sky{--sv-g:var(--learn-tint)}
body[data-edges] .sec--cream+.sec--sky{background:linear-gradient(var(--cream),var(--learn-tint) 200px)}

/* urgent sections: the heading's coloured words take clay (urgent), never green */
.sv-clay .h2 em{color:var(--clay)}

/* small label over a list ("Guides", "For your kind of business") */
.sv-mini{display:flex;align-items:center;gap:var(--sp-1);margin-bottom:var(--sp-1);font:800 var(--fs-sm)/1.3 var(--font);letter-spacing:.02em;color:var(--ink-2)}
.sv-mini::before{content:"";flex:none;width:8px;height:8px;background:var(--c,var(--green))}
.sv-act{margin-top:var(--sp-4)}
.sv-act--c{text-align:center}
.sv-note{display:flex;align-items:flex-start;gap:var(--sp-1);margin-top:var(--sp-3);max-width:56ch;font-size:var(--fs-sm);line-height:1.5;color:var(--ink-3)}
.sv-note .ico{margin-top:.1em;color:var(--ink-3)}

/* the hero's "Or call" line: the number is a real target */
.ksub__note a{display:inline-flex;align-items:center;min-height:2.75rem;font-weight:700;color:var(--ink);text-underline-offset:3px}

/* ---------- split: any content beside the sticky heading ---------- */
.sv-split__body{min-width:0}

/* ---------- signs ---------- */
.sv-signs{display:grid;box-shadow:0 -1px 0 var(--rule)}
.sv-sign{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--sp-3);min-height:89px;padding:var(--sp-2) 0;box-shadow:0 1px 0 var(--rule)}
.sv-sign .disc{background:var(--c-tint);color:var(--c-icon)}
.sv-sign>span:last-child{font:650 var(--fs-lead)/1.35 var(--font);letter-spacing:-.01em;color:var(--ink);text-wrap:pretty}

/* ---------- checks (green = done right) ---------- */
.sv-checks{position:relative;max-width:980px;margin:0 auto}
.sv-checks__row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-3)}
.sv-check{display:grid;justify-items:center;gap:var(--sp-2);text-align:center}
.sv-check .disc{box-shadow:0 0 0 10px var(--sv-g,var(--paper))}
.sv-check__lab{font:750 var(--fs-body)/1.3 var(--font);color:var(--ink)}
.sv-checks__track{position:absolute;left:10%;right:10%;top:calc(var(--disc-m) / 2 - 3px);height:6px;
  background:repeating-linear-gradient(90deg,var(--c-tint) 0 8px,transparent 8px 13px)}
.sv-checks__track i{position:absolute;inset:0;background:repeating-linear-gradient(90deg,var(--c) 0 8px,transparent 8px 13px)}

/* ---------- statement ---------- */
.sec.sv-state{padding:var(--sp-6) 0}
.sv-state__in{display:grid;justify-items:center;gap:var(--sp-3);max-width:780px;margin:0 auto;text-align:center}
.sv-state__in .h2{max-width:22ch}
.sv-state__in .sec-line{margin:0 auto;max-width:52ch}
.sv-state__go{margin-top:calc(var(--sp-1) * -1)}

/* ---------- free offer (soft green: a first step) ---------- */
.sv-offer{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--sp-5);align-items:center;padding:var(--sp-5);
  border-radius:var(--r-xl);background:linear-gradient(160deg,var(--start-soft),var(--start-tint))}
.sv-offer .h2{margin-top:var(--sp-2)}
.sv-offer .sec-line{max-width:36ch}
.sv-ticks{display:grid;gap:var(--sp-1);margin-top:var(--sp-3)}
.sv-ticks li{display:flex;align-items:flex-start;gap:var(--sp-2);font:600 var(--fs-body)/1.45 var(--font);color:var(--ink)}
.sv-ticks .ico{margin-top:.15em;color:var(--green)}
.sv-offer__act{margin-top:var(--sp-4)}
.sv-offer__vis{display:grid;place-items:center;min-width:0}
.sv-vid1{grid-template-columns:minmax(0,1fr);width:min(100%,460px)}

/* ---------- hand-off row ---------- */
.sv-door{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4) var(--sp-2) var(--sp-2);
  border-radius:var(--r-xl);background:var(--c-soft)}
.sv-door__obj{position:relative;display:grid;place-items:center;width:89px;height:89px}
.sv-door__obj .kobj{width:89px;height:89px}
.sv-door__h{font:800 var(--fs-lead)/1.2 var(--font);letter-spacing:-.01em}
.sv-door__p{margin-top:2px;font-size:var(--fs-body);line-height:1.5;color:var(--ink-2)}
.sv-door .go{color:var(--c-ink)}
.sec.sv-doorsec{padding:var(--sp-5) 0}
.ksplit__text .sv-door{margin-top:var(--sp-4);grid-template-columns:auto minmax(0,1fr);row-gap:0;padding-right:var(--sp-3);background:#fff;box-shadow:var(--sh-1)}
.ksplit__text .sv-door__go{grid-column:2;margin-top:2px}

/* ---------- proof ---------- */
.sv-work.work__grid{margin-top:0}
.sv-work--one.work__grid{grid-template-columns:minmax(0,1fr)}
.sv-proof{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--sp-6);align-items:start}
.sv-proof__side{display:grid;gap:var(--sp-5)}
.sv-proof__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-6);align-items:start;margin-top:var(--sp-6)}
.sv-quote .stars .star{width:21px;height:21px}
.sv-quote blockquote{margin-top:var(--sp-2);font:700 var(--fs-lead)/1.4 var(--font);letter-spacing:-.01em;color:var(--ink);max-width:34ch;text-wrap:pretty}
.sv-quote figcaption{margin-top:var(--sp-2);font-size:var(--fs-body);color:var(--ink-2)}
.sv-inds .klist__line{font-size:var(--fs-sm)}

/* ---------- learn (sky) ---------- */
.sv-learn .h2 em{color:var(--learn-ink)}
.sv-learn .ksec__side .go,.sv-learn .go{color:var(--learn-ink)}
.sv-learn .sv-mini::before{background:var(--learn)}
.sv-guides{margin-top:var(--sp-5)}
.sv-guides .klist__lab{font-weight:650}

/* ---------- options that open the intake ---------- */
.sv-choose{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}
.sv-opt{display:flex;align-items:center;gap:var(--sp-2);height:100%;min-height:89px;padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-2);border-radius:var(--r-l);
  background:#fff;box-shadow:var(--sh-1);color:var(--ink);text-decoration:none;font:700 var(--fs-body)/1.3 var(--font);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.sv-opt .disc{background:var(--c-tint);color:var(--c-icon)}
.sv-opt__t{flex:1;min-width:0}
.sv-opt::after{content:"→";flex:none;font-weight:600;color:var(--green);transition:transform .18s var(--ease)}
.sv-opt:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}
.sv-opt:hover .disc{background:var(--c);color:var(--c-on)}
.sv-opt:hover::after{transform:translateX(3px)}

/* ---------- step track ---------- */
.sv-track{position:relative;max-width:1000px;margin:0 auto}
.sv-track__row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4)}
.sv-track__step{display:grid;justify-items:center;align-content:start;gap:var(--sp-1);text-align:center}
.sv-track__n{display:grid;place-items:center;width:var(--disc-m);height:var(--disc-m);border-radius:50%;background:var(--c);color:var(--c-on);box-shadow:0 0 0 10px var(--sv-g,var(--paper))}
.sv-track__t{margin-top:var(--sp-2);font:800 var(--fs-lead)/1.2 var(--font);letter-spacing:-.01em}
.sv-track__p{max-width:24ch;font-size:var(--fs-body);line-height:1.5;color:var(--ink-2)}
.sv-track__line{position:absolute;left:12.5%;right:12.5%;top:calc(var(--disc-m) / 2 - 3px);height:6px;
  background:repeating-linear-gradient(90deg,var(--c-tint) 0 8px,transparent 8px 13px)}
.sv-track__line i{position:absolute;inset:0;background:repeating-linear-gradient(90deg,var(--c) 0 8px,transparent 8px 13px)}

/* ---------- hub: hero art (four objects around one sun disc, each pixel-to-crisp, floating out of step) ---------- */
.sv-cluster{width:min(100%,400px)}
.sv-cluster .ksub__glow{inset:16%;background:#fff6dc;box-shadow:0 30px 60px -30px rgba(138,90,0,.35)}
.sv-cluster__o{position:absolute;z-index:1;width:40%;aspect-ratio:1}
.sv-cluster__o img{width:100%;height:100%}
.sv-cluster__o--a{left:2%;top:4%}
.sv-cluster__o--b{right:0;top:14%}
.sv-cluster__o--c{left:12%;bottom:2%}
.sv-cluster__o--d{right:6%;bottom:8%}
.sv-cluster__o--b img{animation-delay:-2.4s!important}
.sv-cluster__o--c img{animation-delay:-4.6s!important}
.sv-cluster__o--d img{animation-delay:-6.8s!important}
html.mo:not(.mo-lite) .sv-cluster .sv-cluster__o.mo-done img,html.mo.mo-lite .sv-cluster .sv-cluster__o img{animation-play-state:running}
.sv-cluster__px i{position:absolute;z-index:2;width:8px;height:8px;background:var(--sun)}
.sv-cluster__px i:nth-child(1){left:48%;top:6%}
.sv-cluster__px i:nth-child(2){left:6%;top:52%;width:6px;height:6px;background:var(--green-2)}
.sv-cluster__px i:nth-child(3){right:4%;top:60%;width:6px;height:6px}
.sv-hero-urgent{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:52px;padding:4px 18px 4px 4px;border-radius:var(--r-pill);
  background:var(--urgent-tint);color:var(--urgent-ink);font:750 var(--fs-body)/1.2 var(--font);text-decoration:none;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.sv-hero-urgent:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}

/* ---------- hub: the problem tiles in one amber zone ---------- */
.sv-zone{padding:var(--sp-4);border-radius:var(--r-xl);background:var(--c-soft);box-shadow:inset 0 0 0 1px rgba(217,154,30,.2)}
.sv-zone__h{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);font:800 var(--fs-lead)/1.2 var(--font);color:var(--c-ink)}
.sv-probs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3)}
.sv-probs>li{min-width:0}
.sv-prob{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:var(--sp-3);border-radius:var(--r-l);background:#fff;box-shadow:var(--sh-1);
  color:var(--ink);text-decoration:none;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.sv-prob__obj{display:block;width:var(--obj);height:var(--obj);margin-bottom:var(--sp-1)}
.sv-prob__obj img{width:100%;height:100%;object-fit:contain;filter:var(--obj-sh)}
.sv-prob__lab{display:flex;align-items:center;gap:6px;font:750 var(--fs-sm)/1.3 var(--font);color:var(--c-ink)}
.sv-key{flex:none;width:8px;height:8px;background:var(--learn)}
.sv-prob__t{font:800 var(--fs-lead)/1.2 var(--font);letter-spacing:-.01em;text-wrap:balance}
.sv-prob__p{font-size:var(--fs-body);line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.sv-prob__go{margin-top:auto;padding-top:var(--sp-2);font:700 var(--fs-body)/1.3 var(--font);color:var(--green)}
.sv-prob__go span[aria-hidden]{display:inline-block;transition:transform .18s var(--ease)}
.sv-prob:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.sv-prob:hover .sv-prob__go span[aria-hidden]{transform:translateX(3px)}
.sv-below{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-3);margin-top:var(--sp-4)}
.sv-below>*{min-width:0}
.sv-hubwork .work__grid{margin-top:0}

/* ---------- urgent page ---------- */
.sv-call{background:var(--clay);color:#fff;box-shadow:var(--stamp)}
.sv-call .ico{color:#fff}
.sv-call:hover{background:#86361a}
.sv-urgent-hero .ksub__glow{background:#fff3ee}
.sv-counts .klist__lab{font-weight:650}
.sv-wait{display:grid;box-shadow:0 -1px 0 var(--rule)}
.sv-wait__i{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--sp-3);min-height:89px;padding:var(--sp-2) 0;box-shadow:0 1px 0 var(--rule)}
.sv-wait__n{display:grid;place-items:center;width:var(--disc-m);height:var(--disc-m);border-radius:50%;background:var(--urgent-tint);color:var(--urgent-ink);
  font:800 var(--fs-lead)/1 var(--font);font-variant-numeric:tabular-nums}
.sv-wait__i p{font:600 var(--fs-lead)/1.4 var(--font);letter-spacing:-.01em;color:var(--ink);text-wrap:pretty}
.sv-wait__i.is-warn .sv-wait__n{background:var(--clay);color:#fff}
.sv-wait__i.is-warn p{font-weight:750;color:var(--urgent-ink)}
.sv-details{padding:var(--sp-4);border-radius:var(--r-xl);background:var(--urgent-soft)}
.sv-details__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3)}
.sv-details__list li{display:flex;align-items:center;gap:var(--sp-2);font:750 var(--fs-body)/1.3 var(--font);color:var(--ink)}
.sv-details__list .disc{background:#fff;color:var(--urgent-icon)}
.sv-details__lock{display:flex;align-items:center;gap:var(--sp-1);margin-top:var(--sp-4);font:650 var(--fs-body)/1.4 var(--font);color:var(--urgent-ink)}
.sv-details__acts{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4)}
.sv-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-6)}
.sv-pair__i{display:grid;justify-items:start;align-content:start;gap:var(--sp-2)}
.sv-pair__i h3{margin-top:var(--sp-1);font:800 var(--fs-h3)/1.15 var(--font);letter-spacing:-.02em}
.sv-pair__i p{max-width:44ch;font-size:var(--fs-body);line-height:var(--lh);color:var(--ink-2)}
.sv-go-urgent{color:var(--urgent-ink)}
.sv-go-urgent:hover{color:var(--clay)}

/* ---------- Example screens (illustration scale: raw px allowed, like the home mocks) ---------- */
.ksplit__vis .mock{margin:0 auto}
.sv-msearch .mock__query span:first-of-type{flex:1;min-width:0}
.sv-msearch__t{flex:none;padding:3px 8px;border-radius:999px;background:var(--cream);font:700 12px/1.2 var(--mono);color:var(--ink-2)}
.sv-msearch__res{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px}
.sv-msearch__map{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:4px;overflow:hidden;
  background:linear-gradient(90deg,transparent 47%,rgba(22,26,20,.1) 47% 53%,transparent 53%),linear-gradient(transparent 60%,rgba(22,26,20,.1) 60% 66%,transparent 66%),var(--start-soft)}
.mock .sv-msearch__map .ico{--n:21;color:var(--green)}
.sv-week{padding:18px;display:grid;gap:12px;transform:rotate(-.8deg)}
.sv-week__days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.sv-week__days li{display:grid;justify-items:center;gap:6px;padding:8px 0 10px;border:1px solid var(--rule);border-radius:6px;background:#fff}
.sv-week__days li:nth-child(5){box-shadow:inset 0 0 0 2px var(--green)}
.sv-week__d{font:700 12px/1 var(--font);color:var(--ink-3)}
.sv-week__p{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:var(--run-tint)}
.mock .sv-week__p .ico{color:var(--run-icon)}
.sv-week__ok{background:var(--start-tint)}
.mock .sv-week__ok .ico{color:var(--start-ink)}
.inbox__rows li[data-story="bad"]{--flash:var(--urgent-tint)}
.inbox__st.sv-st--bad{background:var(--urgent-tint);color:var(--urgent-ink)}
.mock .inbox__st.sv-st--bad .ico{color:var(--urgent-ink)}
.sv-mtime__end{margin-top:10px;background:var(--start-tint)}
.mock .sv-mtime__end .ico{color:var(--start-ink)}
.sv-mchat__t{justify-self:center;padding:2px 10px;border-radius:999px;background:var(--cream);font:700 12px/1.4 var(--mono);color:var(--ink-3)}
.sv-mchat__p{background:var(--start-tint)}
.mock .sv-mchat__p .ico{color:var(--start-ink)}
.sv-mclips .hub__core .ico{--n:21}
.sv-mclips .hub__tools li .ico{color:var(--ink-2)}
.sv-mhealth .inbox__head>.ico{margin-left:0;color:var(--green)}
.sv-mhealth__lab{margin-left:auto;padding:3px 9px;border-radius:999px;background:var(--start-tint);font:700 12px/1.2 var(--font);color:var(--start-ink)}
.sv-mrep{padding:18px;display:grid;gap:14px;transform:rotate(.8deg)}
.sv-mrep__rows{display:grid;gap:12px}
.sv-mrep__rows li{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:10px}
.sv-mrep__l{display:flex;align-items:center;gap:8px;font-weight:700}
.sv-mrep__bar{position:relative;height:14px;background:repeating-linear-gradient(90deg,var(--run-tint) 0 10px,transparent 10px 12px)}
.sv-mrep__bar i{position:absolute;left:0;top:0;bottom:0;width:var(--w);background:repeating-linear-gradient(90deg,var(--green) 0 10px,transparent 10px 12px)}
.sv-maudit{padding:18px;display:grid;gap:12px;transform:rotate(-1deg)}
.sv-maudit__in{display:flex;flex-wrap:wrap;gap:6px}
.sv-maudit__in li{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--rule);border-radius:999px;background:#fff;font:650 13px/1.2 var(--font)}
.sv-maudit__h{font-weight:800}
.sv-maudit__fx{display:grid;gap:8px}
.sv-maudit__fx li{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--rule);border-radius:6px;background:#fff}
.sv-maudit__fx b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--start-tint);color:var(--start-ink);font-size:13px}
.sv-maudit__fx i{width:var(--w);height:8px;border-radius:4px;background:var(--rule)}
.sv-chain{padding:18px;display:grid;gap:16px;transform:rotate(.6deg)}
.sv-chain__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sv-chain__row li{position:relative;display:grid;justify-items:center;align-content:start;gap:8px;text-align:center;font:700 13px/1.25 var(--font)}
.sv-chain__i{display:grid;place-items:center;width:44px;height:44px;border:1.5px solid var(--ink);border-radius:50%;background:#fff}
.sv-chain__row li:first-child .sv-chain__i{background:var(--start-tint)}
.sv-chain__row li+li::before{content:"";position:absolute;top:21px;right:calc(50% + 24px);width:calc(100% + 10px - 48px);border-top:1.5px dashed var(--green)}
.sv-seven{display:grid;justify-items:center;gap:var(--sp-3);width:100%}
.sv-seven__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;width:min(100%,440px)}
.sv-seven__grid li{display:grid;justify-items:center;align-content:center;gap:8px;aspect-ratio:3/4;border-radius:10px;background:#fff;box-shadow:var(--sh-1);color:var(--green)}
.sv-seven__d{font:800 var(--fs-sm)/1 var(--font);color:var(--ink-2)}
.sv-seven__f{display:flex;align-items:center;gap:var(--sp-1);font:700 var(--fs-body)/1.3 var(--font);color:var(--start-ink)}
.sv-mad{padding:18px;display:grid;gap:12px;transform:rotate(-1deg)}
.sv-mad__card{display:grid;gap:12px;padding:16px;border:1px solid var(--rule);border-radius:4px;background:#fff}
.sv-mad .mock__h{font-size:22px}
.sv-mad__t{background:var(--start-tint)}
.mock .sv-mad__t .ico{color:var(--start-ink)}

/* ---------- tablet ---------- */
@media (max-width:1100px){
  .sv-probs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sv-choose{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .sv-proof,.sv-proof__row{grid-template-columns:minmax(0,1fr);gap:var(--sp-5)}
  .sv-offer{grid-template-columns:minmax(0,1fr);padding:var(--sp-4)}
  .sv-pair{gap:var(--sp-5)}
}

/* ---------- phones (<= 760px): open rows, big type, centred blocks, targets >= 56px ---------- */
@media (max-width:760px){
  .sv-sign{min-height:4.5rem;gap:var(--sp-2)}
  .sv-checks__track{display:none}
  .sv-checks__row{grid-template-columns:minmax(0,1fr);gap:0;box-shadow:0 -1px 0 var(--rule)}
  .sv-check{grid-template-columns:auto minmax(0,1fr);justify-items:start;align-items:center;gap:var(--sp-2);min-height:4.5rem;padding:var(--sp-1) 0;text-align:left;box-shadow:0 1px 0 var(--rule)}
  .sv-check .disc{box-shadow:none}
  .sv-check__lab{font-size:var(--fs-lead)}
  .sec.sv-state{padding:var(--sp-6) 0}
  .sv-offer{padding:var(--sp-4) var(--sp-3);border-radius:var(--r-l);gap:var(--sp-4)}
  .sv-offer__act .btn{width:100%}
  .sv-door{grid-template-columns:auto minmax(0,1fr);gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-2);border-radius:var(--r-l)}
  .sv-door__obj,.sv-door__obj .kobj{width:var(--disc-m);height:var(--disc-m)}
  .sv-door__go{grid-column:1/-1;padding-left:var(--sp-1)}
  .ksplit__text .sv-door__go{grid-column:1/-1}
  .sv-door__h{font-size:var(--fs-body)}
  .sv-door__p{font-size:var(--fs-sm)}
  .sec.sv-doorsec{padding:var(--sp-4) 0}
  .sv-work.work__grid,.sv-hubwork .work__grid{margin-left:auto;margin-right:auto}
  .sv-quote blockquote{font-size:var(--fs-lead)}
  /* options: open rows */
  .sv-choose{grid-template-columns:minmax(0,1fr);gap:0;box-shadow:0 -1px 0 var(--rule)}
  .sv-opt{min-height:4.5rem;padding:var(--sp-1) 2px;border-radius:0;background:none;box-shadow:0 1px 0 var(--rule)}
  .sv-opt:hover{transform:none;box-shadow:0 1px 0 var(--rule)}
  /* track: vertical */
  .sv-track__line{left:calc(var(--disc-m) / 2 - 3px);right:auto;top:var(--sp-3);bottom:var(--sp-3);width:6px;height:auto;
    background:repeating-linear-gradient(180deg,var(--c-tint) 0 8px,transparent 8px 13px)}
  .sv-track__line i{background:repeating-linear-gradient(180deg,var(--c) 0 8px,transparent 8px 13px)}
  .sv-track__row{grid-template-columns:minmax(0,1fr);gap:var(--sp-4)}
  .sv-track__step{grid-template-columns:auto minmax(0,1fr);column-gap:var(--sp-3);row-gap:2px;justify-items:start;text-align:left}
  .sv-track__n{grid-row:1/3}
  .sv-track__t{margin-top:0;align-self:end}
  .sv-track__p{max-width:none}
  /* hub */
  .sv-cluster{width:min(76vw,280px)}
  .ksub__acts .sv-hero-urgent{justify-content:flex-start;min-height:3.5rem}
  .sv-zone{padding:var(--sp-3) var(--sp-2) var(--sp-1);border-radius:var(--r-l)}
  .sv-zone__h{padding-left:var(--sp-1)}
  .sv-probs{grid-template-columns:minmax(0,1fr);gap:0}
  .sv-prob{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:var(--sp-2);row-gap:2px;align-items:center;min-height:5rem;
    padding:var(--sp-2) var(--sp-1);border-radius:0;background:none;box-shadow:0 1px 0 rgba(138,90,0,.16)}
  .sv-probs>li:last-child .sv-prob{box-shadow:none}
  .sv-prob:hover{transform:none;box-shadow:0 1px 0 rgba(138,90,0,.16)}
  .sv-prob__obj{grid-row:1/3;width:var(--disc-m);height:var(--disc-m);margin:0}
  .sv-prob__lab{grid-column:2}
  .sv-prob__t{grid-column:2;font-size:var(--fs-body)}
  .sv-prob__p{display:none}
  .sv-prob__go{grid-column:3;grid-row:1/3;margin:0;padding:0;font-size:0}
  .sv-prob__go span[aria-hidden]{font-size:var(--fs-lead)}
  /* urgent */
  .sv-wait__i{min-height:4.5rem;gap:var(--sp-2)}
  .sv-wait__i p{font-size:var(--fs-body);font-weight:650}
  .sv-details{padding:var(--sp-3);border-radius:var(--r-l)}
  .sv-details__list{grid-template-columns:minmax(0,1fr);gap:var(--sp-2)}
  .sv-details__acts{flex-direction:column}
  .sv-details__acts .btn{width:100%}
  .sv-pair{grid-template-columns:minmax(0,1fr)}
  .sv-pair__i h3{font-size:var(--fs-lead)}
  .ksub__acts .sv-call{width:100%}
  /* learn: video cards as calm rows (thumbnail beside the title), not three stacked boxes */
  .sv-learn .vids{gap:var(--sp-3)}
  .sv-learn .vid a{grid-template-columns:42% minmax(0,1fr);align-items:center;column-gap:var(--sp-2);row-gap:4px}
  .sv-learn .vid__thumb{grid-row:1/3;border-radius:var(--r-s)}
  .sv-learn .vid__t{align-self:end}
  .sv-learn .vid__meta{align-self:start}
  /* Example screens fit the phone */
  .sv-week__days{gap:4px}
  .sv-week__p{width:24px;height:24px}
  .sv-chain__row li{font-size:12px}
  .sv-mrep__rows li{grid-template-columns:96px minmax(0,1fr)}
  .sv-seven__grid{grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,300px)}
}
/* large reader fonts (200% text) and 320px screens: long words wrap, the head-row link may drop under the heading */
@media (max-width:760px){
  :is(.sv-check__lab,.sv-sign>span,.sv-prob__t,.sv-prob__lab,.sv-door__h,.sv-door__p,.sv-track__t,.sv-wait__i p,.sv-pair__i h3,.sv-quote blockquote,
    .sv-mini,.sv-opt__t,.sv-details__list span,.sv-zone__h,.sv-ticks span,.klist__lab,.klist__line,.krow__t,.krow__p,.vid__t,.proj h3,.sv-seven__f){overflow-wrap:anywhere;min-width:0}
  .ksec__side{flex:1 1 100%;min-width:0}
  .kfact{max-width:100%}
  .kfact span{min-width:0;overflow-wrap:anywhere}
  .kurgent__l b,.kurgent__line{overflow-wrap:anywhere}
  .ksec__side .go{flex-wrap:wrap}
}
@media (max-width:380px){
  .sv-chain__row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}
  .sv-chain__row li:nth-child(3)::before{display:none}
}
@media (prefers-reduced-motion:reduce){
  .sv-prob:hover,.sv-opt:hover,.sv-hero-urgent:hover,.sv-prob:hover .sv-prob__go span[aria-hidden],.sv-opt:hover::after{transform:none}
}