.kit-brand{height:40px;top:32px}
.sc-logo img{height:44px}
.sc-nav.solid .sc-logo img{height:34px}
@media (max-width:760px){.sc-logo img{height:34px}}
.dd-panel{position:fixed;right:40px;top:50%;transform:translateY(-52%);width:330px;z-index:2;pointer-events:none;background:rgba(0,6,55,.92);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:22px 24px 18px}
.dd-head{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:var(--sw);padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.16)}
.dd-big{display:flex;align-items:baseline;gap:14px;padding:14px 0 6px}
.dd-big b{font-size:48px;line-height:1;font-weight:var(--sw);min-width:64px;font-variant-numeric:tabular-nums}
.dd-big span{font-size:18px;color:var(--fg);font-weight:300}
.dd-list{list-style:none;margin:10px 0 0;padding:10px 0 0;border-top:1px solid rgba(255,255,255,.16);display:grid;gap:8px}
.dd-list li{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:300}
.dd-list i{display:block;width:14px;height:14px;border-radius:50%;flex:none}
.dd-list em{margin-left:auto;font-style:normal;font-weight:var(--sw);font-variant-numeric:tabular-nums}
.dd-note{margin-top:14px;font-size:13px;color:var(--muted);line-height:1.4}
.dd-step{opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1)}
.dd-step.on{opacity:1}
.dd-river,.dd-hub,.dd-tip{position:fixed;left:0;top:0;z-index:2;pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .5s cubic-bezier(.22,1,.36,1)}
.dd-river.on,.dd-hub.on,.dd-tip.on{opacity:1}
.dd-river{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#A6E3FF;margin:-8px 0 0 -40px;font-style:italic}
.dd-hub{font-size:13px;color:var(--fg);margin:-58px 0 0 -10px;line-height:1.3;text-align:left;background:rgba(0,6,55,.85);padding:4px 8px;border-radius:8px}
.dd-hub b{display:block;font-size:15px;color:#fff;font-weight:var(--sw)}
.dd-tip{background:#FFFFFF;color:#000637;border-radius:8px;padding:8px 12px;font-size:14px;margin:-64px 0 0 0;transform-origin:left bottom}
.dd-tip b{display:block;font-size:16px;font-weight:var(--sw)}
.dd-replay{position:fixed;right:40px;top:30px;z-index:3}
.kit-btn:focus-visible,.sc-btn:focus-visible,.sc-open:focus-visible{outline:3px solid #39BBFF;outline-offset:3px}
@media (max-width:900px){.dd-panel{right:auto;left:22px;top:auto;bottom:110px;transform:none;width:270px}.dd-big b{font-size:34px}}
@media (prefers-reduced-motion:reduce){.dd-step,.dd-river,.dd-hub,.dd-tip{transition:none}}

/* wider caption so short lines do not orphan a word */
@media (min-width:701px){.kit-title{max-width:60%}.kit-title .k-cap{text-wrap:balance}}
@media (max-width:600px){.dd-panel{left:14px;top:14px;bottom:auto;width:190px;padding:10px 12px 10px}.dd-head{font-size:10px;letter-spacing:.1em;padding-bottom:6px}.dd-big{padding:6px 0 2px;gap:8px}.dd-big b{font-size:22px;min-width:30px}.dd-big span{font-size:12px}.dd-list{margin-top:6px;padding-top:6px;gap:3px}.dd-list li{font-size:12px;gap:8px}.dd-list i{width:9px;height:9px}.dd-note{margin-top:6px;font-size:10px}.dd-replay{right:14px;top:14px;font-size:10px;padding:7px 9px;letter-spacing:.08em}.dd-river,.dd-hub{font-size:10px}.dd-hub b{font-size:12px}.dd-tip{font-size:12px}}