.co-hero,.co{--leaf:#5c7a4f;--leaf-text:#3f5733;--leaf-soft:#e3ecdb;--warn-text:#7a5612;--warn-soft:#f4e8cc;--card:#fff}.co .wrap,.co-hero .wrap{max-width:1180px;margin:0 auto;padding:0 5%}.co h2,.co h3,.co h4,.co p,.co-hero h1,.co-hero p{margin:0}.co a,.co-hero a{color:inherit}.co button:focus-visible,.co a:focus-visible,.co-hero a:focus-visible{outline:2px solid var(--sf-copper);outline-offset:3px;box-shadow:none}.co .eyebrow-dark{font:500 11px/1.4 var(--sf-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sf-ink-4)}.co h2{font:400 clamp(32px, 3.8vw, 50px)/1.08 var(--sf-display);letter-spacing:-.04em;color:var(--sf-ink)}.co-hero{color:var(--sf-paper);font:15px/1.7 var(--sf-sans)}.co-hero .hero-grid{grid-template-columns:1.04fr 1fr;align-items:center;gap:5%;min-height:560px;padding-top:40px;padding-bottom:96px;display:grid}.co-hero .hero-copy{z-index:2;position:relative}.co-hero .kicker{color:#a49b8e;align-items:center;gap:12px;font-size:12px;display:flex}.co-hero .kicker-flame{color:var(--sf-copper);flex:none;margin-right:-4px}.co-hero .kicker:before{content:"";background:currentColor;width:22px;height:1px}.co-hero .flourish{font:300 clamp(48px, 5.2vw, 76px)/.97 var(--sf-display);letter-spacing:-.065em;margin:29px 0 31px}.co-hero .flourish span{display:block}.co-hero h1{font:400 clamp(22px, 2vw, 30px)/1.2 var(--sf-display);letter-spacing:-.02em;color:#e9e2d6;max-width:26ch;margin:-8px 0 20px}.co-hero h1 span:last-child{padding-left:10%}.co-hero .hero-copy>p:not(.flourish){font:17px/1.8 var(--sf-reader);color:#c5bdb0;max-width:36ch}.co-hero .text-link{color:inherit;border-bottom:1px solid #ffffff58;align-items:center;gap:25px;margin-top:33px;padding-bottom:8px;font-size:13px;text-decoration:none;display:inline-flex}.co-hero .text-link span{font-size:20px}.co-hero .hero-foot{max-width:1180px;font:10px/1.6 var(--sf-mono);color:#a49b8e;border-top:1px solid #ffffff20;justify-content:space-between;gap:20px;margin:0 auto;padding:22px 5%;display:flex}.co-hero .hero-foot b{color:var(--sf-paper);font-weight:400}.co-hero .paper-obj{min-height:330px;margin:0;position:relative}.co-hero .paper{background:var(--sf-paper);color:var(--sf-ink);min-height:330px;padding:26px 28px 30px;position:relative;transform:rotate(-1.5deg);box-shadow:0 30px 70px #0006}.co-hero .paper-top{font:400 10px var(--sf-mono);color:#746b5e;margin-bottom:56px}.co-hero .paper-ver{font:400 10px var(--sf-mono);color:#746b5e;position:absolute;bottom:26px;left:28px}.co-hero .paper-line{font:400 clamp(22px, 2.1vw, 28px)/1.3 var(--sf-display);letter-spacing:-.02em;color:var(--sf-ink);max-width:18ch;margin:0;padding-left:2px;position:relative}.co-hero .paper-line .pin{background:var(--sf-copper);color:#fff;width:22px;height:22px;font:500 10px/22px var(--sf-mono);text-align:center;opacity:0;border-radius:50%;transition:opacity .3s,transform .3s;position:absolute;top:6px;left:-30px;transform:scale(.5)}.co-hero .paper-line .pin.on{opacity:1;transform:none}.co-hero .paper-line del{color:inherit;text-decoration:none}.co-hero .paper-line ins{background:#dfe7d7;margin-left:6px;padding:0 5px 2px;text-decoration:none;display:none}.co-hero .paper-line[data-marked] del{background:#f3d8c5;padding:0 3px}.co-hero .paper-line[data-edited] del{color:var(--sf-ink-4);background:0 0;padding:0;text-decoration:line-through 1px}.co-hero .paper-line[data-edited] ins{display:inline}.co-hero .stamp-big{color:#3f5733;opacity:0;border:2px solid #3f5733;border-radius:4px;padding:10px 14px;transition:opacity .25s,transform .3s cubic-bezier(.2,1.4,.4,1);position:absolute;bottom:24px;right:26px;transform:rotate(-8deg)scale(1.3)}.co-hero .stamp-big.on{opacity:1;transform:rotate(-6deg)scale(1)}.co-hero .stamp-big b{font:500 20px/1 var(--sf-display);letter-spacing:-.02em;display:block}.co-hero .stamp-big span{font:400 9px var(--sf-mono);letter-spacing:.06em;text-transform:uppercase;margin-top:6px;display:block}.co-hero .slip{width:46%;min-height:118px;color:var(--sf-ink);opacity:0;background:#f6f2ec;padding:16px 18px 18px;transition:opacity .4s,transform .4s;position:absolute;top:-22px;right:-14px;transform:rotate(3deg)translateY(10px);box-shadow:0 18px 50px #0005}.co-hero .slip.on{opacity:1;transform:rotate(3deg)}.co-hero .slip.dim{opacity:.55;transform:rotate(3deg)translateY(-6px)}.co-hero .slip span{font:400 9px var(--sf-mono);color:#746b5e;margin-bottom:10px;display:block}.co-hero .slip p{font:400 13px/1.5 var(--sf-reader);margin:0}.co .demo{padding:88px 0 96px}.co .demo-intro{max-width:760px;margin-bottom:40px}.co .demo h2{margin-top:18px}.co .demo-sub{font:400 17px/1.65 var(--sf-reader);color:var(--sf-ink-2);max-width:52ch;margin-top:16px}.co .tabs{border-top:1px solid var(--sf-ink);border-bottom:1px solid var(--sf-rule);grid-template-columns:repeat(3,1fr);margin-bottom:40px;display:grid}.co .tabs button{border:0;border-right:1px solid var(--sf-rule);text-align:left;font:500 14px/1.3 var(--sf-sans);color:var(--sf-ink-3);cursor:pointer;background:0 0;align-items:baseline;gap:14px;padding:18px 20px 18px 0;display:flex}.co .tabs button+button{padding-left:20px}.co .tabs button:last-child{border-right:0}.co .tabs button span{font:500 11px var(--sf-mono);color:var(--sf-ink-4)}.co .tabs button[aria-current=step]{color:var(--sf-ink)}.co .tabs button[aria-current=step] span{color:var(--sf-copper)}.co .stage{grid-template-columns:.7fr 1.5fr;align-items:start;gap:5%;display:grid}.co .stage-copy{padding-top:6px;position:sticky;top:24px}.co .stage-title{font:400 30px/1.15 var(--sf-display);letter-spacing:-.03em;color:var(--sf-ink);min-height:2.3em;margin-bottom:14px}.co .stage-copy>p:not(.playback){font:400 15px/1.65 var(--sf-sans);color:var(--sf-ink-3);max-width:30ch;min-height:3.3em}.co .playback{border-top:1px solid var(--sf-ink);font:400 12px/1.4 var(--sf-sans);color:var(--sf-ink-3);flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px;padding-top:18px;display:flex}.co .try-dot{background:var(--sf-copper);border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:1.6s ease-in-out infinite co-pulse}.co .pb{border:1px solid var(--sf-copper);background:var(--sf-copper);color:var(--sf-paper);font:500 12px var(--sf-sans);cursor:pointer;border-radius:5px;min-width:84px;padding:8px 14px;animation:1.6s ease-in-out infinite co-pulse}.co .pb[aria-pressed=true]{color:var(--sf-ink);background:0 0;border-color:#cbbfaf;animation:none}.co .pb-note{flex-basis:100%}@keyframes co-pulse{0%,to{box-shadow:0 0 #b4694a8c}60%{box-shadow:0 0 0 9px #b4694a00}}.co .shell{background:var(--sf-paper);border:1px solid var(--sf-rule);border-radius:9px;overflow:hidden;box-shadow:0 22px 65px #34281c16}.co .shell-top{font:400 11px var(--sf-sans);color:var(--sf-ink-3);border-bottom:1px solid #e5ddd2;justify-content:space-between;padding:14px 23px;display:flex}.co .shell-label{font:400 9px var(--sf-mono);border:1px solid var(--sf-rule);border-radius:4px;padding:2px 6px}.co .shell-heading{padding:22px 25px 18px}.co .shell-heading h4{font:500 27px/1.1 var(--sf-display);letter-spacing:-.035em;color:var(--sf-ink)}.co .shell-meta{font:400 10px var(--sf-sans);color:var(--sf-ink-3);flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.co .shell-meta span{border:1px solid var(--sf-rule);border-radius:20px;padding:3px 10px;transition:background .3s,color .3s,border-color .3s}.co .shell-meta span:first-child{background:var(--sf-ink);color:var(--sf-paper);border-color:var(--sf-ink);text-align:center;min-width:120px}.co .shell-meta span:first-child[data-state=changes]{background:var(--warn-soft);color:var(--warn-text);border-color:var(--warn-soft)}.co .shell-meta span:first-child[data-state=approved]{background:var(--leaf-soft);color:var(--leaf-text);border-color:var(--leaf-soft)}.co .shell-body{grid-template-columns:1fr 1.1fr;align-items:start;gap:22px;padding:0 25px 22px;display:grid}.co .preview{border:1px solid var(--sf-rule);background:#ece6dc;border-radius:7px;padding:12px}.co .pv-top{font:500 9px/1.5 var(--sf-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sf-ink-4);justify-content:space-between;gap:10px;margin-bottom:10px;display:flex}.co .pv-mail{background:#fff;border:1px solid #ddd5c8;padding:18px 18px 16px}.co .pv-subject{font:500 16px/1.3 var(--sf-display);letter-spacing:-.02em;color:var(--sf-ink);border-bottom:1px solid #ece6dc;padding-bottom:12px}.co .pv-line{font:400 15px/1.55 var(--sf-reader);color:var(--sf-ink);border-radius:4px;margin-top:14px;padding:8px 10px;transition:background .3s;position:relative}.co .pv-line[data-pinned]{background:#b4694a14}.co .pv-line em{padding:0 2px;font-style:normal;transition:background .3s}.co .pv-line[data-pinned] em{border-bottom:1px dashed #938571}.co .pv-line[data-changed-state] em{background:var(--leaf-soft)}.co .pv-pin{background:var(--sf-copper);color:#fff;width:22px;height:22px;font:500 10px/22px var(--sf-mono);text-align:center;opacity:0;border-radius:50%;transition:opacity .3s,transform .3s;position:absolute;top:-10px;left:-12px;transform:scale(.5)}.co .pv-line[data-pinned] .pv-pin{opacity:1;transform:scale(1)}.co .pv-cta{font:400 11px var(--sf-sans);color:var(--sf-ink);border-bottom:1px solid #978975;margin-top:14px;display:inline-block}.co .thread{min-width:0}.co .th-people{border-bottom:1px solid var(--sf-rule);font:400 12px/1.5 var(--sf-sans);color:var(--sf-ink);flex-direction:column;gap:4px;padding-bottom:12px;display:flex}.co .th-label{font:500 9px/1.5 var(--sf-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sf-ink-4);margin-bottom:2px}.co .th-people i{font:400 9px var(--sf-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sf-ink-4);margin-left:8px}.co .th-list{flex-direction:column;gap:10px;padding:12px 0 0;display:flex}.co .msg{background:#faf8f4;border:1px solid #dfd6ca;border-radius:5px;padding:10px 12px}.co .msg.you{background:var(--sf-paper-2);border-color:var(--sf-paper-3)}.co .msg.new,.co .round-line.new,.co .history.new{animation:.4s both co-in}.co .msg-who{font:500 11px/1.4 var(--sf-sans);color:var(--sf-ink);justify-content:space-between;gap:8px;display:flex}.co .msg-who i{font:400 9px var(--sf-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sf-ink-4)}.co .msg-who .pin-ref{color:var(--sf-copper-deep)}.co .msg p{font:400 12.5px/1.55 var(--sf-sans);color:var(--sf-ink-2);margin-top:4px}.co .msg .mention{color:var(--sf-copper-deep);font-weight:500}.co .msg.decision p{font:500 11px/1 var(--sf-sans);border-radius:4px;margin-top:6px;padding:6px 10px;display:inline-block}.co .msg.decision.changes p{background:var(--warn-soft);color:var(--warn-text)}.co .msg.decision.approved p{background:var(--leaf-soft);color:var(--leaf-text)}.co .round-line{font:500 9px/1.4 var(--sf-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sf-ink-3);align-items:center;gap:10px;display:flex}.co .round-line:before,.co .round-line:after{content:"";background:var(--sf-rule);flex:1;height:1px}.co .history{border:1px solid var(--sf-rule);background:var(--sf-paper);border-radius:5px}.co .history summary{cursor:pointer;font:500 10px/1.5 var(--sf-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sf-ink-3);justify-content:space-between;gap:10px;padding:9px 12px;list-style:none;display:flex}.co .history summary::-webkit-details-marker{display:none}.co .history summary:after{content:"+";color:#8e8475;font-size:14px}.co .history[open] summary:after{content:"−"}.co .history .msg{border-bottom:0;border-left:0;border-right:0;border-radius:0}.co .pending{font:400 11px/1.5 var(--sf-sans);color:var(--sf-ink-3);padding:6px 2px 0}@keyframes co-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.co .shell-bottom{font:400 9px/1.7 var(--sf-mono);color:var(--sf-ink-3);background:#eee8df;border-top:1px solid #e1d8cb;justify-content:space-between;gap:12px;padding:11px 23px;display:flex}.co .faq{background:var(--sf-paper-2);border-block:1px solid var(--sf-rule);padding:96px 0}.co .faq-grid{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);align-items:start;gap:8%;display:grid}.co .faq-intro{position:sticky;top:24px}.co .reader{font:400 17px/1.65 var(--sf-reader);color:var(--sf-ink-2);max-width:40ch;margin-top:18px}.co .qa{border-top:1px solid var(--sf-ink);margin:0}.co .qa>div{border-bottom:1px solid var(--sf-rule);gap:8px;padding:20px 0;display:grid}.co .qa dt{font:400 21px/1.25 var(--sf-display);letter-spacing:-.02em;color:var(--sf-ink)}.co .qa dd{font:400 15px/1.6 var(--sf-sans);color:var(--sf-ink-2);max-width:62ch;margin:0}.co .carry{padding:96px 0}.co .carry-one>*{max-width:640px}.co .carry-link{font:500 13px var(--sf-sans);border-bottom:1px solid #a69b8e;align-items:center;gap:12px;margin-top:26px;padding-bottom:4px;text-decoration:none;display:inline-flex}.co .carry-link:hover{color:var(--sf-copper-deep);border-color:var(--sf-copper)}.co .close{background:var(--sf-ink-hero);color:var(--sf-paper);text-align:center;padding:96px 0 110px}.co .close h2{color:var(--sf-paper);margin-bottom:30px;font-size:clamp(40px,5vw,66px)}.co .cta{background:var(--sf-copper);color:var(--sf-paper);font:500 13px/1 var(--sf-sans);border-radius:30px;align-items:center;gap:22px;padding:14px 24px;text-decoration:none;display:inline-flex}.co .cta:hover{background:var(--sf-copper-deep)}@media (width<=1000px){.co .stage{grid-template-columns:.8fr 1.3fr;gap:4%}.co .shell-body{grid-template-columns:1fr}}@media (width<=900px){.co-hero .hero-grid{grid-template-columns:1fr;gap:36px}.co .faq-grid{grid-template-columns:1fr;gap:32px}.co .faq-intro{position:static}}@media (width<=700px){.co-hero .hero-grid{gap:30px;min-height:0;padding-top:20px;padding-bottom:48px}.co-hero .flourish{margin:24px 0;font-size:56px}.co-hero h1 span:last-child{padding-left:0}.co-hero .hero-foot{flex-direction:column;gap:5px;font-size:9px}.co-hero .paper-obj{margin-top:24px}.co-hero .slip{width:50%;min-height:110px;top:-30px;right:-6px}.co-hero .paper-top{margin-bottom:72px}.co-hero .paper-ver{top:44px;bottom:auto;left:28px}.co-hero .stamp-big{padding:8px 12px;bottom:18px;right:26px}.co-hero .stamp-big b{font-size:17px}.co .demo{padding:56px 0 64px}.co .tabs{margin-bottom:20px}.co .tabs button{gap:9px;padding:15px 5px 16px 0;font-size:13px}.co .stage{grid-template-columns:1fr;gap:24px}.co .stage-copy{position:static}.co .stage-title{min-height:3.5em}.co .stage-copy>p:not(.playback){max-width:100%;min-height:3.3em}.co .shell-heading,.co .shell-top,.co .shell-bottom{padding-left:16px;padding-right:16px}.co .shell-body{padding:0 16px 16px}.co .faq,.co .carry{padding:56px 0}.co .qa dt{font-size:19px}.co .close{padding:64px 0 72px}}@media (prefers-reduced-motion:reduce){.co .try-dot,.co .pb{animation:none}.co-hero .pin,.co-hero .slip,.co-hero .stamp-big{transition:none}.co .msg.new,.co .round-line.new,.co .history.new{animation:none}}