/* =========================
   File: /assets/style.css
   ========================= */
/* Minimal brand: deep navy + satellite green */
:root{--navy:#0b1b2b;--green:#00a37a;--sand:#f5f4ef;--ink:#0f1720;--muted:#607086;--line:#e7ebf0}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.container.narrow{max-width:760px}
.flex{display:flex;gap:16px}
.center{align-items:center}
.between{justify-content:space-between}
.grid{display:grid;gap:24px}
.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.small{font-size:.9rem}
.muted{color:var(--muted)}
.btn{display:inline-block;border:1px solid var(--line);padding:12px 18px;border-radius:12px;font-weight:600}
.btn-primary{background:var(--green);color:#fff;border-color:var(--green)}
.btn-secondary{background:#fff;color:var(--navy);border-color:var(--navy)}

.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:10}
.site-header .brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--navy)}
.site-header .brand img{height:40px; width:auto}
@media (min-width: 768px){
  .site-header .brand img{height:100px}
}
.main-nav a{margin:0 8px}
.main-nav .btn{margin-left:8px}

.hero{background:linear-gradient(140deg,var(--sand),#fff 40%);padding:56px 0}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
.hero h1{font-size:42px;margin:0 0 8px;color:var(--navy)}
.lead{font-size:1.15rem;color:var(--muted)}
.cta-row{display:flex;gap:12px;margin:16px 0}
.module-cards{display:grid;gap:12px}
.module-cards .card{background:#fff;border:1px solid var(--line);padding:18px;border-radius:16px;box-shadow:0 6px 20px rgba(11,27,43,.05)}
.stat{font-size:34px;font-weight:800;color:var(--navy)}
.proof{padding:38px 0;border-top:1px solid var(--line)}
.panels{padding:38px 0}
.panel{border:1px solid var(--line);padding:20px;border-radius:16px}
.page-hero{background:#fafcff;border-bottom:1px solid var(--line);padding:36px 0}
.page-hero h1{margin:0;color:var(--navy)}
.module-detail{padding:14px 0;border-bottom:1px dashed var(--line)}
.card.info{background:#f0fffa;border-left:4px solid var(--green);padding:16px;border-radius:8px}
.card.warning{background:#fff6e8;border-left:4px solid #ffa441;padding:16px;border-radius:8px}
.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}
.brand-row{display:flex;align-items:center;gap:10px}
.tag{margin:.25rem 0 0;color:var(--muted)}

.pricing-grid{align-items:start}
.price-card{border:1px solid var(--line);border-radius:16px;padding:20px;margin:16px 0}
.price{font-size:28px;font-weight:800;color:var(--navy)}
.price span{font-size:14px;color:var(--muted)}

.form label{display:block;font-weight:600;margin:10px 0 6px}
.form input,.form select,.form textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px}
.form .full{grid-column:1/-1}
.errors{color:#b00020}
.cta-band{padding:22px 0;background:#081521;color:#fff}
.cta-band .btn-secondary{border-color:#fff;color:#fff}

/* --- Button color sanity (global) --- */
.btn{
  display:inline-block;
  padding:12px 18px;
  border-radius:12px;
  border:1px solid var(--line);
  background:#fff;           /* default = white button */
  color:var(--navy);          /* dark text so it’s readable */
  font-weight:600;
  text-decoration:none;
}
.btn:hover{box-shadow:0 6px 20px rgba(11,27,43,.08)}

.btn-primary{
  background:var(--green);    /* green button */
  border-color:var(--green);
  color:#fff;                 /* white text on green */
}

.btn-secondary{
  background:#fff;            /* white button */
  border-color:var(--line);
  color:var(--navy);          /* dark text on white */
}

/* ensure CTA band doesn’t flip colors unexpectedly */
.cta-band{background:#0b1b2b;color:#fff;padding:14px 0}
.cta-band .btn-primary{background:var(--green);color:#fff;border-color:var(--green)}
.cta-band .btn-secondary{background:#fff;color:var(--navy);border-color:var(--line)}


/* =========================
   File: /assets/script.js
   ========================= */
document.addEventListener('DOMContentLoaded',()=>{
  // Simple smooth scroll for in-page links
  document.querySelectorAll('a[href^="#"]').forEach(a=>{
    a.addEventListener('click',e=>{
      const id=a.getAttribute('href').slice(1);
      const el=document.getElementById(id);
      if(el){e.preventDefault();el.scrollIntoView({behavior:'smooth'});}    
    })
  })
});