.tracker-reps .tracker-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(24px, 5vw, 64px);
    padding-block: clamp(35px, 5.5vw, 76px);
}
.tracker-reps .tracker-hero h1 {
    max-width: 16ch;
    font-size: clamp(43px, 5.5vw, 76px);
    text-wrap: balance;
}
.tracker-reps .tracker-lead { margin-block: 19px 24px; }
.reps-tool-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 17px; }
.reps-tool-actions .tracker-button { min-height: 46px; }
.reps-tool-formats { margin: 14px 0 0; color: #c2d0e2; font-size: .86rem; }
.reps-tool {
    min-width: 0;
    padding: clamp(18px, 3vw, 32px);
    border: 1px solid #e6dfd1;
    border-radius: 22px;
    background: #faf8f2;
    color: var(--tracker-ink);
    box-shadow: 0 18px 48px #0913243d;
}
.reps-tool h2 { font-size: clamp(30px, 3vw, 42px); }
.reps-tool-intro { margin: 8px 0 20px; color: var(--tracker-muted); }
.reps-tool-fields, .reps-tool-results {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.reps-tool-fields { min-width: 0; margin: 0; padding: 0; border: 0; }
.reps-tool-fields label { display: grid; align-content: space-between; gap: 7px; font-size: .83rem; font-weight: 700; }
.reps-tool-fields input {
    width: 100%;
    min-height: 46px;
    padding: 10px 11px;
    border: 1px solid #cbd3df;
    border-radius: 8px;
    background: #fff;
    color: var(--tracker-ink);
    font: inherit;
    font-size: 1rem;
}
.reps-tool-fields input[aria-invalid="true"] { border-color: #a83222; }
.reps-tool-results { margin-top: 16px; }
.reps-tool-results > div { min-width: 0; padding: 12px; border: 1px solid #dce4f0; border-radius: 11px; background: #eef2f8; }
.reps-tool-results p { margin: 0 0 4px; font-size: .77rem; font-weight: 700; }
.reps-tool-results strong {
    display: block;
    color: var(--tracker-ink);
    font: 500 clamp(26px, 3vw, 38px)/1.1 Georgia, serif;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}
.reps-tool-results small { display: block; margin-top: 5px; color: var(--tracker-muted); font-size: .76rem; line-height: 1.4; }
.reps-tool-error { margin: 10px 0 0; color: #a83222; font-size: .85rem; }
.reps-tool-bottom { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; margin-top: 13px; }
.reps-tool-bottom button, .reps-tool-bottom a {
    padding: 8px 0;
    color: #274c77;
    font: inherit;
    font-size: .85rem;
    font-weight: 650;
    text-decoration: underline;
    text-underline-offset: .2em;
}
.reps-tool-bottom button { border: 0; background: transparent; cursor: pointer; }
.reps-tool-note { margin: 4px 0 0; color: var(--tracker-muted); font-size: .76rem; line-height: 1.45; }
.reps-tool :is(button, input):focus-visible { outline: 3px solid #a96712; outline-offset: 3px; }
.reps-tool-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.reps-workbook {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .95fr);
    align-items: center;
    gap: clamp(19px, 5vw, 58px);
    padding: clamp(21px, 4vw, 45px);
    border: 1px solid #e6dfd1;
    border-radius: 19px;
    background: var(--tracker-paper);
}
.reps-workbook h2 { font-size: clamp(29px, 3.5vw, 45px); text-wrap: balance; }
.reps-workbook p, .reps-workbook li { color: var(--tracker-muted); line-height: 1.55; }
.reps-workbook ol { margin: 0; padding-left: 21px; }
.reps-workbook li + li { margin-top: 12px; }
.reps-workbook li::marker { color: var(--tracker-accent); font-weight: 700; }
.tracker-reps #reps-example { padding-top: 0; }
.reps-app {
    gap: clamp(22px, 5vw, 58px);
    padding: clamp(20px, 4vw, 46px);
    border: 1px solid var(--tracker-line);
    border-radius: 19px;
    background: #f2f6fb;
}
.reps-app h2 { font-size: clamp(30px, 4vw, 49px); text-wrap: balance; }
.reps-app .tracker-stage { max-width: 400px; width: 100%; justify-self: center; }
.reps-app .tracker-phone { width: min(100%, 205px); }
.reps-app .tracker-actions { gap: 10px; margin: 22px 0 0; }
.reps-app .tracker-actions a { min-height: 46px; }
.reps-app .tracker-downloads a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 16px;
    border: 1px solid #afbed1;
    border-radius: 9px;
    background: #fff;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
}
.reps-app .tracker-downloads a:hover { border-color: #5677a1; background: #e8eef6; }
.reps-app .reps-app-trial { margin-top: 10px; font-size: .85rem; }
.tracker-reps .tracker-related a:hover { text-decoration: none; }
@media (max-width: 780px) {
    .tracker-reps .tracker-hero-grid, .reps-workbook { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 380px) {
    .reps-tool-fields, .reps-tool-results { gap: 8px; }
    .reps-tool-results > div { padding: 9px; }
}