:root{
  --bg:#f6f3ec;--surface:#fffdf8;--text:#1f2a24;--muted:#66736b;--line:#d9ded9;
  --brand:#345846;--brand-2:#527962;--accent:#a7773e;--danger:#8f3c3c;--ok:#2f6b49;
  --shadow:0 10px 30px rgba(34,47,39,.08);--radius:16px;--max:1180px;
}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f9f7f1 0,#f6f3ec 280px)}a{color:var(--brand);text-decoration-thickness:.08em;text-underline-offset:.16em}button,input,select,textarea{font:inherit}button,.button{min-height:44px;border:0;border-radius:10px;padding:.72rem 1rem;background:var(--brand);color:white;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.button.secondary,button.secondary{background:#e8eee9;color:var(--brand)}.button.ghost,button.ghost{background:transparent;color:var(--brand);border:1px solid var(--line)}button.danger{background:var(--danger)}button:disabled{opacity:.55;cursor:not-allowed}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,248,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{max-width:var(--max);margin:auto;padding:.65rem 1rem;display:flex;align-items:center;gap:1rem}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--text);font-weight:850;letter-spacing:.01em}.brand img{width:42px;height:42px;border-radius:10px}.nav{display:flex;gap:.25rem;align-items:center;flex:1;flex-wrap:wrap}.nav a{padding:.55rem .65rem;border-radius:9px;text-decoration:none;color:var(--text);font-size:.93rem}.nav a[aria-current="page"],.nav a:hover{background:#e8eee9;color:var(--brand)}.header-actions{display:flex;gap:.5rem;margin-left:auto}.nav-toggle{display:none}
main{max-width:var(--max);margin:auto;padding:1.2rem 1rem 3rem}.hero{padding:clamp(2rem,6vw,5rem) 0;display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}.hero h1{font-size:clamp(2.5rem,6vw,5.7rem);line-height:.92;margin:0 0 1rem;letter-spacing:-.045em}.hero p{font-size:1.12rem;color:var(--muted);max-width:66ch}.hero-mark{border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 30% 25%,#f4ead9,#dfe9e1 55%,#cddad1);aspect-ratio:1;display:grid;place-items:center;box-shadow:var(--shadow)}.hero-mark span{width:55%;aspect-ratio:1;border-radius:50%;background:var(--brand);color:white;display:grid;place-items:center;font-size:clamp(3rem,8vw,7rem);font-weight:900;letter-spacing:-.08em}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:850;color:var(--brand-2)}h1,h2,h3{color:#183025}h2{font-size:clamp(1.5rem,3vw,2.2rem);margin-top:0}.page-title{margin:1rem 0 1.5rem}.page-title h1{font-size:clamp(2.2rem,5vw,4rem);margin:.15rem 0}.page-title p{color:var(--muted);max-width:70ch}.grid{display:grid;gap:1rem}.grid.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;box-shadow:var(--shadow)}.card h3{margin:.1rem 0 .5rem}.card p{color:var(--muted)}.feature-link{text-decoration:none;color:inherit}.feature-link:hover .card{border-color:#a9b9ae;transform:translateY(-1px)}.status{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.3rem .55rem;font-size:.78rem;font-weight:750;background:#edf0ed;color:#48574d}.status.ready{background:#e4f0e7;color:var(--ok)}.status.build{background:#f4ebdd;color:#805b2f}.muted{color:var(--muted)}.hidden{display:none!important}.notice{border-left:4px solid var(--accent);background:#fbf5eb;padding:.9rem 1rem;border-radius:9px}.notice.warning{border-color:var(--danger);background:#fbefef}.notice.success{border-color:var(--ok);background:#edf6ef}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field{display:grid;gap:.35rem}.field.full{grid-column:1/-1}.field label{font-weight:750;font-size:.9rem}.field small{color:var(--muted)}input,select,textarea{width:100%;min-height:44px;border:1px solid #cbd4cd;border-radius:10px;padding:.68rem .75rem;background:white;color:var(--text)}textarea{min-height:100px;resize:vertical}.actions{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.surname-row{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:.55rem;align-items:end;margin:.55rem 0}.pill{display:inline-block;padding:.24rem .5rem;border-radius:999px;background:#e8eee9;color:var(--brand);font-size:.82rem}.metric{font-size:1.8rem;font-weight:850}.map{height:430px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#e9eee9}.location-list{display:grid;gap:.7rem;margin-top:1rem}.location-item{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:.65rem 0}.location-item:last-child{border-bottom:0}.site-footer{border-top:1px solid var(--line);background:#ecefe9}.footer-inner{max-width:var(--max);margin:auto;padding:1.4rem 1rem;color:var(--muted);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.modal-backdrop{position:fixed;inset:0;background:rgba(16,25,20,.55);z-index:50;display:grid;place-items:center;padding:1rem}.modal{width:min(560px,100%);max-height:calc(100vh - 2rem);overflow:auto;background:var(--surface);border-radius:18px;border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.25);padding:1.2rem}.modal-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.modal-header h2{margin:.1rem 0}.icon-button{background:transparent;color:var(--text);border:1px solid var(--line);padding:.45rem;min-width:44px}.install-steps{padding-left:1.2rem}.install-steps li{margin:.55rem 0}.shell-note{border:1px dashed #b9c4bc;border-radius:12px;padding:1rem;background:rgba(255,255,255,.55)}
@media(max-width:900px){.grid.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}.hero-mark{max-width:420px}.nav-toggle{display:inline-flex}.nav{position:absolute;left:0;right:0;top:64px;background:var(--surface);padding:.75rem 1rem;border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:.75rem}.header-actions .user-label{display:none}}
@media(max-width:620px){.grid.cards,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.surname-row{grid-template-columns:1fr}.hero{padding-top:2rem}.hero h1{font-size:3.2rem}.map{height:340px}.header-actions .secondary{display:none}}
@media all and (display-mode:standalone){.browser-only{display:none!important}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}

.welfare-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.38fr);align-items:start}
@media(max-width:760px){.welfare-layout{grid-template-columns:1fr}}