/* Zeloraa Website – Matching Actual App Design */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Poppins:wght@400;500;600;700;800&display=swap');

:root {
  /* Actual app coral/salmon colors from screenshots */
  --brand:        #F4735A;
  --brand-dark:   #E05840;
  --brand-deeper: #C94A2E;
  --brand-light:  #FFF3EF;
  --brand-mid:    #FFE5DE;
  /* Orange CTA gradient - same as app buttons */
  --orange:       #E64A19;
  --orange-lt:    #FF8A65;
  --gradient:     linear-gradient(135deg, #FF8A65 0%, #E64A19 100%);
  /* Neutrals */
  --text-dark:    #111827;
  --text-mid:     #374151;
  --text-soft:    #6B7280;
  --bg:           #F9FAFB;
  --white:        #ffffff;
  --border:       #E5E7EB;
  --card-shadow:  0 2px 12px rgba(244,115,90,0.08), 0 1px 3px rgba(0,0,0,0.05);
  --card-hover:   0 12px 36px rgba(244,115,90,0.18);
  --radius-sm:    8px;
  --radius-md:    14px;
  --radius-lg:    22px;
  --radius-pill:  30px;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Lato', system-ui, sans-serif;
  color: var(--text-dark);
  background: var(--white);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4 { font-family: 'Poppins', sans-serif; }

/* ══ NAVIGATION ═════════════════════════════════════════ */
nav {
  position: fixed; top:0; width:100%; z-index:1000;
  background: rgba(255,255,255,0.96);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(244,115,90,0.12);
  padding: 0 6% 0 20px;
  display: flex; align-items: center; justify-content: space-between;
  height: 68px;
}
.nav-brand {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
}
.brand-img {
  height: 36px;
  width: auto;
  border-radius: var(--radius-sm);
}
.nav-logo {
  font-family: 'Poppins', sans-serif;
  font-size: 1.6rem; font-weight: 800; letter-spacing:-0.5px;
  background: var(--gradient);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
}
.nav-links { display:flex; gap:2.2rem; list-style:none; }
.nav-links a {
  text-decoration:none; color:var(--text-mid);
  font-weight:600; font-size:0.92rem;
  transition: color 0.2s;
}
.nav-links a:hover, .nav-links a.active { color:var(--brand); }
.nav-cta {
  background: var(--gradient); color:white;
  padding: 0.5rem 1.5rem; border-radius:var(--radius-pill);
  text-decoration:none; font-family:'Poppins',sans-serif;
  font-weight:700; font-size:0.88rem;
  box-shadow: 0 4px 14px rgba(230,74,25,0.3);
  transition: transform 0.2s, box-shadow 0.2s;
}
.nav-cta:hover { transform:translateY(-1px); box-shadow:0 6px 22px rgba(230,74,25,0.42); }
.hamburger { display:none; cursor:pointer; font-size:1.4rem; color:var(--brand); }

/* ══ HERO ════════════════════════════════════════════════ */
.hero {
  min-height: 100vh;
  background: var(--gradient);
  display: flex; align-items: center;
  padding: 95px 6% 60px; position:relative; overflow:hidden;
}
.hero::after {
  content:''; position:absolute;
  top:-200px; right:-200px; width:600px; height:600px;
  border-radius:50%;
  background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 65%);
  pointer-events:none;
}
.hero-inner {
  max-width:1180px; margin:0 auto; width:100%;
  display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center;
}
.hero-badge {
  display:inline-flex; align-items:center; gap:0.4rem;
  background:rgba(255,255,255,0.15); color:white;
  border:1px solid rgba(255,255,255,0.3);
  padding:0.3rem 0.9rem; border-radius:var(--radius-pill);
  font-size:0.78rem; font-weight:700; letter-spacing:0.05em;
  text-transform:uppercase; margin-bottom:1.3rem;
}
.hero h1 { font-size:3rem; font-weight:800; line-height:1.12; margin-bottom:1.2rem; color:white; }
.hero h1 .hi-brand { color:rgba(255,255,255,0.9); }
.hero h1 .hi-orange { color:white; }
.hero-p { font-size:1.08rem; color:rgba(255,255,255,0.9); margin-bottom:2.2rem; max-width:460px; line-height:1.8; }
.hero .btn-primary { background:white; color:var(--brand); box-shadow:0 6px 20px rgba(0,0,0,0.1); }
.hero .btn-primary:hover { box-shadow:0 10px 25px rgba(0,0,0,0.15); }
.hero .btn-outline { background:transparent; color:white; border-color:white; }
.hero .btn-outline:hover { background:rgba(255,255,255,0.15); }
.btn-row { display:flex; gap:1rem; flex-wrap:wrap; }

.btn-primary {
  display:inline-flex; align-items:center; gap:0.45rem;
  background:var(--gradient); color:white;
  padding: 0.85rem 2rem; border-radius:var(--radius-pill);
  text-decoration:none; font-family:'Poppins',sans-serif;
  font-weight:700; font-size:0.95rem;
  box-shadow: 0 6px 22px rgba(230,74,25,0.35);
  transition: transform 0.2s, box-shadow 0.2s;
}
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 10px 30px rgba(230,74,25,0.45); }

.btn-outline {
  display:inline-flex; align-items:center; gap:0.45rem;
  background:white; color:var(--brand);
  padding: 0.85rem 2rem; border-radius:var(--radius-pill);
  text-decoration:none; font-family:'Poppins',sans-serif;
  font-weight:700; font-size:0.95rem;
  border: 2px solid var(--brand);
  transition: background 0.2s, color 0.2s;
}
.btn-outline:hover { background:var(--brand); color:white; }

/* ══ HERO PHONE TRIO ════════════════════════════════════ */
.hero-visual {
  display:flex; justify-content:center; align-items:flex-end;
  gap:1rem; position:relative;
}
.phone-trio { display:flex; align-items:flex-end; gap:0.8rem; }
.phone-shell {
  background:#1a1a1a; padding:8px; border-radius:36px; overflow:hidden;
  box-shadow: 0 28px 70px rgba(0,0,0,0.22), 0 0 0 1px rgba(255,255,255,0.07);
  position:relative; flex-shrink:0;
}
.phone-shell.main { width:220px; height:450px; }
.phone-shell.side { width:175px; height:350px; margin-bottom:30px; }
.phone-shell img.ss {
  width:100%; height:100%; object-fit:cover; object-position:top;
  display:block;
}
/* CSS overlay to hide personal data in screenshots */
.mask-bar {
  position:absolute; z-index:10; background:rgba(244,115,90,0.88);
  backdrop-filter:blur(6px); border-radius:6px;
  display:flex; align-items:center; justify-content:center;
  font-size:0.6rem; color:rgba(255,255,255,0.7); font-weight:600; letter-spacing:0.05em;
}
/* Fallback phone mockup (when no screenshots added yet) */
.phone-mock { display:flex; flex-direction:column; width:100%; height:100%; background:white; }
.mock-head {
  background:var(--brand); padding:1.2rem 1rem 0.8rem; color:white;
  position:relative;
}
.mock-head .loc { font-size:0.6rem; opacity:0.75; margin-bottom:0.3rem; }
.mock-head .loc span { font-weight:700; }
.mock-search {
  background:white; border-radius:24px; padding:0.45rem 0.8rem;
  font-size:0.68rem; color:#999; margin-top:0.5rem;
  display:flex; align-items:center; gap:0.4rem;
}
.mock-banner {
  margin:0.6rem; background:var(--brand-light); border-radius:12px;
  padding:0.8rem; display:flex; justify-content:space-between; align-items:center;
}
.mock-banner-text strong { font-size:0.8rem; font-family:'Poppins',sans-serif; color:var(--text-dark); display:block; }
.mock-banner-text span { font-size:0.65rem; color:var(--text-soft); }
.mock-banner-emoji { font-size:2rem; }
.mock-cats { padding:0.4rem 0.6rem; }
.mock-cats .cat-label { font-size:0.7rem; font-weight:700; color:var(--text-dark); font-family:'Poppins',sans-serif; margin-bottom:0.5rem; }
.cat-row { display:flex; gap:0.5rem; }
.cat-chip {
  background:white; border:1px solid var(--border); border-radius:20px;
  padding:0.25rem 0.6rem; font-size:0.6rem; color:var(--text-mid); font-weight:600;
  white-space:nowrap;
}
.cat-chip.active { background:var(--brand); color:white; border-color:var(--brand); }
.mock-cards { padding:0 0.6rem; flex:1; display:flex; flex-direction:column; gap:0.4rem; overflow:hidden; }
.mock-creator-card {
  background:var(--bg); border-radius:var(--radius-sm);
  padding:0.55rem; display:flex; align-items:center; gap:0.5rem;
  box-shadow:var(--card-shadow);
}
.mc-emoji { font-size:1.5rem; }
.mc-info strong { font-size:0.68rem; font-family:'Poppins',sans-serif; color:var(--text-dark); display:block; }
.mc-info span   { font-size:0.6rem; color:var(--text-soft); }
.mc-info .mc-stars { font-size:0.6rem; color:var(--orange); font-weight:700; }
.mc-price { margin-left:auto; font-size:0.7rem; font-weight:800; color:var(--brand); font-family:'Poppins',sans-serif; }
.mock-tabs {
  border-top:1px solid var(--border); padding:0.45rem 0;
  display:flex; background:white; margin-top:auto;
}
.mock-tab { flex:1; text-align:center; font-size:0.55rem; color:var(--text-soft); }
.mock-tab.on { color:var(--brand); font-weight:700; }

.pill-float {
  position:absolute; background:white; border-radius:var(--radius-pill);
  padding:0.45rem 0.85rem; box-shadow:0 8px 24px rgba(0,0,0,0.14);
  display:flex; align-items:center; gap:0.4rem;
  font-size:0.72rem; font-weight:700; color:var(--text-dark); font-family:'Poppins',sans-serif;
  white-space:nowrap;
}
.pill-float.tl { top:20px; left:-55px; }
.pill-float.br { bottom:50px; right:-55px; }
.dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }

/* ══ STATS BAR ══════════════════════════════════════════ */
.stats-bar {
  background: linear-gradient(135deg, var(--brand) 0%, var(--orange) 100%);
  padding:2.8rem 6%;
}
.stats-inner { max-width:1180px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:2rem; text-align:center; }
.stat h3 { font-family:'Poppins',sans-serif; font-size:2.4rem; font-weight:800; color:white; }
.stat p  { color:rgba(255,255,255,0.75); font-size:0.88rem; margin-top:0.2rem; }

/* ══ SECTION COMMON ══════════════════════════════════════ */
section { padding:5.5rem 6%; }
.sec-head { text-align:center; max-width:600px; margin:0 auto 3.5rem; }
.sec-tag {
  display:inline-block; background:var(--brand-light); color:var(--brand);
  border:1px solid rgba(244,115,90,0.25);
  padding:0.28rem 0.9rem; border-radius:var(--radius-pill);
  font-size:0.75rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase;
  margin-bottom:0.9rem;
}
.sec-head h2 { font-size:2.1rem; font-weight:800; color:var(--text-dark); margin-bottom:0.7rem; }
.sec-head p  { color:var(--text-soft); font-size:0.98rem; line-height:1.7; }

/* ══ FEATURES ════════════════════════════════════════════ */
.feat-grid { max-width:1180px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:1.6rem; }
.feat-card {
  background:var(--bg); border:1px solid var(--border); border-radius:var(--radius-lg);
  padding:1.8rem; transition:transform 0.25s, box-shadow 0.25s;
}
.feat-card:hover { transform:translateY(-5px); box-shadow:var(--card-hover); border-color:rgba(244,115,90,0.25); }
.feat-icon {
  width:52px; height:52px; border-radius:var(--radius-md);
  background:var(--brand-light); display:flex; align-items:center;
  justify-content:center; font-size:1.4rem; margin-bottom:1.1rem;
}
.feat-card h3 { font-size:1rem; font-weight:700; color:var(--text-dark); margin-bottom:0.5rem; }
.feat-card p  { font-size:0.88rem; color:var(--text-soft); line-height:1.68; }

/* ══ APP SCREENSHOTS ════════════════════════════════════ */
.screens-sec { background: var(--gradient); overflow:hidden; }
.screens-sec .sec-head h2 { color: white; }
.screens-sec .sec-head p { color: rgba(255,255,255,0.9); }
.screens-sec .sec-tag {
  background: rgba(255,255,255,0.15); color: white;
  border-color: rgba(255,255,255,0.3);
}
.screens-sec .screen-label { color: white; }
.screens-track {
  display:flex; gap:1.5rem; align-items:flex-end;
  padding:1rem 6% 2rem; overflow-x:auto; scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch; max-width:1400px; margin:0 auto;
  scrollbar-width:none;
}
.screens-track::-webkit-scrollbar { display:none; }
.screen-card { flex-shrink:0; text-align:center; scroll-snap-align:center; }
.screen-label {
  font-family:'Poppins',sans-serif; font-weight:700; font-size:0.8rem;
  color:var(--brand); margin-bottom:0.7rem; text-transform:uppercase; letter-spacing:0.06em;
}
.screen-phone {
  width:195px; border-radius:32px;
  background:#1a1a1a; padding:8px;
  box-shadow: 0 24px 60px rgba(0,0,0,0.2), 0 0 0 1px rgba(255,255,255,0.06);
  position:relative; overflow:hidden;
}
.screen-phone.tall { height:420px; }
.screen-phone.med  { height:360px; margin-bottom:30px; }
.screen-phone.short{ height:300px; margin-bottom:60px; }
.screen-phone img {
  width:100%; height:100%; object-fit:cover; object-position:top;
  border-radius:25px; display:block;
}
/* Data masking overlay */
.s-mask {
  position:absolute; z-index:10;
  background:linear-gradient(135deg, rgba(244,115,90,0.92), rgba(230,74,25,0.88));
  border-radius:8px; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
.s-mask::after {
  content:'● ● ● ● ● ● ● ●';
  color:rgba(255,255,255,0.5); font-size:0.5rem; letter-spacing:0.15em;
}
/* Placeholder screens (when real screenshots not added yet) */
.screen-placeholder {
  width:100%; height:100%; border-radius:25px;
  display:flex; flex-direction:column; background:white; overflow:hidden;
}
.sp-header {
  background:var(--brand); padding:1rem 0.8rem 0.7rem; color:white; flex-shrink:0;
}
.sp-header .app-label { font-family:'Poppins',sans-serif; font-size:0.9rem; font-weight:800; }
.sp-header .sub-label { font-size:0.6rem; opacity:0.75; }
.sp-search-bar {
  background:rgba(255,255,255,0.18); border-radius:20px;
  padding:0.35rem 0.7rem; font-size:0.6rem; color:rgba(255,255,255,0.8);
  margin-top:0.5rem;
}
.sp-body { padding:0.6rem; flex:1; display:flex; flex-direction:column; gap:0.4rem; overflow:hidden; }
.sp-banner {
  background:var(--brand-light); border-radius:10px; padding:0.7rem;
  display:flex; justify-content:space-between; align-items:center; flex-shrink:0;
}
.sp-banner-t strong { font-family:'Poppins',sans-serif; font-size:0.72rem; color:var(--text-dark); display:block; line-height:1.2; }
.sp-banner-t span   { font-size:0.58rem; color:var(--text-soft); }
.sp-banner-e { font-size:1.8rem; }
.sp-row { display:flex; gap:0.4rem; }
.sp-mini {
  flex:1; background:var(--bg); border-radius:8px; padding:0.5rem;
  border:1px solid var(--border); font-size:0.58rem; color:var(--text-soft);
}
.sp-mini strong { display:block; font-size:0.65rem; color:var(--text-dark); margin-bottom:0.15rem; }
.sp-card {
  background:var(--bg); border-radius:8px; padding:0.5rem;
  display:flex; align-items:center; gap:0.4rem; border:1px solid var(--border);
}
.sp-card .emo { font-size:1.2rem; }
.sp-card-info { flex:1; }
.sp-card-info b  { font-size:0.62rem; font-family:'Poppins',sans-serif; color:var(--text-dark); display:block; }
.sp-card-info span { font-size:0.55rem; color:var(--text-soft); }
.sp-card .price  { font-size:0.65rem; font-weight:800; color:var(--brand); font-family:'Poppins',sans-serif; }
.sp-tabs {
  border-top:1px solid var(--border); padding:0.4rem 0;
  display:flex; background:white; flex-shrink:0;
}
.sp-tab { flex:1; text-align:center; font-size:0.5rem; color:var(--text-soft); }
.sp-tab.on { color:var(--brand); font-weight:700; }
/* Creator placeholder */
.sp-creator-header { background:#3B82F6; }
.sp-dashboard-grid { display:grid; grid-template-columns:1fr 1fr; gap:0.4rem; }
.sp-dash-card {
  background:white; border:1px solid var(--border); border-radius:8px;
  padding:0.5rem; text-align:center; font-size:0.58rem; color:var(--text-soft);
}
.sp-dash-card .dval { font-size:1.1rem; font-weight:800; font-family:'Poppins',sans-serif; color:var(--text-dark); }
.sp-status-dot { width:6px; height:6px; border-radius:50%; display:inline-block; margin-right:3px; }

/* ══ HOW IT WORKS ════════════════════════════════════════ */
.how-sec { background:var(--bg); }
.steps { max-width:980px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center; gap:2rem; }
.step { text-align:center; flex: 1 1 250px; max-width: 300px; }
.step-num {
  width:62px; height:62px; border-radius:50%;
  background:var(--gradient); color:white;
  display:flex; align-items:center; justify-content:center;
  font-family:'Poppins',sans-serif; font-size:1.4rem; font-weight:800;
  margin:0 auto 1.2rem; box-shadow:0 6px 22px rgba(230,74,25,0.32);
}
.step h3 { font-size:1rem; font-weight:700; color:var(--text-dark); margin-bottom:0.5rem; }
.step p  { font-size:0.88rem; color:var(--text-soft); line-height:1.68; }

/* ══ CREATORS SECTION ════════════════════════════════════ */
.creators-sec {
  background: linear-gradient(160deg, var(--brand-light) 0%, white 60%);
}

/* ══ DOWNLOAD ════════════════════════════════════════════ */
.dl-banner {
  background: linear-gradient(135deg, var(--brand) 0%, var(--orange) 100%);
  text-align:center; position:relative; overflow:hidden;
}
.dl-banner::before {
  content:''; position:absolute; top:-100px; left:50%; transform:translateX(-50%);
  width:600px; height:600px; border-radius:50%;
  background:rgba(255,255,255,0.05);
}
.dl-banner h2 { font-size:2.1rem; font-weight:800; color:white; margin-bottom:0.8rem; }
.dl-banner p  { color:rgba(255,255,255,0.8); font-size:0.98rem; margin-bottom:2rem; max-width:460px; margin-left:auto; margin-right:auto; }
.store-btns { display:flex; justify-content:center; gap:1rem; flex-wrap:wrap; }
.store-btn {
  display:inline-flex; align-items:center; gap:0.7rem;
  background:rgba(255,255,255,0.15); color:white;
  padding:0.85rem 1.8rem; border-radius:var(--radius-md);
  border:1.5px solid rgba(255,255,255,0.35);
  text-decoration:none; font-family:'Poppins',sans-serif;
  font-weight:600; font-size:0.95rem;
  transition: background 0.2s, border-color 0.2s;
}
.store-btn:hover { background:rgba(255,255,255,0.25); border-color:rgba(255,255,255,0.6); }
.store-btn .si { display:flex; align-items:center; justify-content:center; }
.store-btn svg { width:1.2rem; height:1.2rem; }

.dl-apps-grid { display:flex; justify-content:center; gap:2.5rem; flex-wrap:wrap; max-width:900px; margin:0 auto; z-index:1; position:relative; }
.dl-app-card { background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.2); padding:2rem; border-radius:var(--radius-lg); flex:1; min-width:280px; backdrop-filter:blur(10px); }
.dl-app-card h3 { color:white; font-size:1.3rem; margin-bottom:0.5rem; }
.dl-app-card p { color:rgba(255,255,255,0.8); font-size:0.95rem; margin-bottom:1.5rem; margin-left:auto; margin-right:auto; }

/* ══ INNER PAGE HERO ═════════════════════════════════════ */
.page-hero {
  padding:110px 6% 55px;
  background:linear-gradient(160deg, var(--brand-light) 0%, white 70%);
  text-align:center; border-bottom:1px solid rgba(244,115,90,0.12);
}
.page-hero h1 { font-size:2.5rem; font-weight:800; color:var(--text-dark); }
.page-hero p  { color:var(--text-soft); margin-top:0.7rem; font-size:0.98rem; }

/* ══ POLICY CONTENT ══════════════════════════════════════ */
.policy-wrap { max-width:820px; margin:0 auto; padding:3.5rem 6% 5rem; }
.info-banner {
  background:var(--brand-light); border-left:4px solid var(--brand);
  padding:1rem 1.4rem; border-radius:0 var(--radius-sm) var(--radius-sm) 0; margin-bottom:2rem;
}
.info-banner p { color:var(--brand-dark); font-weight:600; font-size:0.95rem; margin:0; }
.policy-wrap h2 { font-size:1.25rem; font-weight:700; color:var(--text-dark); margin:2.5rem 0 0.8rem; border-bottom:2px solid var(--brand-light); padding-bottom:0.4rem; }
.policy-wrap h3 { font-size:1.02rem; font-weight:700; color:var(--brand); margin:1.6rem 0 0.6rem; }
.policy-wrap p  { color:var(--text-mid); font-size:0.95rem; line-height:1.78; margin-bottom:1rem; }
.policy-wrap ul { color:var(--text-mid); padding-left:1.5rem; margin-bottom:1rem; }
.policy-wrap li { font-size:0.95rem; line-height:1.75; margin-bottom:0.45rem; }
.policy-wrap a  { color:var(--brand); text-decoration:none; font-weight:600; }
.policy-wrap a:hover { text-decoration:underline; }

/* ══ HELP ════════════════════════════════════════════════ */
.help-wrap { max-width:820px; margin:0 auto; padding:3.5rem 6% 5rem; }
.faq-cat {
  font-family:'Poppins',sans-serif; font-size:1.15rem; font-weight:700; color:var(--brand);
  margin:2.8rem 0 1rem; padding-bottom:0.5rem;
  border-bottom:2px solid var(--brand-light);
}
.faq-item { border:1px solid var(--border); border-radius:var(--radius-md); margin-bottom:0.75rem; overflow:hidden; background:white; }
.faq-q {
  padding:1.1rem 1.4rem; font-weight:700; color:var(--text-dark);
  cursor:pointer; display:flex; justify-content:space-between; align-items:center;
  transition:background 0.15s; font-size:0.95rem; user-select:none;
}
.faq-q:hover { background:var(--brand-light); }
.faq-q .ico { color:var(--brand); font-size:1.1rem; flex-shrink:0; transition:transform 0.25s; }
.faq-q.open .ico { transform:rotate(45deg); }
.faq-a { max-height:0; overflow:hidden; transition:max-height 0.3s ease, padding 0.3s; padding:0 1.4rem; }
.faq-a.open { max-height:300px; padding:0 1.4rem 1.2rem; }
.faq-a p { color:var(--text-soft); font-size:0.92rem; line-height:1.75; }
.help-cta-box {
  text-align:center; margin-top:3rem; padding:2.5rem;
  background:var(--brand-light); border-radius:var(--radius-lg);
  border:1px solid rgba(244,115,90,0.2);
}
.help-cta-box h3 { font-size:1.2rem; color:var(--brand); margin-bottom:0.5rem; }
.help-cta-box p  { color:var(--text-soft); font-size:0.9rem; margin-bottom:1.4rem; }

/* ══ CONTACT ═════════════════════════════════════════════ */
.contact-wrap { max-width:900px; margin:0 auto; padding:4rem 6% 5rem; }
.contact-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-bottom:2rem; }
.c-card {
  background:var(--bg); border:1px solid var(--border); border-radius:var(--radius-lg);
  padding:2rem 1.5rem; text-align:center;
  transition:transform 0.22s, box-shadow 0.22s;
}
.c-card:hover { transform:translateY(-4px); box-shadow:var(--card-hover); border-color:rgba(244,115,90,0.25); }
.c-icon { font-size:2.2rem; margin-bottom:0.9rem; }
.c-card h3 { font-size:1rem; font-weight:700; color:var(--text-dark); margin-bottom:0.4rem; }
.c-card .desc { font-size:0.82rem; color:var(--text-soft); margin-bottom:0.8rem; }
.c-card a { color:var(--brand); font-weight:700; font-size:0.88rem; text-decoration:none; word-break:break-all; }
.c-card a:hover { text-decoration:underline; }
.contact-note {
  background:var(--brand-light); border:1px solid rgba(244,115,90,0.2);
  border-radius:var(--radius-lg); padding:1.8rem 2rem; text-align:center;
}
.contact-note h3 { font-size:1.1rem; color:var(--brand); margin-bottom:0.5rem; }
.contact-note p  { color:var(--text-soft); font-size:0.9rem; line-height:1.7; }

/* ══ FOOTER ══════════════════════════════════════════════ */
footer { background: var(--brand-light); padding:4rem 6% 2rem; }
.footer-inner { max-width:1180px; margin:0 auto; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1.5fr; gap:2rem; margin-bottom:3rem; }
.footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  margin-bottom: 0.8rem;
}
.footer-logo {
  font-family:'Poppins',sans-serif; font-size:1.5rem; font-weight:800; letter-spacing:-0.4px;
  background:var(--gradient); -webkit-background-clip:text;
  -webkit-text-fill-color:transparent; background-clip:text;
}
.footer-desc { color: var(--text-soft); font-size:0.88rem; line-height:1.75; }
.footer-col h4 {
  font-family:'Poppins',sans-serif; color: var(--text-dark); font-size:0.88rem;
  font-weight:700; margin-bottom:1rem; text-transform:uppercase; letter-spacing:0.06em;
}
.footer-col ul { list-style:none; }
.footer-col li { margin-bottom:0.6rem; }
.footer-col a  { color: var(--text-soft); text-decoration:none; font-size:0.88rem; transition:color 0.2s; }
.footer-col a:hover { color:var(--brand); }
.footer-bottom {
  border-top:1px solid rgba(244,115,90,0.12); padding-top:1.5rem;
  text-align:center; color: var(--text-soft); font-size:0.82rem;
}

/* ══ RESPONSIVE ══════════════════════════════════════════ */
@media (max-width:1024px) {
  .hero h1 { font-size:2.5rem; }
  .phone-trio .side { display:none; }
}
@media (max-width:900px) {
  .feat-grid { grid-template-columns:1fr 1fr; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .contact-cards { grid-template-columns:1fr 1fr; }
}
@media (max-width:768px) {
  .nav-links { display:none; }
  .hamburger { display:block; }
  .hero-inner { grid-template-columns:1fr; text-align:center; gap:2rem; }
  .hero h1 { font-size:2rem; }
  .hero-p { margin-left:auto; margin-right:auto; }
  .btn-row { justify-content:center; }
  .hero-visual { display:none; }
  .stats-inner { grid-template-columns:repeat(2,1fr); }
  .feat-grid { grid-template-columns:1fr; }
  .steps { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr; }
  .contact-cards { grid-template-columns:1fr; }
  .pill-float { display:none; }
}