/* /features (mock): each section says its piece in its own form, instead of seven lists of four with a subline each. */

/* one hero: the first section keeps the italic, not the highlighter band */
.serifline.plain{background:none}

/* the teleprompter: one quiet line */
.fx-specline{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 0;margin:30px auto 0;font-size:15.5px;color:var(--muted,#6e6e73)}
.fx-specline span+span:before{content:"\00B7";margin:0 12px;color:#c7c7cc}

/* Voice Follow: two big figures */
.fx-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:30px}
.fx-stats b{display:block;font-size:52px;line-height:1;font-weight:700;letter-spacing:-2px;color:var(--text,#1d1d1f)}
.fx-stats div:first-child b{color:#d96400}
.fx-stats span{display:block;margin-top:10px;font-size:15.5px;line-height:1.45;color:var(--muted,#6e6e73)}

/* Take Coach: a three-step flow on a thread */
.fx-flow{list-style:none;margin:28px 0 0;padding:0;counter-reset:fx}
.fx-flow li{position:relative;padding:0 0 22px 46px;counter-increment:fx}
.fx-flow li:last-child{padding-bottom:0}
.fx-flow li:before{content:counter(fx);position:absolute;left:0;top:-2px;width:30px;height:30px;border-radius:50%;background:#fff;border:1.5px solid #ff7a00;color:#d96400;font-size:14px;font-weight:700;display:grid;place-items:center}
.fx-flow li:not(:last-child):after{content:"";position:absolute;left:15px;top:30px;bottom:2px;width:1.5px;background:#ffd2a8}
.fx-flow b{display:block;font-size:17.5px;letter-spacing:-.2px;padding-top:2px}
.fx-flow span{display:block;margin-top:4px;font-size:15.5px;line-height:1.5;color:var(--muted,#6e6e73)}

/* small print under a section */
.fx-note{margin-top:22px;font-size:14.5px;line-height:1.5;color:var(--faint,#86868b)}

/* On calls: the apps it hides from, set like a logo row */
.fx-names{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px}
.fx-names span{font-size:23px;font-weight:700;letter-spacing:-.5px;color:#aeaeb2}

/* Presenter Magic: two big lines */
.fx-big2{list-style:none;margin:26px 0 0;padding:0}
.fx-big2 li{position:relative;padding:6px 0 6px 34px;font-size:23px;line-height:1.3;font-weight:600;letter-spacing:-.4px}
.fx-big2 li:before{content:"";position:absolute;left:2px;top:13px;width:18px;height:10px;border-left:3px solid #1f8a4c;border-bottom:3px solid #1f8a4c;transform:rotate(-45deg)}

/* Your documents: real keys (the file types are already in the picture beside it) */
.fx-keys{margin:24px 0 0}
.fx-keys div{display:flex;align-items:center;gap:16px;padding:9px 0}
.fx-keys dt{display:flex;gap:5px;min-width:132px}
.fx-keys dd{margin:0;font-size:16px;color:var(--text,#1d1d1f)}
.fx-keys kbd{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:7px;background:#fff;border:1px solid #d2d2d7;box-shadow:0 2px 0 #d2d2d7;font:600 14px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;color:#1d1d1f}

/* Anywhere: three short lines with icons */
.fx-ilist{list-style:none;margin:26px 0 0;padding:0}
.fx-ilist li{display:flex;align-items:center;gap:14px;padding:8px 0;font-size:17px;letter-spacing:-.1px}
.fx-ilist i{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#f3ecf6;color:var(--plum,#6d3f7d)}
.fx-ilist svg{width:18px;height:18px}

@media (max-width:860px){
  .fx-stats b{font-size:42px}
  .fx-names span{font-size:20px}
  .fx-big2 li{font-size:20px}
  .fx-keys dt{min-width:118px}
}

/* Take Coach: the score ring, in the app's Take Coach style (same ring as the homepage tile) */
.tc-score{display:flex;align-items:center;gap:18px;margin-top:28px}
.tc-ring{position:relative;width:96px;height:96px;flex:none}
.tc-ring svg{width:96px;height:96px;transform:rotate(-90deg)}
.tc-ring circle{fill:none;stroke-width:8}
.tc-ring .bg{stroke:#cfe9d7}
.tc-ring .fg{stroke:#22a049;stroke-linecap:round;stroke-dasharray:201.06;stroke-dashoffset:6}
.tc-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--text,#1d1d1f);font-variant-numeric:tabular-nums}
.tc-cap small{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--faint,#86868b)}
.tc-cap .up{display:block;margin-top:4px;font-size:14.5px;font-weight:600;color:#1f8a4c}
/* /features opens on the jump bar (Steve 2026-09-28); the H1 stays for search and screen readers, visually hidden */
.f-h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.chips.f-top{margin-top:0}