/* ═══════════════════════════════════════════════════════════
   BURHAN & CO. v3 — STYLESHEET
   Theme: Warm Editorial Premium — Light, Welcoming, Human
   Palette: Warm Cream / Amber / Forest / Warm Ink
   Typography: Cormorant Garamond (Display) + Plus Jakarta Sans
═══════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────
   DESIGN TOKENS
───────────────────────────────────────── */
:root {
  --bg:          #FAF8F4;
  --bg-warm:     #F4EFE6;
  --surface:     #FFFFFF;
  --border:      #E8E0D4;
  --border-2:    #F0E8DC;

  --ink:         #1C1917;
  --ink-2:       #44403C;
  --ink-3:       #78716C;
  --ink-4:       #A8A29E;

  --amber:       #B8864E;
  --amber-l:     #C89A68;
  --amber-d:     #8A6035;
  --amber-bg:    rgba(184,134,78,0.09);
  --forest:      #2C5F4A;
  --forest-l:    #3A7A60;
  --forest-bg:   rgba(44,95,74,0.07);

  --band-bg:     #1C1917;
  --band-text:   #F5F0E8;

  --fd: 'Cormorant Garamond', Georgia, serif;
  --fb: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  --sp2:  8px;  --sp3: 12px;  --sp4: 16px;
  --sp5: 20px;  --sp6: 24px;  --sp8: 32px;
  --sp10: 40px; --sp12: 48px; --sp16: 64px;
  --sp20: 80px; --sp24: 96px;

  --r-sm: 6px; --r-md: 12px; --r-lg: 20px; --r-xl: 28px; --r-full: 9999px;

  --t1: 150ms ease;
  --t2: 250ms ease;
  --t3: 400ms ease;
  --tl: 600ms cubic-bezier(0.16, 1, 0.3, 1);

  --sh1: 0 1px 4px rgba(28,25,23,0.06);
  --sh2: 0 4px 20px rgba(28,25,23,0.08);
  --sh3: 0 8px 40px rgba(28,25,23,0.10);

  --nav-h: 70px;
  --max-w: 1200px;
}

/* ─────────────────────────────────────────
   RESET
───────────────────────────────────────── */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; scroll-padding-top:var(--nav-h); -webkit-font-smoothing:antialiased; }
body { font-family:var(--fb); font-size:16px; line-height:1.7; color:var(--ink); background:var(--bg); overflow-x:hidden; }
img,svg { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
ul { list-style:none; }
button { cursor:pointer; font-family:inherit; border:none; background:none; }
input,select,textarea { font-family:inherit; }
:focus-visible { outline:2px solid var(--amber); outline-offset:3px; }

/* ─────────────────────────────────────────
   LAYOUT
───────────────────────────────────────── */
.container { width:100%; max-width:var(--max-w); margin:0 auto; padding:0 var(--sp6); }
@media(min-width:768px)  { .container { padding:0 var(--sp10); } }
@media(min-width:1280px) { .container { padding:0 var(--sp12); } }
.sp  { padding: clamp(var(--sp16), 8vw, 112px) 0; }
.sw  { background: var(--bg-warm); }

/* ─────────────────────────────────────────
   TYPE HELPERS
───────────────────────────────────────── */
.eyebrow {
  font-family:var(--fb); font-size:11px; font-weight:600;
  letter-spacing:0.2em; text-transform:uppercase;
  color:var(--amber); margin-bottom:var(--sp3);
}
.eyebrow--inv { color:rgba(184,134,78,0.85); }

.st {
  font-family:var(--fd); font-size:clamp(2rem,4vw,3.2rem);
  font-weight:600; line-height:1.12; letter-spacing:-0.01em;
  color:var(--ink); margin-bottom:var(--sp4);
}
.st em { font-style:italic; font-weight:500; color:var(--amber-d); }

.ss { font-size:16px; color:var(--ink-3); line-height:1.75; max-width:560px; }

.shd { margin-bottom:clamp(var(--sp10),5vw,var(--sp16)); }
.shd.center { text-align:center; }
.shd.center .ss { margin:0 auto; }

/* ─────────────────────────────────────────
   BUTTONS
───────────────────────────────────────── */
.btn {
  display:inline-flex; align-items:center; gap:6px;
  padding:13px 28px; border-radius:var(--r-sm);
  font-family:var(--fb); font-size:13px; font-weight:600;
  letter-spacing:0.05em; text-transform:uppercase;
  transition:all var(--t2); cursor:pointer; white-space:nowrap;
  border:1.5px solid transparent;
}
.btn--primary { background:var(--ink); color:var(--bg-warm); border-color:var(--ink); }
.btn--primary:hover { background:var(--ink-2); border-color:var(--ink-2); transform:translateY(-2px); box-shadow:var(--sh2); }
.btn--outline { background:transparent; color:var(--ink); border-color:rgba(28,25,23,0.25); }
.btn--outline:hover { border-color:var(--ink); background:rgba(28,25,23,0.04); }
.btn--gold { background:var(--amber); color:var(--ink); border-color:var(--amber); font-weight:700; }
.btn--gold:hover { background:var(--amber-l); border-color:var(--amber-l); transform:translateY(-2px); box-shadow:0 6px 24px rgba(184,134,78,0.28); }
.btn--nav { background:var(--amber); color:var(--ink); border:1.5px solid var(--amber); padding:9px 22px; font-size:12px; }
.btn--nav:hover { background:var(--amber-l); }
.btn--full { width:100%; justify-content:center; }

/* CTA pulse ring */
.btn--pulse { position:relative; }
.btn--pulse::after {
  content:''; position:absolute; inset:-3px;
  border-radius:calc(var(--r-sm) + 3px);
  border:1.5px solid rgba(28,25,23,0.18);
  animation:btn-pulse 2.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes btn-pulse {
  0%,100% { opacity:0; transform:scale(1); }
  50%     { opacity:1; transform:scale(1.04); }
}

/* ─────────────────────────────────────────
   SCROLL REVEAL
───────────────────────────────────────── */
.reveal { opacity:0; transform:translateY(30px); transition:opacity var(--tl),transform var(--tl); }
.reveal.visible { opacity:1; transform:translateY(0); }
.reveal--d1 { transition-delay:100ms; }
.reveal--d2 { transition-delay:220ms; }
.reveal--d3 { transition-delay:340ms; }
.reveal--d4 { transition-delay:460ms; }

/* ─────────────────────────────────────────
   NAV
───────────────────────────────────────── */
.nav { position:fixed; top:0; left:0; right:0; z-index:100; height:var(--nav-h); transition:background var(--t3),box-shadow var(--t3),backdrop-filter var(--t3); }
.nav.scrolled { background:rgba(250,248,244,0.94); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); box-shadow:0 1px 0 var(--border); }
.nav__inner { max-width:var(--max-w); margin:0 auto; padding:0 var(--sp6); height:100%; display:flex; align-items:center; gap:var(--sp8); }
@media(min-width:768px) { .nav__inner { padding:0 var(--sp10); } }

.logo-text { font-family:var(--fd); font-size:22px; font-weight:700; color:var(--ink); letter-spacing:0.02em; white-space:nowrap; }
.logo-amp { color:var(--amber); }
.logo-light { color:var(--bg-warm); }

.nav__links { display:none; align-items:center; gap:var(--sp8); flex:1; margin-left:auto; }
@media(min-width:900px) { .nav__links { display:flex; } }

.nav__link { font-size:13px; font-weight:500; color:var(--ink-3); letter-spacing:0.02em; transition:color var(--t1); }
.nav__link:hover { color:var(--ink); }
.nav:not(.scrolled) .logo-text { color:var(--ink); }

.nav__burger { display:flex; flex-direction:column; gap:5px; padding:var(--sp2); margin-left:auto; }
@media(min-width:900px) { .nav__burger { display:none; } }
.nav__burger span { display:block; width:22px; height:1.5px; background:var(--ink); transition:transform var(--t2),opacity var(--t2); }
.nav__burger.open span:nth-child(1) { transform:translateY(6.5px) rotate(45deg); }
.nav__burger.open span:nth-child(2) { opacity:0; }
.nav__burger.open span:nth-child(3) { transform:translateY(-6.5px) rotate(-45deg); }

.nav__mobile { display:flex; flex-direction:column; background:var(--surface); border-top:1px solid var(--border); max-height:0; overflow:hidden; transition:max-height var(--t3); }
.nav__mobile.open { max-height:400px; }
.nav__mob-link { padding:var(--sp4) var(--sp6); font-size:15px; color:var(--ink-2); border-bottom:1px solid var(--border-2); transition:color var(--t1); }
.nav__mob-link:hover { color:var(--ink); }
.nav__mob-cta { color:var(--amber); font-weight:600; }

/* ─────────────────────────────────────────
   HERO BADGE
───────────────────────────────────────── */
.hero__badge {
  display:inline-flex; align-items:center; gap:var(--sp3);
  background:rgba(184,134,78,0.10); border:1px solid rgba(184,134,78,0.22);
  border-radius:var(--r-full); padding:6px 16px 6px 10px;
  font-size:12px; font-weight:500; letter-spacing:0.06em;
  color:var(--amber-d); margin-bottom:var(--sp6);
}

.badge-dot {
  width:8px; height:8px; border-radius:50%;
  background:var(--amber); flex-shrink:0;
  animation:pulse-dot 2.4s ease-in-out infinite;
}

@keyframes pulse-dot {
  0%,100% { box-shadow:0 0 0 0 rgba(184,134,78,0.5); }
  50%     { box-shadow:0 0 0 5px rgba(184,134,78,0); }
}

/* ─────────────────────────────────────────
   HERO
───────────────────────────────────────── */
.hero {
  position:relative; min-height:100vh; background:var(--bg);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  overflow:hidden; padding-top:var(--nav-h);
}
.hero__canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.hero__glow {
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse 70% 55% at 50% 40%, rgba(184,134,78,0.08) 0%, transparent 65%),
    radial-gradient(ellipse 40% 30% at 15% 70%, rgba(44,95,74,0.05) 0%, transparent 60%),
    radial-gradient(ellipse 50% 40% at 85% 25%, rgba(184,134,78,0.05) 0%, transparent 60%);
  pointer-events:none;
}
.hero__inner {
  position:relative; z-index:2; text-align:center;
  padding:var(--sp20) var(--sp6); max-width:880px; width:100%;
  flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
}
.hero__eyebrow { font-family:var(--fb); font-size:11px; font-weight:600; letter-spacing:0.2em; text-transform:uppercase; color:var(--amber); margin-bottom:var(--sp6); }

.hero__hl { font-family:var(--fd); font-size:clamp(2.8rem,7vw,5.6rem); font-weight:700; line-height:1.06; letter-spacing:-0.02em; color:var(--ink); margin-bottom:var(--sp6); }
.hero__hl em { font-style:italic; font-weight:500; color:var(--amber-d); }

.hero__sub { font-size:clamp(15px,2vw,18px); font-weight:300; color:var(--ink-3); line-height:1.75; max-width:640px; margin-bottom:var(--sp10); }

.hero__ctas { display:flex; flex-wrap:wrap; gap:var(--sp4); justify-content:center; margin-bottom:var(--sp16); }

.hero__stats { display:flex; align-items:center; gap:var(--sp8); flex-wrap:wrap; justify-content:center; }
.hero__stat { text-align:center; display:flex; flex-direction:column; gap:4px; }
.stat-nw { display:flex; align-items:baseline; justify-content:center; gap:3px; line-height:1; }
.stat-n { font-family:var(--fd); font-size:2.4rem; font-weight:700; color:var(--amber-d); line-height:1; letter-spacing:-0.02em; }
.stat-s { font-family:var(--fd); font-size:2rem; font-weight:700; color:var(--amber-d); }
.stat-l { font-size:11px; font-weight:500; letter-spacing:0.1em; color:var(--ink-4); text-transform:uppercase; }
.hero__sep { width:1px; height:36px; background:var(--border); }

/* Ticker */
.ticker { position:relative; z-index:2; width:100%; overflow:hidden; border-top:1px solid var(--border-2); padding:var(--sp4) 0; background:rgba(255,255,255,0.5); }
.ticker__rail { display:flex; gap:var(--sp8); white-space:nowrap; animation:ticker 38s linear infinite; width:max-content; }
.ticker__rail span { font-size:11px; font-weight:500; letter-spacing:0.14em; text-transform:uppercase; color:var(--ink-4); }
.ts { color:var(--amber) !important; opacity:0.6; }
@keyframes ticker { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ─────────────────────────────────────────
   WORLDWIDE TRUST STRIP
───────────────────────────────────────── */
.trust-strip { background:var(--surface); border-top:1px solid var(--border-2); border-bottom:1px solid var(--border-2); padding:var(--sp4) 0; }
.trust-inner { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:var(--sp3) var(--sp8); }
.trust-item { display:flex; align-items:center; gap:var(--sp2); font-size:13px; color:var(--ink-3); white-space:nowrap; }
.trust-item svg { width:16px; height:16px; color:var(--amber); flex-shrink:0; }
.trust-item strong { color:var(--ink-2); font-weight:600; }
.trust-sep { width:1px; height:18px; background:var(--border); flex-shrink:0; }
@media(max-width:640px) {
  .trust-sep { display:none; }
  .trust-inner { justify-content:flex-start; gap:var(--sp3); padding:0 var(--sp6); }
  .trust-item { font-size:12px; }
}

/* ─────────────────────────────────────────
   PAIN POINTS
───────────────────────────────────────── */
.pain-grid { display:grid; grid-template-columns:1fr; gap:var(--sp4); }
@media(min-width:600px)  { .pain-grid { grid-template-columns:1fr 1fr; } }
@media(min-width:1024px) { .pain-grid { grid-template-columns:1fr 1fr 1fr; } }

.pain-card {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--r-md); padding:var(--sp8) var(--sp6);
  position:relative; overflow:hidden; cursor:default;
  transition:border-color var(--t2),box-shadow var(--t2),transform var(--t2);
}
.pain-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg, var(--amber-bg), var(--amber), var(--amber-bg));
  opacity:0; transition:opacity var(--t3);
}
.pain-card:hover { border-color:rgba(184,134,78,0.3); box-shadow:var(--sh2); transform:translateY(-3px); }
.pain-card:hover::before { opacity:1; }
.p-ico { width:34px; height:34px; color:var(--amber); margin-bottom:var(--sp5); }
.pain-card h3 { font-family:var(--fd); font-size:1.2rem; font-weight:600; color:var(--ink); line-height:1.3; margin-bottom:var(--sp3); }
.pain-card p { font-size:14px; color:var(--ink-3); line-height:1.7; margin-bottom:var(--sp3); }
.p-fix { font-size:13px; color:var(--amber-d); padding-top:var(--sp4); border-top:1px solid var(--border-2); }
.p-fix strong { font-weight:600; }

/* ─────────────────────────────────────────
   OUTCOMES
───────────────────────────────────────── */
.out-grid { display:grid; grid-template-columns:1fr; gap:var(--sp4); }
@media(min-width:600px)  { .out-grid { grid-template-columns:1fr 1fr; } }
@media(min-width:1024px) { .out-grid { grid-template-columns:repeat(4,1fr); } }

.out-card { background:var(--surface); border:1px solid var(--border); border-radius:var(--r-md); padding:var(--sp8) var(--sp6); transition:border-color var(--t2),transform var(--t2),box-shadow var(--t2); }
.out-card:hover { border-color:rgba(184,134,78,0.3); transform:translateY(-3px); box-shadow:var(--sh2); }
.out-num { font-family:var(--fd); font-size:3.5rem; font-weight:700; color:rgba(184,134,78,0.15); line-height:1; margin-bottom:var(--sp3); }
.out-card h3 { font-family:var(--fd); font-size:1.3rem; font-weight:600; color:var(--ink); margin-bottom:var(--sp3); line-height:1.25; }
.out-card p { font-size:14px; color:var(--ink-3); line-height:1.7; }

/* ─────────────────────────────────────────
   SERVICES
───────────────────────────────────────── */
.svc-grid { display:grid; grid-template-columns:1fr; gap:var(--sp4); }
@media(min-width:600px)  { .svc-grid { grid-template-columns:1fr 1fr; } }
@media(min-width:1024px) { .svc-grid { grid-template-columns:1fr 1fr 1fr 1fr; } }

.svc-card {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--r-md); padding:var(--sp6);
  position:relative; overflow:hidden; transition:all var(--t2);
}
.svc-card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:var(--amber); transform:scaleX(0); transform-origin:left; transition:transform var(--t3); }
.svc-card:hover { border-color:rgba(184,134,78,0.25); box-shadow:var(--sh2); transform:translateY(-4px); }
.svc-card:hover::after { transform:scaleX(1); }
.svc-card:hover .svc-n { color:rgba(184,134,78,0.14); }

.svc-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--sp4); }
.svc-n { font-family:var(--fd); font-size:3rem; font-weight:700; color:rgba(28,25,23,0.06); line-height:1; transition:color var(--t2); }
.svc-ico { width:30px; height:30px; color:var(--amber); flex-shrink:0; }
.svc-tag { font-size:10px; font-weight:600; letter-spacing:0.14em; text-transform:uppercase; color:var(--amber-d); margin-bottom:var(--sp2); }
.svc-title { font-family:var(--fd); font-size:1.2rem; font-weight:600; color:var(--ink); line-height:1.25; margin-bottom:var(--sp3); }
.svc-body { font-size:13.5px; color:var(--ink-3); line-height:1.65; margin-bottom:var(--sp4); }
.svc-list { display:flex; flex-direction:column; gap:var(--sp2); padding-top:var(--sp4); border-top:1px solid var(--border-2); }
.svc-list li { font-size:12.5px; color:var(--ink-2); padding-left:var(--sp5); position:relative; line-height:1.5; }
.svc-list li::before { content:'✓'; position:absolute; left:0; color:var(--forest); font-size:11px; top:1px; }

/* Services worldwide note */
.svc-note {
  display:flex; align-items:center; gap:var(--sp3); justify-content:center;
  margin-top:var(--sp10); font-size:14px; color:var(--ink-3); text-align:center;
  padding:var(--sp5) var(--sp6); background:var(--bg-warm);
  border:1px solid var(--border-2); border-radius:var(--r-lg); line-height:1.6;
}
.svc-note svg { width:16px; height:16px; color:var(--amber); flex-shrink:0; }
.svc-note strong { color:var(--ink-2); }

/* ─────────────────────────────────────────
   WHY ONE FIRM
───────────────────────────────────────── */
.why-inner { display:grid; grid-template-columns:1fr; gap:var(--sp16); align-items:center; }
@media(min-width:900px) { .why-inner { grid-template-columns:1fr 1fr; gap:var(--sp20); } }
.why-p { font-size:15px; color:var(--ink-3); line-height:1.8; margin-bottom:var(--sp4); }

/* Orbit — 10 items */
.orbit { position:relative; width:320px; height:320px; margin:0 auto; }
.orbit-c {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:88px; height:88px; border-radius:50%;
  background:var(--amber); display:flex; align-items:center; justify-content:center;
  text-align:center; font-family:var(--fd); font-size:13px; font-weight:700;
  color:var(--ink); line-height:1.2; z-index:2;
  box-shadow:0 0 0 12px rgba(184,134,78,0.1), 0 0 0 24px rgba(184,134,78,0.05);
}
.orbit-r { position:absolute; inset:0; animation:spin 30s linear infinite; }
.orbit-i {
  position:absolute; top:50%; left:50%; --r:128px;
  transform:rotate(var(--a)) translate(var(--r)) rotate(calc(-1*var(--a)));
  margin:-16px 0 0 -22px;
}
.orbit-i span {
  display:flex; align-items:center; justify-content:center;
  width:54px; height:32px; border-radius:var(--r-sm);
  background:var(--surface); border:1px solid var(--border);
  font-size:10px; font-weight:600; letter-spacing:0.06em;
  color:var(--ink-3); text-transform:uppercase;
  animation:counter-spin 30s linear infinite;
  transition:background var(--t2),color var(--t2),border-color var(--t2);
  white-space:nowrap;
}
.orbit-i span:hover { background:var(--amber-bg); color:var(--amber-d); border-color:rgba(184,134,78,0.4); }
@keyframes spin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
@keyframes counter-spin { from{transform:rotate(0deg)} to{transform:rotate(-360deg)} }

/* ─────────────────────────────────────────
   COMPARISON
───────────────────────────────────────── */
.comp-tbl { display:grid; grid-template-columns:1fr; gap:var(--sp4); position:relative; }
@media(min-width:760px) { .comp-tbl { grid-template-columns:1fr auto 1fr; gap:0; align-items:stretch; } }
.comp-col { border-radius:var(--r-md); overflow:hidden; }
.comp-col--bad  { background:var(--surface); border:1px solid var(--border); }
.comp-col--good { background:var(--ink); border:1px solid var(--ink-2); }
.comp-hd { padding:var(--sp5) var(--sp6); border-bottom:1px solid; }
.comp-col--bad  .comp-hd { border-color:var(--border); }
.comp-col--good .comp-hd { border-color:rgba(255,255,255,0.08); }
.comp-lbl { font-size:11px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; }
.comp-lbl--bad  { color:var(--ink-4); }
.comp-lbl--good { color:var(--amber); }
.comp-row { display:flex; align-items:flex-start; gap:var(--sp3); padding:12px var(--sp6); border-bottom:1px solid; font-size:13.5px; }
.comp-col--bad  .comp-row { border-color:var(--border-2); color:var(--ink-3); }
.comp-col--good .comp-row { border-color:rgba(255,255,255,0.06); color:rgba(245,240,232,0.72); }
.comp-row:last-child { border-bottom:none; }
.cx { font-size:12px; color:#C0392B; flex-shrink:0; margin-top:2px; }
.ck { font-size:12px; color:var(--amber); flex-shrink:0; margin-top:2px; }
.comp-vs { display:flex; align-items:center; justify-content:center; padding:0 var(--sp5); }
.comp-vs span { font-family:var(--fd); font-size:1.4rem; font-weight:700; color:var(--ink-4); }
@media(max-width:759px) { .comp-vs { display:none; } }

/* ─────────────────────────────────────────
   PROCESS
───────────────────────────────────────── */
.proc-steps { display:grid; gap:0; max-width:680px; margin:0 auto; }
.proc-step { display:grid; grid-template-columns:52px 28px 1fr; gap:0 var(--sp6); align-items:start; }
.ps-n { font-family:var(--fd); font-size:1rem; font-weight:700; color:var(--amber); letter-spacing:0.05em; padding-top:2px; text-align:right; }
.ps-ln { display:flex; flex-direction:column; align-items:center; }
.ps-ln::before { content:''; width:10px; height:10px; border-radius:50%; background:var(--amber); border:2px solid var(--bg-warm); flex-shrink:0; margin-top:4px; box-shadow:0 0 0 3px rgba(184,134,78,0.2); }
.ps-ln::after { content:''; flex:1; width:1px; background:var(--border); min-height:var(--sp10); }
.ps-ln--last::after { display:none; }
.ps-b { padding-bottom:var(--sp10); }
.ps-b h3 { font-family:var(--fd); font-size:1.5rem; font-weight:600; color:var(--ink); margin-bottom:var(--sp2); line-height:1.2; }
.ps-b p { font-size:14px; color:var(--ink-3); line-height:1.7; }

/* ─────────────────────────────────────────
   PHILOSOPHY QUOTE
───────────────────────────────────────── */
.quote-sec { background:var(--bg); }
.quote-inner {
  max-width:760px; margin:0 auto; text-align:center; position:relative;
  padding:var(--sp12) var(--sp8); border:1px solid var(--border);
  border-radius:var(--r-xl); background:var(--surface); box-shadow:var(--sh2);
}
.q-mark { font-family:var(--fd); font-size:8rem; line-height:0.6; color:rgba(184,134,78,0.18); position:absolute; top:var(--sp8); left:var(--sp8); pointer-events:none; user-select:none; }
.q-text { font-family:var(--fd); font-size:clamp(1.4rem,3vw,2rem); font-weight:500; font-style:italic; color:var(--ink); line-height:1.5; margin-bottom:var(--sp6); position:relative; z-index:1; }
.q-text em { color:var(--amber-d); font-style:normal; font-weight:600; }
.q-attr { font-size:12px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--amber); margin-bottom:var(--sp6); }
.q-note { font-size:15px; color:var(--ink-3); line-height:1.75; max-width:560px; margin:0 auto; }

/* ─────────────────────────────────────────
   CTA BAND
───────────────────────────────────────── */
.cta-band { background:var(--band-bg); position:relative; overflow:hidden; padding:clamp(var(--sp16),8vw,112px) 0; }
.cta-band::before { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:600px; height:400px; background:radial-gradient(ellipse, rgba(184,134,78,0.08) 0%, transparent 70%); pointer-events:none; }
.cta-inner { text-align:center; position:relative; z-index:1; }
.cta-hl { font-family:var(--fd); font-size:clamp(2rem,4vw,3.2rem); font-weight:600; line-height:1.15; color:var(--band-text); margin-bottom:var(--sp5); letter-spacing:-0.01em; }
.cta-hl em { font-style:italic; font-weight:500; color:var(--amber); }
.cta-sub { font-size:15px; color:rgba(245,240,232,0.5); max-width:540px; margin:0 auto var(--sp10); line-height:1.7; }
.cta-note { margin-top:var(--sp4); font-size:12px; color:rgba(245,240,232,0.28); letter-spacing:0.04em; }

/* ─────────────────────────────────────────
   CONTACT
───────────────────────────────────────── */
.con-inner { display:grid; grid-template-columns:1fr; gap:var(--sp16); }
@media(min-width:900px) { .con-inner { grid-template-columns:1fr 1.3fr; } }
.con-body { font-size:15px; color:var(--ink-3); line-height:1.75; margin-bottom:var(--sp8); }
.con-details { display:flex; flex-direction:column; gap:var(--sp4); }
.con-item { display:flex; align-items:center; gap:var(--sp4); padding:var(--sp4); border-radius:var(--r-md); transition:background var(--t1); }
.con-item:hover { background:var(--bg-warm); }
.ci-ico { width:40px; height:40px; border-radius:var(--r-md); background:var(--amber-bg); display:flex; align-items:center; justify-content:center; color:var(--amber-d); flex-shrink:0; }
.ci-ico svg { width:18px; height:18px; }
.ci-lbl { display:block; font-size:10px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:var(--ink-4); margin-bottom:2px; }
.ci-val { display:block; font-size:14px; color:var(--ink); }

/* Trust signals */
.con-trust { margin-top:var(--sp8); display:flex; flex-direction:column; gap:var(--sp3); padding:var(--sp5) var(--sp6); background:var(--bg-warm); border:1px solid var(--border-2); border-radius:var(--r-md); }
.ct-item { display:flex; align-items:center; gap:var(--sp3); font-size:13px; color:var(--ink-3); }
.ct-dot { width:6px; height:6px; border-radius:50%; background:var(--forest); flex-shrink:0; }

/* Form */
.con-form { background:var(--surface); border:1px solid var(--border); border-radius:var(--r-xl); padding:var(--sp8); box-shadow:var(--sh1); }

.form-intro { margin-bottom:var(--sp6); padding-bottom:var(--sp6); border-bottom:1px solid var(--border-2); }
.fi-title { font-family:var(--fd); font-size:1.3rem; font-weight:600; color:var(--ink); margin-bottom:4px; }
.fi-sub { font-size:13px; color:var(--ink-4); }

.f-row { display:grid; grid-template-columns:1fr; gap:var(--sp4); }
@media(min-width:480px) { .f-row { grid-template-columns:1fr 1fr; } }
.fg { display:flex; flex-direction:column; gap:6px; margin-bottom:var(--sp4); }
.fl { font-size:11px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-3); }
.fl span { color:var(--amber); }

.fi, .fs, .ft {
  width:100%; padding:11px var(--sp4); border:1px solid var(--border);
  border-radius:var(--r-md); font-size:14px; font-family:var(--fb); color:var(--ink);
  background:var(--bg); outline:none;
  transition:border-color var(--t1),box-shadow var(--t1),background var(--t1);
  appearance:none;
}
.fi:focus, .fs:focus, .ft:focus { border-color:var(--amber); box-shadow:0 0 0 3px rgba(184,134,78,0.12); background:var(--surface); }
.fi.err, .fs.err, .ft.err { border-color:#C0392B; }
.fi::placeholder, .ft::placeholder { color:var(--ink-4); }
.fs { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23A8A29E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M6 8l4 4 4-4'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; background-size:16px; padding-right:36px; cursor:pointer; }
.ft { resize:vertical; min-height:100px; }
.f-note { text-align:center; font-size:11px; color:var(--ink-4); margin-top:var(--sp4); }

/* ─────────────────────────────────────────
   FOOTER
───────────────────────────────────────── */
.footer { background:var(--ink); padding:clamp(var(--sp12),6vw,var(--sp20)) 0 var(--sp8); border-top:1px solid rgba(255,255,255,0.06); }
.ft-inner { display:grid; grid-template-columns:1fr; gap:var(--sp10); margin-bottom:var(--sp12); }
@media(min-width:760px) { .ft-inner { grid-template-columns:1fr 2fr; } }
.ft-tag { font-size:13px; color:rgba(245,240,232,0.35); line-height:1.6; margin-top:var(--sp3); }
.ft-nav { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp8); }
@media(max-width:480px) { .ft-nav { grid-template-columns:1fr 1fr; } }
.fn-ttl { font-size:11px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:rgba(245,240,232,0.3); margin-bottom:var(--sp4); }
.fn-lnk { display:block; font-size:13px; color:rgba(245,240,232,0.4); margin-bottom:var(--sp2); transition:color var(--t1); }
.fn-lnk:hover { color:var(--bg-warm); }

/* WhatsApp footer link */
.ft-wa { display:inline-flex; align-items:center; gap:var(--sp2); margin-top:var(--sp5); font-size:12px; font-weight:500; letter-spacing:0.04em; color:rgba(245,240,232,0.45); padding:7px 14px; border:1px solid rgba(245,240,232,0.12); border-radius:var(--r-full); transition:color var(--t1),border-color var(--t1); }
.ft-wa:hover { color:rgba(245,240,232,0.8); border-color:rgba(245,240,232,0.25); }
.ft-wa svg { width:13px; height:13px; }

.ft-btm { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:var(--sp3); padding-top:var(--sp8); border-top:1px solid rgba(255,255,255,0.06); font-size:12px; color:rgba(245,240,232,0.22); }

/* ─────────────────────────────────────────
   ACCESSIBILITY
───────────────────────────────────────── */
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:0.01ms !important; transition-duration:0.01ms !important; }
}