/* Blue Ballot Co.: clean civic. Navy, bright blue, white, editorial serif, soft cards. */
:root { --radius: 16px; --shadow: 0 16px 40px rgba(13,27,62,.12); }
.site-head { background: #ffffff; }
.brand { font-family: var(--serif); font-weight: 400; }
.hero h1, .section-head h2, .product h1, .signup h2, .page h1, .cart-page h1, .foot-brand { font-weight: 400; }
.hero-banner { background: linear-gradient(180deg, #ffffff 0%, var(--art-bg) 100%); border-radius: 24px; padding: 40px 20px 24px; margin-top: 20px; }
.hero-banner .tile { background: #ffffff; box-shadow: var(--shadow); }
.kicker { color: var(--accent); background: #e3ebfd; padding: 7px 12px; border-radius: 999px; letter-spacing: .14em; }
.card { border: 0; box-shadow: 0 2px 12px rgba(13,27,62,.07); }
.card:hover { box-shadow: var(--shadow); }
.why div { border: 0; box-shadow: 0 2px 12px rgba(13,27,62,.07); }
.chip { background: #ffffff; border: 1px solid var(--rule); }
.quote { border-left-color: var(--accent); font-family: var(--serif); font-weight: 400; font-size: 20px; }
