*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0b0c;--ink:#ece8e1;--ink-strong:#f4f2ee;--body:#edeae6f5;--muted:#e6e3dfbd;--faint:#e6e3df9e;--line:#e6e3df24;--frame:#161416;--accent:#ef8566;--sans:"Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:"SF Mono", "JetBrains Mono", "Roboto Mono", ui-monospace, Menlo, monospace;--doc-max:1240px;--doc-pad:clamp(1.5rem, 4vw, 3.5rem);--read:775px;--title-size:clamp(2.2rem, 6vw, 3.8rem)}html{scroll-behavior:smooth}body.cs{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}.navbar{z-index:10;justify-content:space-between;align-items:center;width:100%;padding:clamp(1.25rem,2.5vw,2rem) clamp(1.5rem,4vw,3.5rem);animation:1s cubic-bezier(.22,1,.36,1) .25s both heroFadeDown;display:flex;position:relative}.navbar__brand{align-items:center;text-decoration:none;display:inline-flex}.navbar__brand img{width:auto;height:1.5rem;display:block}.navbar__nav{align-items:center;gap:clamp(1.5rem,3vw,2.75rem);display:flex}.navbar__nav a{color:#e6e3dfd1;letter-spacing:.01em;font-size:.95rem;text-decoration:none;transition:color .2s}.navbar__nav a:hover{color:#fff}@media (hover:hover) and (width>=769px){.navbar__nav{position:relative}.navbar__dot{pointer-events:none;width:5px;height:5px;margin-left:-2.5px;transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.navbar__dot span{opacity:0;background:#fff;border-radius:999px;width:100%;height:100%;transition:opacity .2s,scale .35s cubic-bezier(.34,1.56,.64,1);display:block;scale:0}.navbar__dot.is-visible span{opacity:1;scale:1}}.navbar__socials{align-items:center;gap:1.5rem;display:inline-flex}.navbar__social{color:#e6e3dfd1;align-items:center;transition:color .2s;display:inline-flex}.navbar__social:hover{color:#fff}.navbar__social svg{width:18px;height:18px;display:block}.navbar__toggle{z-index:30;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;padding:0;display:none;position:relative}.navbar__toggle-bar{background:#ece8e1;border-radius:2px;width:24px;height:2px;margin:0 auto;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s;display:block}.navbar.is-open .navbar__toggle-bar:first-child{transform:translateY(4px)rotate(45deg)}.navbar.is-open .navbar__toggle-bar:nth-child(2){transform:translateY(-4px)rotate(-45deg)}@keyframes heroFadeDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){header.navbar{animation:none}.navbar__toggle{display:flex}.navbar__brand{z-index:30;position:relative}.navbar__nav{z-index:20;opacity:0;visibility:hidden;background:#0d0b0c;flex-direction:column;justify-content:center;gap:clamp(1.5rem,5vh,2.5rem);transition:opacity .35s,transform .4s cubic-bezier(.22,1,.36,1),visibility .35s;position:fixed;inset:0;transform:translateY(-8px)}.navbar.is-open .navbar__nav{opacity:1;visibility:visible;transform:none}.navbar__nav a{font-size:1.6rem}.navbar__socials{gap:2rem;margin-top:1rem}.navbar__social svg{width:22px;height:22px}}.cs__hero{max-width:var(--read);margin-bottom:clamp(2rem,6vh,4rem)}.cs__eyebrow{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#e6e3dfb8;margin-bottom:clamp(1rem,3vh,1.75rem);font-size:.74rem;display:block}.cs__title{font-family:var(--sans);font-size:var(--title-size);letter-spacing:-.035em;color:var(--ink-strong);font-weight:700;line-height:1.03}.cs__lede{max-width:50ch;color:var(--body);margin-top:clamp(1.25rem,3vh,1.75rem);font-size:1rem;font-weight:400;line-height:1.6}.cs__demo{color:inherit;border-radius:10px;text-decoration:none;display:block;position:relative}.cs__demo>.pm-frame{transition:border-color .3s}.cs__demo:hover>.pm-frame{border-color:#f4f2ee52}.cs__demo:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.cs__demo-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink-strong);letter-spacing:.02em;white-space:nowrap;background:#0d0b0c99;border:1px solid #f4f2ee2e;border-radius:2px;align-items:center;gap:.4em;padding:.55em .9em;font-size:clamp(.72rem,1.1vw,.85rem);font-weight:500;transition:background-color .5s,color .5s,border-color .5s;display:inline-flex;position:absolute;bottom:clamp(.6rem,1.6vw,1rem);right:clamp(.6rem,1.6vw,1rem)}@media (width<=640px){.cs__demo-label{margin-top:.75rem;position:static}}.cs__demo:hover .cs__demo-label,.cs__demo:focus-visible .cs__demo-label{background:var(--ink-strong);border-color:var(--ink-strong);color:#0d0b0c;transition-duration:.22s}.cs__demo-label svg,.cs__rail-cta svg{flex-shrink:0;width:1em;height:1em;transition:transform .25s}.cs__demo:hover .cs__demo-label svg,.cs__rail-cta:hover svg{transform:translate(2px,-2px)}.cs__rail-cta{border:1px solid var(--line);font-family:var(--sans);letter-spacing:.02em;color:var(--ink-strong);border-radius:2px;align-items:center;gap:.45em;margin-top:2rem;padding:.55rem .9rem;font-size:.85rem;text-decoration:none;transition:background-color .5s,color .5s,border-color .5s;display:inline-flex}.cs__rail-cta:hover{background:var(--ink-strong);border-color:var(--ink-strong);color:#0d0b0c;transition-duration:.22s}.cs__rail-cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.cs__demo-label svg,.cs__rail-cta svg{transition:none}}.cs__meta{grid-template-columns:repeat(4,1fr);align-items:start;gap:clamp(1.5rem,4vw,2.5rem);margin-top:clamp(2rem,5vh,3rem);margin-bottom:clamp(2rem,6vh,4rem);display:grid}.cs__meta-item dt{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#e6e3dfb8;margin-bottom:.4rem;font-size:.68rem}.cs__meta-item dd{color:var(--ink);font-size:.95rem;font-weight:500;line-height:1.5}.cs__meta-item dd+dd{margin-top:.1rem}.cs__frame{background:var(--frame);border:1px solid var(--line);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.cs__frame img{width:100%;height:auto;display:block}.cs__frame--pad{padding:clamp(1.25rem,4vw,3rem)}.cs__frame--ph{aspect-ratio:16/10}.cs__frame--ph span{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:.72rem}.cs__doc{max-width:var(--doc-max);padding:clamp(2rem, 6vh, 4rem) var(--doc-pad) 0;grid-template-columns:minmax(132px, 172px) minmax(2.5rem, 1fr) minmax(0, var(--read));align-items:start;column-gap:0;margin-inline:0;display:grid}.cs__rail{margin-top:calc(var(--title-size) * .163 - .74rem * .397);grid-column:1;position:sticky;top:clamp(1.5rem,5vh,2.5rem)}.cs__toc{flex-direction:column;gap:.9rem;display:flex}.cs__toc-title{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:.4rem;font-size:.74rem}.cs__toc-link{font-family:var(--sans);letter-spacing:.04em;color:var(--muted);align-items:baseline;gap:.7rem;font-size:.88rem;text-decoration:none;transition:color .2s;display:flex}.cs__toc-link span{color:var(--faint);font-variant-numeric:tabular-nums;transition:color .2s}.cs__toc-link:hover,.cs__toc-link.is-active,.cs__toc-link.is-active span{color:var(--ink-strong)}.cs__main{grid-column:3;min-width:0}.cs__block>.cs__label,.cs__block>.cs__h2,.cs__block>.cs__prose,.cs__block>.cs__h3,.cs__block>.cs__learn,.cs__quote{max-width:var(--read)}.cs__block+.cs__block,.cs__quote+.cs__block,.cs__block+.cs__quote{margin-top:clamp(3rem,8vh,6rem)}.cs__label{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#e6e3dfb8;margin-bottom:clamp(.9rem,2vh,1.25rem);font-size:.72rem;display:block}.cs__h2{font-family:var(--sans);letter-spacing:-.025em;color:var(--ink-strong);margin-bottom:clamp(1rem,2.5vh,1.5rem);font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:700;line-height:1.12}.cs__prose p{color:var(--body);font-size:1rem;line-height:1.7}.cs__prose p+p{margin-top:1.1em}.cs__prose strong{color:var(--ink-strong);font-weight:600}.cs__figure{margin-block:clamp(1.75rem,5vh,3rem)}.cs__block>.cs__prose+.cs__figure{margin-top:clamp(1rem,2.5vh,1.5rem)}.cs__figure+.cs__h3{margin-top:clamp(1.75rem,5vh,3rem)}.cs__h3{font-family:var(--sans);letter-spacing:-.02em;color:var(--ink-strong);margin-bottom:.75rem;font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:600;line-height:1.18}.cs__caption{color:var(--muted);max-width:var(--read);margin-top:.85rem;font-size:.85rem}.cs__quote{margin-top:clamp(3rem,8vh,6rem)}.cs__quote+.cs__block--tight{margin-top:clamp(1.25rem,3vh,2rem)}.cs__quote p{font-family:var(--sans);letter-spacing:-.02em;color:var(--ink-strong);border-left:2px solid var(--accent);padding-left:clamp(1rem,2.5vw,1.75rem);font-size:clamp(1.5rem,3.2vw,2.2rem);font-weight:500;line-height:1.28}.cs__metric{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:clamp(1rem,3vw,2rem);margin-bottom:clamp(1.5rem,4vh,2.25rem);padding-bottom:clamp(1.75rem,4vh,2.5rem);display:flex}.cs__metric-num{font-family:var(--sans);letter-spacing:-.04em;color:var(--accent);font-size:clamp(3.5rem,11vw,6rem);font-weight:700;line-height:.9}.cs__metric-label{max-width:24ch;color:var(--body);font-size:clamp(1rem,1.3vw,1.2rem)}.cs__learn{grid-template-columns:1fr 1fr;gap:clamp(1.75rem,4vw,2.5rem);display:grid}.cs__learn h4{font-family:var(--sans);letter-spacing:-.015em;color:var(--ink-strong);margin-bottom:.6rem;font-size:clamp(1.15rem,1.8vw,1.35rem);font-weight:600}.cs__learn p{color:var(--body);font-size:1rem;line-height:1.62}.cs__block>.cs__chips,.cs__block>.cs__stats,.cs__block>.cs__compare,.cs__block>.cs__steps,.cs__block>.cs__flows{max-width:var(--read)}.cs__block>*+.cs__prose,.cs__block>.cs__prose+.cs__chips,.cs__block>.cs__prose+.cs__compare,.cs__block>.cs__prose+.cs__flows,.cs__block>.cs__h2+.cs__steps{margin-top:clamp(1.5rem,3.5vh,2rem)}.cs__chips{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:.25rem 0;font-size:.78rem;list-style:none;display:flex}.cs__chips li+li:before{content:"·";color:var(--faint);margin:0 .7rem}.cs__stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin-block:clamp(1.75rem,4vh,2.5rem);display:grid}.cs__stat{flex-direction:column;gap:.5rem;padding:clamp(1.25rem,3vh,1.75rem) 0;display:flex}.cs__stat+.cs__stat{border-left:1px solid var(--line);padding-left:clamp(1.25rem,3vw,2rem)}.cs__stat-num{font-family:var(--sans);letter-spacing:-.04em;color:var(--accent);font-size:clamp(2.6rem,6vw,3.6rem);font-weight:700;line-height:.95}.cs__stat-label{max-width:24ch;color:var(--body);font-size:.95rem;line-height:1.45}.cs__compare,.cs__flows{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.cs__compare-card,.cs__flow{flex-direction:column;gap:.6rem;padding:clamp(1.25rem,3vh,1.75rem) clamp(1.25rem,3vw,2rem) clamp(1.25rem,3vh,1.75rem) 0;display:flex}.cs__compare-card+.cs__compare-card,.cs__flow+.cs__flow{border-left:1px solid var(--line);padding-left:clamp(1.25rem,3vw,2rem);padding-right:0}.cs__compare-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.cs__compare-card h3{font-family:var(--sans);letter-spacing:-.015em;color:var(--ink-strong);font-size:1.25rem;font-weight:600}.cs__compare-card p{color:var(--body);font-size:.95rem;line-height:1.55}.cs__compare-flow{font-family:var(--sans);align-items:center;gap:.5rem;margin-top:auto;padding-top:.4rem;font-size:.9rem;font-weight:500;display:flex}.cs__compare-card .cs__compare-flow{color:var(--ink)}.cs__compare-flow span[aria-hidden]{color:var(--accent)}.cs__steps{border-top:1px solid var(--line);list-style:none}.cs__step{border-bottom:1px solid var(--line);grid-template-columns:1.6rem minmax(0,1fr) 8.5rem;align-items:baseline;gap:.6rem .9rem;padding:clamp(1.25rem,3vh,1.75rem) 0;display:grid}.cs__step-head{display:contents}.cs__step-num{font-family:var(--mono);color:var(--faint);font-size:.78rem}.cs__step-head h3{font-family:var(--sans);letter-spacing:-.015em;color:var(--ink-strong);font-size:clamp(1.15rem,1.9vw,1.35rem);font-weight:600}.cs__step p{max-width:62ch;color:var(--body);grid-column:2;font-size:.98rem;line-height:1.6}.cs__pill{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;justify-self:end;font-size:.68rem}.cs__pill--miss{color:var(--faint)}.cs__pill--hit{color:var(--accent)}.cs__flow ol{counter-reset:flow;gap:.7rem;list-style:none;display:grid}.cs__flow li{counter-increment:flow;color:var(--body);grid-template-columns:1.6rem 1fr;gap:.4rem;font-size:.95rem;line-height:1.5;display:grid}.cs__flow li:before{content:counter(flow, decimal-leading-zero);font-family:var(--mono);color:var(--faint);font-size:.72rem;line-height:1.5rem}.cs__frame--shot{display:block}.cs__annot{--annot-gap:2rem;--annot-notes-w:12rem;position:relative}.cs__annot-body{position:relative}.cs__annot-screen{border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden}.cs__annot-screen .bp{position:absolute;top:0;left:0}.cs__annot-notes{counter-reset:annot;gap:.75rem;margin-top:1.25rem;list-style:none;display:grid}.cs__annot-notes li{counter-increment:annot;color:var(--body);grid-template-columns:1.4rem 1fr;font-size:.82rem;line-height:1.45;display:grid}.cs__annot-notes li:before{content:counter(annot);font-family:var(--mono);color:var(--accent);font-size:.72rem;line-height:1.6}.cs__annot-notes strong{color:var(--ink-strong);font-weight:600}.cs__annot.is-side .cs__annot-notes{top:0;left:calc(100% + var(--annot-gap));width:var(--annot-notes-w);margin-top:0;position:absolute}.cs__annot.is-side .cs__annot-notes li{width:fit-content;max-width:var(--annot-notes-w);color:#1d1c1d;background:#fff;border-radius:12px;padding:.55rem .8rem;font-size:.8rem;line-height:1.4;display:block;position:absolute;left:0;box-shadow:0 10px 24px -10px #0000008c,0 1px 3px #0000002e}.cs__annot.is-side .cs__annot-notes li:before{content:none}.cs__annot.is-side .cs__annot-notes strong{color:#0e121b}.cs__annot.is-side .cs__annot-marker{color:#0000;background:#9aa0a6;width:7px;height:7px;font-size:0}.cs__annot-marker{z-index:2;background:var(--accent);color:#0d0b0c;width:18px;height:18px;font-family:var(--mono);pointer-events:none;border-radius:50%;place-items:center;font-size:.66rem;font-weight:600;display:grid;position:absolute;translate:-50% -50%}.cs__annot-lines{pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0;overflow:visible}.cs__annot.is-side .cs__annot-lines{display:block}.cs__annot-lines path{fill:none;stroke:#9aa0a6;stroke-width:1.25px;stroke-dasharray:4 4;transition:stroke .2s,opacity .2s}.cs__annot-lens{z-index:3;pointer-events:none;opacity:0;background:#eef1f5;border:1px solid #ffffff38;border-radius:10px;width:280px;height:180px;transition:opacity .25s,scale .35s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;overflow:hidden;scale:.92;box-shadow:0 24px 48px -16px #0009,0 2px 6px #00000040}.cs__annot-lens.is-on{opacity:1;scale:1}.cs__annot-lens .bp{position:absolute;top:0;left:0}.cs__annot-lens-hl{border:2px solid var(--accent);background:#ef856614;border-radius:4px;position:absolute}@media (prefers-reduced-motion:reduce){.cs__annot-lens{transition:opacity .15s;scale:1}}.cs__annot.is-side:not(.is-explored) .cs__annot-marker:after{content:"";pointer-events:none;border:1.5px solid #9aa0a6;border-radius:50%;animation:2.4s cubic-bezier(.22,1,.36,1) infinite annot-ping;position:absolute;inset:-1px}.cs__annot-marker:nth-of-type(2):after{animation-delay:.3s}.cs__annot-marker:nth-of-type(3):after{animation-delay:.6s}@keyframes annot-ping{0%{opacity:.8;transform:scale(1)}70%,to{opacity:0;transform:scale(3.2)}}@media (prefers-reduced-motion:reduce){.cs__annot-marker:after{display:none;animation:none!important}}.cs__annot.is-side .cs__annot-notes li{cursor:pointer;transition:opacity .2s}.cs__annot-hl{z-index:1;border:2px solid var(--accent);pointer-events:none;opacity:0;background:#ef85661f;border-radius:4px;position:absolute}.cs__annot-hl.is-on{opacity:1}.cs__annot-notes li{cursor:default;outline:none;transition:opacity .2s}.cs__annot-marker,.cs__annot-lines path{transition:opacity .2s,background-color .2s,stroke .2s}.cs__annot.has-active .cs__annot-notes li:not(.is-active){opacity:.6}.cs__annot.has-active .cs__annot-marker:not(.is-active),.cs__annot.has-active .cs__annot-lines path:not(.is-active){opacity:.35}.cs__annot-lines path.is-active{stroke:var(--accent)}.cs__annot.is-side .cs__annot-marker.is-active{background:var(--accent)}.cs__annot.is-side .cs__annot-notes li.is-active,.cs__annot.is-side .cs__annot-notes li:focus-visible{box-shadow:0 0 0 2px var(--accent), 0 16px 32px -12px #000000b3}.cs__annot-notes li:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cs__annot.is-side .cs__annot-notes li:focus-visible{outline:none}.cs__zoom{cursor:zoom-in;display:block}.cs__caption-link{color:var(--ink);white-space:nowrap;border-bottom:1px solid var(--line);margin-left:.4em;text-decoration:none;transition:color .2s,border-color .2s}.cs__caption-link:hover{color:var(--ink-strong);border-color:currentColor}@media (width<=640px){.cs__meta{grid-template-rows:auto auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;row-gap:1.75rem}.cs__compare,.cs__flows,.cs__stats{grid-template-columns:1fr}.cs__compare-card,.cs__flow{padding-right:0}.cs__stat+.cs__stat,.cs__compare-card+.cs__compare-card,.cs__flow+.cs__flow{border-left:0;border-top:1px solid var(--line);padding-left:0}.cs__step .cs__pill{grid-area:2/2;justify-self:start}.cs__step p{grid-area:3/2/auto/-1}}.footer{margin-top:clamp(4rem,10vh,7rem)}@media (width<=860px){.cs__doc{grid-template-columns:1fr;gap:0}.cs__rail,.cs__main{grid-column:auto}.cs__rail{display:none}.cs__learn{grid-template-columns:1fr;gap:1.75rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.navbar{animation:none}}
