/* ModAnalog HTML Suite — real content */
:root { --brand-bg:#ffff; --brand-primary:#1c2541; --brand-accent:#3a506b; --brand-highlight:#5bc0be; --brand-contrast:#11023d; --text:#102a43; --muted:#627d98; }
*{box-sizing:border-box} html{font-size:24px} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,'Noto Sans',sans-serif;color:var(--text);background:#f7fafc}
.container{width:min(1100px,92%);margin:0 auto}
header{background:var(--brand-bg);color:var(--brand-contrast);position:sticky;top:0;z-index:1000}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}
.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--brand-contrast);font-weight:700}
nav ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0}
nav a{color:var(--brand-contrast);text-decoration:none;padding:.5rem .25rem}
nav a:hover,nav a[aria-current="page"]{color:var(--brand-highlight)}
.hero{background:linear-gradient(135deg,var(--brand-primary),var(--brand-bg));color:var(--brand-contrast);padding:4rem 0}
.hero h1{font-size:clamp(1.8rem,3.5vw,3rem);margin:0 0 .5rem}
.hero p{font-size:clamp(1rem,2.2vw,1.25rem);margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}
.card{background:#fff;border-radius:12px;box-shadow:0 6px 16px rgba(16,42,67,.08);padding:1rem}
.card h3{margin:0 0 .5rem}
main{padding:2rem 0} section+section{margin-top:2rem}
footer{background:var(--brand-bg);color:var(--brand-contrast)}
footer .footer-inner{padding:2rem 0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.footer-bottom{background:var(--muted);color:#cbd5e0;font-size:.875rem}
.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0}
input,textarea,select,button{font:inherit} .input{width:100%;padding:.625rem .75rem;border:1px solid #d0d7de;border-radius:8px} label{display:block;margin-bottom:.375rem;font-weight:600}
.button{background:var(--brand-highlight);color:var(--brand-bg);border:none;padding:.625rem 1rem;border-radius:8px;font-weight:700;cursor:pointer}
.button:hover{filter:brightness(1.05)} .breadcrumb{font-size:.875rem;color:var(--muted);margin:.5rem 0 1rem}
.table{width:100%;border-collapse:collapse} .table th,.table td{border-bottom:1px solid #e6edf3;padding:.5rem;text-align:left}
.banner{background:#fff;border:1px solid #e6edf3;border-radius:10px;padding:1rem;margin-top:1.5rem}
.kicker{font-weight:700;color:#334e68;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}
.sm{font-size:.9rem} .muted{color:var(--muted)} .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}