/* iCompare minimal site styles */
:root{
  --primary:#0B4F8A; /* deep blue */
  --accent:#1FA37E;  /* green */
  --ink:#0F172A;
  --soft:#F1F5F9;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:var(--ink);background:#fff}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 1rem}
header{position:sticky;top:0;background:#fffcc;backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #e5e7eb}
nav a{margin:0 .75rem;color:#475569}
nav a.active{color:var(--primary);font-weight:600}
.btn{display:inline-block;padding:.75rem 1rem;border-radius:999px;border:1px solid transparent}
.btn-primary{background:var(--primary);color:#fff}
.btn-outline{border-color:var(--primary);color:var(--primary)}
.grid{display:grid;gap:1rem}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{border:1px solid #e5e7eb;border-radius:1rem;background:#fff}
.card .pad{padding:1rem}
.hero{padding:3rem 0}
.hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:.5rem 0}
.hero p{color:#475569;font-size:1.125rem}
.section{padding:2.5rem 0}
footer{border-top:1px solid #e5e7eb;margin-top:3rem}
footer .small{color:#64748b;font-size:.875rem}
.logo{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--primary)}
.logo .dot{width:24px;height:24px;background:var(--accent);border-radius:999px;position:relative}
.logo .tick1,.logo .tick2{position:absolute;background:var(--primary);border-radius:2px}
.logo .tick1{left:6px;top:6px;width:6px;height:16px;transform:rotate(-45deg)}
.logo .tick2{left:12px;top:11px;width:6px;height:12px;transform:rotate(45deg)}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #e5e7eb;padding:.5rem;text-align:left}
input,select,textarea{width:100%;padding:.6rem;border:1px solid #e5e7eb;border-radius:.75rem}
label{font-size:.9rem;font-weight:600;margin-bottom:.25rem;display:block}
.form-grid{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:768px){.form-grid{grid-template-columns:1fr 1fr} .hero{padding:4rem 0}}
footer .cols{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}