:root{--ink:#172235;--paper:#f6f1e8;--cream:#fffdf9;--line:#e5ded3;--muted:#737b88;--orange:#ed6a50;--orange-dark:#cf4f39;--lime:#dfff63;--blue:#3069d7;--blue-pale:#e8f0ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 8% 0,#fff9ed 0,transparent 24%),var(--paper);color:var(--ink);font:15px/1.55 Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif}.page-shell{overflow:hidden}.topbar{width:min(100% - 48px,1180px);height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:17px}.brand span{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:var(--ink);color:var(--lime);font-size:12px;font-weight:900}.top-actions{display:flex;align-items:center;gap:17px}.top-actions>a{color:var(--ink);font-size:13px;font-weight:750;text-decoration-color:#aeb5c0;text-underline-offset:4px}.demo-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #dcd4c7;border-radius:999px;color:#697383;font-size:11px;font-weight:750}.demo-badge i{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px #ed6a5024}.intro{width:min(100% - 48px,1180px);margin:55px auto 50px;display:grid;grid-template-columns:1.04fr .72fr;gap:80px;align-items:end}.eyebrow{margin:0 0 12px;color:var(--orange-dark);font-size:11px;font-weight:850;letter-spacing:.16em}.intro h1,.after-demo h2,.cta h2{margin:0;letter-spacing:-.07em;line-height:1.06;font-size:clamp(39px,5vw,68px)}.intro h1 em{color:var(--orange);font-style:normal}.intro>p{max-width:405px;margin:0 0 13px;color:var(--muted);font-size:16px;line-height:1.75}.steps{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#9ba2ac;font-size:12px}.steps span{display:flex;align-items:center;gap:6px}.steps i{display:grid;place-items:center;width:19px;height:19px;border:1px solid #cfc8bd;border-radius:50%;font-size:10px;font-style:normal}.steps .is-active{color:var(--ink);font-weight:800}.steps .is-active i{border-color:var(--ink);background:var(--ink);color:var(--lime)}.steps>b{color:#cac1b4;font-weight:500}.demo-window{display:grid;grid-template-columns:225px minmax(0,1fr);width:min(100% - 48px,1180px);min-height:760px;margin:0 auto 120px;overflow:hidden;border:1px solid #dbd3c6;border-radius:28px;background:var(--cream);box-shadow:0 28px 70px #17223516}.demo-side{display:flex;flex-direction:column;padding:26px 17px;background:var(--ink);color:#fff}.demo-logo{display:flex;align-items:center;gap:10px;margin:0 6px}.demo-logo>span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--lime);color:var(--ink);font-size:12px;font-weight:900}.demo-logo small{display:block;margin-top:2px;color:#9eaac0;font-size:8px;letter-spacing:.11em}.demo-side nav{display:grid;gap:7px;margin-top:57px}.nav-item{width:100%;border:0;border-radius:10px;padding:11px 12px;color:#aeb9cb;background:transparent;text-align:left;font:13px inherit;cursor:default}.nav-item.active{background:#ffffff15;color:#fff;font-weight:800}.nav-item i{margin-right:8px;color:var(--lime);font-size:8px;font-style:normal}.safe-note{display:flex;gap:8px;margin-top:auto;padding:12px;border:1px solid #ffffff16;border-radius:13px;background:#ffffff0b}.safe-note>i{display:grid;place-items:center;flex:0 0 auto;width:18px;height:18px;border-radius:50%;color:var(--ink);background:var(--lime);font-size:11px;font-style:normal;font-weight:900}.safe-note b,.safe-note span{display:block}.safe-note b{font-size:11px}.safe-note span{margin-top:2px;color:#9ba7ba;font-size:10px;line-height:1.35}.demo-main{padding:44px clamp(25px,5vw,65px) 60px;background:linear-gradient(180deg,#fffefb,#faf7f1)}.work-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.work-head .eyebrow{margin-bottom:6px}.work-head h2{margin:0;font-size:26px;letter-spacing:-.045em}.reset-button{border:1px solid var(--line);border-radius:10px;padding:8px 11px;background:var(--cream);color:#6b7481;font:12px inherit;cursor:pointer}.stage-indicator{display:flex;align-items:center;gap:9px;margin:31px 0 20px;color:#b1b7c0}.stage-indicator span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #d8dce2;border-radius:50%;font-size:10px;font-weight:800}.stage-indicator .current{border-color:var(--ink);background:var(--ink);color:var(--lime)}.stage-indicator b{width:18px;height:1px;background:#dfe2e5}.stage-indicator p{margin:0 0 0 7px;color:#808895;font-size:12px}.mail-card{position:relative;display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;padding:18px;border:1px solid #dfe2e5;border-radius:17px;background:#fff;box-shadow:0 9px 22px #17223509;cursor:pointer;transition:transform .2s,box-shadow .2s}.mail-card:hover,.mail-card:focus{transform:translateY(-2px);box-shadow:0 15px 32px #17223512;outline:none}.mail-card.is-open{border-color:#899fd3;background:#fbfcff}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fde5dc;color:var(--orange-dark);font-weight:900}.mail-copy>div{display:flex;align-items:center;gap:8px}.pill{border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800}.pill.urgent{background:#fff0df;color:#b86032}.mail-time{color:#8b94a0;font-size:11px}.mail-card h3{margin:5px 0 2px;font-size:15px}.mail-card p{overflow:hidden;margin:0;color:#808895;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.open-mail{color:var(--blue);font-size:12px;font-weight:800}.open-mail i{font-style:normal;font-size:16px}.panel{margin-top:15px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;transform-origin:top;transition:opacity .28s,transform .28s}.panel.is-hidden{display:none}.panel-heading{display:flex;justify-content:space-between;gap:14px;align-items:center}.panel-heading>div{display:flex;align-items:center;gap:9px}.panel-heading h3{margin:0;font-size:16px}.panel-heading>span{color:#8b94a0;font-size:11px}.section-number{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f0e9df;color:#7a6351;font-size:10px;font-weight:900}.section-number.blue{background:var(--blue-pale);color:var(--blue)}.section-number.orange{background:#ffebe5;color:var(--orange-dark)}.email-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:20px;color:#6f7885;font-size:12px}.email-meta b{color:var(--ink)}.email-meta time{margin-left:auto;color:#99a1ac}.email-panel h4{margin:19px 0 7px;font-size:17px}.email-panel>p{margin:0;color:#59626e;line-height:1.7}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:21px;margin-top:20px;border:0;border-radius:11px;padding:11px 14px;background:var(--orange);color:#fff;font:13px inherit;font-weight:800;cursor:pointer;box-shadow:0 8px 18px #ed6a5033}.action-button:hover{background:var(--orange-dark)}.action-button span{font-size:17px;line-height:1}.action-button.dark{background:var(--ink);box-shadow:none}.translation-block{margin-top:20px;padding:16px 18px;border-left:3px solid var(--blue);border-radius:0 12px 12px 0;background:#f5f8ff}.translation-label{margin:0 0 7px;color:var(--blue);font-size:11px;font-weight:900}.translation-block>p:last-child{margin:0;color:#4f5b6e;line-height:1.75}.analysis-state{color:#49834a!important}.analysis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.analysis-grid article{min-height:74px;padding:11px;border:1px solid #e6e7e9;border-radius:11px;background:#fff}.analysis-grid span{display:block;color:#8a93a0;font-size:10px}.analysis-grid b{display:block;margin-top:5px;font-size:12px;line-height:1.4}.analysis-grid .missing{background:#fff8ef;border-color:#f5dec0}.analysis-grid .next{background:#eef6ef;border-color:#d5ebd7}.reply-panel label{display:block;margin-top:20px;font-size:12px;font-weight:800}.reply-panel textarea{width:100%;margin-top:8px;border:1px solid #dadddf;border-radius:11px;padding:12px;background:#fff;color:var(--ink);font:14px/1.6 inherit;resize:vertical}.reply-panel textarea:focus{outline:3px solid #ed6a5018;border-color:var(--orange)}.reply-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#78818d;font-size:12px}.reply-actions .action-button{margin-top:14px}.draft-output{margin-top:20px;padding:16px;border:1px solid #d5ead7;border-radius:13px;background:#f5fbf6}.draft-output.is-hidden{display:none}.draft-output>div:first-child{display:flex;justify-content:space-between;align-items:center}.draft-output p{margin:0;color:#47764a;font-size:11px;font-weight:900}.draft-output span{color:#839287;font-size:11px}.draft-output textarea{margin-top:10px;border-color:#deeadf;background:#fff}.draft-notice{display:flex;gap:7px;align-items:center;margin-top:10px;color:#718071;font-size:11px}.draft-notice i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#dff0df;color:#4a7d4d;font-size:10px;font-style:normal;font-weight:900}.after-demo{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;width:min(100% - 48px,1040px);margin:0 auto;padding:95px 0}.after-demo h2{font-size:clamp(32px,4vw,50px)}.after-list{border-top:1px solid var(--line)}.after-list p{display:flex;gap:17px;align-items:center;margin:0;padding:18px 0;border-bottom:1px solid var(--line);color:#66707e}.after-list i{color:var(--orange);font-size:12px;font-style:normal;font-weight:900}.cta{display:flex;justify-content:space-between;gap:40px;align-items:center;width:min(100% - 48px,1180px);margin:0 auto 78px;padding:49px;border-radius:28px;background:radial-gradient(circle at 95% 15%,#ffffff14,transparent 25%),var(--ink);color:#fff}.cta .eyebrow{color:var(--lime)}.cta h2{font-size:clamp(30px,3.8vw,48px)}.cta p:not(.eyebrow){margin:16px 0 0;color:#aeb9ca}.cta>a{display:inline-flex;align-items:center;gap:26px;flex:0 0 auto;border-radius:14px;padding:16px 18px;background:var(--lime);color:var(--ink);font-size:14px;font-weight:900;text-decoration:none}.cta>a span{font-size:20px}footer{display:flex;justify-content:space-between;gap:18px;padding:25px max(24px,calc((100vw - 1180px)/2));border-top:1px solid var(--line);color:#7f8794;font-size:12px}footer b,footer a{color:var(--ink)}footer a{text-underline-offset:4px}@media(max-width:830px){.intro,.after-demo{grid-template-columns:1fr;gap:30px}.intro{margin-top:38px}.demo-window{grid-template-columns:1fr;min-height:0}.demo-side{display:none}.demo-main{padding:30px 18px 38px}.analysis-grid{grid-template-columns:1fr 1fr}.cta{display:block;padding:31px}.cta>a{margin-top:25px}.topbar{height:72px}.mail-card{grid-template-columns:37px 1fr}.avatar{width:37px;height:37px}.open-mail{display:none}.mail-card p{white-space:normal}.stage-indicator{gap:6px}.stage-indicator b{width:10px}.stage-indicator p{width:100%;margin:3px 0 0}.panel{padding:17px}.panel-heading{align-items:flex-start}.panel-heading>span{max-width:145px;text-align:right}.email-meta time{margin-left:0}.reply-actions{align-items:flex-start;flex-direction:column}.after-demo{padding:70px 0}footer{display:block}footer span,footer a{display:block;margin-top:6px}}@media(max-width:480px){.topbar,.intro,.demo-window,.after-demo,.cta{width:min(100% - 30px,1180px)}.top-actions{gap:10px}.demo-badge{display:none}.intro h1{font-size:40px}.analysis-grid{grid-template-columns:1fr}.cta{margin-bottom:45px}.work-head h2{font-size:22px}.reset-button{padding:7px}.email-panel h4{font-size:16px}}