:root{--paper:#f5f3ec;--ink:#153b30;--muted:#617267;--line:#d8ded4;--accent:#daec73;--dark:#14392f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #83a923;outline-offset:5px}.topbar,main,footer{max-width:1200px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:700;letter-spacing:-1px;display:flex;gap:10px;align-items:center}.mark{display:grid;place-items:center;background:var(--ink);color:var(--paper);font-size:18px;width:32px;height:32px;border-radius:5px;letter-spacing:0}nav{display:flex;gap:30px;font-size:14px}.language{background:none;border:1px solid var(--line);border-radius:5px;padding:5px 13px;color:var(--ink);font-size:13px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding:90px 32px 84px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700;color:var(--muted)}h1{font-family:Georgia,"Noto Serif CJK SC",serif;font-size:clamp(42px,5.8vw,72px);font-weight:400;line-height:1.09;letter-spacing:-2.5px;margin:24px 0}h2{font-family:Georgia,"Noto Serif CJK SC",serif;font-size:clamp(28px,3.4vw,42px);font-weight:400;line-height:1.2;letter-spacing:-1px;margin:12px 0 22px}.lead{font-size:17px;max-width:440px;color:var(--muted);line-height:1.8}.actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:30px}.button{padding:13px 19px;display:inline-block;border-radius:4px;font-size:13px;font-weight:700}.primary{background:var(--ink);color:white}.primary:hover{background:#295843}.outline{border:1px solid var(--ink)}.outline:hover{background:#e4e9dc}.text-link{font-size:13px;font-weight:600}.quiet{font-size:11px;color:var(--muted);margin-top:19px}.terminal{background:var(--dark);color:#e5efde;border-radius:8px;box-shadow:0 12px 24px #12352b10;overflow:hidden;min-width:0}.terminal-top{border-bottom:1px solid #ffffff1c;padding:16px 21px;display:flex;justify-content:space-between;font-family:monospace;font-size:11px;color:#b6c7b4}.terminal-top i{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:9px}.command{font-family:monospace;font-size:12px;color:var(--accent);padding:15px 23px 0}.terminal pre{padding:8px 23px 15px;font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;min-height:218px}.demo-tabs{display:flex;padding:9px 19px;gap:6px;border-top:1px solid #ffffff1c}.demo-tabs button{border:0;background:none;color:#b6c7b4;font-size:11px;padding:7px 10px;border-radius:3px}.demo-tabs .selected{background:var(--accent);color:var(--ink)}.demo-caption{padding:0 23px 15px;color:#a7baab;font-size:10px;line-height:1.6;margin:8px 0 0}.section{border-top:1px solid var(--line);padding:48px 32px 60px}.section-heading{max-width:640px}.body-copy{color:var(--muted);font-size:15px;line-height:1.8}.tool-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;margin-top:26px}.feature-list{padding:0;list-style:none;font-size:13px}.feature-list li{border-bottom:1px solid var(--line);padding:12px 0}.feature-list li:before{content:"↗";margin-right:12px;color:#668236}.tool-links{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;text-decoration:underline;text-underline-offset:4px;margin-top:22px}.recipe{background:#e8ece0;border-radius:6px;padding:25px;align-self:start;margin-top:15px}.recipe pre{font-size:12px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:22px}.recipe p{font-size:12px;color:var(--muted);max-width:350px}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.pricing article{border:1px solid var(--line);border-radius:6px;padding:30px;display:flex;flex-direction:column;align-items:flex-start}.pricing article:nth-child(2){background:#e8ecdf}.package{font-size:10px;letter-spacing:1.6px;color:var(--muted)}h3{font-size:22px;letter-spacing:-.6px;font-weight:400;margin:14px 0 6px}.price{font-size:38px;letter-spacing:-1px;margin:12px 0}.price span{font-size:12px;color:var(--muted);letter-spacing:0}.pricing ul{padding-left:17px;font-size:13px;color:var(--muted);flex:1}.pricing li{margin:10px 0}.pricing .button{margin-top:16px}.scope-note{color:var(--muted);font-size:11px;max-width:800px;margin:25px 0 0}.contact{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;background:var(--accent);border-radius:7px;margin:0 32px 60px;padding:36px 40px}.contact p{font-size:14px;max-width:460px}.contact>div:nth-child(2){align-self:center}.contact-note{font-size:11px!important;opacity:.78;margin-top:20px}footer{padding:25px 32px 35px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px}footer .brand{font-size:17px}footer span{flex:1;font-size:11px;color:var(--muted)}footer>a:last-child{font-size:11px;text-decoration:underline}.document{max-width:740px;margin:60px auto;padding:0 25px}.document h1{font-size:46px}.document p,.document li{font-size:15px;color:var(--muted)}@media(max-width:850px){.hero{gap:35px;padding-top:55px}.tool-grid{gap:30px}.contact{gap:28px;padding:28px}.terminal pre{font-size:11px}}@media(max-width:650px){.topbar{padding:20px}.brand{font-size:21px}nav{gap:14px;font-size:11px}.hero{grid-template-columns:1fr;padding:48px 20px 42px;gap:35px}h1{font-size:52px}.tool-grid,.pricing,.contact{grid-template-columns:1fr;gap:20px}.section{padding:35px 20px 42px}.contact{margin:0 20px 40px;padding:27px}.pricing article{padding:25px}footer{padding:24px 20px;gap:15px;flex-wrap:wrap}footer span{flex-basis:70%}.actions{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
