.mini-neck{display:grid;gap:0;margin:4px 0 6px}.mn-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:34px}.mn-row span{position:relative;display:grid;place-items:center;border-right:2px solid var(--line-2)}.mn-row span:first-child{border-left:2px solid var(--line-2)}.mn-row:not(.mn-nums) span:before{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:#5d7b72}.mn-row:nth-child(n+4):not(.mn-nums) span:before{height:2.2px;background:#7d8f7d}.mn-nums{height:22px}.mn-nums span{border:0!important;font-family:var(--f-display);font-size:11px;color:var(--muted)}.mini-neck i{position:relative;width:28px;height:28px;display:grid;place-items:center;font-style:normal;font-family:var(--f-display);font-weight:700;font-size:11.5px;color:var(--accent-ink);background:var(--fc, var(--line-2));clip-path:circle(50%);transition:transform .08s,filter .08s}.mini-neck i.root{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:31px;height:31px}.mini-neck i.now{transform:scale(1.3);filter:brightness(1.15)}.mn-row span:has(i.now){z-index:1}.mn-row span:has(i.now):after{content:"";position:absolute;left:50%;top:50%;width:64px;height:64px;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--glow) 75%,transparent) 0%,color-mix(in srgb,var(--glow) 30%,transparent) 40%,transparent 70%)}.mn-row span:has(.f1.now){--glow: var(--f1)}.mn-row span:has(.f2.now){--glow: var(--f2)}.mn-row span:has(.f3.now){--glow: var(--f3)}.mn-row span:has(.f4.now){--glow: var(--f4)}.f0{--fc: var(--f0)}.f1{--fc: var(--f1)}.f2{--fc: var(--f2)}.f3{--fc: var(--f3)}.f4{--fc: var(--f4)}.b-tag{font-family:var(--f-display);font-size:12.5px;font-weight:500;color:var(--c)}.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;grid-template-areas:"see see see see tempo tempo" "loop loop path path tempo tempo" "free free free free free free"}.bento .tile{padding:26px;gap:10px}.b-see{grid-area:see;--c: var(--f1)}.b-tempo{grid-area:tempo;--c: var(--amber);--c2: 40px;display:flex;flex-direction:column}.b-tempo .ramp{margin-top:auto;padding-top:18px}.b-loop{grid-area:loop;--c: var(--violet)}.b-loop .fams-row{margin-top:10px;gap:6px}.b-loop .chip{padding:5px 12px;font-size:12.5px}.b-loop .chip:nth-child(odd){color:var(--fg)}.b-path{grid-area:path;--c: var(--f3);--fill: #15292a}.b-free{grid-area:free;--c: var(--f1);margin-right:clamp(0px,18vw,260px)}.seq{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;margin-top:12px}.seq span{--d: 3s;aspect-ratio:1 / 1.4;display:grid;place-items:center;align-content:center;gap:2px;background:var(--panel-3);color:var(--fc);clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);animation:seqHit var(--d) linear infinite;animation-delay:calc(var(--i) * var(--d) / 12)}.seq b{font-family:var(--f-display);font-weight:700;font-size:clamp(13px,1.5vw,19px)}.seq em{font-style:normal;font-family:var(--f-mono);font-size:10.5px;opacity:.8}@keyframes seqHit{0%,7%{background:var(--fc);color:var(--accent-ink);transform:translateY(-3px)}8.4%,to{background:var(--panel-3);color:var(--fc);transform:none}}.ramp{display:flex;align-items:flex-end;gap:6px;height:190px;margin-top:18px}.ramp i{flex:1;height:var(--h);position:relative;background:var(--panel-3);clip-path:polygon(0 8px,100% 0,100% 100%,0 100%);transition:background .3s}.ramp i span{position:absolute;left:0;right:0;bottom:8px;text-align:center;font-family:var(--f-display);font-size:12px;font-weight:700;color:var(--fg-2)}.ramp i:last-child{background:var(--amber)}.ramp i:last-child span{color:var(--accent-ink)}.b-tempo:hover .ramp i{background:color-mix(in srgb,var(--amber) 40%,var(--panel-3))}.b-tempo:hover .ramp i:last-child{background:var(--amber)}.big-n{display:flex;align-items:baseline;gap:10px;margin-top:auto}.big-n b{font-family:var(--f-display);font-weight:900;font-size:clamp(64px,7vw,96px);line-height:.85;color:transparent;-webkit-text-stroke:1.5px var(--f3);transition:color .3s}.b-path:hover .big-n b{color:var(--f3)}.big-n span{font-family:var(--f-display);color:var(--muted);font-size:14px}.ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.step{--c: var(--accent);margin-top:calc((4 - var(--lv)) * 34px);min-height:calc(200px + var(--lv) * 34px);padding:22px 20px;align-content:space-between;gap:10px}.step .lv{justify-self:start;font-family:var(--f-display);font-size:12.5px;font-weight:700;color:var(--accent-ink);background:var(--c);padding:4px 12px 4px 10px;clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%)}.step b{font-family:var(--f-display);font-size:19px}.step .meta{font-size:13px;color:var(--muted)}.step-prog{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-size:12.5px;color:var(--fg-2);font-variant-numeric:tabular-nums}.step-prog .bar{flex:1}.step.done{--edge: color-mix(in srgb, var(--accent) 55%, var(--line))}.step.done:after{background:linear-gradient(160deg,rgba(255,178,30,.14),transparent 60%),var(--panel)}.count-in{margin-top:120px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px clamp(24px,5vw,64px);align-items:center;padding:clamp(32px,5vw,60px) clamp(24px,5vw,64px);background:var(--accent);color:var(--accent-ink);clip-path:polygon(0 10%,100% 0,100% 86%,96% 100%,0 100%)}.ci-beats{display:flex;gap:clamp(6px,1.4vw,16px)}.ci-beats span{--d: 2.5s;font-family:var(--f-display);font-weight:900;font-size:clamp(56px,8vw,116px);line-height:.9;color:transparent;-webkit-text-stroke:2px var(--accent-ink);animation:ciBeat var(--d) steps(1) infinite}.ci-beats span:nth-child(2){animation-delay:calc(var(--d) / 4)}.ci-beats span:nth-child(3){animation-delay:calc(var(--d) / 2)}.ci-beats span:nth-child(4){animation-delay:calc(var(--d) * 3 / 4)}@keyframes ciBeat{0%{color:var(--accent-ink);transform:translateY(-4px)}25%,to{color:transparent;transform:none}}.ci-text{display:grid;gap:22px;justify-items:start}.count-in h2{margin:0;max-width:18ch;font-size:clamp(26px,3.2vw,42px)}.count-in .cta{background:var(--accent-ink);color:var(--fg);box-shadow:none}.count-in .cta:hover{background:#33230a}.count-in .cta .arr{background:var(--accent);color:var(--accent-ink)}@media(max-width:960px){.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"see see" "tempo loop" "tempo path" "free free"}.b-free{margin-right:0}.ladder{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.step{margin-top:0;min-height:0}.step:nth-child(2n){margin-top:28px}.count-in{grid-template-columns:1fr}}@media(max-width:560px){.bento{grid-template-columns:1fr;grid-template-areas:none}.bento .tile{grid-area:auto}.bento .tile:nth-child(2n){margin-left:18px}.ramp{height:130px}.ladder{grid-template-columns:1fr}.step:nth-child(n){margin-top:0;grid-column:auto;margin-left:calc((var(--lv) - 1) * 6px)}.seq{grid-template-columns:repeat(6,minmax(0,1fr))}.count-in{clip-path:polygon(0 4%,100% 0,100% 94%,92% 100%,0 100%)}}
