/* ring4food: brand sheet tokens (docs/brand.md) */
:root { --navy:#12356B; --red:#D92735; --white:#FFFFFF; --pale:#F3F6FB; --text:#12356B; --head:'Nunito',Arial,Helvetica,sans-serif; --body:'Inter',Arial,Helvetica,sans-serif; }
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
body{background:var(--white);color:var(--text);font:400 16px/1.5 var(--body)}
.top{padding:24px 16px;max-width:1080px;margin:0 auto}
.brand img{height:56px;width:auto;display:block}
main{max-width:1080px;margin:0 auto;padding:0 16px}
.hero{padding:48px 0 56px}
.badge{display:inline-block;margin:0 0 16px;padding:4px 12px;border:2px solid var(--navy);border-radius:999px;font:700 14px var(--head)}
h1{font:800 40px/1.15 var(--head);margin:0 0 16px}
h2{font:800 28px/1.2 var(--head);margin:0 0 8px}
.lead{font-size:20px;max-width:640px;margin:0 0 24px}
.points{list-style:none;padding:0;margin:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.points li{background:var(--pale);border-radius:14px;padding:16px 20px}
.points strong{font-weight:600}
.owners{background:var(--pale);border-radius:14px;padding:32px 24px;margin:0 0 48px}
.owners p{margin:0}
footer{background:var(--navy);color:var(--white);padding:24px 16px;text-align:center;font-size:14px}
footer p{margin:0 auto;max-width:1080px}
@media (max-width:600px){h1{font-size:32px}.lead{font-size:18px}.brand img{height:44px}}