.spx{min-height:100vh;--paper:#f7f4ee;--paper-2:#f0ece3;--card:#fffefb;--inset:#f4f1ea;--ink:#16140f;--ink-2:#494539;--muted:#867f70;--faint:#a8a191;--line:#e7e2d6;--line-2:#d6d0c1;--line-ink:#16140f;--accent:#4d6b10;--lime:#c6f24a;--lime-soft:#c6f24a40;--ok:#3c8a52;--sans:"Space Grotesk",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--grad:linear-gradient(90deg,#c6f24a,#5fd6b8 34%,#5aa6f5 66%,#9b7cf0);--shadow:0 1px 2px rgba(40,36,24,.04),0 18px 40px -24px rgba(40,36,24,.26);--shadow-lg:0 2px 4px rgba(40,36,24,.05),0 36px 70px -32px rgba(40,36,24,.4);--gutter:30px;--maxw:1160px}.spx,.spx *{box-sizing:border-box}.spx{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}.spx a{color:inherit;text-decoration:none}.spx ::selection{background:var(--lime);color:var(--ink)}.spx .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}.spx .em{color:var(--accent)}.spx .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 22px;border-radius:999px;font-size:14.5px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:.18s ease;white-space:nowrap}.spx .btn.solid{background:var(--ink);color:var(--paper)}.spx .btn.solid:hover{background:#000;transform:translateY(-1px)}.spx .btn.line{background:var(--card);color:var(--ink);border-color:var(--line-2)}.spx .btn.line:hover{border-color:var(--ink)}.spx .btn.sm{height:40px;padding:0 18px;font-size:14px}.spx .btn .ar{transition:transform .16s ease}.spx .btn:hover .ar{transform:translateX(3px)}.spx .tlink{display:inline-flex;align-items:center;gap:7px;font-weight:500;color:var(--accent)}.spx .nav{position:-webkit-sticky;position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--paper) 84%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.spx .nav-in{justify-content:space-between;gap:18px;height:72px}.spx .brand,.spx .nav-in{display:flex;align-items:center}.spx .brand{gap:11px;font-weight:600;font-size:18px;letter-spacing:-.01em}.spx .brand .mark{width:27px;height:27px;border-radius:8px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:14px}.spx .nav-links{display:flex;gap:6px}.spx .nav-links a{padding:9px 14px;border-radius:999px;font-size:14px;color:var(--ink-2)}.spx .nav-links a.on,.spx .nav-links a:hover{background:var(--paper-2);color:var(--ink)}.spx .nav-cta{display:flex;align-items:center;gap:10px}.spx .nav-cta .signin{font-size:14px;color:var(--ink);padding:9px 6px}.spx .nav-cta .btn{height:40px;padding:0 18px}@media(max-width:820px){.spx .nav-links{display:none}}.spx .phead{text-align:center;padding:74px 0 20px}.spx .phead .ey{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.spx .phead h1{font-size:clamp(40px,5.4vw,62px);font-weight:500;letter-spacing:-.035em;line-height:1.02;margin:18px 0 0}.spx .phead p{font-size:19px;color:var(--ink-2);margin:18px auto 0;max-width:520px}.spx .bill{display:flex;justify-content:center;margin:30px 0 8px}.spx .bill .seg{display:flex;background:var(--card);border:1px solid var(--line-2);border-radius:999px;padding:4px;box-shadow:var(--shadow)}.spx .bill .seg button{font-size:13.5px;font-weight:500;color:var(--muted);padding:8px 18px;border-radius:999px;border:0;background:none;display:flex;align-items:center;gap:8px}.spx .bill .seg button.on{background:var(--ink);color:var(--paper)}.spx .bill .seg .save{font-family:var(--mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--lime-soft);border-radius:999px;padding:2px 7px}.spx .bill .seg button.on .save{color:var(--lime);background:rgba(198,242,74,.18)}.spx .tiers{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;padding:34px 0 30px;align-items:start}.spx .tier{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px 28px;box-shadow:var(--shadow);display:flex;flex-direction:column}.spx .tier.feat{border-color:var(--ink);box-shadow:var(--shadow-lg);position:relative}.spx .tier.feat:before{content:"Most teams";position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--paper);background:var(--ink);border-radius:999px;padding:5px 13px}.spx .tier .tn{font-size:16px;font-weight:600}.spx .tier .desc{font-size:13.5px;color:var(--muted);margin:6px 0 20px;min-height:38px}.spx .tier .price{display:flex;align-items:baseline;gap:4px}.spx .tier .price .amt{font-size:46px;font-weight:600;letter-spacing:-.03em}.spx .tier .price .per{font-family:var(--mono);font-size:12.5px;color:var(--muted)}.spx .tier .pricenote{font-family:var(--mono);font-size:11.5px;color:var(--faint);margin-top:6px;min-height:16px}.spx .tier .btn{margin:22px 0;width:100%}.spx .tier .feats{display:flex;flex-direction:column;gap:11px;border-top:1px solid var(--line);padding-top:20px}.spx .tier .feats .f{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ink-2)}.spx .tier .feats .f svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--accent)}.spx .tier .feats .f .x{color:var(--faint)}.spx .tier .feats .lead{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:2px}.spx .usage{margin:20px 0 0;background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.spx .usage-in{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;padding:0}.spx .usage-in .u{padding:30px;border-right:1px solid var(--line)}.spx .usage-in .u:last-child{border-right:0}.spx .usage-in .u .k{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.spx .usage-in .u .v{font-size:24px;font-weight:600;letter-spacing:-.02em;margin-top:8px}.spx .usage-in .u .s{font-size:13px;color:var(--muted);margin-top:4px}.spx .faq{padding:80px 0}.spx .faq h2{text-align:center;font-size:clamp(30px,3.6vw,42px);font-weight:500;letter-spacing:-.03em;margin:0 0 36px}.spx .faq-list{max-width:760px;margin:0 auto;border-top:1px solid var(--line)}.spx .qa{border-bottom:1px solid var(--line);padding:24px 4px}.spx .qa h3{font-size:17px;font-weight:600;margin:0 0 8px}.spx .qa p{font-size:15px;color:var(--ink-2);margin:0;line-height:1.6;max-width:660px}.spx .band{border-top:1px solid var(--line);background:var(--paper-2)}.spx .band-in{text-align:center;padding:90px 0}.spx .band-in h2{font-size:clamp(34px,4.6vw,54px);font-weight:500;letter-spacing:-.03em;line-height:1.02;margin:0 0 16px}.spx .band-in p{font-size:18px;color:var(--ink-2);margin:0 0 30px}.spx .band-in .cta{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}.spx .foot{border-top:1px solid var(--line)}.spx .foot-in{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:40px;gap:40px;padding:58px 0 42px}.spx .foot .fb .nm{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px}.spx .foot .fb .nm .mark{width:24px;height:24px;border-radius:7px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:12px}.spx .foot .fb p{font-size:14px;color:var(--muted);line-height:1.55;margin:14px 0 0;max-width:300px}.spx .foot h5{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:0 0 15px}.spx .foot .fcol a{display:block;font-size:14px;color:var(--ink-2);padding:6px 0}.spx .foot .fcol a:hover{color:var(--accent)}.spx .foot-bottom{border-top:1px solid var(--line)}.spx .foot-bottom-in{display:flex;align-items:center;justify-content:space-between;padding:22px 0;font-family:var(--mono);font-size:11.5px;color:var(--faint)}@media(max-width:880px){.spx .tiers{grid-template-columns:1fr;max-width:420px;margin:0 auto}.spx .usage-in{grid-template-columns:1fr 1fr}.spx .usage-in .u:nth-child(2){border-right:0}.spx .foot-in{grid-template-columns:1fr 1fr}}@media(max-width:520px){.spx .foot-in,.spx .usage-in{grid-template-columns:1fr}}