.benefits .section-head{max-width:760px}.benefits .path{margin-top:40px}.path-card .b-without,.path-card .b-with{margin-top:12px;font-size:15px;line-height:1.5;color:var(--text)}.path-card .b-without{color:var(--muted)}.path-card .b-without b,.path-card .b-with b{display:block;margin-bottom:2px;font:600 11px/1.4 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.path-card .b-with b{color:var(--accent-text)}.beyond .section-head{max-width:720px;text-align:center;margin-inline:auto}.beyond .feature-rows,.beyond .swipe-show{margin-top:48px}.beyond-note{max-width:720px;margin:40px auto 0;text-align:center;color:var(--faint);font-size:14px}.benefits .path-step:nth-child(odd) .node{justify-self:start}.benefits .path-step:nth-child(2n) .node{justify-self:end}@media(max-width:700px){.benefits .path-card{text-align:center}.benefits .path-step:nth-child(n) .node{justify-self:center}.benefits .path-step:nth-child(odd){--node-x: -44px}.benefits .path-step:nth-child(2n){--node-x: 44px}}.feature-art{--loop: 8s;width:100%;height:auto;border-radius:24px;background:var(--panel)}.b-shirt{display:block;width:100%;height:100%}.b-shirt .bs-body{fill:#f1efe9}.b-shirt .bs-sash{fill:#2b1a6e}.b-shirt .bs-collar{fill:#e2dfd6}.feature-art .b-pressable{box-shadow:0 4px 0 var(--accent-deep)}.spin{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s}.spin-ready>.spin{opacity:1}.spin-ready>.b-shirt{visibility:hidden}@property --bt{syntax: "<number>"; inherits: true; initial-value: 6;}.benefits-intro{--bt: 6;display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:960px;margin:48px auto 0;animation:bi-clock 9s linear infinite}@keyframes bi-clock{0%{--bt: 0}to{--bt: 9}}.benefits-intro:not(.playing){animation-play-state:paused}.bi-side{position:relative;min-height:340px;padding:22px 26px 24px;border:2px solid var(--line-2);border-radius:24px;background:var(--panel);overflow:hidden}.bi-label{display:inline-block;margin-bottom:14px;padding:5px 11px;border-radius:999px;border:2px solid var(--line-2);color:var(--muted);font:600 11px/1.3 var(--body);letter-spacing:.08em;text-transform:uppercase}.bi-label-on{border-color:var(--accent);color:var(--accent-text)}.bi-without{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.bi-mail,.bi-order{--bi-out: clamp(0, (var(--bt) - 7.8) / .5, 1)}.bi-mail{--bi-in: clamp(0, (var(--bt) - .3 - var(--i) * .9) / .45, 1);display:grid;grid-template-columns:10px 1fr;column-gap:10px;align-items:center;width:100%;padding:8px 12px;border:2px solid var(--line-2);border-radius:12px;background:var(--bg-2);opacity:calc(var(--bi-in) * (1 - var(--bi-out)));transform:translate(calc((1 - var(--bi-in)) * -30px),calc((1 - var(--bi-in)) * -8px + var(--bi-out) * 8px)) rotate(calc((1 - var(--bi-in)) * -2deg))}.bi-mail i{grid-row:span 2;width:10px;height:10px;border-radius:50%;background:var(--danger, #e0325f)}.bi-mail b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bi-mail small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bi-with{display:block}.bi-shirt{position:absolute;left:10%;top:52px;width:80%;height:230px;display:block}.bi-shirt .b-shirt{position:absolute;left:25%;top:8%;width:50%;height:84%}.bi-shirt .spin{top:-12%;right:-20%;bottom:-12%;left:-20%;width:140%;height:124%}.bi-order{--bi-in: clamp(0, (var(--bt) - .3) / .5, 1);position:absolute;left:26px;right:26px;bottom:24px;display:grid;grid-template-columns:1fr 32px;column-gap:12px;align-items:center;padding:12px 14px;border:2px solid var(--accent);border-radius:14px;background:var(--bg-2);opacity:calc(var(--bi-in) * (1 - var(--bi-out)));transform:translateY(calc((1 - var(--bi-in)) * 24px + var(--bi-out) * 24px))}.bi-order b{grid-column:1;grid-row:1;display:block;font-size:14px}.bi-order small{grid-column:1;grid-row:2;display:block;margin-top:2px;font-size:12px;color:var(--muted)}.bi-order em{--tick: clamp(0, (var(--bt) - .9) / .35, 1);grid-column:2;grid-row:1 / span 2;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ok, #a5ed6e);color:#0b0a14;transform:scale(calc((var(--tick) * 1.25 - clamp(0,(var(--bt) - 1.25) / .2,1) * .25) * (1 - var(--bi-out))))}.bi-order em svg{width:18px;height:18px}@media(prefers-reduced-motion:reduce){.benefits-intro{animation:none;--bt: 6}}@media(max-width:760px){.feature-words{text-align:center}.feature-words p{margin-inline:auto}.benefits-intro{grid-template-columns:1fr;gap:16px}.bi-side{min-height:0;padding:16px 18px 20px}.bi-order{left:18px;right:18px;bottom:20px}.bi-with{min-height:360px}.bi-shirt{height:210px}}.art-screen .fw{flex-direction:row;background:var(--a-card)}.fw-stage{position:relative;flex:1.2;background:var(--a-stage)}.fw .dz-panel{flex:1}.fw-roster{display:grid;font-variant-numeric:tabular-nums}.fw-roster i{display:flex;gap:.5em;min-height:2.2em;align-items:center;padding:0 .3em;border-bottom:1px solid var(--a-line)}.fw-roster b{flex:1;font-weight:500}.fw-roster em{width:1.4em;color:var(--a-muted);text-align:right}.fw-new{border-radius:.5em;transition:background .3s}[data-at~=adding] .fw-new{background:rgba(var(--accent-rgb),.08)}.fw-count{text-align:right}.fw-checkout,.fw-order{position:absolute;z-index:3;font:400 2.05cqw/1.25 var(--body);color:var(--a-ink);background:var(--a-card);border:1px solid var(--a-line);border-radius:1.1em;box-shadow:0 1.5em 3em #0006;opacity:0;transition:opacity .35s,transform .6s var(--pop)}.fw-checkout{left:12%;right:12%;bottom:8%;display:grid;gap:.5em;padding:1.2em;transform:translateY(40%)}.fw-checkout>b{font-size:1.2em;font-weight:600}.fw-total{display:flex;justify-content:space-between;padding:.6em 0;border-top:1px solid var(--a-line)}.fw-total b{font-weight:600}.fw-paid,[data-at~=paid] .fw-go{display:none}[data-at~=paid] .fw-paid{display:inline-flex;align-items:center;gap:.35em}[data-at~=paid] .fw-pay{background:var(--a-ok)}[data-at~=cart] .fw-checkout{opacity:1;transform:none}[data-at~=order] .fw-checkout{opacity:0;transform:translateY(-20%) scale(.95)}.fw-order{right:6%;top:8%;display:flex;align-items:center;gap:.7em;padding:.8em 1em;transform:translateY(-40%)}.fw-order>i{display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:.6em;background:var(--a-acc);color:#fff}.fw-order svg{width:1.4em;height:1.4em}.fw-order span{display:grid;gap:.15em}.fw-order b{font-weight:600}[data-at~=order] .fw-order{opacity:1;transform:none}.art-screen .pf{position:absolute;left:50%;top:5%;bottom:5%;aspect-ratio:9 / 18.5;translate:-50% 0;padding:.5cqw;border-radius:5cqw;background:#0d0c14;border:.35cqw solid #3a3650}.pf-screen{position:relative;display:flex;flex-direction:column;height:100%;border-radius:4.3cqw;overflow:hidden;background:var(--a-card);font:400 2.05cqw/1.25 var(--body);color:var(--a-ink)}[data-touch] .cur:before{clip-path:circle(38% at 30% 30%);background:#ffffffd9}.pf-stage{position:relative;flex:1;background:var(--a-stage)}.pf-sheet{padding:.8em .8em 1.2em;border-radius:1.2em 1.2em 0 0;box-shadow:0 -.4em 1.2em #00000014;max-height:20em;overflow:hidden;transition:max-height .6s var(--ease),padding .6s var(--ease)}.pf-sheet .dz-sw i{width:1.7em;height:1.7em}.pf-sheet .dz-sw i:first-child{outline-color:transparent}.art-screen:not([data-at~=red]) .dz-sw i:first-child,[data-at~=red]:not([data-at~=green]) .sw-red,[data-at~=green] .sw-green{outline-color:var(--a-ink)}[data-at~=done] .pf-sheet{max-height:0;padding-block:0}.pf-keep{position:absolute;left:50%;bottom:1.4em;padding:.5em 1em;border-radius:999px;background:var(--a-dark);color:#fff;white-space:nowrap;translate:-50% 0;opacity:0;transition:opacity .3s .4s}[data-at~=done] .pf-keep{opacity:1}.feature-art.art-device{border:0;background:none;overflow:visible;perspective:1400px}.art-device .pf{padding:1.1cqw;border:0;border-radius:5.6cqw}.dv-phone,.dv-tablet{background:#17161f;box-shadow:inset 0 0 0 .25cqw #34323f,inset 0 0 0 .55cqw #09090d}.dv-phone:before,.dv-phone:after{content:"";position:absolute;width:.5cqw;border-radius:.3cqw;background:#34323f}.dv-phone:before{left:-.45cqw;top:17%;height:6%;box-shadow:0 7.5cqw #34323f}.dv-phone:after{right:-.45cqw;top:23%;height:10%}.dv-phone .pf-screen:before{content:"";position:absolute;left:50%;top:1.1cqw;z-index:6;width:30%;height:2.6cqw;border-radius:999px;background:#050507;translate:-50% 0}.art-device[data-app=phone] .pf,.art-device[data-app=adminphone] .pf{transform:rotateY(13deg) rotateX(5deg)}.art-device .sc-dev{position:absolute;left:50%;top:50%;translate:-50% -50%;opacity:0;transform:translate(14cqw) rotateY(-38deg) scale(.92);transition:opacity .5s var(--ease),transform .8s var(--ease-out)}.art-device .sc-dev.pf{top:50%;bottom:auto;height:60cqw}[data-at~=phone]:not([data-at~=tablet]) .sc-dev.dv-phone,[data-at~=tablet]:not([data-at~=mac]) .dv-tablet,[data-at~=mac] .dv-mac{opacity:1;transform:rotateY(-12deg) rotateX(4deg)}[data-at~=tablet] .sc-dev.dv-phone,[data-at~=mac] .dv-tablet{transform:translate(-14cqw) rotateY(30deg) scale(.92)}.art-device.resetting .sc-dev{opacity:0}@media(max-width:760px){.swipe-show .swipe-cards>.feature-art.art-device{aspect-ratio:5 / 6}.art-device[data-app=phone] .pf,.art-device[data-app=adminphone] .pf{top:50%;bottom:auto;height:72cqw;translate:-50% -50%;scale:1.52}.art-device .sc-dev.pf{scale:1.75}.art-device .dv-tablet{scale:1.42}.art-device .dv-mac{scale:1.06}}.dv-tablet{width:54cqw;aspect-ratio:3 / 4;padding:2cqw;border-radius:4.4cqw}.dv-screen{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--a-card);color:var(--a-ink);font:400 2.05cqw/1.25 var(--body)}.dv-tablet .dv-screen{border-radius:2.6cqw}.sc-tab .dz-stage{flex:1}.sc-tab .dz-panel{padding:1em}.sc-tab .dz-sw{grid-template-columns:repeat(6,1fr)}.dv-mac{width:84cqw}.dv-lid{display:block;padding:1.7cqw 1.7cqw 2.3cqw;border-radius:2.4cqw 2.4cqw .8cqw .8cqw;background:#0c0c10;box-shadow:inset 0 0 0 .25cqw #34323f}.dv-mac .dv-screen{aspect-ratio:16 / 10;height:auto;border-radius:.6cqw;font-size:1.45cqw}.dv-base{position:relative;display:block;width:112%;height:2.8cqw;margin-left:-6%;border-radius:.3cqw .3cqw 2.4cqw 2.4cqw/.3cqw .3cqw 1.8cqw 1.8cqw;background:#2a2934;box-shadow:inset 0 .3cqw #4a4858,inset 0 -.4cqw #1a1922}.dv-base i{position:absolute;left:50%;top:0;width:15%;height:40%;translate:-50% 0;border-radius:0 0 1.2cqw 1.2cqw;background:#1a1922}.sc-bar{display:flex;align-items:center;gap:.45em;padding:.7em .9em;background:var(--a-bg);border-bottom:1px solid var(--a-line)}.sc-bar i{width:.75em;height:.75em;border-radius:50%;background:#ff5f57}.sc-bar i+i{background:#febc2e}.sc-bar i+i+i{background:#28c840}.sc-bar small{flex:0 1 40%;margin:0 auto;padding:.25em .8em;border-radius:.5em;background:var(--a-card);text-align:center}.sc-desk-body{flex:1;display:grid;grid-template-columns:1.6fr 1fr;min-height:0}.sc-desk .dz-panel{padding:1.2em;border-left:1px solid var(--a-line)}.ap{background:var(--a-bg)}.ap-top{display:flex;justify-content:space-between;align-items:center;padding:2.6em 1em .8em;background:var(--a-card);border-bottom:1px solid var(--a-line)}.ap-top b{font-size:1.25em;font-weight:600}.ap-top i{width:1.4em;height:1.4em;border-radius:50%;background:var(--a-acc)}.ap-top em{padding:.2em .6em;border-radius:999px;background:var(--a-ok-bg);color:var(--a-ok-ink);font-size:.85em}.ap-list{display:grid;gap:.5em;padding:.8em}.ap-row{display:grid;grid-template-columns:1fr auto;gap:.15em .5em;padding:.7em .8em;border-radius:.8em;background:var(--a-card);border:1px solid var(--a-line)}.ap-row b{font-weight:600}.ap-row small{grid-row:2}.ap-row em{grid-row:1 / 3;grid-column:2;align-self:center;padding:.2em .6em;border-radius:999px;background:var(--a-ok-bg);color:var(--a-ok-ink);font-size:.85em}.ap-row em.ap-quote{background:var(--a-warn-bg);color:var(--a-warn-ink)}.ap-order{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--a-bg);transform:translate(100%);transition:transform .5s var(--ease-out)}[data-at~=open] .ap-order{transform:none}.ap-kit{position:relative;flex:1;margin:.8em .8em 0;border-radius:1em;background:var(--a-card)}.ap-players{padding:.7em 1em;font-size:.85em;color:var(--a-muted)}.ap-files{margin:0 .8em 1.6em}[data-at~=files] .ap-files{background:var(--a-dark)}.ap-toast{position:absolute;left:.8em;right:.8em;top:2.4em;display:flex;align-items:center;gap:.5em;padding:.7em .8em;border-radius:.9em;background:var(--a-dark);color:#fff;font-size:.9em;opacity:0;transform:translateY(-1em);transition:opacity .3s,transform .4s var(--pop)}.ap-toast svg{width:1.3em;height:1.3em;color:#86efac}[data-at~=files] .ap-toast{opacity:1;transform:none}
