*{box-sizing:border-box}:root{--bg:#f4f7f8;--card:#fff;--text:#17242d;--muted:#66757f;--line:#dde6ea;--accent:#126c82;--soft:#e7f3f5;--warn:#fff3cd}
body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.header{height:66px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:1.25rem;font-weight:850}.header nav{display:flex;gap:18px;color:var(--muted)}
.hero{padding:54px 0 28px}.eyebrow{font-size:.72rem;letter-spacing:.12em;font-weight:800;color:var(--accent);margin:0 0 8px}h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1;letter-spacing:-.055em;margin:0}h2{font-size:1.55rem;margin:0}h3{margin:0}.lede{color:var(--muted);font-size:1.05rem;max-width:740px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card,.panel,.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.card span{display:block;color:var(--muted);font-size:.85rem;margin-top:6px}.badge{display:inline-block;background:var(--soft);color:var(--accent);border-radius:999px;padding:5px 8px;font-size:.7rem;font-weight:800;margin-bottom:10px}
.panel{margin:20px 0;padding:26px}.demo{background:var(--warn);border:1px solid #eadb91;border-radius:14px;padding:12px 14px;font-size:.86rem;margin:18px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat strong{display:block;font-size:1.4rem}.stat small{color:var(--muted)}
.search{display:flex;gap:10px}.search input{flex:1;padding:13px;border:1px solid var(--line);border-radius:12px;font-size:1rem}.search button{border:0;background:var(--accent);color:#fff;border-radius:12px;padding:0 18px;font-weight:750}
table{width:100%;border-collapse:collapse;min-width:650px}.tablewrap{overflow:auto}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-size:.92rem}th{font-size:.75rem;color:var(--muted)}
.ad{height:110px;border:1px dashed #bcc8cd;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#89969d;margin:22px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.links a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-weight:700}.breadcrumbs{padding-top:20px;color:var(--muted);font-size:.82rem}
footer{margin-top:50px;background:#14252f;color:#d9e3e7}.footer{padding:32px 0;display:flex;justify-content:space-between}.meta{color:var(--muted);font-size:.86rem}
@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}}@media(max-width:520px){.grid,.stats{grid-template-columns:1fr}.header nav{display:none}}