.ch-hero__text{padding:64px var(--sec-pad-x) 48px;text-align:center}.ch-proof{font:400 14px/1.4 var(--font-sans);letter-spacing:-.01em;color:var(--color-muted-text);align-items:center;gap:12px;margin-top:24px;display:inline-flex}.ch-proof img{width:76px;height:auto}.ch-proof strong{color:var(--color-ink)}.ch-hero__stage{padding:32px var(--sec-pad-x) 40px;border-top:1px solid var(--color-border);background:var(--color-surface) var(--hatch-light)}.ch-hero__text .ch-h1{max-width:900px;margin:0 auto}.ch-hero__text .ch-intro{margin-left:auto;margin-right:auto}.ch-hero__text .ch-btns{justify-content:center}.ch-demo-stage{container:chdemo/inline-size}.ch-demo-stage__row{flex-direction:column;gap:16px;display:flex}.ch-demo-stage__row>.ch-app{min-width:0}@container chdemo (width>=820px){.ch-demo-stage__row{flex-direction:row;align-items:stretch;gap:24px}.ch-demo-stage__row>.ch-app{flex:1 1 0}.ch-demo-stage__row>.ch-flow{flex:0 0 clamp(288px,32%,344px)}}@container chapp (width<=720px){.ch-demo-stage .ch-app__rail{mask-image:linear-gradient(to right, var(--color-ink) calc(100% - 32px), transparent)}}@media (width<=767px){.ch-hero__text{padding:44px 20px 36px}.ch-hero__stage{padding:16px}.ch-proof{flex-wrap:wrap;justify-content:center}}.ch-lib__tabs{grid-template-columns:1fr 1fr;display:grid}.ch-lib__tabs button{padding:22px var(--sec-pad-x);background:var(--color-subtle-2);color:var(--color-muted-text);text-align:left;cursor:pointer;border:0;flex-direction:column;align-items:flex-start;gap:6px;transition:background-color .15s,color .15s;display:flex;position:relative}.ch-lib__tabs button+button{border-left:1px solid var(--color-border)}.ch-lib__tabs button:hover{color:var(--color-ink)}.ch-lib__tabs button[aria-selected=true]{background:var(--color-surface);color:var(--color-ink)}.ch-lib__tabs button[aria-selected=true]:after{content:"";background:var(--color-ink);height:2px;position:absolute;bottom:-1px;left:0;right:0}.ch-lib__name{font:700 20px/1.2 var(--font-sans);letter-spacing:-.03em;align-items:baseline;gap:8px;display:inline-flex}.ch-lib__n{font:500 14px/1 var(--font-sans);font-variant-numeric:tabular-nums;color:var(--color-muted-text)}.ch-lib__works{font:400 14px/1.4 var(--font-sans);letter-spacing:-.01em;color:var(--color-muted-text)}@media (width<=767px){.ch-lib__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.ch-lib__tabs button{padding:16px}.ch-lib__name{flex-wrap:wrap;column-gap:6px;font-size:16px}.ch-lib__works{display:none}}.ch-lib .ch-stage--grid{padding-bottom:48px}@media (width<=767px){.ch-lib .ch-stage--grid{padding-bottom:32px}}.ch-head--split .ch-head__main{flex:auto;min-width:0}.ch-head__aside{flex:none}.ch-btns--flush{margin-top:0}@media (width<=767px){.ch-lib-head .ch-head__aside{align-self:flex-start}}.ch-steps{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ch-step{padding:0 32px var(--sec-pad-y)}.ch-step+.ch-step{border-left:1px solid var(--color-border)}.ch-step__art{border-bottom:1px solid var(--color-border);background:var(--color-surface) var(--hatch-light);justify-content:center;align-items:center;height:220px;margin:0 -32px 28px;display:flex}.ch-step__n{font:500 12px/1 var(--font-sans);letter-spacing:.1em;font-variant-numeric:tabular-nums;color:var(--color-muted-text);margin-bottom:10px;display:block}.ch-step .ch-text{margin-top:8px}.ch-step .ch-step__more{margin-top:4px}@media (width<=767px){.ch-steps{grid-template-columns:1fr}.ch-step{padding:0 20px 36px}.ch-step__art{margin:0 -20px 24px}.ch-step+.ch-step{border-left:0;border-top:1px solid var(--color-border)}}@media (width<=1024px) and (width>=768px){.ch-step{padding-left:24px;padding-right:24px}.ch-step__art{margin-left:-24px;margin-right:-24px}.ch-step__art>*{transform:scale(.82)}}.ch-art-copy{border:1px solid var(--color-border);background:var(--color-stage);border-radius:12px;width:220px;padding:6px}.ch-art-copy__shot{border:1px solid var(--color-border);background:linear-gradient(var(--color-border), var(--color-border)) 16px 22px / 90px 8px no-repeat, linear-gradient(var(--color-border), var(--color-border)) 16px 38px / 130px 6px no-repeat, linear-gradient(var(--color-border), var(--color-border)) 16px 50px / 110px 6px no-repeat, linear-gradient(var(--color-ink), var(--color-ink)) 16px 66px / 44px 12px no-repeat, var(--color-surface);border-radius:8px;height:92px;display:block}.ch-art-copy__bar{font:700 12px/1 var(--font-sans);justify-content:space-between;align-items:center;padding:8px 4px 2px;display:flex}.ch-art-copy__btn{border-radius:var(--radius-button);background:var(--color-ink);color:var(--color-surface);padding:6px 10px;font-weight:500}.ch-art-paste{flex-direction:column;align-items:center;gap:16px;display:flex}.ch-art-paste__menu{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-raised);font:500 13px/1 var(--font-sans);border-radius:8px;padding:8px 12px}.ch-art-paste__keys{color:var(--color-muted-text);align-items:center;gap:8px;display:flex}.ch-art-paste kbd{border:1px solid var(--color-border);background:var(--color-surface);min-width:44px;height:44px;color:var(--color-ink);font:500 15px/1 var(--font-sans);border-bottom-width:3px;border-radius:10px;place-items:center;padding:0 10px;display:grid}.ch-art-style{width:252px;height:172px;position:relative}.ch-art-style__card,.ch-art-style__v4{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;flex-direction:column;gap:7px;padding:12px;display:flex;position:absolute}.ch-art-style__card{width:160px;top:0;left:0}.ch-art-style__v4{width:130px;box-shadow:var(--shadow-raised);gap:6px;bottom:0;right:0}.ch-art-style__head{font:500 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted-text);justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.ch-art-style__aa{font:700 18px/1 var(--font-sans);letter-spacing:-.04em;text-transform:none;color:var(--color-ink)}.ch-art-style__row{font:500 12px/1 var(--font-sans);color:var(--color-text);align-items:center;gap:8px;display:flex}.ch-art-style__sw{border:1px solid var(--color-border);border-radius:5px;width:16px;height:16px}.ch-art-style__sw--primary{background:var(--color-ink)}.ch-art-style__sw--secondary{background:var(--color-surface)}.ch-art-style__sw--text{background:var(--color-text)}.ch-art-style__sw--accent{background:var(--color-accent)}.ch-art-style__label{font:500 10px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted-text)}.ch-art-style__chips{flex-wrap:wrap;gap:4px;display:flex}.ch-art-style__chip{border:1px solid var(--color-border);background:var(--color-subtle-2);height:20px;font:500 11px/1 var(--font-sans);color:var(--color-ink);border-radius:5px;align-items:center;gap:5px;padding:0 7px;display:inline-flex}.ch-art-style__chip--class{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface)}.ch-art-style__dot{border-radius:50%;width:8px;height:8px}
