.tback{background:var(--page);border-radius:22px;gap:.7rem;margin:0;padding:1.15rem 1.15rem 1rem;display:grid;container-type:inline-size}.tback-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.tback-title{color:var(--blue-deep);margin:0;font-size:1.05rem;font-weight:700;line-height:1.25}.tback-big{font-family:var(--font-display);color:var(--gum);font-size:clamp(1.7rem,7cqi,2.1rem);line-height:1.1;display:block}.tback-tag{color:var(--muted);background:#eceff1;border-radius:999px;flex:none;margin-top:.3rem;padding:.05rem .5rem;font-size:.72rem;font-weight:700}.tback-lead{color:#3d4d57;margin:-.2rem 0 0;font-size:.95rem;line-height:1.45}.tback-lead strong{color:var(--ink)}.tback-panel{background:var(--paper);border-radius:16px;gap:.45rem;padding:.8rem .95rem .75rem;display:grid}.tback-key{color:var(--ink);align-items:center;gap:.45rem;margin:0;font-size:.82rem;font-weight:700;display:flex}.tback-key+.tback-bars{margin-top:-.1rem}.tback-bars+.tback-key{margin-top:.35rem}.tback-dot{border-radius:3px;width:.7rem;height:.7rem}.tback-dot-hand{background:#a98622}.tback-dot-scout{background:var(--blue)}.tback-bars{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.tback-row{grid-template-columns:6.4rem minmax(0,1fr);align-items:center;gap:.5rem;min-height:1.6rem;display:grid}.tback-label{color:var(--muted);white-space:nowrap;font-size:.82rem}.tback-track{align-items:center;gap:.45rem;min-width:0;display:flex}.tback-bar{height:14px;width:max(3px, calc((100% - 5.6rem) * var(--share,0)));border-radius:0 4px 4px 0;flex:none}.tback-bar-hand{background:#a98622}.tback-bar-scout{background:var(--blue)}.tback-value{color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-size:.82rem;font-weight:700}.tback-more{color:var(--muted);margin:.25rem 0 0;font-size:.82rem;line-height:1.45}.tback-log-rows{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.tback-log-rows li{background:#f6f8fa;border-radius:10px;grid-template-columns:auto 2.2rem minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.3rem .55rem;font-size:.84rem;display:grid}.tback-tick{background:var(--gum-bg);width:1.25rem;height:1.25rem;color:var(--gum);border-radius:50%;place-items:center;display:grid}.tback-log-day{color:var(--blue-deep);font-weight:700}.tback-log-what{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tback-log-detail{color:var(--muted);white-space:nowrap;font-size:.78rem}.tback-note{color:var(--muted);margin:0;font-size:.75rem;line-height:1.45}@container (max-width:27rem){.tback-log-rows li{grid-template-columns:auto 2rem minmax(0,1fr)}.tback-log-detail{display:none}}@container (max-width:22rem){.tback-row{grid-template-columns:5.6rem minmax(0,1fr)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.tback-bar{animation:linear both tback-draw;animation-timeline:view();animation-range:entry 100% cover 30%}.tback-log-rows li{animation:linear both tback-arrive;animation-timeline:view();animation-range:entry 100% cover 28%}}}@keyframes tback-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes tback-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hook{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-small);border-left:5px solid #cca844;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:1.5rem 2rem;margin-top:2.5rem;padding:1.6rem 1.6rem 1.4rem;display:grid}.hook-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 .35rem;font-size:.85rem;font-weight:700}.hook-lead{color:var(--blue-deep);margin:0 0 .8rem;font-size:1.35rem;line-height:1.35}.hook-facts{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.hook-facts li{font-size:1.12rem;line-height:1.4}.hook-ratio{color:var(--wattle);font-size:1.6rem}.hook-source{color:var(--muted);font-size:.85rem;display:block}.hook-note{color:var(--muted);margin:.9rem 0 0;font-size:.92rem}.hook-foot{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.1rem;display:flex}.hook-steps{color:var(--ink);flex-wrap:wrap;align-items:center;gap:.4rem .5rem;margin:0;padding:0;font-size:.88rem;font-weight:700;list-style:none;display:flex}.hook-steps li{align-items:center;display:flex}.hook-steps span{background:var(--mist);border-radius:999px;padding:.35rem .7rem}.hook-steps li+li:before{content:"→";color:var(--blue);margin-right:.5rem;font-weight:700}.hook-cta{margin:0}@media (max-width:760px){.hook{grid-template-columns:1fr;gap:1.4rem;padding:1.3rem 1.1rem}.hook-lead{font-size:1.2rem}.hook-steps{flex-direction:column;align-items:flex-start}.hook-steps li+li:before{content:"↓"}}.hook+.dashboard-stats{margin-top:1rem}
.home .hook-text>.promise{margin:0 0 1.5rem}@media (min-width:900px){.home .hook.hook-aligned{align-items:stretch}.home .hook.hook-aligned .hook-text{flex-direction:column;display:flex}.home .hook.hook-aligned .hook-note{margin-top:auto;padding-top:1rem}}