.pressable{transition:transform .16s var(--sb-ease-out), background-color .16s ease, color .16s ease, box-shadow .16s ease}.pressable:active{transform:scale(.97)}.product-page :focus-visible{outline:2px solid var(--sb-blue);outline-offset:2px}.mock-ui{--sb-ink:#2d333e;--sb-ink-2:#535b6a;--sb-ink-3:#606876;--sb-paper:#fefdfd;--sb-cream:#f3f2ef;--sb-oat:#e8e6e3;--sb-line:#4037261a;--sb-ok:#296545;--sb-ok-tint:#dfece1;--sb-warn:#80521e;--sb-warn-tint:#f0e6d4;--sb-blue-soft:#e1effc;--sb-blue-ink:#39527f;font-weight:400}.scene{isolation:isolate;position:relative;overflow:hidden}.scene>img{object-fit:cover;z-index:-1;width:100%;max-width:none;height:100%;position:absolute;inset:0}.scene:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #2c2c2c0f}.glass{-webkit-backdrop-filter:blur(24px)saturate(1.2);box-shadow:var(--shadow-glass);background:#ffffffe0}.glossy{transition:transform .22s var(--sb-ease-out), box-shadow .22s var(--sb-ease-out);background:linear-gradient(#fff 0%,#fbfaf7 100%);box-shadow:inset 0 1px #fff,0 0 0 1px #2c2c2c0f,0 1px 2px #2c2c2c0a,0 14px 34px -16px #22345447}@media (hover:hover) and (pointer:fine){.glossy:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff,0 0 0 1px #2c2c2c12,0 2px 4px #2c2c2c0a,0 22px 44px -18px #22345457}}.glossy:active{transform:translateY(0)scale(.985)}.frost{-webkit-backdrop-filter:blur(18px)saturate(1.1);background:#ffffff6b;box-shadow:inset 0 1px #ffffffb3,0 0 0 1px #ffffff8c,0 30px 70px -30px #2234544d}[data-reveal] .step{opacity:0;transform:translateY(6px)}[data-reveal=in] .step{animation:step-in .52s var(--sb-ease-out) forwards;animation-delay:calc(var(--i,0) * 90ms + 80ms)}@keyframes step-in{to{opacity:1;transform:translateY(0)}}[data-reveal] .scene-shot{opacity:0;transform:translateY(14px)}[data-reveal=in] .scene-shot{opacity:1;transition:opacity .6s var(--sb-ease-out), transform .7s var(--sb-ease-out);transform:translateY(0)}[data-reveal] .writes{transform-origin:0;transform:scaleX(0)}[data-reveal=in] .writes{animation:writes .7s var(--sb-ease-in-out) forwards;animation-delay:calc(var(--i,0) * 90ms + .2s)}@keyframes writes{to{transform:scaleX(1)}}[data-reveal] .lands{opacity:0;transform:scale(.8)}[data-reveal=in] .lands{animation:lands .36s var(--sb-ease-out) forwards;animation-delay:calc(var(--i,0) * 90ms + .26s)}@keyframes lands{to{opacity:1;transform:scale(1)}}.bar{transform:scaleY(.3)}[data-reveal=in] .bar{animation:1.1s ease-in-out infinite alternate bar;animation-delay:calc(var(--i,0) * -90ms)}@keyframes bar{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.fagomrade-pill{transition:transform .52s var(--sb-ease-out);background:linear-gradient(#fff 0%,#fbfaf7 100%);box-shadow:inset 0 1px #fff,0 0 0 1px #2c2c2c0f,0 1px 2px #2c2c2c0d,0 8px 20px -10px #2234544d}.fagomrade-swap{animation:fagomrade-swap .52s var(--sb-ease-out)}@keyframes fagomrade-swap{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rise{opacity:0;animation:rise .7s var(--sb-ease-out) forwards;animation-delay:var(--d,0s);transform:translateY(10px)}@keyframes rise{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rise,.fagomrade-swap,[data-reveal] .scene-shot,[data-reveal] .step,[data-reveal] .lands{opacity:1;animation:none;transform:none}[data-reveal] .writes{animation:none;transform:none}[data-reveal=in] .bar{animation:none;transform:scaleY(.6)}.pressable:active{transform:none}.fagomrade-pill{transition:none}}.cta{transition:transform .16s var(--sb-ease-out), box-shadow .24s ease, background-color .24s ease}@media (hover:hover) and (pointer:fine){.cta:hover{box-shadow:0 10px 24px -14px #22345480}}.cta:active{transition-duration:.12s;transform:scale(.98)}@media (prefers-reduced-motion:reduce){.cta{transition:none}}