/* ETI Pro product pages. System fonts only and no third-party requests: these pages describe an app that promises no tracking. */
:root{--bg:#090e1a;--surface:#0f172a;--border:#1e293b;--text:#f8fafc;--muted:#a3b1c6;--primary:#8b5cf6;--accent:#fbbf24;--teal:#19c7b1;--link:#a78bfa}
@media (prefers-color-scheme:light){:root{--bg:#f8f9fc;--surface:#fff;--border:#dfe3ee;--text:#14162b;--muted:#4d5670;--primary:#4f46e5;--accent:#8a5a00;--teal:#007f71;--link:#4338ca}}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;font-size:16px}
a{color:var(--link)}
header.site{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:space-between;align-items:center;padding:1rem max(1rem,4vw);border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10}
.logo{font-weight:800;font-size:1.15rem;color:var(--text);text-decoration:none}
.logo span{color:var(--accent)}
nav.tabs{display:flex;flex-wrap:wrap;gap:.25rem}
nav.tabs a{color:var(--muted);text-decoration:none;padding:.4rem .8rem;border-radius:999px;font-size:.9rem}
nav.tabs a:hover{color:var(--text)}
nav.tabs a[aria-current=page]{background:var(--primary);color:#fff}
main{max-width:46rem;margin:0 auto;padding:2.5rem max(1rem,4vw) 4rem}
h1{font-size:clamp(1.7rem,4vw,2.3rem);line-height:1.2;margin-bottom:.5rem}
h2{font-size:1.25rem;margin:2.2rem 0 .6rem}
p,ul,ol{margin-bottom:1rem;color:var(--text)}
ul,ol{padding-left:1.4rem}
li{margin-bottom:.35rem}
.lead{color:var(--muted);font-size:1.1rem}
.meta{color:var(--muted);font-size:.9rem;margin-bottom:1.5rem}
.note{border:1px solid var(--border);border-left:4px solid var(--teal);background:var(--surface);padding:.9rem 1.1rem;border-radius:10px;margin:1.2rem 0}
.tablewrap{overflow-x:auto;margin:1rem 0 1.5rem;border:1px solid var(--border);border-radius:10px}
table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.92rem}
th,td{padding:.6rem .8rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
th{background:var(--surface);color:var(--muted);font-weight:600}
tr:last-child td{border-bottom:0}
footer{border-top:1px solid var(--border);color:var(--muted);font-size:.85rem;padding:1.5rem max(1rem,4vw);text-align:center}
details{border:1px solid var(--border);border-radius:10px;padding:.7rem 1rem;margin-bottom:.7rem;background:var(--surface)}
summary{cursor:pointer;font-weight:600}
details p{margin:.6rem 0 0;color:var(--muted)}