:root { --ink:#1d1815; --muted:#746b65; --brand:#ff4f25; --cream:#fff8f3; --line:#eee5df; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body { margin:0; background:#fff; color:var(--ink); font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1160px,calc(100% - 48px)); margin-inline:auto; }
.nav { height:82px; display:flex; align-items:center; justify-content:space-between; }
body::before { content:""; position:absolute; top:81px; left:0; right:0; height:1px; background:#eee5df; }
.brand { display:flex; align-items:center; gap:10px; font-size:19px; font-weight:800; }
.brand-logo,.mini-logo-image { display:block; object-fit:cover; border-radius:50%; }
.brand-logo { width:38px; height:38px; box-shadow:0 7px 18px #ff4f2530; }
.mini-logo-image { width:25px; height:25px; }
.footer-logo { width:30px; height:30px; }
.brand-mark,.mini-logo { display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#ff311f,#ff7135); border-radius:50%; font-weight:900; }
.brand-mark { width:38px; height:38px; box-shadow:0 7px 18px #ff4f2530; }
.nav-links { display:flex; gap:38px; margin-left:auto; margin-right:38px; color:#554d48; font-size:14px; }
.nav-links a:hover,.text-link:hover { color:var(--brand); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:54px; padding:0 27px; border-radius:14px; background:linear-gradient(135deg,#ff5f27,#ff401c); color:#fff; font-size:16px; font-weight:700; box-shadow:0 14px 30px #ff4f2532; transition:.2s ease; }
.button:hover { transform:translateY(-2px); box-shadow:0 17px 35px #ff4f2542; }.button span{font-size:20px}.button-small{min-height:44px;padding:0 20px;border-radius:10px;font-size:14px}
.hero { min-height:650px; display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:60px; padding:35px 0 70px; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; padding:9px 14px; color:#da3c18; background:#fff1e9; border:1px solid #ffd9c8; border-radius:999px; font-size:13px; font-weight:700; }
.hero h1 { margin:25px 0 22px; font-size:clamp(48px,5.2vw,72px); line-height:1.12; letter-spacing:-3px; }.hero h1 span{color:var(--brand)}
.hero-text { max-width:570px; margin:0; color:var(--muted); font-size:18px; line-height:1.9; }.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.text-link{font-size:15px;color:#4f4843;font-weight:650}
.trust-row { display:flex; align-items:center; gap:13px; margin-top:28px; color:#9a9089; font-size:12px; }.trust-row .dot{width:3px;height:3px;background:#c8beb7;border-radius:50%}
.hero-visual{position:relative;min-height:500px;display:grid;place-items:center}.glow{position:absolute;border-radius:50%}.glow-one{width:430px;height:430px;background:#fff0e3;right:20px;top:18px}.glow-two{width:220px;height:220px;background:#f2e8ff;left:15px;bottom:10px}
.app-card{width:500px;position:relative;overflow:hidden;border:1px solid #eadfd9;border-radius:24px;background:white;box-shadow:0 35px 80px #43251722;transform:rotate(1deg)}.app-top{height:58px;display:flex;align-items:center;gap:9px;padding:0 18px;border-bottom:1px solid #f0e8e3;font-size:12px}.app-top em{margin-left:auto;color:#978b84;font-style:normal}.mini-logo{width:25px;height:25px;font-size:10px}
.app-body{display:grid;grid-template-columns:125px 1fr;min-height:320px}.side-menu{background:#fbf7ef;display:flex;flex-direction:column;gap:19px;padding:18px 13px;color:#716861;font-size:11px}.side-menu strong{background:var(--brand);color:white;padding:12px 10px;border-radius:9px}.app-content{padding:22px;background:#fafafa}.welcome{height:115px;padding:24px;display:flex;flex-direction:column;gap:9px;border-radius:17px;background:linear-gradient(120deg,#fff0e5,#f2e8ff)}.welcome small{color:#8b7f77}.welcome b{font-size:23px}
.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}.tool-grid span{display:flex;flex-direction:column;gap:6px;padding:17px;background:white;border-radius:13px;font-weight:700;font-size:13px;box-shadow:0 4px 16px #3f2a1e0a}.tool-grid i{color:#9b918b;font-style:normal;font-size:10px;font-weight:400}.float-pill{position:absolute;z-index:2;padding:12px 18px;background:white;border:1px solid #eee4de;border-radius:12px;box-shadow:0 14px 35px #42261920;font-size:12px;font-weight:700}.pill-one{top:52px;right:-8px;color:#e6401c}.pill-two{bottom:48px;left:-10px;color:#7658c5}
.metrics{border-block:1px solid #f0e7e1;background:#fffaf7}.metrics-inner{min-height:120px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.metrics-inner div{display:flex;flex-direction:column;align-items:center;gap:8px;border-right:1px solid #eadfd8}.metrics-inner div:last-child{border:0}.metrics strong{color:var(--brand);font-size:28px}.metrics span{color:#81766f;font-size:13px}
.section{padding-block:105px}.section-heading{text-align:center}.section-heading>span,.overline{color:var(--brand);font-size:13px;font-weight:750;letter-spacing:2px}.section-heading h2,.workflow h2{margin:13px 0 15px;font-size:40px;letter-spacing:-1.5px}.section-heading p,.workflow-copy p{color:var(--muted);line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:54px}.feature-card{min-height:280px;padding:28px;border:1px solid #eee5df;border-radius:22px;transition:.25s ease}.feature-card:hover{transform:translateY(-7px);box-shadow:0 18px 45px #54301f12}.feature-card.orange{background:#fff7f0}.feature-card.pink{background:#fff4f5}.feature-card.blue{background:#f4f8ff}.feature-card.purple{background:#faf5ff}.feature-icon{width:50px;height:50px;display:grid;place-items:center;color:white;background:var(--brand);border-radius:15px;font-size:23px}.pink .feature-icon{background:#ff7189}.blue .feature-icon{background:#5f90ff}.purple .feature-icon{background:#9b6dea}.feature-card h3{margin:25px 0 10px;font-size:19px}.feature-card p{min-height:52px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.feature-card a{display:inline-block;margin-top:22px;color:#d83e1b;font-size:13px;font-weight:700}
.workflow{padding-block:105px;background:#211c19;color:white}.workflow-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.workflow-copy p{max-width:450px;color:#bdb3ad;margin-bottom:30px}.steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:13px}.steps li{display:flex;gap:24px;align-items:center;padding:24px;background:#2e2824;border:1px solid #403832;border-radius:17px}.steps b{color:var(--brand);font-size:13px}.steps div{display:flex;flex-direction:column;gap:7px}.steps strong{font-size:17px}.steps span{color:#a99f98;font-size:13px}
.cta{margin-block:90px;min-height:230px;padding:55px 65px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:white;background:linear-gradient(120deg,#ff5126,#f33518);border-radius:28px;box-shadow:0 25px 60px #ff4f2530}.cta h2{margin:10px 0 0;font-size:33px}.cta>div>span{color:#ffe3d9;font-size:13px}.button-light{background:white;color:#e33f1b;box-shadow:none;flex-shrink:0}.footer{min-height:110px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;color:#9a9089;font-size:12px}.footer p{margin-right:auto}.footer .brand{color:var(--ink);font-size:16px}.footer .brand-mark{width:30px;height:30px;font-size:12px}
@media(max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-copy{text-align:center}.hero-text{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{min-height:450px}.feature-grid{grid-template-columns:1fr 1fr}.workflow-inner{grid-template-columns:1fr;gap:45px}.metrics-inner{grid-template-columns:1fr 1fr}.metrics-inner div:nth-child(2){border-right:0}.metrics-inner div{min-height:90px}.cta{flex-direction:column;text-align:center}.footer{flex-wrap:wrap}}
@media(max-width:580px){.shell{width:min(100% - 30px,1160px)}.nav{height:70px}.nav .button{padding:0 13px}.hero{gap:20px;padding-top:35px}.hero h1{font-size:43px;letter-spacing:-2px}.hero-text{font-size:16px}.hero-actions{flex-direction:column;gap:18px}.trust-row{font-size:10px}.hero-visual{min-height:360px}.app-card{width:360px;transform:none}.app-body{grid-template-columns:90px 1fr;min-height:270px}.side-menu{padding:13px 8px;gap:15px}.app-content{padding:13px}.welcome{height:90px;padding:18px}.welcome b{font-size:18px}.tool-grid span{padding:11px}.float-pill{display:none}.section{padding-block:72px}.section-heading h2,.workflow h2{font-size:32px}.feature-grid{grid-template-columns:1fr;margin-top:38px}.feature-card{min-height:auto}.metrics strong{font-size:22px}.metrics span{font-size:11px}.workflow{padding-block:72px}.steps li{padding:20px 16px}.cta{margin-block:60px;padding:42px 20px;border-radius:21px}.cta h2{font-size:27px}.footer{padding-block:25px;justify-content:center;text-align:center}.footer p{width:100%;margin:0}.footer>span{width:100%}}