/* /about/ | first view, proof strip, never-do list, contact row. Logical properties; tokens only. */
.about-proof-row{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));text-align:center}
.about-proof-row b{display:block;font:var(--fw-semibold) 32px/1.1 var(--font-serif);color:var(--primary-ink)}
.about-proof-row span{color:var(--ink-2);font-size:var(--fs-14)}
.about-letter-card .about-letter{margin-block-start:var(--s-4);display:block}
.about-contact{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0}
.about-contact div{display:grid;gap:2px}
.about-contact dt{font-size:var(--fs-13);font-weight:var(--fw-semibold);color:var(--muted)}
.about-contact dd{margin:0;overflow-wrap:anywhere}


/* sales pass 2026-10-07: "what the plan includes" strip and the closing band (sp-*) | tokens only | logical properties only */
.sp-cards{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.sp-card{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow-1)}
.sp-card h3{margin:var(--s-2) 0 0;font-size:var(--fs-20)}
.sp-card p{margin:0;color:var(--ink-2)}
.sp-vis{display:flex;align-items:center;justify-content:center;gap:var(--s-3);min-block-size:76px;padding:var(--s-3);border-radius:var(--r-md);background:var(--primary-tint);border:1px solid var(--line-sky);color:var(--primary-ink)}
.sp-vis .icon{inline-size:26px;block-size:26px;flex:none}
.sp-step .btn{align-self:flex-start;white-space:normal;text-align:start}
.sp-step .sp-vis{min-block-size:64px}
@media (prefers-reduced-motion:no-preference){
  .sp-card{transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
  .sp-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}
}
@media (prefers-reduced-motion:reduce){.sp-card{transition:none}.sp-card:hover{transform:none}}
/* genz 2026-10-08: the promise reel (rl-*) | tokens only | logical properties only | transform and opacity only. The base rules are the final, still state. */
.rl-top{display:grid;gap:var(--s-6);align-items:center;justify-items:center;text-align:center}
.rl-photo{inline-size:min(100%,240px);block-size:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-xl);border:3px solid var(--gold);box-shadow:var(--shadow-2)}
.rl-head h1{margin:0 0 var(--s-2)}
.rl-head .lead{margin:0 0 var(--s-5)}
.rl-head .actions{justify-content:center}
@media (min-width:760px){.rl-top{grid-template-columns:minmax(0,240px) minmax(0,1fr);justify-items:start;text-align:start;gap:var(--s-10)}.rl-head .actions{justify-content:flex-start}}
.rl-stage{display:grid;gap:var(--s-6);margin-block-start:var(--s-8);padding:var(--s-6);background:var(--card-2);border:1px solid var(--border);border-radius:var(--r-xl)}
@media (min-width:860px){.rl-stage{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center}}
.rl-promises h2{margin:0 0 var(--s-4);font-size:var(--fs-24)}
.rl-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3)}
.rl-p{display:flex;gap:var(--s-3);align-items:center;color:var(--ink-2)}
.rl-stamp{--rl-rot:-3deg;flex:none;min-inline-size:78px;text-align:center;padding:4px 10px;border:2px solid var(--danger);border-radius:var(--r-xs);color:var(--danger-ink);font-size:var(--fs-13);font-weight:var(--fw-bold);letter-spacing:var(--track-caps);text-transform:uppercase;transform:rotate(var(--rl-rot))}
:root[dir="rtl"] .rl-stamp{--rl-rot:3deg;letter-spacing:0;text-transform:none}
.rl-verdict{display:grid;gap:var(--s-3);justify-items:start;perspective:800px}
.rl-vh{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);margin:0}
.rl-vh .icon{inline-size:20px;block-size:20px;color:var(--ok-ink)}
.rl-card{position:relative;display:grid;inline-size:100%;transform:rotateY(180deg);transform-style:preserve-3d}
.rl-face{grid-area:1/1;display:flex;align-items:center;gap:var(--s-3);margin:0;padding:var(--s-5);border-radius:var(--r-lg);font-weight:var(--fw-semibold);font-size:var(--fs-18);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.rl-face .icon{inline-size:28px;block-size:28px;flex:none}
.rl-front{background:var(--danger-bg);border:1px solid var(--danger-line);color:var(--danger-ink)}
.rl-back{background:var(--ok-bg);border:1px solid var(--ok-line);color:var(--ok-ink);transform:rotateY(180deg)}
.rl-card.is-front,.rl-pre .rl-card:not(.is-back){transform:none}
.rl-card[role="button"]{cursor:pointer}
.rl-card:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
.rl-act{margin:var(--s-4) 0 0}
.rl-act .btn{min-block-size:44px}
@keyframes rl-stamp{from{opacity:0;transform:scale(1.9) rotate(-9deg)}to{opacity:1;transform:rotate(var(--rl-rot))}}
@media (prefers-reduced-motion:no-preference){
  .rl-card{transition:transform .7s var(--ease)}
  .rl-pre .rl-stamp{opacity:0}
  .rl-pre .rl-t{opacity:.35}
  .rl-pre .rl-p.is-in .rl-stamp{animation:rl-stamp .45s cubic-bezier(.2,1.5,.4,1) both}
  .rl-pre .rl-p.is-in .rl-t{opacity:1;transition:opacity .3s ease}
}