.s-cases{--ink:#050505;--purple:#7b4dde;--lilac:#b87aef;--pink:#f09ab6;--peri:#8586e8;--paper:#f8f8fa;--white:#fff;--ink-2:#56535f;--line-ink:#05050517;--grad:linear-gradient(120deg,#8586e8 0%,#7b4dde 34%,#b87aef 66%,#f09ab6 100%);--grad-deep:linear-gradient(100deg,#7b4dde 0%,#8586e8 30%,#b87aef 62%,#f09ab6 100%);--f-display:"Bricolage Grotesque","Onest",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--f-body:"Onest",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--gutter:clamp(16px,4vw,48px);--maxw:1180px;--r-card:22px;font-family:var(--f-body);background:var(--paper);position:relative}.s-cases .wrap{max-width:var(--maxw);padding-inline:var(--gutter);margin:0 auto}.s-cases .grad-text{background:var(--grad-deep);color:#0000;-webkit-background-clip:text;background-clip:text}.s-cases .eyebrow{font:500 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.s-cases .bignum{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;font:800 clamp(160px,18vw,280px)/1 var(--f-display);letter-spacing:-.06em;color:#05050508;position:absolute;top:clamp(12px,3vw,36px)}.s-cases .bignum--r{right:calc(var(--gutter) - .06em)}.s-cases .wrap>:not(.bignum){z-index:1;position:relative}@media (max-width:880px){.s-cases .bignum{font-size:clamp(130px,42vw,220px);top:8px}.s-cases .bignum--r{right:calc(var(--gutter) - .06em)}}.s-cases .kicker{font:500 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:10px;display:flex}.s-cases .kicker b{width:26px;height:26px;color:var(--purple);letter-spacing:0;background:#b87aef29;border-radius:8px;place-items:center;font-weight:600;display:inline-grid}.s-cases .feature{grid-template-columns:minmax(0,1fr);padding-bottom:clamp(8px,2vw,16px);display:grid}.s-cases .feature__copy{align-content:start;gap:18px;display:grid}.s-cases .feature__copy p{color:var(--ink-2);max-width:40em;font-size:17px}.s-cases .h-lg{font:700 clamp(30px,3.6vw,46px)/1.04 var(--f-display);letter-spacing:-.03em;margin:0}.s-cases .lede{color:var(--ink-2);max-width:34em;margin:0;font-size:clamp(16px,1.4vw,18.5px);line-height:1.6}.s-cases .sig{font:600 12.5px/1 var(--f-body);letter-spacing:0;text-transform:none;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:5px 10px 5px 5px;display:inline-flex}.s-cases .sig b{width:18px;height:18px;font:700 11px/1 var(--f-body);color:#fff;border-radius:5px;place-items:center;display:grid}.s-cases .sig--red{color:#b42318;background:#e5484d1a}.s-cases .sig--red b{background:#d93a3f}.s-cases .sig--purple{color:#3a3cb0;background:#8586e829}.s-cases .sig--purple b{background:#6c6ee0}.s-cases .sig--green{color:#1c7a4c;background:#2fbf7a21}.s-cases .sig--green b{background:#22a565}.s-cases .sig--peri{color:#3a3cb0;background:#8586e829}.s-cases .sig--peri b{background:#8586e8}.s-cases .sig--new{color:#6a3cc4;background:#b87aef29}.s-cases .sig--new b{background:#b87aef}.s-cases .cases{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:clamp(18px,3vw,40px);margin-top:clamp(24px,4vw,44px);display:grid}.s-cases .cases__list{gap:8px;display:grid}.s-cases .case-tab{text-align:left;border:1.5px solid var(--line-ink);background:var(--white);cursor:pointer;width:100%;color:var(--ink);font:inherit;border-radius:18px;justify-items:start;gap:9px;padding:15px 18px 13px;transition:border-color .2s,transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:grid}.s-cases .case-tab:hover{border-color:#7b4dde59;transform:translate(3px)}.s-cases .case-tab[aria-selected=true]{background:linear-gradient(var(--white),var(--white))padding-box,linear-gradient(120deg,#8586e8,#7b4dde,#b87aef,#f09ab6)border-box;border-color:#0000;transform:none;box-shadow:0 18px 40px -28px #7b4dde99}.s-cases .case-tab:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.s-cases .case-tab__top{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.s-cases .case-tab__top small{font:500 10.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.s-cases .case-tab__h{font:700 17px/1.28 var(--f-display);letter-spacing:-.01em}.s-cases .case-tab__bar{background:0 0;border-radius:2px;width:100%;height:2px;display:block;overflow:hidden}.s-cases .case-tab[aria-selected=true] .case-tab__bar{background:#0505050f}.s-cases .case-tab__bar i{background:var(--grad);width:0;height:100%;display:block}.s-cases .cases__stage{gap:12px;display:grid;position:sticky;top:96px}.s-cases .case{background:linear-gradient(var(--white),var(--white))padding-box,linear-gradient(120deg,#8586e8,#7b4dde,#b87aef,#f09ab6)border-box;border:1.5px solid #0000;border-radius:24px;align-content:start;gap:16px;padding:clamp(22px,3vw,36px);display:grid;box-shadow:0 40px 90px -50px #7b4dde8c}.s-cases .cases.js .case:not(.on){display:none}.s-cases .cases.js .case.on{animation:.5s cubic-bezier(.16,1,.3,1) caseIn}@keyframes caseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.s-cases .case h3{font:700 clamp(24px,2.6vw,34px)/1.12 var(--f-display);letter-spacing:-.025em;max-width:18em;margin:0}.s-cases .case__block{border-top:1px solid var(--line-ink);gap:6px;padding-top:14px;display:grid}.s-cases .case__block p:last-child{color:var(--ink);font-size:16px;line-height:1.6}.s-cases .case__k{font:600 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;background:var(--grad-deep);color:#0000;-webkit-background-clip:text;background-clip:text;justify-self:start;margin:0}.s-cases .case__k--plain{background:0 0;-webkit-background-clip:unset;background-clip:unset;color:var(--ink-2)}.s-cases .case__cta{justify-self:start;margin-top:2px}.s-cases .case__fine{color:var(--ink-2);margin:0;font-size:13px;line-height:1.5}.s-cases .noticed__k{font:600 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--purple);align-items:center;gap:7px;display:inline-flex}.s-cases .noticed__k i{background:linear-gradient(135deg,#7b4dde,#f09ab6);border-radius:50%;width:7px;height:7px}.s-cases .exc__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.s-cases .pill{font:600 12.5px/1 var(--f-body);color:#fff;background:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.s-cases .pill:after{content:"→"}.s-cases .cases__pager{display:none}.s-cases .cases__note{font:500 11px/1.4 var(--f-mono);letter-spacing:.06em;color:var(--ink-2);text-align:center;margin:0}.s-cases .cases:not(.js) .cases__stage{position:static}.s-cases .stable{text-align:center;justify-items:center;gap:14px;margin-top:clamp(56px,8vw,104px);display:grid}.s-cases .stable__k{font:600 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#1c7a4c;align-items:center;gap:8px;margin:0;display:inline-flex}.s-cases .stable__k span{background:#2fbf7a24;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.s-cases .stable__big{font:700 clamp(28px,4vw,52px)/1.08 var(--f-display);letter-spacing:-.035em;max-width:16em;margin:0}.s-cases .stable__big span{color:var(--ink-2);letter-spacing:-.01em;margin-top:.5em;font-size:.5em;font-weight:500;display:block}@media (max-width:900px){.s-cases .cases{grid-template-columns:minmax(0,1fr)}.s-cases .cases__stage{position:static}}@media (max-width:760px){.s-cases .cases__list{display:none}.s-cases .cases:not(.js) .cases__list{display:grid}.s-cases .case{text-align:center;justify-items:center}.s-cases .case .exc__top{justify-content:center}.s-cases .case__block{justify-items:center;width:100%}.s-cases .case__k,.s-cases .case__cta{justify-self:center}.s-cases .case h3{font-size:22px}.s-cases .case__block p:last-child{font-size:15px}.s-cases .cases.js .cases__pager{justify-content:center;align-items:center;gap:14px;display:flex}.s-cases .cases__nav{border:1px solid var(--line-ink);background:var(--white);width:40px;height:40px;color:var(--ink);font:600 16px/1 var(--f-body);cursor:pointer;border-radius:50%}.s-cases .cases__dots{gap:7px;display:flex}.s-cases .cases__dots i{background:#05050526;border-radius:50%;width:7px;height:7px;transition:width .25s,background .25s}.s-cases .cases__dots i.on{background:var(--grad);border-radius:4px;width:20px}.s-cases .feature__copy,.s-cases .stable{text-align:center;justify-items:center}.s-cases .feature__copy p{margin-inline:auto}.s-cases .kicker{justify-content:center}.s-cases .bignum{transform:translate(-50%);left:50%!important;right:auto!important}.s-cases .stable{margin-top:40px}}#examples{padding-bottom:clamp(72px,9vw,120px);scroll-margin-top:68px}
