/* =====================================================================
   startech-home.css  -  v20.2 homepage layer (front page ONLY)
   Loaded after startech.css / -3d / -max, so equal-specificity rules win.
   Every selector is namespaced .sth-* and appears NOWHERE else in the codebase
   (grep-verified across all five sheets and both JS bundles). No bare element
   rules, no !important, no colour literals - v18.2 ramp tokens only.
   ===================================================================== */

/* ---------- shared bits ---------- */
.stp .sth-rule{height:1px;background:var(--line);border:0;margin:52px auto;max-width:960px}

/* ---- 1. book-first. Below the hero, never sticky - the LCP <img> and its box
   are untouched. The host reserves height for the widget; measured CLS 0. ---- */
.stp .sth-first{padding-top:34px;padding-bottom:34px}
.stp .sth-first h2{font-size:1.5rem;max-width:640px;margin:10px auto 0}
.stp .sth-bookhost{max-width:720px;margin:0 auto;min-height:452px;display:flex;flex-direction:column}
.stp .sth-bookhost>div{flex:1 1 auto;display:flex;flex-direction:column}
.stp .sth-bookfb{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--surface);padding:26px 24px}
.stp .sth-bookfb p{margin:0 0 18px;color:var(--ink-soft);font-size:.96rem;line-height:1.62}
.stp .sth-bookfb p b{color:var(--ink)}
.stp .sth-bookfb-ctas{display:flex;gap:10px;flex-wrap:wrap}

/* ---------- 3b. price board open-all; row height reserved either way ------- */
.stp .sth-board-tools{max-width:920px;margin:0 auto 12px;min-height:48px;display:flex;justify-content:flex-end;align-items:center}
.stp .sth-board-all{min-height:48px;padding:12px 20px;border:1px solid var(--line-2);border-radius:var(--pill);background:transparent;color:var(--ink-soft);font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color .2s var(--ease),border-color .2s var(--ease)}
.stp .sth-board-all[hidden]{display:none}
.stp .sth-row[open]>summary{background:var(--blue-tint)}

/* ---------- 7. drive-time checker (replaces the static suburb cloud) ------- */
.stp .sth-dt{max-width:900px;margin:40px auto 0;padding:26px 24px 22px;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--surface)}
.stp .sth-dt-h{font-size:1.32rem;margin:0 0 8px;text-align:center}
.stp .sth-dt-lead{margin:0 auto 20px;max-width:620px;text-align:center;color:var(--ink-soft);font-size:.94rem;line-height:1.62}
.stp .sth-dt-lead b,.stp .sth-dt-out b{color:var(--ink)}
.stp .sth-dt-form{max-width:520px;margin:0 auto 16px}
.stp .sth-dt-lab{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sil-300);margin:0 0 7px}
.stp .sth-dt-row{display:flex;gap:8px}
.stp .sth-dt-in{flex:1 1 auto;min-width:0;min-height:48px;padding:12px 14px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--k-2);color:var(--ink);font:inherit;font-size:1rem}
.stp .sth-dt-in::placeholder{color:var(--sil-500);opacity:1}
.stp .sth-dt .sth-dt-go{flex:0 0 auto;min-height:48px;padding:12px 22px}
.stp .sth-dt-out{margin:0 auto 18px;max-width:620px;min-height:142px;display:flex;flex-direction:column;justify-content:center;padding:12px 16px;text-align:center;border-left:2px solid var(--accent);background:var(--blue-tint-d);border-radius:0 var(--r) var(--r) 0;color:var(--sil-200);font-size:.95rem;line-height:1.55}
.stp .sth-dt-link{color:var(--accent-2);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.stp .sth-dt-chips{gap:8px}
.stp .sth-dt-chip{min-height:48px;display:inline-flex;align-items:center;padding:12px 16px;cursor:pointer}
.stp .sth-dt-chip.on{color:var(--ink);border-color:var(--accent);background:var(--blue-tint)}
.stp .sth-dt-fine,.stp .sth-sym-fine{font-size:.78rem;line-height:1.56;color:var(--ink-mute)}
.stp .sth-dt-fine{max-width:620px;margin:16px auto 0;text-align:center}

/* ---------- 8. symptom tiles: true price on the face, plain link with JS off - */
.stp .sth-sym{max-width:900px;margin:26px auto 0;padding:24px 22px 20px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--k-2)}
.stp .sth-sym-h{font-size:1.2rem;margin:0 0 6px;text-align:center}
.stp .sth-sym-lead{margin:0 auto 18px;max-width:560px;text-align:center;color:var(--ink-mute);font-size:.86rem;line-height:1.55}
.stp .sth-sym-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.stp .sth-sym-tile{min-height:78px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:14px 16px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);text-decoration:none;transition:border-color .2s var(--ease),background .2s var(--ease)}
.stp .sth-sym-tile b{font-family:var(--fh);font-weight:700;font-size:1rem;letter-spacing:-.01em;color:var(--ink)}
.stp .sth-sym-tile i{font-style:normal;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;color:var(--accent-2)}
.stp .sth-sym-fine{margin:16px 0 0}
.stp .sth-sym-fine b{color:var(--ink-soft)}
.stp .sth-board-all:hover,.stp .sth-dt-chip:hover,.stp .sth-sym-tile:hover{color:var(--ink);border-color:var(--accent);background:var(--blue-tint)}
.stp .sth-board-all:focus-visible,.stp .sth-dt-in:focus-visible,.stp .sth-dt-chip:focus-visible,.stp .sth-sym-tile:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}

/* ---------- 2. trust band (stats + creds, one band) ---------- */
.stp .sth-trust{padding:40px 0 34px}
.stp .sth-band{display:grid;gap:22px}
.stp .sth-band .stats{border-radius:var(--r)}
.stp .sth-band .stat{padding:26px 16px}
.stp .sth-band .creds{margin:0}

/* ---------- 3. price board ---------- */
.stp .sth-board{max-width:920px;margin:0 auto;border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden;background:var(--surface)}
.stp .sth-board-head{display:flex;justify-content:space-between;gap:16px;padding:13px 22px;background:var(--k-4);border-bottom:1px solid var(--line-2);font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sil-300)}
.stp .sth-row{border-bottom:1px solid var(--line)}
.stp .sth-row:last-child{border-bottom:0}
.stp .sth-row > summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:12px 22px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.stp .sth-row > summary::-webkit-details-marker{display:none}
.stp .sth-row > summary:hover{background:var(--blue-tint)}
.stp .sth-row > summary:focus-visible{outline:2px solid var(--accent-2);outline-offset:-3px}
.stp .sth-row-name{font-family:var(--fh);font-weight:700;font-size:1.08rem;letter-spacing:-.01em;color:var(--ink);display:flex;align-items:center;gap:10px;min-width:0}
.stp .sth-row-name::before{content:"";flex:0 0 auto;width:9px;height:9px;border-right:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(-45deg);transition:transform .22s var(--ease)}
.stp .sth-row[open] > summary .sth-row-name::before{transform:rotate(45deg)}
.stp .sth-row-price{font-family:var(--fh);font-weight:700;font-size:1.18rem;color:var(--accent);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.stp .sth-row-price.is-quoted{color:var(--sil-300);font-size:1rem;letter-spacing:.04em}
.stp .sth-row-bd{padding:2px 22px 22px}
.stp .sth-dl{margin:0;display:grid;gap:12px}
.stp .sth-dl dt{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sil-300);margin:0 0 3px}
.stp .sth-dl dd{margin:0;color:var(--ink-soft);font-size:.94rem;line-height:1.62}
.stp .sth-dl dd b{color:var(--ink)}
.stp .sth-board-foot{max-width:920px;margin:20px auto 0;font-size:.85rem;line-height:1.6;color:var(--ink-mute);text-align:center}
.stp .sth-board-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}
/* .sth-avail deleted in v20.2 with its module - hero line is the one surface. */

/* ---------- 4. what your $374 buys (tap-through, never auto) ---------- */
.stp .sth-dial{max-width:900px;margin:0 auto;padding:26px 24px 24px}
.stp .sth-dial-track[hidden]{display:none}
.stp .sth-dial-line{position:relative;height:2px;background:var(--line-2);border-radius:2px;margin:0 6px 0}
.stp .sth-dial-line i{position:absolute;inset:0 auto 0 0;width:0;background:var(--accent);border-radius:2px;transition:width .35s var(--ease)}
.stp .sth-dial-tabs{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:10px 0 4px;margin-bottom:18px}
.stp .sth-dial-tab{flex:1 1 0;min-width:96px;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 6px;border:1px solid var(--line-2);border-radius:var(--r);background:transparent;color:var(--ink-mute);font:inherit;cursor:pointer;transition:border-color .2s var(--ease),color .2s var(--ease),background .2s var(--ease)}
.stp .sth-dial-tab b{font-family:var(--mono);font-size:.76rem;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.stp .sth-dial-tab span{font-size:.72rem;letter-spacing:.02em}
.stp .sth-dial-tab:hover{color:var(--ink);border-color:var(--sil-600)}
.stp .sth-dial-tab.on{background:var(--blue-tint);border-color:var(--accent);color:var(--ink)}
.stp .sth-dial-tab.on b{color:var(--accent-2)}
.stp .sth-dial-list{list-style:none;margin:0;padding:0;min-height:150px}
.stp .sth-dial-panel + .sth-dial-panel{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.stp .sth-dial-panel .sth-dial-when{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2);margin:0 0 6px;font-variant-numeric:tabular-nums}
.stp .sth-dial-panel h3{font-size:1.28rem;margin:0 0 8px}
.stp .sth-dial-panel p{color:var(--ink-soft);margin:0;font-size:.97rem;line-height:1.66}
.stp .sth-dial.is-js .sth-dial-panel{display:none;margin:0;padding:0;border-top:0}
.stp .sth-dial.is-js .sth-dial-panel.on{display:block}
.stp .sth-dial-price{margin-top:22px;padding:18px 20px;border:1px solid var(--accent-deep);border-radius:var(--r);background:var(--blue-tint-d)}
.stp .sth-dial-price p{margin:0 0 14px;font-size:.95rem;line-height:1.65;color:var(--sil-200)}
.stp .sth-dial-price p b{color:var(--ink)}
.stp .sth-dial-ctas{display:flex;gap:10px;flex-wrap:wrap}

/* ---------- 5. PrestigeTow showcase ---------- */
.stp .sth-tow-h{font-size:1.5rem;text-align:center;margin:0 0 6px}
.stp .sth-tow-sub{text-align:center;color:var(--ink-mute);font-size:.88rem;max-width:620px;margin:0 auto 22px}
/* route graphic */
.stp .sth-route{max-width:760px;margin:0 auto 30px}
.stp .sth-route-svg{width:100%;height:auto;display:block;overflow:visible}
.stp .sth-route-bg{fill:none;stroke:var(--k-5);stroke-width:3;stroke-linecap:round;stroke-dasharray:1 9}
.stp .sth-route-fg{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round}
.stp .sth-route-node circle{fill:var(--k-2);stroke:var(--accent);stroke-width:2}
.stp .sth-route-node path,.stp .sth-route-node rect{fill:none;stroke:var(--blue-200);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.stp .sth-route-node text{fill:var(--sil-300);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
/* The FINISHED route is the base state (dashoffset 0, nodes opaque); the hidden
   start lives in the keyframe, not on the element - so if the animation never runs
   (no-JS, reduced motion) the route renders complete instead of vanishing. */
.stp .sth-route.anim .sth-route-fg{animation:sthRouteDraw 1.5s var(--ease) both}
.stp .sth-route.anim .sth-route-node{animation:sthRouteNode .5s var(--ease) both}
.stp .sth-route.anim .sth-route-node.n1{animation-delay:.15s}
.stp .sth-route.anim .sth-route-node.n2{animation-delay:.85s}
.stp .sth-route.anim .sth-route-node.n3{animation-delay:1.4s}
@keyframes sthRouteDraw{from{stroke-dashoffset:var(--sth-len,900)}to{stroke-dashoffset:0}}
@keyframes sthRouteNode{from{opacity:0}to{opacity:1}}
.stp .sth-route-legend{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:12px 0 0;padding:0;font-size:.82rem;color:var(--ink-mute)}
.stp .sth-route-legend b{color:var(--ink);font-weight:600}
/* plan switcher */
.stp .sth-plan{max-width:760px;margin:0 auto;padding:24px 22px 22px}
.stp .sth-plan-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
.stp .sth-plan-btn{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 10px;border:1px solid var(--line-2);border-radius:var(--r);background:transparent;color:var(--ink-mute);font:inherit;cursor:pointer;transition:border-color .2s var(--ease),color .2s var(--ease),background .2s var(--ease)}
.stp .sth-plan-btn b{font-family:var(--fh);font-size:1.16rem;letter-spacing:-.01em}
.stp .sth-plan-btn span{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.stp .sth-plan-btn:hover{color:var(--ink);border-color:var(--sil-600)}
.stp .sth-plan-btn.on{background:var(--blue-tint);border-color:var(--accent);color:var(--ink)}
.stp .sth-plan-btn.on b{color:var(--accent-2)}
.stp .sth-plan-out{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.stp .sth-plan-fig{border:1px solid var(--line-2);border-radius:var(--r);padding:15px 14px;display:flex;flex-direction:column;gap:5px}
.stp .sth-plan-fig small{font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sil-300)}
.stp .sth-plan-fig b{font-family:var(--fh);font-size:1.7rem;line-height:1.05;color:var(--accent-2);font-variant-numeric:tabular-nums}
.stp .sth-plan-fig span{font-size:.76rem;line-height:1.5;color:var(--ink-soft)}
.stp .sth-plan .sth-plan-value{font-size:.95rem;line-height:1.66;color:var(--sil-200);margin:0 0 6px;padding:14px 16px;border-left:2px solid var(--accent);background:var(--blue-tint-d);border-radius:0 var(--r) var(--r) 0}
.stp .sth-plan .sth-plan-value b{color:var(--ink)}
.stp .sth-plan .sth-plan-alt{font-size:.86rem;color:var(--ink-mute);margin:10px 0 0}
.stp .sth-plan .sth-plan-fine{font-size:.76rem;color:var(--ink-mute);margin:14px 0 18px;line-height:1.55}
.stp .sth-plan-cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
/* reassurance chips */
.stp .sth-chips{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:26px auto 0;padding:0;max-width:900px}
.stp .sth-chips li{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid var(--line-2);border-radius:var(--pill);font-size:.8rem;color:var(--ink-soft);background:var(--k-3)}
.stp .sth-chips li::before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.stp .sth-tow-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.stp .sth-tow-steps{margin-bottom:30px}

/* ---------- 6. family fleet driveway builder ---------- */
.stp .sth-dw{max-width:840px;margin:0 auto 30px;padding:24px 22px 22px}
.stp .sth-dw[hidden]{display:none}
.stp .sth-dw-yard{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:16px}
.stp .sth-dw-car{border:1px solid var(--line-2);border-radius:var(--r);padding:13px 13px 11px;background:var(--k-2)}
.stp .sth-dw-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.stp .sth-dw-lab{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sil-300)}
.stp .sth-dw-rm{width:44px;height:44px;margin:-8px -8px -8px 0;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--ink-mute);font-size:1.15rem;line-height:1;cursor:pointer;border-radius:var(--r)}
.stp .sth-dw-rm:hover{color:var(--st-err);background:var(--st-err-bg)}
.stp .sth-dw-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.stp .sth-dw-segbtn{min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:7px 4px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:transparent;color:var(--ink-mute);font:inherit;font-size:.78rem;cursor:pointer;transition:border-color .18s var(--ease),color .18s var(--ease),background .18s var(--ease)}
.stp .sth-dw-segbtn i{font-style:normal;font-family:var(--mono);font-size:.72rem;font-variant-numeric:tabular-nums}
.stp .sth-dw-segbtn[aria-pressed="true"]{background:var(--blue-tint);border-color:var(--accent);color:var(--ink)}
.stp .sth-dw-segbtn[aria-pressed="true"] i{color:var(--accent-2)}
.stp .sth-dw-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.stp .sth-dw-add,.stp .sth-dw-reset{min-height:48px;padding:12px 20px;border-radius:var(--pill);border:1px dashed var(--sil-600);background:transparent;color:var(--ink-soft);font:inherit;font-size:.86rem;cursor:pointer;transition:border-color .2s var(--ease),color .2s var(--ease)}
.stp .sth-dw-add:hover,.stp .sth-dw-reset:hover{color:var(--ink);border-color:var(--accent)}
.stp .sth-dw-reset{border-style:solid;border-color:var(--line-2)}
.stp .sth-dw-out{border:1px solid var(--line-2);border-radius:var(--r);padding:18px 18px 16px}
.stp .sth-dw-total{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}
.stp .sth-dw-total b{font-family:var(--fh);font-size:2.1rem;line-height:1;color:var(--accent-2);font-variant-numeric:tabular-nums}
.stp .sth-dw-total small{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sil-300);display:block;margin-bottom:4px}
.stp .sth-dw-total span{display:block;font-size:.9rem;color:var(--ink-soft)}
.stp .sth-dw .sth-dw-note{margin:12px 0 0;font-size:.82rem;line-height:1.55;color:var(--ink-mute)}
.stp .sth-dw-stop{border-color:var(--accent-deep);background:var(--blue-tint-d)}
.stp .sth-dw-stop p{margin:0 0 14px;font-size:1rem;line-height:1.6;color:var(--sil-200)}
.stp .sth-dw-stop p b{color:var(--ink)}
.stp .sth-fleet-facts .prose h3{font-size:1.24rem}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .stp .sth-plan-out{grid-template-columns:1fr}
  .stp .sth-plan-fig{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
  .stp .sth-plan-fig small{flex:1 0 100%}
  .stp .sth-plan-fig span{flex:1 1 60%;text-align:right}
}
@media(max-width:900px){
  .stp .sth-sym-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .stp .sth-bookhost{min-height:492px}
  .stp .sth-dt,.stp .sth-sym{padding:20px 16px 18px}
  .stp .sth-dt-h{font-size:1.18rem}
  .stp .sth-board-tools{justify-content:center}
  .stp .sth-board{border-radius:var(--r)}
  .stp .sth-board-head{padding:11px 16px}
  .stp .sth-row > summary{padding:12px 16px;min-height:48px;gap:10px}
  .stp .sth-row-name{font-size:1rem}
  .stp .sth-row-price{font-size:1.06rem}
  .stp .sth-row-bd{padding:2px 16px 18px}
  .stp .sth-dial,.stp .sth-plan,.stp .sth-dw{padding:20px 16px 18px}
  .stp .sth-dial-tab{min-width:84px}
  .stp .sth-dw-yard{grid-template-columns:1fr}
  .stp .sth-board-cta .btn,.stp .sth-tow-ctas .btn,.stp .sth-dial-ctas .btn,.stp .sth-plan-cta .btn{flex:1 1 240px;justify-content:center}
}
@media(max-width:520px){
  /* one column: two 78px tiles side by side wrap their labels into three lines
     at 320px, which reads as damage rather than density */
  .stp .sth-sym-grid{grid-template-columns:1fr}
  .stp .sth-dt-out{min-height:168px}
  .stp .sth-dt-row{flex-wrap:wrap}
  .stp .sth-dt .sth-dt-go{flex:1 1 100%}
  .stp .sth-bookfb-ctas .btn{flex:1 1 100%}
}
@media(max-width:420px){
  .stp .sth-row-name{font-size:.95rem}
  .stp .sth-plan-pick{grid-template-columns:1fr}
  .stp .sth-dt-chip{padding:12px 13px}
}

/* ---------- reduced motion: class-swap only, route renders final state ---- */
@media(prefers-reduced-motion:reduce){
  .stp .sth-row-name::before,
  .stp .sth-dial-line i,
  .stp .sth-dial-tab,
  .stp .sth-plan-btn,
  .stp .sth-dw-segbtn,
  .stp .sth-dw-add,
  .stp .sth-dw-reset,
  .stp .sth-board-all,
  .stp .sth-dt-chip,
  .stp .sth-sym-tile{transition:none}
  .stp .sth-route.anim .sth-route-fg{animation:none;stroke-dashoffset:0}
  .stp .sth-route.anim .sth-route-node{animation:none;opacity:1}
  .stp .sth-dial-panel,.stp .sth-dial-panel.on{animation:none}
}

/* homepage-only fix: the tow tick label measured 1.84:1 (#8792A6 over the
   35%-white tick) at 9.6px - a real AA failure. .ptow-marks is on this page only. */
.stp #towing .ptow-marks b{color:var(--sil-200);background:var(--k-2);border:1px solid var(--line-2);
  padding:2px 6px;border-radius:var(--r-sm);font-size:.72rem;top:16px}

/* homepage-only: the shared 640px rule puts .ptow-opt on one row; at 375px the
   1.25rem value ("Inside it") wrapped and stranded its tick. #towing = this page. */
@media(max-width:430px){
  .stp #towing .ptow-opt b{font-size:1.05rem;white-space:nowrap}
  .stp #towing .ptow-opt span{flex:0 0 42%}
}