:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#21372e;background:#f6f7f2;font-synthesis:none;line-height:1.6;--ink:#19352c;--muted:#6d7971;--line:#dde3d8;--green:#39754a;--lime:#dbe9aa;--card:#fff;--danger:#9f3e31}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ink);border-radius:9px;padding:10px 18px;background:var(--ink);color:#fff;cursor:pointer;line-height:1.5;font-weight:550}button:hover,.button:hover{filter:brightness(1.12)}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:transparent;color:var(--ink);border-color:#cbd5c9}.danger{background:#fff6f2;border-color:#e7b9ae;color:var(--danger)}.small{padding:6px 11px;font-size:12px}.link{border:none;background:none;color:var(--green);padding:0;font-size:inherit}input,select,textarea{width:100%;border:1px solid #cdd6c9;border-radius:8px;padding:11px 12px;color:var(--ink);background:#fff}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #abc47a;outline-offset:2px}label{display:block;font-size:13px;font-weight:550;margin-bottom:7px}.field{margin-bottom:18px}.field small{display:block;margin-top:6px;color:var(--muted)}:focus-visible{outline:3px solid #98b77a;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{line-height:1.2;letter-spacing:-1.8px;font-weight:650}h2{font-size:30px;line-height:1.35;letter-spacing:-.6px}h3{font-size:18px;font-weight:600}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere}.eyebrow{font-size:13px;color:#527154;margin:0 0 18px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:20px}.wrap{max-width:1160px;padding:0 36px;margin:auto}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:650;letter-spacing:1px}.brand img{width:34px;height:34px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.topbar nav{display:flex;gap:30px;align-items:center;font-size:14px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;padding:95px 0 100px}.hero h1{font-size:64px;max-width:560px;margin-bottom:24px}.hero p{font-size:18px;max-width:445px;color:var(--muted);margin-bottom:32px}.hero .fine{font-size:12px;margin-top:20px;margin-bottom:0}.hero-visual{position:relative;background:#e7ecd7;border:1px solid #d8e1c6;border-radius:22px;padding:42px 32px;min-height:410px}.phone-head{display:flex;align-items:center;gap:10px;margin-bottom:38px;font-size:14px}.phone-head img{width:36px}.chat-bubble{background:#fff;padding:20px;border-radius:16px 16px 3px 16px;margin-left:38px;box-shadow:0 5px 20px #253b2110}.task-card{border:1px solid #d5ddc9;background:#f8faf1;margin:28px 26px 0 0;padding:23px;border-radius:14px}.task-card .step{display:flex;gap:12px;align-items:center;font-size:13px;color:#4f6450;padding:8px 0}.step-dot{width:20px;height:20px;border-radius:50%;background:#dce8c7;display:grid;place-items:center;font-size:11px}.sample{font-size:11px;color:#6b7c62;margin-top:22px;display:block}.section{padding:65px 0;border-top:1px solid var(--line)}.section-intro{max-width:580px;margin-bottom:36px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:26px;background:#fff;border:1px solid var(--line);border-radius:12px}.feature .number{font-size:13px;color:#668855;display:block;margin-bottom:22px}.feature p{font-size:14px;color:var(--muted);margin-bottom:0}.plan{background:#fff;border:1px solid var(--line);padding:28px;border-radius:12px;position:relative}.plan.featured{border-color:#668855;background:#f4f7e9}.plan .price{font-size:42px;line-height:1.3;font-weight:600;margin:18px 0}.price small{font-size:14px;font-weight:400;color:var(--muted)}.plan .button,.plan button{width:100%;margin-top:20px}.plan ul{list-style:none;padding:0;font-size:14px;color:#50614e}.plan li{margin:10px 0}.plan li:before{content:'✓';color:#668855;margin-right:10px}.badge{display:inline-block;font-size:12px;line-height:1.5;border-radius:5px;background:#eaf1df;color:#3c6736;padding:3px 8px;white-space:nowrap}.badge.warn{background:#f9edce;color:#886d2c}.badge.bad{background:#fbe7df;color:#9f3e31}.badge.neutral{background:#eef0eb;color:#61705f}.banner{background:#eaf0de;border:1px solid #d9e3c8;border-radius:10px;padding:17px 20px;font-size:14px;margin-bottom:24px}.banner.warn{background:#fff9eb;border-color:#e7d8ab;color:#7f6524}.banner.error{background:#fff4ee;border-color:#e8c3b8;color:#9b4230}.footer{padding:35px 0 45px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-links{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px}.footer p{margin:5px 0}.page-title{padding:46px 0 30px}.page-title h1{font-size:38px;letter-spacing:-1px;margin-bottom:10px}.narrow{max-width:800px;margin:auto}.document{padding:45px 0 70px}.document h2{font-size:20px;margin:32px 0 12px}.document p,.document li{font-size:15px;color:#52634f;line-height:1.9}.login{max-width:440px;margin:70px auto;padding:36px;border:1px solid var(--line);background:#fff;border-radius:14px}.login h1{font-size:27px;letter-spacing:-.7px}.login p{font-size:14px;color:var(--muted)}.login button{width:100%}.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:#19352c;color:#ced9c9;padding:30px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{color:#f0f4e7;margin:0 13px 40px}.sidebar .brand small{display:block;font-size:10px;letter-spacing:0;font-weight:400;color:#a8bc9e}.side-nav{display:grid;gap:5px}.nav-item{border:0;background:none;border-radius:7px;justify-content:flex-start;color:#bfd0b8;padding:11px 14px;font-size:14px;gap:13px}.nav-item:hover{background:#25483a}.nav-item.active{background:#dbe9aa;color:#19352c}.nav-icon{font-size:12px;width:17px;text-align:center;opacity:.8}.sidebar-foot{margin-top:auto;padding:20px 12px 0;border-top:1px solid #315344;font-size:12px;color:#9bb291}.sidebar-foot button{color:#ced9c9}.workspace{min-width:0}.workspace-top{height:78px;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#fbfcf8;font-size:13px}.workspace-content{padding:34px 38px;max-width:1600px}.workspace-content h1{font-size:29px;letter-spacing:-.8px;margin-bottom:5px}.workspace-heading{margin-bottom:30px}.workspace-heading p{font-size:13px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0}.stat{border:1px solid var(--line);background:#fff;padding:22px;border-radius:10px}.stat label{color:var(--muted);font-size:12px;font-weight:400;margin-bottom:14px}.stat strong{display:block;font-size:28px;letter-spacing:-.5px;font-weight:600}.stat small{font-size:11px;color:var(--muted)}.panel{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;margin-bottom:22px}.panel-head{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center;justify-content:space-between}.panel-head h2{font-size:16px;margin:0;letter-spacing:0}.panel-body{padding:24px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{background:#f9faf5;color:#6d7967;padding:13px 22px;white-space:nowrap;font-size:12px;font-weight:500;border-bottom:1px solid var(--line)}td{padding:15px 22px;border-bottom:1px solid #edf0e7;max-width:360px;overflow-wrap:anywhere}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbf6}td .mono{font-size:11px}td .row{gap:7px;flex-wrap:nowrap}.empty{text-align:center;padding:50px 20px;color:var(--muted);font-size:14px}.empty strong{display:block;color:#465a43;font-weight:500;margin-bottom:8px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.toolbar input{max-width:300px}.toolbar .right{margin-left:auto}.split{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.loading{padding:80px;text-align:center;color:var(--muted)}.notice{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:90vw;background:#19352c;color:white;padding:13px 22px;border-radius:10px;z-index:20;box-shadow:0 6px 25px #152b2526;font-size:14px}dialog{border:1px solid var(--line);border-radius:14px;padding:30px;width:520px;max-width:94vw;max-height:90vh;color:var(--ink);box-shadow:0 20px 80px #13292035}dialog::backdrop{background:#10281a70;backdrop-filter:blur(3px)}dialog h2{font-size:23px}dialog .actions{display:flex;justify-content:flex-end;gap:12px;margin-top:26px}.token-box{padding:18px;border:1px solid #cdd6be;border-radius:8px;background:#f5f8ed;font-size:12px;overflow-wrap:anywhere;user-select:all}.form-error{color:var(--danger);font-size:13px;min-height:20px}.chart-row{display:grid;grid-template-columns:85px 1fr 70px;align-items:center;gap:12px;margin:15px 0;font-size:12px}.chart-track{height:9px;border-radius:4px;overflow:hidden;background:#edf1e3}.chart-bar{height:100%;background:#739259;border-radius:4px}.code-card{background:#19352c;color:#e8f1d7;padding:32px;border-radius:13px;margin:28px 0}.code-card .code{font-size:38px;letter-spacing:8px;font-family:ui-monospace,monospace;margin:14px 0}.code-card p{color:#baceb1;font-size:13px}.code-card button{border-color:#b6c9aa;color:#dbe9aa;background:transparent}.details{margin-top:24px}.details summary{cursor:pointer;font-weight:500;font-size:14px}.details p{margin:15px 0 0;color:var(--muted);font-size:14px}.checks{display:flex;gap:9px;align-items:flex-start;font-size:13px}.checks input{width:auto;flex-shrink:0;margin-top:6px}.checks a{text-decoration:underline}.pagination{justify-content:flex-end;margin:18px 0}.bar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.kbd{font-size:11px;border:1px solid var(--line);border-radius:5px;padding:3px 7px;color:var(--muted)}@media(max-width:1000px){.hero{gap:30px}.hero h1{font-size:51px}.stats{grid-template-columns:repeat(2,1fr)}.workspace-content{padding:28px 24px}.split{grid-template-columns:1fr}}@media(max-width:720px){.wrap{padding:0 22px}.topbar{height:72px}.topbar nav{gap:16px}.topbar nav .optional{display:none}.hero{grid-template-columns:1fr;padding:55px 0}.hero h1{font-size:46px}.hero p{font-size:16px}.hero-visual{min-height:auto;padding:28px}.grid3{grid-template-columns:1fr}.section{padding:42px 0}.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:18px}.sidebar .brand{margin:0 0 20px}.side-nav{display:flex;gap:7px;overflow-x:auto}.nav-item{white-space:nowrap;padding:8px 13px}.nav-icon,.sidebar-foot{display:none}.workspace-top{height:55px;padding:0 20px}.workspace-content{padding:25px 18px}.workspace-heading{margin-bottom:20px}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:24px}.panel-head,.panel-body{padding:18px}th,td{padding:12px 16px}.toolbar{flex-wrap:wrap}.toolbar input{max-width:100%}.bar-grid{grid-template-columns:1fr}.login{margin:35px 0;padding:25px}.page-title{padding-top:32px}.hero .row .button{flex:1}.price{font-size:36px!important}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(max-width:720px){.hero .row .button{font-size:14px;padding:11px 12px;white-space:nowrap}}