/* Global Bright Orange Theme */
:root {
  --orange-main: #ff7a00;
  --orange-light: #ff9a33;
  --orange-soft: #fff5ec;
  --text-dark: #1b1b1b;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--text-dark);
  background-color: #fff;
}

/* Hero Section */
.hero-orange {
  background: linear-gradient(135deg, var(--orange-main), var(--orange-light));
  color: #fff;
}
.hero-orange .hero-image {
  background: url('/assets/images/hero-orange.svg') center/cover no-repeat;
  min-height: 260px;
}

/* Buttons */
.btn-orange {
  background-color: var(--orange-main);
  color: #fff;
  border: none;
}
.btn-orange:hover {
  background-color: var(--orange-light);
  color: #fff;
}
.text-orange {
  color: var(--orange-main);
}

/* Features */
.feature-card {
  border: none;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 0.5rem 1.2rem rgba(255,122,0,0.15);
  transition: all .2s ease;
}
.feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 0.8rem 2rem rgba(255,122,0,0.25);
}
.feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, var(--orange-main), var(--orange-light));
  color: #fff;
  border-radius: 12px;
  font-size: 1.5rem;
}

/* Section Titles */
.section-title {
  font-weight: 800;
  color: var(--orange-main);
  letter-spacing: .3px;
}

/* Instagram */
.instagram-section {
  background: var(--orange-soft);
}
.instagram-section iframe {
  border-radius: 16px;
}

/* Misc */
a {
  color: var(--orange-main);
}
a:hover {
  color: var(--orange-light);
}

/* CTA Buttons (global) */
.btn-cta-orange{
  background: linear-gradient(135deg, #ff6a00, #ff8e2b);
  color:#fff !important; border:0;
  box-shadow: 0 12px 28px rgba(255,122,0,.35), 0 2px 4px rgba(0,0,0,.1);
  border-radius: 12px; font-weight:800; letter-spacing:.2px;
  transition: transform .08s ease, box-shadow .15s ease, opacity .15s ease;
}
.btn-cta-orange:hover{ transform: translateY(-2px); box-shadow: 0 16px 36px rgba(255,122,0,.45); opacity:.95; }
.btn-ghost-white{
  background: rgba(255,255,255,.14);
  color:#fff !important; border:2px solid #fff;
  box-shadow: 0 10px 26px rgba(0,0,0,.15);
  border-radius: 12px; font-weight:800; letter-spacing:.2px;
  transition: transform .08s ease, background .15s ease, color .15s ease;
}
.btn-ghost-white:hover{ background: rgba(255,255,255,.22); transform: translateY(-2px); }

