:root{--c-primary:#0b6e4f;--c-primary-dark:#084c37;--c-accent:#f2a900;--c-bg:#f7f8f6;--c-text:#17211c;--c-muted:#5b6a62;--c-card:#fff;--nav-h:64px;--radius:14px}
*{box-sizing:border-box}
html{scroll-padding-top:72px}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--c-text);background:var(--c-bg);padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px))}
a{color:var(--c-primary)}
:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}
.container{width:min(1120px,100% - 2rem);margin-inline:auto}
.skip-link{position:absolute;left:-999px}.skip-link:focus{left:8px;top:8px;background:#fff;padding:.5rem 1rem;z-index:100}
.muted{color:var(--c-muted)}
.site-header{position:sticky;top:0;z-index:50;background:var(--c-card);border-bottom:1px solid #e3e8e5;padding-top:env(safe-area-inset-top,0px)}
.site-header__inner{display:flex;align-items:center;gap:1rem;min-height:56px}
.brand{font-weight:800;letter-spacing:.08em;text-decoration:none}
.site-nav{display:none;margin-left:auto}.site-nav ul{display:flex;gap:1.25rem;list-style:none;margin:0;padding:0}
.site-header__actions{margin-left:auto}
.icon-btn{display:inline-grid;place-items:center;min-width:44px;min-height:44px}
.hero{background:linear-gradient(160deg,var(--c-primary-dark),var(--c-primary));color:#fff;padding:2.5rem 0}
.hero h1{font-size:clamp(1.9rem,6vw,3.4rem);line-height:1.1;margin:0 0 1rem}
.hero__lead{max-width:60ch;opacity:.92}
.hero__cta{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}
.btn{display:inline-flex;align-items:center;min-height:48px;padding:0 1.4rem;border-radius:999px;font-weight:700;text-decoration:none}
.btn--primary{background:var(--c-accent);color:#1a1300}
.btn--ghost{border:2px solid #fff;color:#fff}
.notice-inline{background:rgba(255,255,255,.15);padding:.5rem .75rem;border-radius:8px}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1.5rem 0 0}
.stats div{background:rgba(255,255,255,.12);border-radius:var(--radius);padding:1rem}
.stats dt{font-size:.85rem;opacity:.85}.stats dd{margin:0;font-size:1.4rem;font-weight:800}
.content{padding:2rem 0}
.site-footer{padding:2rem 0;border-top:1px solid #e3e8e5;margin-top:2rem}
.bottom-nav{position:fixed;inset:auto 0 0 0;z-index:60;display:flex;justify-content:space-around;align-items:flex-end;background:var(--c-card);border-top:1px solid #e3e8e5;padding-bottom:env(safe-area-inset-bottom,0px);height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px))}
.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--nav-h);font-size:.72rem;color:var(--c-muted);text-decoration:none;transition:color .15s}
.bottom-nav__item.is-active{color:var(--c-primary);font-weight:700}
.bottom-nav__item.is-primary{color:#1a1300}
.bottom-nav__item.is-primary .icon{background:var(--c-accent);border-radius:50%;padding:10px;width:48px;height:48px;margin-top:-18px;box-shadow:0 4px 12px rgba(0,0,0,.2)}
@media (min-width:900px){
 body{padding-bottom:0}.bottom-nav{display:none}
 .site-nav{display:block}.stats{grid-template-columns:repeat(4,1fr)}
 .hero{padding:5rem 0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}