*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root { --navy: #0E1E3A; --green: #3E6E4A; --cream: #F5F0E8; --light: #E8E3D8; }
body { font-family: system-ui, -apple-system, sans-serif; background: var(--cream); color: var(--navy); line-height: 1.6; }
header { background: var(--navy); color: white; padding: 1.2rem 2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .5rem; }
header .brand { color: white; text-decoration: none; font-weight: 700; font-size: 1.05rem; }
header nav a { color: rgba(255,255,255,.75); text-decoration: none; margin-left: 1.2rem; font-size: .85rem; }
header nav a:hover { color: white; }
.hero { background: var(--navy); color: white; padding: 4rem 2rem 3rem; text-align: center; }
.tag { display: inline-block; background: var(--green); color: white; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; padding: .3rem .8rem; border-radius: 2px; margin-bottom: 1rem; }
.hero h1 { font-size: clamp(1.8rem, 4vw, 2.8rem); margin-bottom: 1rem; line-height: 1.2; }
.hero p { max-width: 640px; margin: 0 auto 2rem; opacity: .85; font-size: 1.05rem; }
.cta { display: inline-block; background: var(--green); color: white; text-decoration: none; padding: .85rem 2rem; border-radius: 4px; font-weight: 700; transition: opacity .2s; }
.cta:hover { opacity: .85; }
main { max-width: 860px; margin: 0 auto; padding: 3rem 2rem; }
h2 { font-size: 1.3rem; margin: 2.5rem 0 .8rem; color: var(--navy); border-left: 3px solid var(--green); padding-left: .75rem; }
p { margin-bottom: 1rem; }
ul { margin: .5rem 0 1.5rem 1.5rem; }
ul li { margin-bottom: .4rem; }
.includes-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: .6rem; margin: .8rem 0 1.5rem; }
.inc-item { background: white; border: 1px solid var(--light); border-radius: 4px; padding: .65rem 1rem; font-size: .88rem; font-weight: 600; }
.meta-row { display: flex; gap: 1rem; flex-wrap: wrap; margin: 1rem 0 1.5rem; }
.meta-card { background: white; border: 1px solid var(--light); border-radius: 6px; padding: .9rem 1.2rem; flex: 1; min-width: 130px; }
.meta-card .label { font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; color: #666; }
.meta-card .value { font-size: 1rem; font-weight: 700; margin-top: .15rem; }
.meta-card .sub { font-size: .72rem; color: #666; }
.cta-box { background: var(--navy); color: white; padding: 2.5rem 2rem; text-align: center; margin-top: 3rem; border-radius: 8px; }
.cta-box h2 { color: white; border-left: none; padding-left: 0; margin-top: 0; }
.cta-box p { opacity: .8; margin-bottom: 1.5rem; }
footer { text-align: center; padding: 2rem 1.5rem; font-size: .82rem; color: #666; border-top: 1px solid var(--light); margin-top: 2rem; }
footer a { color: var(--green); text-decoration: none; }
footer .svc-links { margin-top: .5rem; display: flex; flex-wrap: wrap; gap: .4rem .8rem; justify-content: center; }
@media (max-width: 580px) { .meta-row { flex-direction: column; } header { flex-direction: column; align-items: flex-start; } }