:root{--ink:#1d3932;--muted:#6c7772;--green:#18694d;--line:#e0e5df;--paper:#f7f8f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #e59e35;outline-offset:5px}header,main,footer{max-width:1180px;margin:auto}header{padding:28px 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:19px;font-weight:700}.brandmark{background:var(--green);color:#fff;display:grid;place-items:center;width:43px;height:43px;border-radius:12px;font-family:serif;font-size:25px}.brand-sub{display:block;font-size:9px;letter-spacing:1.7px;color:var(--muted);margin-top:5px}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:var(--green)}main{padding:0 34px}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;padding:76px 0 72px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;color:var(--green);margin:0 0 20px}h1{font-size:clamp(38px,4.4vw,60px);line-height:1.22;letter-spacing:-2px;font-weight:650;margin:0 0 24px}.dot{color:#de9855}.intro{font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:30px}.primary{display:inline-flex;gap:38px;align-items:center;border-radius:7px;background:var(--green);color:white;padding:15px 22px;font-size:14px}.primary:hover{background:#104f39}.hero-panel{position:relative;background:#edf1e9;border:1px solid #dce4d7;border-radius:18px;padding:25px 30px;box-shadow:14px 14px 0 #e9ede3}.panel-top{font-size:12px;display:flex;align-items:center;gap:8px;padding-bottom:20px;border-bottom:1px solid #d4ded0}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.panel-id{margin-left:auto;font-size:10px;color:#7d8f80;letter-spacing:2px}.path-step{display:flex;align-items:center;gap:20px;padding-top:18px}.path-step>span{font-size:13px;color:#7a8d7b;font-family:monospace}.path-step>div{display:flex;align-items:baseline;gap:16px}.path-step strong{font-size:19px;font-weight:550}.path-step small{color:#7b877b;font-size:12px}.path-step i{margin-left:auto;font-style:normal;color:#849c85}.panel-note{font-size:11px;color:#728272;margin:24px 0 0;letter-spacing:1px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 24px}.section-heading .eyebrow{margin-bottom:9px}h2{font-size:27px;font-weight:600;margin:0;letter-spacing:-.5px}.section-heading>p{font-size:12px;color:var(--muted);margin:0 0 5px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:27px 28px;transition:transform .18s,border-color .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);border-color:#92b8a4;box-shadow:0 9px 24px #123d3308}.card-top{display:flex;align-items:center;gap:12px}.icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#ecf4ed;color:#2a7353;font-size:23px}.blue{background:#edf2f9;color:#507292}.orange{background:#fff3e8;color:#ac793d}.purple{background:#f1edf8;color:#806299}.tag{font-size:11px;color:var(--muted)}.arrow{margin-left:auto;font-size:23px;color:#9ba7a0}.card h3{font-size:22px;font-weight:600;margin:23px 0 12px}.card>p{font-size:14px;line-height:1.85;color:var(--muted);max-width:420px;margin:0 0 25px}.card-footer{border-top:1px solid #edf0ea;padding-top:17px;display:flex;justify-content:space-between;font-size:11px;color:#869089}.card-footer strong{font-weight:550;color:var(--green)}#guides{padding-top:64px}.guide-list{border-top:1px solid #d8e0d5}.guide{display:flex;align-items:center;gap:27px;padding:29px 10px;border-bottom:1px solid #d8e0d5;transition:background .18s}.guide:hover{background:#edf2e9}.guide-num{font-family:serif;font-size:36px;color:#b5c5b4}.guide-label{font-size:10px;letter-spacing:1px;color:var(--green)}.guide h3{font-size:19px;margin:7px 0 10px;font-weight:600}.guide p{font-size:12px;color:var(--muted);line-height:1.75;margin:0}.guide-action{font-size:11px;white-space:nowrap;margin-left:auto;display:flex;gap:22px;align-items:center}.guide-action b{font-size:22px;font-weight:400}.guide-note{font-size:11px;color:#8a948b;margin:17px 0}.closing{display:flex;align-items:center;gap:16px;margin-top:53px;padding:28px 0;border-top:1px solid var(--line)}.small{width:30px;height:30px;font-size:18px;border-radius:9px}.closing p{font-size:13px;color:var(--muted)}.closing>a{font-size:12px;margin-left:auto;color:var(--green)}footer{display:flex;justify-content:space-between;padding:22px 34px 30px;font-size:10px;color:#8f998f;border-top:1px solid var(--line)}@media(max-width:760px){header{padding:22px 22px}.brand{font-size:16px}.brand-sub{font-size:8px;letter-spacing:1px}nav{gap:15px;font-size:12px}main{padding:0 22px}.hero{gap:35px;padding:45px 0 50px;grid-template-columns:1fr}.hero-panel{box-shadow:7px 7px 0 #e9ede3;padding:20px 24px}.path-step{padding-top:12px}.panel-note{margin-top:18px}h1{font-size:44px}.section-heading{align-items:start;gap:16px}.section-heading>p{max-width:126px;line-height:1.6;text-align:right}.cards{grid-template-columns:1fr;gap:14px}.card{padding:23px}.card h3{margin-top:18px}.guide{gap:17px;align-items:start;flex-wrap:wrap;padding:25px 0}.guide>div{flex:1}.guide-action{width:100%;padding-left:50px;justify-content:space-between}.guide-num{font-size:30px}.closing{gap:11px}.closing p{max-width:200px;line-height:1.8}.closing>a{white-space:nowrap}footer{padding:20px 22px;gap:15px;flex-wrap:wrap}#guides{padding-top:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}