/* =========================================================
   Delhi Mobile Market — Landing page styles
   White UI · Light grey sections · Subtle blue · Orange CTA
   ========================================================= */

:root{
  /* Palette */
  --ink:        #0B1B3A;     /* navy / heading */
  --ink-2:      #1B2A4E;
  --body:       #41506E;
  --muted:      #6B7891;
  --line:       #E6E9EF;
  --line-2:     #D6DBE5;
  --bg:         #FFFFFF;
  --grey:       #F4F6FA;
  --grey-2:     #EEF1F7;
  --blue:       #1E5EFF;
  --blue-soft:  #E8EFFF;
  --orange:     #FF6A1A;
  --orange-d:   #E85A0A;
  --orange-soft:#FFEEDF;
  --green:      #16A36B;

  --radius:     14px;
  --radius-lg:  22px;
  --radius-xl:  28px;

  --shadow-sm: 0 1px 2px rgba(11,27,58,.06), 0 1px 0 rgba(11,27,58,.02);
  --shadow:    0 8px 28px -12px rgba(11,27,58,.18), 0 2px 6px rgba(11,27,58,.05);
  --shadow-lg: 0 30px 60px -28px rgba(11,27,58,.30), 0 8px 20px -12px rgba(11,27,58,.12);

  --font-display: "Bricolage Grotesque", "Arial Black", system-ui, sans-serif;
  --font-body:    "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

*{box-sizing:border-box; min-width:0}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%; overflow-x:hidden}
body{
  margin:0;
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.55;
  color:var(--body);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
  width:100%;
}
img{max-width:100%; height:auto; display:block}
a{color:inherit; text-decoration:none}
button{font:inherit; cursor:pointer; border:0; background:none}
ul,ol{margin:0; padding:0; list-style:none}
::selection{background:var(--ink); color:#fff}

.container{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 22px;
}

/* ============ TYPOGRAPHY ============ */
h1,h2,h3,h4,h5{
  font-family:var(--font-display);
  font-weight:700;
  color:var(--ink);
  letter-spacing:-.02em;
  line-height:1.08;
  margin:0;
}
.h-display{
  font-size:clamp(2.4rem, 6vw, 4.6rem);
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1.02;
}
.h-display__accent{
  color:var(--blue);
  font-style:italic;
  font-weight:700;
}
.h-section{
  font-size:clamp(1.7rem, 3.6vw, 2.8rem);
  font-weight:700;
  letter-spacing:-.025em;
  line-height:1.12;
}
.h-section--light{color:#fff}
.h-section__accent{color:var(--orange)}

/* ============ BUTTONS ============ */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:12px 22px;
  border-radius:999px;
  font-family:var(--font-body);
  font-weight:700;
  font-size:.95rem;
  line-height:1;
  border:1.5px solid transparent;
  transition: transform .15s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease;
  white-space:nowrap;
  max-width:100%;
}
.btn--lg{padding:16px 28px; font-size:1rem}
.btn--block{width:100%}
.btn--primary{
  background:var(--orange);
  color:#fff;
  box-shadow: 0 8px 22px -10px rgba(255,106,26,.7), inset 0 -2px 0 rgba(0,0,0,.08);
}
.btn--primary:hover{background:var(--orange-d); transform:translateY(-1px)}
.btn--primary:active{transform:translateY(0)}
.btn--ghost{
  background:#fff;
  color:var(--ink);
  border-color:var(--line-2);
}
.btn--ghost:hover{border-color:var(--ink); transform:translateY(-1px)}
.btn--light{
  background:#fff;
  color:var(--ink);
}
.btn--light:hover{background:var(--grey)}

/* ============ NAV ============ */
.nav{
  position:sticky; top:0; z-index:50;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(140%) blur(14px);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid var(--line);
}
.nav__wrap{
  display:flex; align-items:center; justify-content:space-between;
  gap:18px;
  min-height:74px;
  padding-top:10px; padding-bottom:10px;
}
.logo{display:inline-flex; align-items:center; gap:12px}
.logo__mark{display:inline-flex}
.logo__text{display:inline-flex; flex-direction:column; line-height:1}
.logo__line1{
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.18rem;
  color:var(--ink);
  letter-spacing:-.025em;
}
.logo__line1 .dot{color:var(--orange)}
.logo__line2{
  font-size:.7rem;
  font-weight:500;
  color:var(--muted);
  letter-spacing:.04em;
  text-transform:lowercase;
  margin-top:4px;
}
.logo--footer .logo__line1{color:#fff}
.logo--footer .logo__line2{color:#9aa6c0}

.nav__links{
  display:flex; gap:6px;
  background:var(--grey);
  border:1px solid var(--line);
  padding:6px;
  border-radius:999px;
}
.nav__links a{
  padding:8px 14px;
  border-radius:999px;
  font-size:.88rem;
  font-weight:600;
  color:var(--ink-2);
  transition: background .2s ease, color .2s ease;
}
.nav__links a:hover{background:#fff; color:var(--ink); box-shadow:var(--shadow-sm)}

.nav__cta{}
.nav__toggle{
  display:none;
  width:42px; height:42px;
  border-radius:12px;
  background:var(--grey);
  border:1px solid var(--line);
  flex-direction:column; align-items:center; justify-content:center; gap:5px;
}
.nav__toggle span{width:20px; height:2px; background:var(--ink); border-radius:2px}
.nav__mobile{
  display:none;
  flex-direction:column;
  gap:4px;
  padding:14px 22px 22px;
  border-top:1px solid var(--line);
  background:#fff;
}
.nav__mobile a{padding:12px 4px; border-bottom:1px dashed var(--line); font-weight:600; color:var(--ink)}
.nav__mobile .btn{margin-top:10px}

@media (max-width: 980px){
  .nav__links{display:none}
  .nav__cta{display:none}
  .nav__toggle{display:flex}
  .nav__mobile[data-open="true"]{display:flex}
}

/* ============ HERO ============ */
.hero{
  position:relative;
  padding:64px 0 0;
  background:
    radial-gradient(900px 400px at 85% -10%, var(--blue-soft) 0%, transparent 70%),
    radial-gradient(700px 300px at -10% 30%, var(--orange-soft) 0%, transparent 70%),
    #fff;
  overflow:hidden;
}
.hero__wrap{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:60px;
  align-items:center;
  padding-bottom:90px;
}
.eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  background:#fff;
  border:1px solid var(--line);
  padding:8px 14px 8px 10px;
  border-radius:999px;
  font-size:.82rem;
  font-weight:600;
  color:var(--ink-2);
  box-shadow:var(--shadow-sm);
}
.eyebrow__dot{
  width:8px; height:8px; border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 4px rgba(22,163,107,.18);
  animation:pulse 1.8s ease-out infinite;
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(22,163,107,.45)}
  100%{box-shadow:0 0 0 8px rgba(22,163,107,0)}
}
.hero__copy h1{margin-top:18px}
.hero__sub{
  margin:22px 0 30px;
  font-size:1.12rem;
  color:var(--body);
  max-width:560px;
}
.hero__sub strong{color:var(--ink); font-weight:700}
.hero__cta{display:flex; flex-wrap:wrap; gap:12px}
.hero__trust{
  display:flex; flex-wrap:wrap; gap:18px 26px;
  margin-top:34px;
  padding-top:22px;
  border-top:1px dashed var(--line-2);
  font-size:.92rem;
  font-weight:600;
  color:var(--ink-2);
}
.hero__trust li{display:inline-flex; align-items:center; gap:8px}
.tick{
  display:inline-flex; align-items:center; justify-content:center;
  width:20px; height:20px; border-radius:50%;
  background:var(--blue-soft); color:var(--blue);
  font-weight:800; font-size:.78rem;
}
.tick--lg{width:30px; height:30px; font-size:.95rem; background:var(--orange-soft); color:var(--orange)}

/* Hero visual */
.hero__visual{
  position:relative;
  height:540px;
  max-width:100%;
}
.hero__card{
  position:absolute;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  overflow:hidden;
  padding:14px;
  transition: transform .4s ease;
}
.hero__card img{
  width:100%;
  height:100%;
  object-fit:contain;
  background:var(--grey);
  border-radius:16px;
  max-height:100%;
}
.hero__tag{
  position:absolute; bottom:14px; left:14px; right:14px;
  display:inline-flex; justify-content:space-between; align-items:center;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(8px);
  border-radius:12px;
  padding:8px 12px;
  font-size:.78rem; font-weight:700; color:var(--ink);
}
.hero__card--a{
  width:64%; height:62%;
  top:0; left:0;
  transform:rotate(-3deg);
  z-index:3;
}
.hero__card--b{
  width:52%; height:40%;
  top:42%; right:0;
  transform:rotate(4deg);
  z-index:2;
}
.hero__card--c{
  width:48%; height:38%;
  bottom:0; left:14%;
  transform:rotate(-1.5deg);
  z-index:1;
}
.hero__card:hover{transform:rotate(0) translateY(-4px)}
.hero__chip{
  position:absolute;
  background:var(--ink);
  color:#fff;
  border-radius:18px;
  padding:14px 18px;
  font-family:var(--font-display);
  font-weight:700;
  font-size:1.15rem;
  line-height:1.15;
  box-shadow:var(--shadow-lg);
  z-index:4;
}
.hero__chip small{display:block; font-size:.72rem; font-weight:500; color:#cdd6ec; letter-spacing:.06em; text-transform:uppercase; margin-top:2px}
.hero__chip--rupee{top:30%; right:0; background:#fff; color:var(--ink); border:1px solid var(--line)}
.hero__chip--rupee strong{color:var(--orange)}
.hero__chip--cod{bottom:6%; right:8%; background:var(--orange); color:#fff}
.hero__chip--cod small{color:#ffe1ce}

/* Marquee */
.marquee{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#fff;
  overflow:hidden;
  padding:14px 0;
}
.marquee__track{
  display:flex;
  gap:28px;
  white-space:nowrap;
  animation: marquee 40s linear infinite;
  font-family:var(--font-display);
  font-weight:600;
  color:var(--ink);
  font-size:1.05rem;
  letter-spacing:-.01em;
}
.marquee__track span:nth-child(even){color:var(--orange)}
@keyframes marquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

@media (max-width: 980px){
  .hero{padding-top:32px}
  .hero__wrap{grid-template-columns:1fr; gap:30px; padding-bottom:60px}
  .hero__visual{height:380px; max-width:480px; margin:0 auto; width:100%}
  .hero__chip--rupee{right:0}
}
@media (max-width: 520px){
  .hero__visual{height:340px}
  .hero__chip{padding:10px 14px; font-size:1rem}
  .hero__chip--rupee{top:34%; right:0}
  .hero__chip--cod{right:4%}
  .btn--lg{padding:14px 20px; font-size:.92rem}
  .hero__cta .btn{flex:1 1 100%}
  .hero__sub{font-size:1rem}
  .container{padding:0 18px}
  .orderCard__name{font-size:1.35rem; word-break:break-word}
  .h-display{font-size:clamp(2rem, 9vw, 2.8rem)}
}

/* ============ SECTIONS ============ */
.section{padding:90px 0; position:relative}
.section--grey{background:var(--grey)}
.section--dark{background:#0B1B3A; color:#dbe2f3}
.section__head{max-width:760px; margin:0 auto 56px; text-align:center}
.section__head--left{text-align:left; margin-left:0}
.section__kicker{
  display:inline-block;
  font-family:var(--font-display);
  font-weight:600;
  font-size:.82rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--orange);
  background:var(--orange-soft);
  padding:6px 12px;
  border-radius:999px;
  margin-bottom:18px;
}
.section__kicker--light{color:#ffb281; background:rgba(255,106,26,.12)}
.section__lead{
  margin-top:18px;
  color:var(--body);
  font-size:1.05rem;
}

@media (max-width: 700px){
  .section{padding:64px 0}
}

/* ============ WHY GRID ============ */
.why__grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}
.why__card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:28px 24px;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.why__card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow);
  border-color:var(--line-2);
}
.why__num{
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px;
  background:var(--ink);
  color:#fff;
  border-radius:12px;
  font-family:var(--font-display);
  font-weight:800;
  font-size:1rem;
  letter-spacing:-.02em;
  margin-bottom:16px;
}
.why__card h3{font-size:1.15rem; margin-bottom:6px}
.why__card p{color:var(--body); font-size:.95rem; margin:0}
@media (max-width: 900px){.why__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 560px){.why__grid{grid-template-columns:1fr}}

/* ============ PRODUCTS ============ */
.products__icons{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:14px;
  margin-bottom:64px;
}
.prod-icon{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:12px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:24px 12px;
  font-weight:700;
  color:var(--ink);
  text-align:center;
  font-size:.92rem;
  transition: all .25s ease;
}
.prod-icon:hover{
  border-color:var(--orange);
  background:#fff;
  transform:translateY(-3px);
  box-shadow:var(--shadow);
}
.prod-icon__svg{
  display:inline-flex; align-items:center; justify-content:center;
  width:54px; height:54px;
  border-radius:14px;
  background:var(--blue-soft);
  color:var(--blue);
}
.prod-icon:hover .prod-icon__svg{background:var(--orange-soft); color:var(--orange)}

@media (max-width: 900px){.products__icons{grid-template-columns:repeat(3,1fr)}}
@media (max-width: 520px){.products__icons{grid-template-columns:repeat(2,1fr)}}

.products__sub{
  font-size:1.35rem;
  margin:20px 0 22px;
  display:flex; align-items:center; gap:14px;
}
.products__sub::after{
  content:""; flex:1; height:1px; background:var(--line);
}

.gallery{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  grid-auto-rows: 280px;
  gap:18px;
}
.gallery__item{
  position:relative;
  margin:0;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  overflow:hidden;
  transition: transform .3s ease, box-shadow .3s ease;
}
.gallery__item:hover{transform:translateY(-4px); box-shadow:var(--shadow)}
.gallery__item--wide{grid-column:span 1}
.gallery__imgWrap{
  width:100%; height:100%;
  background:linear-gradient(135deg, var(--grey) 0%, var(--grey-2) 100%);
  display:flex; align-items:center; justify-content:center;
  padding:14px;
}
.gallery__imgWrap img{
  width:100%; height:100%;
  object-fit:contain;
  max-height:100%;
}
.gallery__item figcaption{
  position:absolute; left:14px; right:14px; bottom:14px;
  display:flex; flex-direction:column; gap:2px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(6px);
  padding:10px 14px;
  border-radius:12px;
  border:1px solid var(--line);
}
.gallery__cat{
  font-size:.7rem; font-weight:700; letter-spacing:.1em;
  color:var(--orange); text-transform:uppercase;
}
.gallery__name{font-size:.95rem; font-weight:700; color:var(--ink)}

@media (min-width: 901px){
  .gallery__item--wide:nth-of-type(1){grid-column:span 2}
  .gallery__item--wide:nth-last-of-type(1){grid-column:span 2}
}
@media (max-width: 900px){
  .gallery{grid-template-columns:repeat(2,1fr); grid-auto-rows:240px}
}
@media (max-width: 540px){
  .gallery{grid-template-columns:1fr; grid-auto-rows:260px}
}

/* ============ MARKET (dark) ============ */
.section--dark{
  background:
    radial-gradient(700px 300px at 90% 0%, rgba(255,106,26,.12) 0%, transparent 70%),
    radial-gradient(800px 400px at 0% 100%, rgba(30,94,255,.18) 0%, transparent 70%),
    #0B1B3A;
}
.market__wrap{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:60px;
  align-items:start;
}
.market__lead{color:#b8c2dc; font-size:1.05rem; margin:18px 0 32px; max-width:580px}
.market__points{display:flex; flex-direction:column; gap:18px}
.market__points li{
  display:grid; grid-template-columns:48px 1fr; gap:16px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius-lg);
  padding:18px 20px;
}
.market__bullet{
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px; border-radius:12px;
  background:var(--orange); color:#fff;
  font-family:var(--font-display); font-weight:800; font-size:1.1rem;
}
.market__points h4{color:#fff; font-size:1.08rem; margin-bottom:4px}
.market__points p{margin:0; color:#9aa6c0; font-size:.94rem}

.market__stats{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  position:sticky; top:90px;
}
.stat{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius-lg);
  padding:22px 20px;
}
.stat__num{
  display:block;
  font-family:var(--font-display);
  font-weight:800;
  font-size:2rem;
  color:#fff;
  letter-spacing:-.03em;
  line-height:1;
}
.stat__num small{font-size:.85rem; color:var(--orange); font-weight:700; margin-left:4px}
.stat__label{display:block; margin-top:8px; font-size:.85rem; color:#9aa6c0}

@media (max-width: 900px){
  .market__wrap{grid-template-columns:1fr}
  .market__stats{position:static; grid-template-columns:repeat(2,1fr)}
}

/* ============ STEPS ============ */
.steps{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
  counter-reset:s;
}
.step{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:24px 20px;
  position:relative;
}
.step__num{
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px;
  border-radius:50%;
  background:var(--orange); color:#fff;
  font-family:var(--font-display); font-weight:800; font-size:1.1rem;
  margin-bottom:16px;
}
.step h3{font-size:1.05rem; margin-bottom:6px}
.step p{margin:0; color:var(--body); font-size:.92rem}
.step:not(:last-child)::after{
  content:""; position:absolute; top:42px; right:-12px;
  width:24px; height:2px;
  background:repeating-linear-gradient(90deg, var(--line-2) 0 4px, transparent 4px 8px);
}
@media (max-width: 900px){
  .steps{grid-template-columns:repeat(2,1fr)}
  .step:not(:last-child)::after{display:none}
}
@media (max-width: 520px){.steps{grid-template-columns:1fr}}

/* ============ ORDER CARDS ============ */
.orderCards{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
}
.orderCard{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-xl);
  padding:32px;
  display:flex; flex-direction:column; gap:22px;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.orderCard:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg)}
.orderCard--accent{
  border-color:var(--orange);
  background:
    radial-gradient(800px 200px at 100% 0%, var(--orange-soft) 0%, transparent 60%),
    #fff;
}
.orderCard__head{}
.orderCard__badge{
  display:inline-block;
  background:var(--blue-soft);
  color:var(--blue);
  font-size:.74rem; font-weight:700; letter-spacing:.08em;
  padding:6px 12px; border-radius:999px;
  text-transform:uppercase;
  margin-bottom:14px;
}
.orderCard__badge--orange{background:var(--orange); color:#fff}
.orderCard__name{
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.7rem;
  color:var(--ink);
  letter-spacing:-.025em;
  margin-bottom:8px;
  word-break:break-word;
  overflow-wrap:anywhere;
}
.orderCard__tag{color:var(--body); margin:0; font-size:.98rem}
.orderCard__list{display:flex; flex-direction:column; gap:14px}
.orderCard__list li{display:grid; grid-template-columns:24px 1fr; gap:12px; align-items:start}
.orderCard__list li strong{display:block; color:var(--ink); font-size:1rem}
.orderCard__list li small{display:block; color:var(--muted); font-size:.84rem; margin-top:2px}

@media (max-width: 780px){.orderCards{grid-template-columns:1fr}}

/* ============ LIKE GRID ============ */
.like__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.like__card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:24px 22px;
  display:flex; flex-direction:column; gap:10px;
}
.like__card h4{font-size:1.05rem; margin:6px 0 0}
.like__card p{margin:0; color:var(--body); font-size:.92rem}
@media (max-width: 900px){.like__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 520px){.like__grid{grid-template-columns:1fr}}

/* ============ FAQ ============ */
.faq__wrap{
  display:grid;
  grid-template-columns:.9fr 1.4fr;
  gap:60px;
  align-items:start;
}
.faq{display:flex; flex-direction:column; gap:12px}
.faq__item{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:0;
  overflow:hidden;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.faq__item[open]{border-color:var(--ink); box-shadow:var(--shadow)}
.faq__item summary{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:20px 22px;
  cursor:pointer;
  list-style:none;
  font-weight:700;
  color:var(--ink);
  font-size:1.02rem;
}
.faq__item summary::-webkit-details-marker{display:none}
.faq__plus{
  position:relative; width:22px; height:22px; flex-shrink:0;
}
.faq__plus::before,.faq__plus::after{
  content:""; position:absolute; left:50%; top:50%;
  width:14px; height:2px; background:var(--ink);
  transform:translate(-50%,-50%);
  transition: transform .3s ease;
}
.faq__plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq__item[open] .faq__plus::after{transform:translate(-50%,-50%) rotate(0)}
.faq__item p{
  padding:0 22px 22px;
  margin:0;
  color:var(--body);
  font-size:.97rem;
}
.faq__item a{color:var(--blue); font-weight:600; border-bottom:1px solid var(--blue-soft)}

@media (max-width: 900px){.faq__wrap{grid-template-columns:1fr; gap:30px}}

/* ============ FINAL CTA ============ */
.cta{
  padding:80px 0;
  background:
    radial-gradient(800px 400px at 20% 50%, var(--orange-soft) 0%, transparent 70%),
    radial-gradient(700px 400px at 90% 30%, var(--blue-soft) 0%, transparent 70%),
    #fff;
}
.cta__wrap{text-align:center; max-width:800px; margin:0 auto}
.cta__title{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.7rem, 4vw, 2.6rem);
  color:var(--ink);
  letter-spacing:-.025em;
  margin:0 0 14px;
}
.cta__sub{color:var(--body); font-size:1.05rem; margin:0 0 28px}
.cta__btns{display:flex; flex-wrap:wrap; gap:12px; justify-content:center}

/* ============ FOOTER ============ */
.footer{
  background:#08142B;
  color:#9aa6c0;
  padding:80px 0 30px;
}
.footer__wrap{
  display:grid;
  grid-template-columns:1.3fr 2fr;
  gap:60px;
  margin-bottom:50px;
}
.footer__about{margin-top:18px; font-size:.95rem; max-width:380px; color:#9aa6c0; line-height:1.6}
.footer__cols{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}
.footer__cols h5{color:#fff; font-size:.95rem; margin-bottom:14px}
.footer__cols ul{display:flex; flex-direction:column; gap:8px}
.footer__cols a{color:#9aa6c0; font-size:.92rem; transition:color .2s ease}
.footer__cols a:hover{color:#fff}
.footer__seo{
  margin-top:30px;
  padding:28px 22px;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  font-size:.82rem; color:#7a86a0; line-height:1.7;
}
.footer__seo strong{color:#b8c2dc; font-weight:600}
.footer__bottom{
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px;
  margin-top:24px;
  font-size:.82rem;
  color:#6b768c;
}
@media (max-width: 900px){
  .footer__wrap{grid-template-columns:1fr; gap:40px}
  .footer__cols{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 480px){.footer__cols{grid-template-columns:1fr}}

/* ============ MOTION REDUCE ============ */
@media (prefers-reduced-motion: reduce){
  *{animation:none !important; transition:none !important}
}