:root{--bg:#F7F8FC;--card:#fff;--ink:#141627;--muted:#626781;--line:#E6E8F2;--pri:#6D5DFC;--pri2:#14B8A6;--ai:#FDE2E2;--aiI:#DC2626;--mid:#FEF3C7;--midI:#B45309;--hu:#DCFCE7;--huI:#15803D;--r:16px}
*{box-sizing:border-box}html,body{margin:0}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}a{color:var(--pri);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.nav{background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--ink)}.brand b{color:var(--pri)}.brand:hover{text-decoration:none}
nav{display:flex;align-items:center;gap:18px}nav a{color:var(--ink);font-weight:500}.who{color:var(--muted);font-size:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--pri),#8B5CF6);color:#fff;border:0;border-radius:12px;padding:12px 20px;font-weight:600;font-size:15px;cursor:pointer;font-family:inherit;box-shadow:0 6px 18px rgba(109,93,252,.25)}
.btn:hover{text-decoration:none;filter:brightness(1.05)}.btn:disabled{opacity:.6;cursor:wait}
.btn.sm{padding:8px 14px;font-size:14px}.btn.lg{padding:15px 26px;font-size:16px}.btn.full{width:100%}
.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 4px 24px rgba(20,22,39,.04)}
.hero{padding:70px 0 40px}.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.pill{display:inline-block;background:#EEEBFF;color:var(--pri);font-weight:600;font-size:13px;padding:6px 12px;border-radius:99px}
h1{font-size:48px;line-height:1.12;margin:18px 0;letter-spacing:-.02em}.grad{background:linear-gradient(135deg,var(--pri),var(--pri2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:18px;color:var(--muted)}.cta{display:flex;gap:12px;margin:26px 0 10px;flex-wrap:wrap}
.tiny{font-size:13px;color:var(--muted)}.muted{color:var(--muted)}.center{text-align:center}
.demo{padding:18px}.demo-top{display:flex;gap:6px;margin-bottom:14px}.dot{width:10px;height:10px;border-radius:50%}.r{background:#F87171}.y{background:#FBBF24}.g{background:#34D399}
.gauge-row{display:flex;gap:16px;align-items:center;margin-bottom:12px}
.gauge{--p:0;width:86px;height:86px;border-radius:50%;background:conic-gradient(var(--aiI) calc(var(--p)*1%),#E5E7EB 0);display:grid;place-items:center;flex:none}
.gauge span{width:66px;height:66px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:800;font-size:18px}
.gauge.big{width:130px;height:130px}.gauge.big span{width:100px;height:100px;font-size:26px}
.seg{padding:10px 12px;border-radius:10px;margin:8px 0;border-left:4px solid}
.seg.ai{background:var(--ai);border-color:var(--aiI)}.seg.mid{background:var(--mid);border-color:var(--midI)}.seg.hu{background:var(--hu);border-color:var(--huI)}
.prob{float:right;font-weight:700;opacity:.65;margin-left:8px}
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:30px 20px}
.feat{padding:24px}.feat h3{margin:12px 0 6px}.feat p{margin:0;color:var(--muted)}
.ico{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--pri),var(--pri2));color:#fff;display:grid;place-items:center;font-weight:800}
.note{padding:24px;margin-bottom:50px}.note h3{margin-top:0}.note p{color:var(--muted);margin-bottom:0}
.auth{display:flex;justify-content:center;padding:60px 20px}.auth-card{width:100%;max-width:430px;padding:32px}.auth-card h2{margin:0}
form label{display:block;font-weight:600;font-size:14px;margin:14px 0}
input,textarea{width:100%;font:inherit;border:1px solid var(--line);border-radius:10px;padding:11px 13px;margin-top:6px;background:#fff;color:var(--ink)}
input:focus,textarea:focus{outline:2px solid #C7C1FF;border-color:var(--pri)}
.hp{position:absolute;left:-9999px;opacity:0;height:0}
.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px;font-weight:600;color:var(--ink);margin-top:20px;background:#fff}
.btn-google:hover{background:#F9FAFB;text-decoration:none}
.or{text-align:center;margin:18px 0 4px;position:relative;color:var(--muted);font-size:13px}.or:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid var(--line)}.or span{background:#fff;padding:0 10px;position:relative}
.alert{background:#FEF2F2;color:#B91C1C;border:1px solid #FECACA;padding:10px 14px;border-radius:10px;margin:16px 0}
.page{padding:36px 20px 60px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.page-head h2{margin:0}
.quota{background:#EEEBFF;color:var(--pri);padding:6px 12px;border-radius:99px;font-size:13px;font-weight:600}
.checker{padding:16px}.checker textarea{min-height:340px;resize:vertical;margin:0;border:0;outline:0;font-size:15px}
.check-bar{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:12px;flex-wrap:wrap}.check-bar .btn{margin-left:auto}
.upload{margin:0;font-weight:500;color:var(--pri);cursor:pointer}.upload input{display:none}
.result-top{display:flex;gap:28px;align-items:center;padding:26px;margin:14px 0 18px}.result-top h2{margin:0 0 4px}
.legend{display:flex;gap:8px;flex-wrap:wrap}.legend .seg{margin:0;padding:4px 10px;font-size:13px}
.doc{padding:22px;margin-bottom:14px}
.table{padding:6px 0}.trow{display:grid;grid-template-columns:1fr 110px 110px 190px 70px;gap:12px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--line)}.trow:last-child{border:0}
.tt{font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.badge{font-weight:700;font-size:13px;padding:4px 10px;border-radius:99px;text-align:center}.badge.ai{background:var(--ai);color:var(--aiI)}.badge.mid{background:var(--mid);color:var(--midI)}.badge.hu{background:var(--hu);color:var(--huI)}
.link-btn{background:none;border:0;color:#B91C1C;cursor:pointer;font:inherit;font-size:14px}
.empty{padding:30px;text-align:center}.prose{padding:30px;max-width:820px}
.foot{border-top:1px solid var(--line);background:#fff}.foot-in{display:flex;justify-content:space-between;padding:18px 20px;font-size:14px;color:var(--muted)}
@media (max-width:860px){.hero-in,.feats{grid-template-columns:1fr}h1{font-size:34px}.trow{grid-template-columns:1fr 90px;}.trow .muted{display:none}.result-top{flex-direction:column;text-align:center}.legend{justify-content:center}nav .who{display:none}nav{gap:10px}}