/* flipAha! base styles — shared across all public pages */
:root{
  --fa-orange:#f4623a;
  --fa-orange-dark:#dd4f29;
  --fa-dark:#212529;
  --fa-navy:#27323a;
  --fa-light:#f8f9fa;
  --fa-muted:#6c757d;
  --fa-border:#e5e7eb;
}
html{scroll-behavior:smooth}
body{font-family:"Inter",sans-serif;color:var(--fa-dark);background:#fff}
a{transition:.2s ease}
.flipaha-logo{line-height:1;white-space:nowrap}
.flipaha-logo .flip{font-family:"Caveat",cursive;font-weight:600;font-size:2rem}
.flipaha-logo .aha{font-family:"Oswald",sans-serif;font-weight:600;font-size:1.75rem}
.brand-white{color:#fff}
.brand-dark{color:var(--fa-dark)}

.navbar{background:rgba(33,37,41,.96);backdrop-filter:blur(10px)}
.navbar .nav-link{color:rgba(255,255,255,.78);font-weight:600}
.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--fa-orange)}

.btn-primary{
  --bs-btn-bg:var(--fa-orange);
  --bs-btn-border-color:var(--fa-orange);
  --bs-btn-hover-bg:var(--fa-orange-dark);
  --bs-btn-hover-border-color:var(--fa-orange-dark);
  --bs-btn-active-bg:var(--fa-orange-dark);
  --bs-btn-active-border-color:var(--fa-orange-dark);
  font-weight:700;
}

.section-pad{padding:5.5rem 0}
.section-label{
  color:var(--fa-orange);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.78rem;
  font-weight:800;
}
.section-title{
  font-size:clamp(2rem,4vw,3.25rem);
  letter-spacing:-.04em;
  font-weight:800;
  line-height:1.04;
}
.lead-muted{color:var(--fa-muted);font-size:1.05rem}

footer{background:#f8f9fa}
footer a{color:var(--fa-muted);text-decoration:none}
.site-main{min-height:60vh}