:root{--bg: #f7f5ee;--surface: #fffdf6;--ink: #1f2a2d;--muted: #5a6669;--brand: #0c8f74;--brand-dark: #0a6c58;--line: #d9d4c7}.page{width:min(100%,1100px);margin:0 auto;padding:1rem 1rem 2rem}.hero{background:linear-gradient(160deg,#ecf7f2,#f8f3e7);border:1px solid var(--line);border-radius:24px;padding:1rem;box-shadow:0 8px 24px #1f2a2d14}.nav{display:flex;justify-content:space-between;align-items:center}.brand{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:.02em}.nav-link{color:var(--brand-dark);text-decoration:none;font-weight:600}.hero-content{margin-top:1.5rem}.tag{margin:0 0 .5rem;color:var(--brand-dark);font-weight:600}h1{margin:0;font-size:clamp(1.8rem,7vw,3.1rem);line-height:1.1}.hero-text{margin-top:1rem;color:var(--muted);max-width:60ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}button{border:0;background:var(--brand);color:#fff;font-size:.95rem;font-weight:700;padding:.7rem 1rem;border-radius:999px;cursor:pointer}button:hover{background:var(--brand-dark)}.text-action{align-self:center;color:var(--brand-dark);font-weight:600;text-decoration:none}.section{margin-top:1.5rem}h2{margin-bottom:.8rem;font-size:1.4rem}.grid{display:grid;gap:.9rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem}.card h3{margin-top:0;margin-bottom:.4rem;font-size:1.05rem}.card p{margin:0;color:var(--muted)}.section-alt{padding:1rem;border-radius:16px;background:#fffaf0;border:1px solid var(--line)}.section-alt p{margin:0;color:var(--muted)}.footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.92rem}.footer p{margin:.25rem 0}@media (min-width: 760px){.page{padding:1.5rem 1.5rem 2.5rem}.hero{padding:1.5rem}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color:#1f2a2d;background-color:#f0efe9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,#e3f1eb,#f0efe9 45%)}*{box-sizing:border-box}#root{min-height:100vh}