:root{--bg:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--brand:#076f7e;--brand-dark:#055361;--brand-light:#0fadce}*{box-sizing:border-box}body,html{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;margin:0;padding:0}a{color:inherit;text-decoration:none}.container{margin:0 auto;padding:0 1rem;width:min(100%,1100px)}.section{padding:3rem 0}.header{background:#fff;border-bottom:1px solid var(--border)}.nav{display:flex;gap:1rem;justify-content:space-between;min-height:64px}.brand,.nav{align-items:center}.brand{color:var(--brand);display:inline-flex;font-size:1.1rem;font-weight:700;gap:.55rem}.brand-logo{height:32px;-o-object-fit:contain;object-fit:contain;width:32px}nav{display:flex;gap:1rem}.nav-link{color:var(--muted);font-size:.95rem}.nav-link.router-link-active,.nav-link:hover{color:var(--brand-dark)}.hero{display:grid;gap:1rem;padding:4rem 0 2rem}.hero h1{font-size:clamp(2rem,3.8vw,3rem);line-height:1.1;margin:0}.hero p{color:var(--muted);line-height:1.6;margin:0;max-width:720px}.button{align-items:center;background:var(--brand);border:1px solid transparent;border-radius:8px;color:#fff;display:inline-flex;font-weight:600;justify-content:center;padding:.65rem 1rem;width:-moz-fit-content;width:fit-content}.button.secondary{background:transparent;border-color:var(--border);color:var(--brand-dark)}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card{border:1px solid var(--border);border-radius:10px;padding:1rem}.card h3{margin:0 0 .5rem}.card p{color:var(--muted);line-height:1.5;margin:0}.footer{border-top:1px solid var(--border);margin-top:3rem}.footer-row{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;justify-content:space-between;min-height:80px}.content{max-width:760px}.content h1,.content h2{line-height:1.2}.content li,.content p{color:var(--muted);line-height:1.6}