.boost-placement-demo{gap:var(--sp-5);flex-direction:column;display:flex}.boost-demo-block{justify-content:space-between;gap:var(--sp-6);padding:var(--sp-6);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;grid-template-columns:minmax(220px,290px) minmax(0,620px);align-items:start;display:grid}.boost-demo-info{gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}.boost-demo-title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--navy);align-items:center;gap:10px;display:flex}.boost-demo-title i{color:var(--sky);font-size:18px}.boost-demo-desc{min-height:6.4em;color:var(--ink-muted);font-size:var(--text-sm);margin:0;line-height:1.6;display:none}.boost-demo-mockup{min-width:0}.boost-demo-tiers{padding-top:var(--sp-4);margin-top:auto}.boost-demo-tiers-head{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.boost-demo-tiers-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;color:var(--ink-muted)}.boost-loop{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--sky-dark);align-items:center;gap:5px;display:none}.boost-demo-tiers:hover .boost-loop,.boost-demo-tiers:focus-within .boost-loop{display:inline-flex}.boost-loop-dot{background:var(--sky);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite boost-loop-pulse}@keyframes boost-loop-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.75)}}.boost-loop-paused{display:none}.boost-placement-demo:not([data-loop=run]) .boost-loop{color:var(--ink-muted)}.boost-placement-demo:not([data-loop=run]) .boost-loop-dot{background:#c3ccd7;animation:none}.boost-placement-demo:not([data-loop=run]) .boost-loop-auto{display:none}.boost-placement-demo:not([data-loop=run]) .boost-loop-paused{display:inline}.boost-tier-list{flex-direction:column;gap:6px;display:flex}.boost-tier-btn{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;text-align:left;opacity:.62;background:#fff;transition:opacity .25s,border-color .25s,background .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.boost-tier-btn:hover{opacity:1}.boost-tier-btn:focus-visible{outline:2px solid var(--sky-dark);outline-offset:2px}.boost-tier-dot{z-index:1;background:var(--tier-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative}.boost-tier-text{z-index:1;flex-direction:column;min-width:0;display:flex;position:relative}.boost-tier-name{font-size:var(--text-sm);color:var(--navy);font-weight:600}.boost-tier-note{font-size:var(--text-xs);color:var(--ink-muted)}.boost-tier-btn[data-btn=max]{--tier-accent:#f59e0b;--tier-fill:#fbe3ab;--tier-ring:#f59e0b33}.boost-tier-btn[data-btn=quick]{--tier-accent:var(--sky);--tier-fill:#c4e7fa;--tier-ring:#36ade22e}.boost-tier-btn[data-btn=standard]{--tier-accent:var(--sky-dark);--tier-fill:#b7dcf3;--tier-ring:#2590c229}.boost-tier-btn[data-btn=free]{--tier-accent:#94a3b8;--tier-fill:#dee5ed;--tier-ring:#94a3b840}.boost-placement-demo[data-tier=max] .boost-tier-btn[data-btn=max],.boost-placement-demo[data-tier=quick] .boost-tier-btn[data-btn=quick],.boost-placement-demo[data-tier=standard] .boost-tier-btn[data-btn=standard],.boost-placement-demo[data-tier=free] .boost-tier-btn[data-btn=free]{opacity:1;border-color:var(--tier-accent);box-shadow:0 0 0 1px var(--tier-ring)}.boost-placement-demo[data-loop] .boost-tier-btn[aria-checked=true]:after{content:"";z-index:0;background:var(--tier-fill);clip-path:polygon(0 0,-26px 0,0 100%,0 100%);animation:boost-tier-fill var(--loop-ms,4.2s) linear both;position:absolute;inset:0}.boost-placement-demo[data-loop=hold] .boost-tier-btn[aria-checked=true]:after{animation-play-state:paused}.boost-placement-demo:not([data-loop]) .boost-tier-btn[aria-checked=true],.boost-placement-demo[data-loop=paused] .boost-tier-btn[aria-checked=true]{background:var(--tier-fill)}.boost-placement-demo:not([data-loop]) .boost-tier-btn[aria-checked=true]:after,.boost-placement-demo[data-loop=paused] .boost-tier-btn[aria-checked=true]:after{display:none}@keyframes boost-tier-fill{0%{clip-path:polygon(0 0,-26px 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,calc(100% + 26px) 100%,0 100%)}}.boost-placement-demo[data-tier=max] [data-desc=max],.boost-placement-demo[data-tier=quick] [data-desc=quick],.boost-placement-demo[data-tier=standard] [data-desc=standard],.boost-placement-demo[data-tier=free] [data-desc=free]{display:block}.mockup-slot{opacity:.26;filter:blur(1.6px);transition:opacity .45s,filter .45s}.boost-placement-demo[data-tier=max] .mockup-slot[data-tier=max],.boost-placement-demo[data-tier=quick] .mockup-slot[data-tier=quick],.boost-placement-demo[data-tier=standard] .mockup-slot[data-tier=standard],.boost-placement-demo[data-tier=free] .mockup-slot[data-tier=free]{opacity:1;filter:none}.boost-placement-demo[data-tier=max] .mockup-cal-dot-boost,.boost-placement-demo[data-tier=max] .mockup-cal-item-dot{background:#f59e0b}.boost-placement-demo[data-tier=quick] .mockup-cal-dot-boost,.boost-placement-demo[data-tier=quick] .mockup-cal-item-dot,.boost-placement-demo[data-tier=standard] .mockup-cal-dot-boost,.boost-placement-demo[data-tier=standard] .mockup-cal-item-dot{background:var(--sky)}@media (width<=900px){.boost-demo-block{padding:var(--sp-4);grid-template-columns:1fr}.boost-demo-desc{min-height:0}}@media (prefers-reduced-motion:reduce){.mockup-slot,.boost-tier-btn{transition:none}.boost-loop-dot{animation:none}}