.pricing-bar{display:flex;justify-content:center;margin-top:32px}.pricing-period{position:relative;display:inline-grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-inline-size:0;margin:0;padding:4px;border:1px solid var(--line-strong);border-radius:999px;background:rgba(247,234,219,.04)}.pricing-period-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--grad-hot);box-shadow:0 8px 26px -10px var(--glow-hot);transition:transform .35s cubic-bezier(.34,1.4,.5,1)}.pricing-period[data-period=yearly] .pricing-period-thumb{transform:translateX(100%)}.pricing-period-opt{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;color:var(--cream-2);font-weight:600;white-space:nowrap;cursor:pointer;transition:color .25s ease}.pricing-period-opt[data-checked]{color:var(--ink)}.pricing-period-input{position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:inherit;opacity:0;cursor:pointer}.pricing-period-opt:has(.pricing-period-input:focus-visible){outline:2px solid var(--focus);outline-offset:3px}.pricing-save{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:linear-gradient(100deg,var(--gold),var(--gold-2));color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.pricing-period-opt[data-checked] .pricing-save{background:var(--ink);color:var(--gold)}@media (max-width:479px){.pricing-period-opt{flex-direction:column;gap:1px;padding:0 14px;line-height:1.1}.pricing-save{height:16px;padding:0 6px;font-size:9.5px}}@media (prefers-reduced-motion:reduce){.pricing-period-opt,.pricing-period-thumb{transition:none}}.rot-toggle{display:inline-grid;flex:none;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--clear);color:var(--cream-2);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.rot-toggle svg{width:16px;height:16px}.rot-toggle:hover{color:var(--cream);box-shadow:inset 0 0 0 1px var(--peach)}.rot-toggle:active{transform:scale(.94)}.rot-toggle[data-stopped=true]{color:var(--peach);box-shadow:inset 0 0 0 1px var(--line-strong)}@media (prefers-reduced-motion:reduce){.rot-toggle{display:none}}body.swap-dragging{-webkit-user-select:none}.swap-compare,body.swap-dragging{-moz-user-select:none;user-select:none}.swap-compare{--p:50;position:relative;width:100%;border-radius:var(--r-lg);cursor:ew-resize;-webkit-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.swap-live{position:absolute;inset:0}.swap-photo{object-fit:cover;object-position:50% 30%}.swap-compare .swap-frame{position:absolute;inset:0;border-radius:inherit;background:var(--surface);box-shadow:0 30px 70px -34px var(--shadow);overflow:hidden;isolation:isolate;--gb-r:var(--r-lg)}.swap-compare .swap-frame:before{z-index:4}.swap-compare .swap-frame .swap-layer{position:absolute;inset:0;width:100%;height:100%}.swap-before{position:absolute;inset:0;overflow:hidden;transform:translateX(calc(var(--p) * 1% - 100%))}.swap-before-inner{position:absolute;inset:0;transform:translateX(calc(100% - var(--p) * 1%))}.swap-tag{position:absolute;bottom:14px;height:32px;padding:0 15px;display:inline-flex;align-items:center;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.swap-tag-before{left:14px;background:var(--chip-bg);color:var(--cream);box-shadow:inset 0 0 0 1px var(--line-strong),0 0 20px -2px var(--glow-mid);opacity:clamp(0,calc((var(--p) - 14) / 14),1)}.swap-tag-after{right:14px;background:var(--grad-hot);color:var(--ink);box-shadow:0 0 22px -2px var(--glow-hot);opacity:clamp(0,calc((86 - var(--p)) / 14),1)}.swap-hint{position:absolute;top:14px;left:50%;height:30px;padding:0 14px;display:inline-flex;align-items:center;border-radius:999px;background:var(--chip-bg);color:var(--cream-2);font-size:12px;font-weight:600;letter-spacing:.04em;white-space:nowrap;transform:translateX(-50%);box-shadow:inset 0 0 0 1px var(--line);transition:opacity .4s ease;pointer-events:none}.swap-compare[data-touched=true] .swap-hint{opacity:0}.swap-range{z-index:3;width:100%;height:100%;margin:0;opacity:0}.swap-divider,.swap-range{position:absolute;inset:0;pointer-events:none}.swap-divider{z-index:2;transform:translateX(calc((var(--p) - 100) * 1%))}.swap-line{top:0;bottom:0;width:2px;margin-right:-1px;background:var(--cream);box-shadow:0 0 18px var(--glow-peach)}.swap-knob,.swap-line{position:absolute;right:0}.swap-knob{top:50%;width:44px;height:44px;margin:-22px -22px 0 0;display:grid;place-items:center;border-radius:50%;background:var(--grad-hot);color:var(--ink);box-shadow:0 8px 24px -6px var(--shadow),inset 0 1px 0 var(--line-strong)}.swap-knob:after{content:"";position:absolute;inset:0;border:2px solid var(--peach);border-radius:50%;opacity:0;animation:swap-knob-ping 2s ease-out infinite}.swap-compare[data-touched=true] .swap-knob:after{animation:none}@keyframes swap-knob-ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.swap-knob svg{width:22px;height:22px}.swap-range:focus-visible~.swap-divider .swap-knob{outline:2px solid var(--focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){.swap-hint{transition:none}.swap-knob:after{animation:none}}