:root{--bg:#f5f2ea;--paper:#fffdf8;--ink:#171713;--muted:#6d6a62;--line:rgba(23,23,19,.14);--yellow:#f2e84b;--coral:#ff7256;--green:#4ca774;--shell:min(1240px,calc(100vw - 48px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 13% 5%,rgba(242,232,75,.23),transparent 27%),var(--bg);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{width:var(--shell);margin-inline:auto}
.nav{min-height:70px;margin-top:14px;padding:10px 13px 10px 18px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--line);border-radius:999px;background:rgba(255,253,248,.82);backdrop-filter:blur(18px);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;font-size:14px}.brand span{padding:12px 14px;border-radius:13px;background:var(--ink);color:var(--yellow);font-size:12px;font-weight:800}.brand b{font-size:14px}.back{padding:11px 15px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px;font-weight:700;transition:.2s}.back:hover{background:var(--yellow);color:var(--ink);transform:translateY(-2px)}
.hero{min-height:760px;padding:95px 0 110px;display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 23px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.13em}.eyebrow i{width:9px;height:9px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 6px rgba(255,114,86,.12)}h1{margin:0;font-size:clamp(74px,8vw,126px);line-height:.83;letter-spacing:-.08em}h1 em,.section-head em,.try h2 em{font-style:normal;color:var(--muted)}.lead{max-width:530px;margin:34px 0 0;color:#4e4b45;font-size:19px;line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tags span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.5);color:var(--muted);font-size:11px}
.product-window{padding:0 20px 20px;border:1px solid rgba(23,23,19,.18);border-radius:28px;background:rgba(255,255,255,.9);box-shadow:0 28px 75px rgba(40,34,22,.14);overflow:hidden}.window-bar{height:62px;margin:0 -20px 20px;padding:0 20px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.window-bar>i{width:9px;height:9px;border-radius:50%;background:#d7d2c8}.window-bar span{margin-left:10px;font-size:12px;font-weight:750}.window-bar b{margin-left:auto;padding:7px 10px;border-radius:999px;background:rgba(76,167,116,.12);color:#2e7d52;font-size:9px}.workbench{display:grid;grid-template-columns:.86fr 1.14fr;gap:16px}.invoice,.result{position:relative;min-height:320px;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fffdf9;overflow:hidden}.invoice small{color:var(--muted);font-size:9px;letter-spacing:.1em}.invoice h2{margin:8px 0 28px;font-size:24px;letter-spacing:.1em}.invoice dl{margin:0}.invoice dl div{padding:10px 0;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.invoice dt{color:var(--muted);font-size:11px}.invoice dd{margin:0;font-size:12px;font-weight:700}.invoice>p{margin:22px 0 0;padding:14px;display:flex;justify-content:space-between;align-items:center;border-radius:12px;background:rgba(242,232,75,.35);font-size:11px}.invoice>p strong{font-size:22px}.scan{position:absolute;left:18px;right:18px;top:28%;height:2px;background:var(--coral);box-shadow:0 0 14px 4px rgba(255,114,86,.28);animation:scan 3.2s ease-in-out infinite}@keyframes scan{50%{top:81%}}.result{display:flex;flex-direction:column}.result-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.result-head h2{margin:0;font-size:19px}.result-head span{color:var(--coral);font-size:10px;font-weight:750}.result ul{margin:24px 0;padding:0;display:grid;gap:10px;list-style:none}.result li{padding:13px 14px;display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;border-radius:11px;background:#f1ede5}.result li span{color:var(--muted);font-size:10px}.result li b{font-size:12px}.result li i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#dcefe3;color:#2e7d52;font-size:11px;font-style:normal}.result>p{margin:auto 0 0;padding:13px;border:1px solid rgba(76,167,116,.24);border-radius:11px;background:#edf7f0;color:#2e7d52;font-size:11px;font-weight:750}.status-row{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.status-row span{padding:12px;border-radius:10px;background:#e9e4db;color:var(--muted);text-align:center;font-size:10px;font-weight:750}.status-row .done{background:var(--ink);color:#fff}.status-row .active{border:1px solid var(--ink);background:var(--yellow);color:var(--ink)}
.overview{padding:120px 0 135px}.section-head{display:grid;grid-template-columns:170px 1fr;gap:32px;align-items:start}.section-head>span{padding-top:10px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.12em}.section-head h2,.try h2{max-width:920px;margin:0;font-size:clamp(52px,6vw,86px);line-height:.95;letter-spacing:-.065em}.overview-grid{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:30px;background:rgba(255,253,248,.65);overflow:hidden}.overview-grid article{min-height:300px;padding:28px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.overview-grid article:last-child{border:0}.overview-grid small{color:var(--coral);font-size:10px;font-weight:800;letter-spacing:.11em}.overview-grid h3{margin:auto 0 15px;font-size:27px;letter-spacing:-.04em}.overview-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.flow-wrap{padding:125px 0;background:var(--ink);color:#fff}.section-head.light>span{color:rgba(255,255,255,.45)}.section-head.light h2 em{color:var(--yellow)}.flow ol{margin:75px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);list-style:none;border:1px solid rgba(255,255,255,.13);border-radius:28px;overflow:hidden}.flow li{min-height:300px;padding:25px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.13)}.flow li:last-child{border:0}.flow li>b{color:rgba(255,255,255,.42);font-size:11px}.flow li>i{width:48px;height:48px;margin-top:36px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:18px;font-style:normal}.flow li:nth-child(3)>i{background:#356ab6;color:#fff}.flow h3{margin:auto 0 10px;font-size:24px}.flow li p{margin:0;color:rgba(255,255,255,.55);font-size:13px;line-height:1.65}
.try{margin-block:90px;padding:64px;display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;border-radius:36px;background:var(--yellow);overflow:hidden;position:relative}.try::after{content:"";position:absolute;width:420px;aspect-ratio:1;right:-200px;top:-270px;border:1px solid var(--ink);border-radius:50%;box-shadow:0 0 0 55px rgba(23,23,19,.04),0 0 0 110px rgba(23,23,19,.025)}.try>div,.try>a{position:relative;z-index:1}.try .eyebrow{color:var(--ink)}.try h2{font-size:clamp(48px,5vw,74px)}.try>div>p:last-child{max-width:650px;margin:24px 0 0;font-size:16px;line-height:1.75}.try>a{min-width:235px;min-height:64px;padding:0 18px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:999px;background:var(--ink);color:#fff;font-weight:800;transition:.22s}.try>a:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(23,23,19,.2)}.try>a span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:18px}
footer{padding:24px 0 45px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px}
@media(max-width:980px){:root{--shell:min(100% - 32px,760px)}.hero{grid-template-columns:1fr;gap:55px;padding-top:75px}.section-head{grid-template-columns:1fr;gap:18px}.overview-grid{grid-template-columns:1fr}.overview-grid article{min-height:220px;border-right:0;border-bottom:1px solid var(--line)}.flow ol{grid-template-columns:repeat(2,1fr)}.flow li:nth-child(2){border-right:0}.flow li:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}.try{grid-template-columns:1fr;align-items:start}}
@media(max-width:640px){:root{--shell:calc(100% - 24px)}.nav{min-height:58px;margin-top:8px}.brand b{display:none}.brand span{padding:10px;font-size:11px}.back{font-size:11px}.hero{min-height:auto;padding:70px 0 85px}h1{font-size:clamp(68px,23vw,100px)}.lead{font-size:16px}.product-window{padding:0 10px 10px;border-radius:22px}.window-bar{height:48px;margin:0 -10px 10px;padding:0 12px}.window-bar span{display:none}.window-bar b{font-size:8px}.workbench{grid-template-columns:1fr}.invoice,.result{min-height:250px;padding:18px}.status-row span{padding:10px 4px;font-size:8px}.overview{padding:90px 0}.section-head h2,.try h2{font-size:45px}.overview-grid{margin-top:44px}.flow-wrap{padding:90px 0}.flow ol{margin-top:48px;grid-template-columns:1fr}.flow li{min-height:220px;border-right:0;border-bottom:1px solid rgba(255,255,255,.13)!important}.flow li:last-child{border-bottom:0!important}.flow li>i{margin-top:24px}.try{margin-block:60px;padding:35px 24px;border-radius:26px}.try>a{min-width:0;width:100%}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}