/* Simple, minimal styles for Balance4Profit */
:root{
  --bg:#f7f9fb;
  --card:#ffffff;
  --text:#17202a;
  --muted:#6b7280;
  --brand:#0b5b3d;
  --accent:#0f766e;
  --gap:1.25rem;
  --radius:10px;
  --container:1100px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
.container{max-width:var(--container);margin:0 auto;padding:0 1rem}
.site-header{background:linear-gradient(90deg, #fff, #f8f9fa);border-bottom:1px solid #e6e6e6;position:sticky;top:0;z-index:20}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}
.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text)}
.logo{width:48px;height:48px}
.brand-text{font-weight:700}
.header-right{display:flex;align-items:center;gap:.75rem}
.lang-switcher{display:flex;gap:.25rem}
.lang-btn{background:transparent;border:1px solid #e6e6e6;padding:.35rem .5rem;border-radius:6px;cursor:pointer;font-weight:600;color:var(--muted)}
.lang-btn[aria-pressed="true"]{background:var(--brand);color:#fff;border-color:var(--brand)}
#nav-toggle{display:none;background:none;border:0;font-size:1.25rem}
.site-nav a{margin-left:1rem;text-decoration:none;color:var(--muted)}
.hero{padding:3.5rem 0;background:linear-gradient(180deg, #f0fff7 0%, transparent 100%)}
.hero-inner{display:flex;flex-direction:column;gap:1rem}
.hero h1{margin:0;font-size:1.9rem}
.lead{color:var(--muted);margin-top:0}
.btn{display:inline-block;padding:.6rem .9rem;border-radius:8px;text-decoration:none;border:1px solid transparent;cursor:pointer}
.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}
.btn.ghost{background:transparent;border-color:#c7d6cf;color:var(--brand)}
.section{padding:2.25rem 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap)}
.card{background:var(--card);padding:1rem;border-radius:var(--radius);box-shadow:0 6px 18px rgba(15,23,42,0.06)}
.accordion{margin-top:1rem}
.accordion-toggle{width:100%;text-align:left;padding:.8rem;border-radius:8px;border:1px solid #e5e7eb;background:#fff}
.accordion-panel{display:none;padding:.8rem;border-left:3px solid var(--accent);margin-top:.5rem;background:linear-gradient(180deg,#ffffff,#fbfffb);border-radius:6px}
.about-grid{display:grid;grid-template-columns:1fr 320px;gap:1rem}
.contact-grid{display:grid;grid-template-columns:1fr 320px;gap:1rem;align-items:start}
.contact-form{background:var(--card);padding:1rem;border-radius:10px;box-shadow:0 8px 24px rgba(2,6,23,0.06)}
.contact-form label{display:block;font-size:.9rem;margin-top:.6rem;color:var(--muted)}
.contact-form input,.contact-form textarea{width:100%;padding:.6rem;margin-top:.25rem;border-radius:8px;border:1px solid #e6e6e6}
.form-actions{display:flex;gap:.5rem;margin-top:.75rem}
.contact-info{background:transparent;padding:0}
/* consent text near contact form */
.contact-form .consent{font-size:0.85rem;color:var(--muted);margin-top:.75rem}
.contact-form .consent a{color:var(--accent);text-decoration:underline}
.map-placeholder{height:180px;background:linear-gradient(90deg,#eef9f3,#ffffff);border:1px dashed #c7e8d4;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.site-footer{border-top:1px solid #e6e6e6;padding:1rem 0;background:transparent}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.footer-right{display:flex;align-items:center;gap:1rem}
.footer-right nav a{margin-right:.75rem;text-decoration:none;color:var(--muted)}
.social{display:flex;gap:.5rem;align-items:center}
.social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:transparent;border:1px solid #e6e6e6;color:var(--muted);text-decoration:none}
.social svg{width:18px;height:18px}
.social-icon{width:18px;height:18px;display:block}
.social a:hover{background:linear-gradient(90deg,#fff,#f6fffb);border-color:var(--accent);color:var(--accent)}
.social a:focus{outline:3px solid rgba(11,91,61,0.15);outline-offset:3px}
@media(max-width:880px){
  .about-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  #nav-toggle{display:inline-block}
  /* stack header: brand on first row, controls (lang + toggle) on second row */
  .header-inner{flex-direction:column;align-items:flex-start;gap:.5rem}
  .brand{width:100%;display:flex;align-items:center;gap:.5rem}
  .brand-text{display:inline-block}
  /* keep language buttons visible and readable on small screens */
  .lang-switcher{display:flex;gap:.25rem;align-items:center}
  .lang-btn{padding:.35rem .5rem;font-size:.95rem;border-radius:6px}
  .header-right{width:100%;display:flex;justify-content:space-between;align-items:center}
  /* Render the nav in-flow so it appears below the controls when toggled */
  .site-nav{display:none;position:static;right:auto;top:auto;background:#fff;padding:.75rem;border-radius:8px;border:1px solid #eee;box-shadow:0 8px 24px rgba(2,6,23,0.06);width:100%;margin-top:.5rem}
  .site-nav a{display:block;padding:.5rem 0}
}

/* form status styles (moved from inline in index.html) */
#form-status{
  margin-top:0.5rem;
  padding:0.5rem;
  border-radius:4px;
  display:none;
}
#form-status.visible{display:block}
#form-status.info{color:#0c5460;background:#d1ecf1}
#form-status.success{color:#155724;background:#d4edda}
#form-status.error{color:#721c24;background:#f8d7da}