.how-jump{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.how-jump a{border-radius:var(--r-pill);background:var(--card);border:1px solid var(--line);color:var(--ink-2);transition:background var(--dur-1) var(--ease), color var(--dur-1) var(--ease);align-items:center;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.how-jump a:hover{background:var(--card-hi);color:var(--ink)}.tl-card{margin-top:32px;padding:28px 26px 26px}@media (width<=640px){.tl-card{padding:20px 16px}}.tl-strip{height:88px;margin-bottom:8px;position:relative}.tl-strip-track{background:var(--card-hi);border-radius:999px;height:6px;position:absolute;top:40px;left:0;right:0}.tl-strip-band{background:var(--night);border-radius:999px;height:6px;position:absolute;top:40px}.tl-strip-grace{background:color-mix(in srgb, var(--grace) 32%, transparent);height:14px;transition:left var(--dur-2) var(--ease), width var(--dur-2) var(--ease);border-radius:6px;position:absolute;top:36px}.tl-marker{cursor:pointer;font:inherit;transition:left var(--dur-2) var(--ease);background:0 0;border:none;padding:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.tl-marker-dot{background:var(--lamp);width:14px;height:14px;box-shadow:0 0 0 3px var(--surface);border-radius:999px;position:absolute;top:34px;left:50%;transform:translate(-50%)}.tl-marker[data-step="1"] .tl-marker-dot{background:var(--c-ai)}.tl-marker.is-clean .tl-marker-dot{background:var(--clean)}.tl-marker.is-fall .tl-marker-dot{background:var(--fall)}.tl-marker-label{color:var(--ink-2);white-space:nowrap;text-align:center;font-size:11px;font-weight:600;line-height:1.35;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}.tl-marker.is-below .tl-marker-label{top:52px;bottom:auto}.tl-marker.is-clean .tl-marker-label{color:var(--clean)}.tl-marker.is-fall .tl-marker-label{color:var(--fall)}.tl-marker:hover .tl-marker-dot{filter:brightness(1.1)}.tl-playhead{background:var(--ink);opacity:.55;width:2px;height:34px;transition:left var(--dur-2) var(--ease);pointer-events:none;border-radius:999px;position:absolute;top:28px;transform:translate(-50%)}.tl-controlrow{align-items:center;gap:12px;margin-top:8px;display:flex}.tl-arrow{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--ink-2);cursor:pointer;transition:background var(--dur-1) var(--ease), color var(--dur-1) var(--ease), opacity var(--dur-1) var(--ease);border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex}.tl-arrow:hover:not(:disabled){background:var(--card);color:var(--ink)}.tl-arrow:disabled{opacity:.35;cursor:default}.tl-range{appearance:none;background:var(--card-hi);border-radius:999px;outline:none;flex:auto;height:6px}.tl-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--lamp);width:20px;height:20px;box-shadow:0 2px 6px #0f1e464d, 0 0 0 3px var(--surface);cursor:pointer;border-radius:999px}.tl-range::-moz-range-thumb{background:var(--lamp);width:20px;height:20px;box-shadow:0 2px 6px #0f1e464d, 0 0 0 3px var(--surface);cursor:pointer;border:none;border-radius:999px}.tl-range::-moz-range-track{background:var(--card-hi);border-radius:999px;height:6px}.tl-stepcount{letter-spacing:.02em;margin-top:10px;font-weight:600}.tl-stage{border-top:1px solid var(--line);min-height:168px;margin-top:18px;padding-top:18px}.tl-scene{flex-direction:column;display:flex}.tl-kicker{color:var(--ink-2);margin-bottom:6px;font-size:13px;font-weight:600}.tl-app-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.tl-app-chip{width:34px;height:34px;transition:opacity var(--dur-2) var(--ease), transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);border-radius:9px;font-size:13px}.tl-app-chip.is-idle{opacity:.35}.tl-app-chip.is-active{opacity:1;box-shadow:0 0 0 3px var(--card-hi), 0 6px 14px -6px #0f1e4659;transform:scale(1.12)}.tl-scene-grace{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.tl-ring{flex:none;width:120px}.tl-scene-copy{flex:260px;min-width:0}.tl-branch-toggle{background:var(--card);border-radius:var(--r-pill);border:1px solid var(--line);gap:2px;margin-bottom:20px;padding:4px;display:inline-flex}.tl-branch-btn{border-radius:var(--r-pill);color:var(--ink-2);cursor:pointer;transition:background var(--dur-1) var(--ease), color var(--dur-1) var(--ease);background:0 0;border:none;padding:9px 16px;font-size:13px;font-weight:600}.tl-branch-btn:hover{color:var(--ink)}.tl-branch-btn.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0f1e4624, 0 0 0 1px var(--line)}.tl-branch-btn[data-branch=fall].is-active{color:var(--fall)}.tl-branch-btn[data-branch=clean].is-active{color:var(--clean)}.tl-outcome{align-items:flex-start;gap:18px;display:flex}.tl-outcome-badge{border-radius:999px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.tl-outcome-badge.is-clean{background:color-mix(in srgb, var(--clean) 16%, transparent);color:var(--clean)}.tl-outcome-badge.is-fall{background:color-mix(in srgb, var(--fall) 16%, transparent);color:var(--fall)}.tl-roast{color:var(--ink);margin-top:10px;font-style:italic}@media (width<=560px){.tl-strip{height:96px}.tl-marker-label{font-size:10px}.tl-scene-grace{gap:16px}}.rules-table-wrap{margin-top:30px}.rules-table-wrap .table td:first-child{white-space:nowrap;color:var(--ink);font-weight:600}.overrides-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;display:grid}@media (width<=640px){.overrides-grid{grid-template-columns:1fr}}.override-tile{background:var(--card);border-radius:var(--r-card);padding:22px}.override-tile .stat-value{font-size:40px}.override-tile .stat-sub{max-width:340px;margin-top:4px}.override-note{max-width:640px;margin-top:20px}.strict-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;display:flex}.strict-copy{max-width:480px}.strict-copy .badge-strict{border-radius:var(--r-pill);background:color-mix(in srgb, var(--fall) 14%, transparent);color:var(--fall);align-items:center;gap:6px;margin-top:10px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.strict-switch-row{flex:none;align-items:center;gap:12px;display:flex}.strict-switch-label{color:var(--ink-2);font-size:13px;font-weight:600}.strict-switch{background:var(--card-hi);cursor:pointer;width:52px;height:30px;transition:background var(--dur-2) var(--ease);border:none;border-radius:999px;flex:none;position:relative}.strict-switch:before{content:"";background:var(--surface);width:24px;height:24px;transition:transform var(--dur-2) var(--ease);border-radius:999px;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f1e464d}.strict-switch.is-on{background:var(--lamp)}.strict-switch.is-on:before{transform:translate(22px)}.activity-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:36px;margin-top:30px;display:grid}@media (width<=780px){.activity-grid{grid-template-columns:1fr;gap:24px}}.activity-cats{flex-wrap:wrap;gap:8px;display:flex}.activity-cat-chip{border-radius:var(--r-pill);background:var(--card);border:1px solid var(--line);color:var(--ink-2);align-items:center;gap:7px;padding:7px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.activity-cat-chip .dot{border-radius:999px;flex:none;width:8px;height:8px}.activity-privacy-note{border-radius:var(--r-card);background:var(--card);margin-top:22px;padding:16px 18px}.activity-privacy-note strong{color:var(--ink)}.faq-list{flex-direction:column;max-width:720px;margin:30px auto 0;display:flex}.faq-item{border-bottom:1px solid var(--line)}.faq-q{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 4px;font-size:15px;font-weight:500;display:flex}.faq-q .chevron{transition:transform var(--dur-1) var(--ease);color:var(--ink-3);flex:none}.faq-item.is-open .chevron{transform:rotate(180deg)}.faq-a{max-height:0;transition:max-height var(--dur-2) var(--ease);color:var(--ink-2);font-size:14px;line-height:1.6;overflow:hidden}.faq-a-inner{padding:0 4px 16px}.faq-item.is-open .faq-a{max-height:260px}.final-cta{border-radius:var(--r-window);background:var(--night);color:var(--moon);text-align:center;padding:48px 32px}.final-cta h2,.final-cta .h2{color:#fff}.final-cta p{color:color-mix(in srgb, var(--moon) 78%, transparent);margin-top:10px}.final-cta .dlb{justify-content:center;margin-top:24px}.final-cta .btn-ghost{color:#fff;background:color-mix(in srgb, var(--moon) 10%, transparent);border:1px solid color-mix(in srgb, var(--moon) 18%, transparent)}.final-cta .btn-ghost:hover{color:#fff;background:color-mix(in srgb, var(--moon) 16%, transparent)}
