/* /features. Loads after home.css and coach.css and reuses their nav, footer, .sec, .kick, .up,
   c-hero, c-duo, c-h2, c-btn, c-log, c-sess, c-faq and c-final; everything new is prefixed f-. */
.f-hero{padding-bottom:10px}
.f-hero>.wrap{position:relative}
.f-hero h1{max-width:900px}
.f-hero .c-lead{max-width:680px}
.f-jump{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px}
.f-jump a{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border-radius:999px;background:var(--white);box-shadow:0 0 0 1px var(--line);color:var(--ink);font:500 14.5px var(--sans);text-decoration:none;transition:box-shadow .25s,translate .25s}
.f-jump a span{font:500 11px var(--mono);color:var(--coral)}
.f-jump a:hover{box-shadow:0 0 0 1px var(--coral);translate:0 -1px}
html{scroll-padding-top:90px}

.f-row{align-items:center}
.f-row.flip .f-vis{order:-1}
.f-row .sub{margin-top:16px}
.f-row .c-h2{font-size:clamp(32px,calc(3.2*var(--vw,1vw)),44px)}
.f-get{margin:26px 0 10px;font:500 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.f-pts{margin:0;padding:0;list-style:none}
.f-pts li{position:relative;padding:7px 0 7px 26px;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.f-pts li:before{content:"";position:absolute;left:2px;top:14px;width:12px;height:7px;border-left:2px solid var(--proof);border-bottom:2px solid var(--proof);transform:rotate(-45deg)}
.f-plan{margin:16px 0 0;padding:10px 14px;border-radius:10px;background:var(--sunk);font-size:14.5px;color:var(--ink-2)}
.f-links{margin-top:22px;display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}
.c-btn.sm{height:44px;padding:0 20px;font-size:14.5px}

/* the one visual per feature */
.f-vis{min-width:0}
.f-card{border-radius:16px;background:var(--white);box-shadow:var(--shadow);overflow:hidden}
.f-card .hd{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--line);font:500 14px var(--sans)}
.f-card .hd .ex,.f-log .ex,.f-sess .ex{margin-left:auto;white-space:nowrap;font:500 10.5px var(--mono);letter-spacing:.12em;color:var(--coral-ink);border:1px solid color-mix(in srgb,var(--coral) 35%,transparent);padding:2px 8px;border-radius:999px}
.f-card .q{margin:16px 16px 4px auto;width:fit-content;max-width:80%;padding:9px 15px;border-radius:18px;background:var(--sunk);font-size:14.5px}
.f-card .ft{padding:12px 16px 14px;border-top:1px solid var(--line);font:11.5px var(--mono);color:var(--ink-3);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.f-bars{padding:10px 16px 14px}
.f-bars .r{display:grid;grid-template-columns:minmax(0,1.2fr) 88px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:9px 0}
.f-bars .d{font:13px var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.f-bars .k{justify-self:start;font:500 11px var(--sans);padding:2px 8px;border-radius:999px;background:var(--sunk);color:var(--ink-2);white-space:nowrap}
.f-bars .b{height:8px;border-radius:999px;background:var(--sunk);overflow:hidden}
.f-bars .b i{display:block;height:100%;border-radius:inherit;background:var(--ink-3)}
.f-bars .n{font:500 13px var(--mono);text-align:right}
.f-bars .me .d,.f-bars .me .n{color:var(--coral-ink);font-weight:600}
.f-bars .me .k{background:var(--peach);color:var(--coral-ink)}
.f-bars .me .b i{background:var(--coral)}

.f-log .hd span:first-child{color:#c9c6be}
.f-log .row{grid-template-columns:48px 18px minmax(0,1fr);padding:15px 16px}
.f-log .ok{color:#8fe0b2}.f-log .no{color:#ff8f7d}
.f-log .t{font-family:var(--sans);font-size:14.5px;color:#e9e7e1}

.f-proof .cols{display:grid;grid-template-columns:1fr 1fr}
.f-proof .cols>div{padding:22px 18px}
.f-proof .cols>div+div{border-left:1px solid var(--line);background:var(--proof-wash)}
.f-proof .l{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.f-proof .big{margin-top:10px;font:500 52px/1 var(--mono);letter-spacing:-.04em}
.f-proof .big small{font-size:16px;letter-spacing:0;color:var(--ink-3)}
.f-proof .bad{color:var(--coral-ink)}.f-proof .good{color:var(--proof)}
.f-proof .s{margin-top:8px;font-size:14px;color:var(--ink-2)}
.f-proof .pill{font:600 12px var(--sans);padding:4px 10px;border-radius:999px;background:var(--proof-wash);color:var(--proof);box-shadow:0 0 0 1px color-mix(in srgb,var(--proof) 35%,transparent)}
.f-proof .ft{font-family:var(--sans);font-size:13px}

.f-sess ol{min-height:0}
.f-sess .ex{color:#ff9a85;border-color:#4a2a22}

@media(max-width:980px){
  .f-row.flip .f-vis{order:0}
}
@media(max-width:700px){
  .f-hero h1{font-size:40px}
  .f-row .c-h2{font-size:29px}
  .f-jump a{font-size:13.5px;padding:8px 12px}
  .f-proof .big{font-size:40px}
  .f-proof .cols>div{padding:18px 14px}
  .f-bars .r{grid-template-columns:minmax(0,1fr) auto 22px}
  .f-bars .b{grid-column:1/-1;grid-row:2}
}
@media(prefers-reduced-motion:reduce){.f-jump a{transition:none}}