/* Visitor guide: scoped to avoid changing the workspace and account pages. */
.guide-page{padding-top:62px;padding-bottom:74px;overflow-wrap:anywhere}
.guide-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.8fr);gap:70px;align-items:center;padding-bottom:64px;border-bottom:1px solid var(--line)}
.guide-intro h1{font-size:clamp(39px,4.2vw,64px);font-weight:550;letter-spacing:-2px;line-height:1.3;margin:23px 0}
.guide-lead{font-size:15px;line-height:2;color:#63705e}
.guide-page .guide-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:27px}
.guide-intro-note{font-size:11px;line-height:1.9;color:#6d7867;margin-top:19px}
.guide-overview{background:var(--dark);border-radius:7px;padding:29px 31px;color:#f1f2e8}
.guide-overview-kicker{display:block;font:10px/1.6 monospace;letter-spacing:1.5px;color:#b6c4ac}
.guide-overview ol{padding:0;margin:24px 0 19px;list-style:none}
.guide-overview li{display:flex;gap:19px;align-items:center;padding:18px 0;border-bottom:1px solid #82907840}
.guide-overview li:last-child{border-bottom:0}
.guide-overview li>span{font:12px monospace;color:#f2a57e}
.guide-overview strong{font-size:15px;font-weight:500;display:block}
.guide-overview small{font-size:11px;line-height:1.8;display:block;color:#bac6b3;margin-top:6px}
.guide-overview-foot{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#c2cfb9;border-top:1px solid #82907840;padding-top:18px}
.guide-overview-foot>span{font-size:29px;color:#d9aa75;line-height:1}
.guide-section{margin-top:64px}
.guide-section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:27px}
.guide-section-heading h2,.guide-faq-section>div>h2{font-size:30px;font-weight:500;line-height:1.5;letter-spacing:-.8px;margin-top:12px}
.guide-section-heading>p{max-width:300px;font-size:12px;line-height:1.9;color:#65725d}
.guide-page .guide-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.guide-step{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:5px;padding:27px 28px;display:flex;flex-direction:column;align-items:start}
.guide-step-heading{display:flex;align-items:center;gap:14px;margin-bottom:20px;align-self:stretch}
.guide-step-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border:1px solid #e9cbb8;background:#fff2e8;border-radius:50%;font:11px monospace;color:#ae4621}
.guide-step h3{font-size:20px;line-height:1.55;font-weight:500;letter-spacing:-.4px}
.guide-step>p{font-size:13px;line-height:1.95;color:#63705b;margin-bottom:13px}
.guide-step>p.guide-note{font-size:11px;color:#6b745f}
.guide-text-link{background:none;border:0;padding:5px 0;display:inline-flex;gap:17px;align-items:center;font-size:12px;line-height:1.8;color:#855332;text-align:left;font-weight:500}
.guide-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.guide-ui-figure{margin:19px 0 0;width:100%}
.guide-page figure>img{display:block;width:100%;height:auto;max-width:100%;border-radius:4px}
.guide-ui-figure>img{border:1px solid #dde1d5;background:#f4f5ed}
.guide-page figcaption{font-size:10px;line-height:1.8;color:#65725d;margin-top:9px}
.guide-wechat{width:100%;display:flex;flex-wrap:wrap;gap:8px 15px;align-items:center;padding:14px 15px;margin:3px 0 10px;background:#eef1e7;border:1px solid #e0e5d5;border-radius:4px}
.guide-wechat>span{font-size:10px;color:#67755d}
.guide-wechat>strong{font-size:14px;font-weight:600;color:#344d36;letter-spacing:.2px}
.guide-wechat>a{font-size:10px;color:#765134;line-height:1.8}
.guide-mode-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:4px 0 18px;list-style:none}
.guide-mode-chips li{padding:8px 10px;border:1px solid #dce2d2;border-radius:3px;background:#f0f3e9;color:#4e644a;font-size:11px}
.guide-step blockquote{font-size:12px;line-height:1.95;color:#5c6b53;border-left:2px solid var(--accent);background:#f3f3ea;padding:13px 17px;margin:2px 0 18px}
.guide-status-demo{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:7px 0 23px;max-width:100%}
.guide-status-demo span{font-size:11px;line-height:1.6;color:#516548;background:#eef2e7;border:1px solid #dce5d2;border-radius:20px;padding:8px 14px}
.guide-status-demo span:last-child{background:#e4eddd;border-color:#ccdbbf;color:#365d3b}
.guide-status-demo i{font-size:13px;font-style:normal;color:#6e7c64}
.guide-step .guide-retention-note{font-size:12px;background:#fff3e9;color:#875538;border:1px solid #eed8c7;border-radius:4px;padding:13px 15px;margin:4px 0 16px}
.guide-retention-note strong{font-weight:600}
.guide-capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:#f9faf3;border-radius:5px;overflow:hidden}
.guide-capabilities article{padding:25px 22px;min-width:0}
.guide-capabilities article+article{border-left:1px solid var(--line)}
.guide-format{display:block;font:9px/1.8 monospace;letter-spacing:.7px;color:#95603c}
.guide-capabilities h3{font-size:21px;font-weight:500;line-height:1.5;margin:13px 0}
.guide-capabilities p{font-size:12px;line-height:1.95;color:#56694f}
.guide-capabilities small{display:block;font-size:10px;line-height:1.95;color:#6a775e;margin-top:13px}
.guide-input-note{display:flex;gap:27px;align-items:start;margin-top:17px;padding:18px 21px;background:#e9eddf;border-radius:4px}
.guide-input-note strong{font-size:12px;font-weight:500;white-space:nowrap;color:#445e40}
.guide-input-note p{font-size:11px;line-height:1.9;color:#5c6d51}
.guide-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.guide-example{background:var(--white);border:1px solid var(--line);border-radius:5px;padding:24px;min-width:0}
.guide-example-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px}
.guide-example-heading h3{font-size:21px;line-height:1.5;font-weight:500;margin-top:7px}
.guide-example-heading>span{color:#9ca88d;font-size:23px}
.guide-example figure{margin:0}
.guide-text-example>figure>img{aspect-ratio:3/2;object-fit:contain;background:#edf0e5}
.guide-image-example{grid-column:1/-1;grid-row:2}
.guide-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.guide-comparison figure{position:relative;min-width:0}
.guide-comparison img{aspect-ratio:4/3;object-fit:contain;background:#ecefe4}
.guide-image-label{position:absolute;left:12px;top:12px;padding:7px 11px;border-radius:3px;background:#fcfcf4ed;color:#425d3d;border:1px solid #d7decc;font-size:10px;z-index:1}
.guide-image-label-result{background:#263d2cf0;color:#f3f6ea;border-color:#738468}
.guide-cad-example>figure>img{aspect-ratio:3/2;object-fit:contain;background:#f2f4e9;border:1px solid #e2e7d7}
.guide-faq-section{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.3fr);gap:58px;padding:49px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.guide-faq-section .guide-text-link{margin-top:21px}
.guide-faq details{border-bottom:1px solid var(--line);padding:17px 0}
.guide-faq details:first-child{padding-top:0}
.guide-faq details:last-child{border-bottom:0;padding-bottom:0}
.guide-faq summary{font-size:14px;line-height:1.8;font-weight:500;cursor:pointer;color:#344b35;list-style-position:outside;margin-left:17px;padding-left:5px}
.guide-faq summary::marker{color:var(--accent);font-size:11px}
.guide-faq p{font-size:12px;line-height:1.95;color:#5d6c52;margin-top:13px;padding-left:22px}
.guide-closing{display:flex;justify-content:space-between;align-items:center;gap:32px;background:#e5eadd;padding:32px 34px;border-radius:5px;margin-top:47px}
.guide-closing h2{font-size:28px;font-weight:500;line-height:1.6;margin:12px 0}
.guide-closing p{font-size:12px;line-height:1.9;color:#596c50}
.guide-closing .guide-actions{margin:0;flex-shrink:0}
@media(max-width:1100px){.guide-intro{gap:35px;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr)}.guide-overview{padding:25px}.guide-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-capabilities article:nth-child(3){border-left:0}.guide-capabilities article:nth-child(n+3){border-top:1px solid var(--line)}.guide-step{padding:23px}.guide-step h3{font-size:18px}.guide-closing{align-items:start;flex-direction:column;gap:23px}.guide-faq-section{gap:35px}}
@media(max-width:700px){.guide-page{padding-top:35px;padding-bottom:44px}.guide-intro{grid-template-columns:1fr;gap:32px;padding-bottom:39px}.guide-intro h1{font-size:41px;letter-spacing:-1.4px;margin:20px 0}.guide-lead{font-size:13px;line-height:2}.guide-page .guide-actions{gap:10px;margin-top:22px}.guide-page .guide-actions .button{font-size:12px;gap:18px;padding:12px 17px}.guide-overview{padding:23px 25px}.guide-overview ol{margin-top:18px;margin-bottom:13px}.guide-overview li{padding:15px 0}.guide-overview strong{font-size:14px}.guide-section{margin-top:42px}.guide-section-heading{align-items:start;flex-direction:column;gap:11px;margin-bottom:21px}.guide-section-heading h2,.guide-faq-section>div>h2{font-size:25px;letter-spacing:-.6px}.guide-section-heading>p{max-width:none;font-size:11px}.guide-page .guide-grid{grid-template-columns:1fr;gap:19px}.guide-step{padding:22px 20px}.guide-step-heading{gap:11px;margin-bottom:17px}.guide-step h3{font-size:18px}.guide-step>p{font-size:12px}.guide-wechat{padding:12px;gap:7px 11px}.guide-wechat>a{flex-basis:100%}.guide-ui-figure{margin-top:16px}.guide-status-demo{gap:8px;margin:7px 0 19px}.guide-status-demo span{padding:7px 10px;font-size:10px}.guide-capabilities{grid-template-columns:1fr}.guide-capabilities article{padding:23px}.guide-capabilities article+article{border-left:0;border-top:1px solid var(--line)}.guide-capabilities h3{font-size:20px}.guide-capabilities p{font-size:12px}.guide-capabilities small{font-size:11px}.guide-input-note{display:block;padding:17px 19px}.guide-input-note strong{display:block;margin-bottom:8px}.guide-examples{grid-template-columns:1fr;gap:19px}.guide-example{padding:19px}.guide-example-heading h3{font-size:19px}.guide-image-example{grid-column:auto;grid-row:auto}.guide-text-example{order:0}.guide-image-example{order:1}.guide-cad-example{order:2}.guide-comparison{grid-template-columns:1fr;gap:20px}.guide-comparison img{aspect-ratio:4/3}.guide-image-label{top:10px;left:10px}.guide-faq-section{grid-template-columns:1fr;gap:27px;padding:32px 0}.guide-faq-section>div>h2 br{display:none}.guide-faq-section .guide-text-link{margin-top:12px}.guide-faq summary{font-size:13px}.guide-closing{padding:26px 22px;margin-top:33px}.guide-closing h2{font-size:24px}.guide-closing .guide-actions{margin:0}}
@media(prefers-reduced-motion:reduce){.guide-page .button{transition:none}.guide-page .button:hover{transform:none}}