:root{
  --bg:#202332;
  --text:#FAF9F6;
  --muted:#C8CBD6;
  --accent:#00F5E0;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}

/* Ensure in-page links account for sticky header */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 96px; /* match/ exceed .site-header height */
}

/* HEADER */
.site-header{position:sticky;top:0;background:rgba(32,35,50,.6);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid rgba(255,255,255,.06);z-index:9}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:96px;padding:10px 20px}
.brand{display:flex;align-items:center;gap:12px}
.logo{height:120px;width:auto;display:block}      /* bigger logo */
.brand-text{font-weight:800;letter-spacing:.5px;font-size:20px;display:none} /* hide wordmark by default */
.nav a{margin-left:18px;color:#EDEFF6}
.nav a:hover{color:#fff}

/* HERO */
.hero{position:relative;padding:96px 0 72px}
.hero-inner{max-width:900px}
.hero h1{font-size:clamp(32px,6vw,56px);margin:0 0 12px}
.grad{background:linear-gradient(90deg,#00C8FF,#00F5E0);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:var(--muted);max-width:720px;margin:4px 0 24px;font-size:18px}
.cta{display:inline-block;background:linear-gradient(90deg,#00C8FF,#00F5E0);color:#0A0D1A;font-weight:800;padding:14px 22px;border-radius:10px}
.cta:hover{opacity:.92}
.bg-glow{position:absolute;inset:auto -20% -25% -20%;height:320px;background:radial-gradient(60% 80% at 50% 0%, rgba(0,245,224,.18), transparent 60%);pointer-events:none;filter:blur(20px)}

/* VALUE */
.value{padding:48px 0}
.value h2{font-size:28px;margin:0 0 10px}
.bullets{list-style:none;padding:0;margin:18px 0 10px}
.bullets li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.note{color:var(--muted);margin-top:8px}

/* SOCIAL PROOF */
.social-proof{padding:40px 0}
.social-proof h2{font-size:26px;margin:0 0 16px}
.quotes{display:grid;grid-template-columns:1fr;gap:14px}
blockquote{margin:0;padding:16px;border-left:4px solid var(--accent);background:rgba(255,255,255,.02);border-radius:6px}
blockquote span{display:block;color:var(--muted);margin-top:6px;font-size:14px}
@media (min-width:820px){.quotes{grid-template-columns:1fr 1fr}}

/* SIGNUP */
.signup{padding:48px 0}
.signup h2{font-size:28px;margin:0 0 10px}
.form-shell{margin-top:18px;border:1px dashed rgba(255,255,255,.12);border-radius:12px;padding:18px}
.consent-hint{color:var(--muted);font-size:13px;margin-top:10px}
.small{color:var(--muted);font-size:13px;margin-top:10px}

/* PRIVACY */
.privacy{padding:48px 0;border-top:1px solid rgba(255,255,255,.06)}
.privacy h2{font-size:24px;margin:0 0 10px}
.privacy p{color:#D9DDE8}

/* FOOTER */
.site-footer{border-top:1px solid rgba(255,255,255,.06);padding:18px 0}
.foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.tag{color:var(--muted)}
.socials a{margin-left:12px;color:#EDEFF6}
.socials a:hover{color:#fff}

/* RESPONSIVE HEADER LOGO */
@media (max-width: 1024px){
  .site-header .wrap{min-height:88px}
  .logo{height:100px}
}
@media (max-width: 820px){
  .site-header .wrap{min-height:80px}
  .logo{height:84px}
  .nav a{margin-left:14px}
}
@media (max-width: 600px){
  .site-header .wrap{min-height:auto;padding:14px 20px}
  .brand{gap:8px}
  .logo{height:72px}
  .nav{display:flex; gap:14px; flex-wrap:wrap}
  .nav a{margin-left:0}
}

/* === ClientAI overrides for MailerLite embed === */
#mlb2-29476160 .ml-form-embedWrapper{
  background: transparent !important;
  border: 1px solid #1E1E1E !important;
  border-radius: 12px !important;
}

/* Headings + copy */
#mlb2-29476160 .ml-form-embedContent h4{ 
  color:#FAF9F6 !important; 
  font-weight:800 !important;
}
#mlb2-29476160 .ml-form-embedContent p{ 
  color:#C8CBD6 !important; 
}

/* Inputs */
#mlb2-29476160 input[type="email"],
#mlb2-29476160 input[type="text"],
#mlb2-29476160 textarea,
#mlb2-29476160 select{
  background:#151726 !important;
  color:#FAF9F6 !important;
  border:1px solid #1E1E1E !important;
  border-radius:10px !important;
  font-size:14px !important;
  padding:12px 14px !important;
}

/* Checkbox/consent text */
#mlb2-29476160 .ml-form-embedPermissions .label-description,
#mlb2-29476160 .ml-form-embedPermissions p{
  color:#C8CBD6 !important;
}

/* Submit button */
#mlb2-29476160 button.primary{
  background: linear-gradient(90deg,#00C8FF,#00F5E0) !important;
  color:#0A0D1A !important;
  border:none !important;
  border-radius:10px !important;
  font-weight:800 !important;
  padding:14px 22px !important;
}
#mlb2-29476160 button.primary:hover{
  opacity:.92 !important;
}
/* ==== ClientAI — MailerLite polish (embed form) ==== */

/* Card/container */
#mlb2-29476160 .ml-form-embedWrapper{
  background: transparent !important;
  border: 1px solid #1E1E1E !important;
  border-radius: 12px !important;
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

/* Headings & copy inside the form */
#mlb2-29476160 .ml-form-embedContent h4{
  color:#FAF9F6 !important;
  font-weight:800 !important;
  font-size:24px !important;           /* slightly smaller than section H2 */
  line-height:1.2 !important;
  margin: 0 0 8px 0 !important;
}
#mlb2-29476160 .ml-form-embedContent p{
  color:#C8CBD6 !important;
  margin: 0 0 16px 0 !important;
}

/* Inputs */
#mlb2-29476160 input[type="email"],
#mlb2-29476160 input[type="text"],
#mlb2-29476160 textarea,
#mlb2-29476160 select{
  background:#151726 !important;
  color:#FAF9F6 !important;
  border:1px solid #2A2C3B !important; /* subtle but visible */
  border-radius:10px !important;
  font-size:14px !important;
  padding:12px 14px !important;
}

/* Consent text */
#mlb2-29476160 .ml-form-embedPermissions .label-description,
#mlb2-29476160 .ml-form-embedPermissions p{
  color:#C8CBD6 !important;
}

/* Submit button — match hero CTA */
#mlb2-29476160 button.primary{
  background: linear-gradient(90deg,#00C8FF,#00F5E0) !important;
  color:#0A0D1A !important;
  border:none !important;
  border-radius:10px !important;
  font-weight:800 !important;
  font-size:16px !important;            /* bump to match hero CTA */
  padding:14px 22px !important;
}
#mlb2-29476160 button.primary:hover{ opacity:.92 !important; }

/* Extra breathing room under the form (desktop & mobile) */
.signup .wrap { padding-bottom: 36px; }

/* Mobile tweaks */
@media (max-width: 640px){
  #mlb2-29476160 .ml-form-embedContent h4{ font-size:20px !important; }
  #mlb2-29476160 button.primary{ font-size:16px !important; padding:14px 20px !important; }
}
#mlb2-29476160 .ml-form-embedContent h4{ display:none !important; }

/* Center the signup heading and helper text */
.signup h2,
.signup .sub,
.signup .small { text-align: center; }

/* Form container outline + spacing */
.form-shell{
  margin-top:18px;
  border:1px dashed rgba(255,255,255,.12);
  border-radius:12px;
  padding:18px;
}
/* If you had rules hiding the nav on small screens, undo them */
.nav { display: flex; gap: 18px; }
.nav-toggle { display: none; }

/* Center MailerLite form on all screen sizes */
#mlb2-29476160.ml-form-embedContainer {
  display: flex !important;
  justify-content: center !important;
}

#mlb2-29476160 .ml-form-embedWrapper {
  margin: 0 auto !important;
}