.use-intro{display:grid;grid-template-columns:1.12fr 1fr;gap:66px;align-items:center}.use-intro em{font-style:normal;color:var(--blue)}.use-intro .btn{gap:9px}.intro-story{padding:30px;border:1px solid #dbe4f4;background:#fff;border-radius:26px;box-shadow:0 24px 60px #1424490d;transform:rotate(2deg)}.story-overline{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--blue)}.intro-story>div{display:flex;align-items:center;gap:15px;padding:23px 0;border-bottom:1px solid var(--line)}.intro-story>div>i{margin-left:auto;color:var(--blue);font-size:25px}.story-number{font-size:12px;font-weight:700;color:#77849b}.intro-story p{display:grid;gap:3px}.intro-story strong{color:var(--ink);font-size:15px}.intro-story small{font-size:12px}.story-caption{display:block;margin-top:20px;font-size:12px;color:var(--muted)}
.profession-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.profession-tab{padding:11px 15px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;background:#fff}.profession-tab:hover{border-color:#b8cbf7}.profession-tab[aria-current=true]{background:#162543;color:#fff;border-color:#162543}.profession-tab:focus-visible{outline:3px solid #93b1f5;outline-offset:3px}.profession-panel{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding:32px 0;scroll-margin-top:100px}.profession-panel[hidden]{display:none}.profession-panel+ .profession-panel{border-top:1px solid var(--line)}.workflow-plan{display:inline-flex;padding:5px 10px;border:1px solid #dae4f8;border-radius:8px;font-size:11px;font-weight:700;color:#365488;background:#f3f7ff}.profession-copy>h3{font-size:clamp(27px,3vw,36px);line-height:1.15;letter-spacing:-.04em;margin:16px 0}.profession-copy>p{font-size:14px;color:var(--muted)}.workflow-steps{list-style:none;counter-reset:steps;padding:0;display:grid;gap:24px;margin:28px 0}.workflow-steps li{counter-increment:steps;position:relative;padding-left:40px}.workflow-steps li:before{content:counter(steps);position:absolute;left:0;top:0;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#edf3ff;color:var(--blue);font-size:11px;font-weight:800}.workflow-steps strong{font-size:14px}.workflow-steps p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.workflow-outcome{display:flex;align-items:flex-start;gap:8px;padding-top:18px;border-top:1px solid var(--line)}.workflow-outcome i{color:#1c8264;font-size:19px}
.profession-visual{min-width:0;padding:28px;border-radius:28px;background:linear-gradient(140deg,#edf3fc,#f6f3fa);border:1px solid #e7edf8}.workflow-demo{background:#fff;border:1px solid #e0e6ef;border-radius:18px;padding:24px;box-shadow:0 18px 40px #172e5720}.demo-top{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;font-size:12px;font-weight:700}.demo-top>span:first-child{display:flex;gap:7px;align-items:center}.demo-top i{color:var(--blue);font-size:19px}.demo-top>small{font-size:9px;color:var(--muted);font-weight:400}.demo-pill{display:inline-flex;align-items:center;font-size:9px;font-weight:700;padding:4px 8px;border-radius:7px;white-space:nowrap;background:#ebf7f1;color:#24694e}.workflow-demo>h3{font-size:20px;line-height:1.3;letter-spacing:-.035em;margin:24px 0}.demo-contact,.demo-member{display:flex;align-items:center;gap:12px;margin:20px 0}.demo-avatar{width:38px;height:38px;border-radius:12px;background:#f0ecff;color:#7350b0;display:grid;place-items:center;font-size:12px;font-weight:700}.demo-contact>div,.demo-member>div{display:grid;gap:3px;flex:1}.demo-contact strong,.demo-member strong{font-size:13px}.demo-contact small,.demo-member small{font-size:11px;color:var(--muted)}.demo-contact>i{color:#19896a}.demo-note{padding:16px;background:#fff9e9;border:1px solid #f2e4b7;border-radius:12px}.demo-note>span{font-size:9px;letter-spacing:.11em;color:#967131;font-weight:800}.demo-note p{font-size:12px;line-height:1.65;color:#675530;margin:7px 0 0}.demo-search{display:flex;gap:10px;align-items:center;margin-top:18px;border:1px solid #e6e0f4;padding:12px;border-radius:12px}.demo-search i{color:#7853b8}.demo-search p{font-size:12px;margin:0;color:#5d467f}.demo-caption{text-align:center;font-size:10px;color:#78849a;margin:16px 0}.workflow-features{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #dce4f1;font-size:11px;line-height:1.7;color:#596f91}.workflow-features>i{font-size:22px;color:var(--blue)}.demo-kicker{display:block;font-size:9px;letter-spacing:.14em;color:#93a0b5;margin:25px 0 15px}.demo-bubble{padding:16px;background:#f2f5fa;border-radius:14px 14px 14px 2px;margin-bottom:15px;max-width:90%}.demo-bubble small{font-size:10px;color:#7c8799}.demo-bubble p{font-size:13px;margin:8px 0 0;line-height:1.6}.demo-bubble.reply{margin-left:auto;background:#edf3ff;border-radius:14px 14px 2px 14px;color:#314d85}.demo-foot{display:flex;align-items:center;gap:8px;margin-top:22px;padding-top:15px;border-top:1px solid var(--line);font-size:11px;color:#7d899a}.demo-foot i{font-size:17px;color:var(--blue)}.demo-art{margin:18px 0;min-height:185px;border-radius:12px;padding:24px;background:linear-gradient(140deg,#e2def9,#c2d3f8);position:relative;display:flex;align-items:center}.demo-art span{font-size:28px;line-height:1.1;font-weight:850;letter-spacing:-.06em;color:#425ca0}.demo-art>i{font-size:44px;color:#fff;position:absolute;right:18px;bottom:12px}.demo-links{display:grid;gap:10px}.demo-links>span{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:10px;font-size:11px}.demo-links>span>i:last-child{margin-left:auto}.demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.demo-fields>div{display:grid;gap:5px;min-width:0}.demo-fields>div:nth-child(n+4){grid-column:1/-1}.demo-fields small{font-size:10px;color:var(--muted)}.demo-fields span{font-size:11px;border:1px solid var(--line);border-radius:7px;padding:9px;overflow-wrap:anywhere;color:#40516b;display:flex;justify-content:space-between}.demo-metrics{display:flex;gap:50px;margin-top:26px}.demo-metrics>div{display:grid;gap:5px}.demo-metrics small{font-size:11px;color:var(--muted)}.demo-metrics strong{font-size:34px;letter-spacing:-.05em}.demo-chart{height:160px;display:flex;gap:13px;align-items:flex-end;padding-top:15px;margin-top:16px;border-bottom:1px solid #d4dff3}.demo-chart i{flex:1;height:var(--bar);background:linear-gradient(#6a95ef,#bfd1f6);border-radius:6px 6px 0 0}.demo-brand{padding:20px 15px;margin-top:20px;border:1px dashed #cedaf0;border-radius:12px;background:#f5f8ff}.demo-brand>div{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:15px}.demo-brand>span{font-size:10px;margin-right:10px;color:#667695}.demo-brand i{color:var(--blue)}
.workflow-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.workflow-plans article{background:#fff;padding:28px;border:1px solid var(--line);border-radius:20px}.workflow-plans article>i{font-size:28px;color:var(--blue)}.workflow-plans h3{font-size:19px;line-height:1.25;letter-spacing:-.03em}.workflow-plans p{font-size:13px;color:var(--muted)}.workflow-plans article>span{font-size:11px;font-weight:700;display:inline-flex;padding-top:12px;color:#586f99}.workflow-plan-note{margin-top:28px;font-size:12px;color:var(--muted)}.workflow-plan-note a{color:var(--blue);font-weight:700;white-space:nowrap}.workflow-cta{text-align:center;padding:90px 20px;background:#fff}.workflow-cta h2{font-size:clamp(34px,5vw,54px);line-height:1.06;letter-spacing:-.05em;margin:20px 0}.workflow-cta p{color:var(--muted);font-size:15px}.workflow-cta .hero-actions{justify-content:center}
@media(max-width:980px){.use-intro{grid-template-columns:1fr;gap:40px}.intro-story{transform:none;max-width:580px}.profession-panel{gap:32px}.profession-visual{padding:18px}.workflow-demo{padding:18px}.workflow-plans{gap:14px}.workflow-plans article{padding:20px}}
@media(max-width:700px){.profession-panel{grid-template-columns:1fr;padding-top:16px}.profession-nav{gap:7px}.profession-tab{font-size:11px;padding:9px 10px}.profession-copy>h3{font-size:29px}.profession-visual{padding:18px 12px}.workflow-plans{grid-template-columns:1fr}.intro-story{padding:22px}.intro-story strong{font-size:13px}.intro-story small{font-size:11px}.intro-story>div{gap:10px}.intro-story>div>i{font-size:21px}.demo-metrics{gap:40px}.demo-fields{gap:10px}.demo-fields>div{grid-column:1/-1}.workflow-cta{padding:66px 0}.workflow-cta .btn{width:100%}}