*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;background:linear-gradient(135deg,#f8fafc,#fff,#f1f5f9);color:#0f172a}header{position:sticky;top:0;z-index:10;background:#ffffffd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #e2e8f0;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px}.brand span{display:block;font-size:12px;color:#64748b}.logo,.icon{width:44px;height:44px;border-radius:16px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:20px}nav{display:flex;gap:8px}nav button{border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:9px 14px;color:#475569;cursor:pointer;white-space:nowrap}nav .active{background:#0f172a;color:#fff;border-color:#0f172a}.btn{border:0;background:#0f172a;color:#fff;border-radius:14px;padding:10px 16px;cursor:pointer;font-weight:600}.btn.outline{background:#fff;color:#334155;border:1px solid #e2e8f0}main{max-width:1280px;margin:0 auto;padding:32px 24px}.card{border-radius:28px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0f172a0a}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-bottom:22px}.heroText{padding:42px}.hero h1{font-size:52px;line-height:1.05;margin:18px 0}.hero p{font-size:18px;line-height:1.8;color:#475569}.free{display:inline-flex;background:#ecfdf5;color:#047857;border-radius:999px;padding:7px 12px;font-size:14px;font-weight:700}.row{display:flex;gap:12px;flex-wrap:wrap}.darkCard{background:#0f172a;color:#fff;padding:32px;overflow:hidden}.darkCard p{color:#cbd5e1}.darkCard h2{font-size:26px}.chart{height:230px}.miniGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.miniGrid div{background:#ffffff1a;padding:14px;border-radius:18px;color:#cbd5e1}.miniGrid b{color:#fff}.reportBadge{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:16px;margin:20px 0}.reportBadge b,.reportBadge strong,.reportBadge span{display:block}.reportBadge strong{font-size:20px;margin:6px 0}.betaNotice{border:1px solid #bbf7d0;background:#f0fdf4;border-radius:24px;padding:18px 22px;margin:0 0 24px;color:#166534}.betaNotice b{display:block;margin-bottom:6px}.betaNotice span,.betaNotice em{display:block;font-style:normal;font-size:14px;line-height:1.7}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.metric{padding:20px}.metric p{color:#64748b;margin:16px 0 2px}.metric h3{font-size:25px;margin:8px 0 0;word-break:break-word}.tag{display:inline-block;font-size:12px;border-radius:999px;padding:5px 9px;height:max-content}.green{color:#059669}.red{color:#dc2626}.tag.green{background:#dcfce7;color:#047857}.grid2{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:20px 0}.chartCard{padding:22px}.fee{display:flex;justify-content:space-between;margin:10px 0;color:#475569;gap:12px}.fee i{display:inline-block;width:10px;height:10px;border-radius:99px}.tableCard{margin-top:20px}.tableHead{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid #e2e8f0}.tableHead p,.sub{color:#64748b}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{background:#f8fafc;text-align:left;color:#64748b;font-weight:600}th,td{padding:15px;border-bottom:1px solid #e2e8f0;white-space:nowrap}td:not(:first-child),th:not(:first-child){text-align:right}.pill{background:#f1f5f9;color:#334155;border-radius:999px;padding:6px 10px;font-size:12px;white-space:nowrap}.parser{padding:24px;display:grid;grid-template-columns:1.2fr .9fr 1fr;gap:18px;align-items:center;margin-bottom:20px}.fileBox{border:2px dashed #bbf7d0;background:#f0fdf4;color:#047857;border-radius:20px;padding:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700}.fileBox input{display:none}.status{background:#f8fafc;border-radius:18px;padding:16px;color:#475569}.status b,.status span{display:block}.status span{font-size:13px;margin-top:6px;line-height:1.6}.mapping{padding:24px;margin-bottom:20px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:7px 10px;font-size:13px;color:#334155}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price{padding:24px}.price h3{margin-bottom:4px}.price p{color:#64748b;line-height:1.6}@media (max-width:1000px){header{align-items:flex-start;flex-direction:column}nav{overflow:auto;width:100%}.hero,.grid2,.parser,.metrics,.pricing{grid-template-columns:1fr}.hero h1{font-size:38px}}