*{box-sizing:border-box}body,html{margin:0;padding:0}.tpl{--brand:#2563eb;--brand-2:#0ea5e9;--font:Inter,system-ui,sans-serif;font-family:var(--font);color:#0f172a;background:#ffffff;line-height:1.5}.disclaimer{background:#fffbeb;color:#92400e;border-bottom:1px solid #fde68a;padding:10px 16px;font-size:13px;text-align:center}.tpl-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb}.logo{font-weight:800;font-size:20px;color:var(--brand)}.tpl-nav a{margin-left:18px;color:#334155;text-decoration:none;font-weight:500}.hero{padding:72px 24px;text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 12%,white),color-mix(in srgb,var(--brand-2) 12%,white))}.hero h1{font-size:40px;margin:0 0 12px;color:#0f172a}.hero p{font-size:18px;color:#475569;max-width:640px;margin:0 auto 24px}.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:12px 22px;border-radius:10px;font-weight:600;text-decoration:none}.btn-primary{background:var(--brand);color:#fff}.btn-ghost{background:transparent;border:1px solid var(--brand);color:var(--brand)}.block{padding:56px 24px;max-width:1040px;margin:0 auto}.block.alt{background:#f8fafc;max-width:none}.block h2{font-size:28px;margin:0 0 24px;text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:18px;gap:18px;max-width:1040px;margin:0 auto}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.card h3{margin:0 0 8px;font-size:18px}.tag{font-size:11px;font-weight:600;color:#92400e;background:#fef3c7;padding:2px 8px;border-radius:999px;vertical-align:middle}.articles{max-width:720px;margin:0 auto;padding-left:18px}.articles li{margin-bottom:10px}.muted{color:#64748b}.contact ul{list-style:none;padding:0;font-size:17px}.contact,.contact ul{text-align:center}.contact li{margin:6px 0}.tpl-footer{padding:24px;border-top:1px solid #e5e7eb;font-size:12px;color:#64748b;text-align:center}@media (max-width:640px){.hero h1{font-size:30px}.tpl-nav a{margin-left:12px}}