/* elite-translations.com — style.css
   Cormorant Garamond (display serif) + Inter (body)
   Deep Sapphire #0f1f40 · Gold #c8a96e · Cream #f8f4ee · White #ffffff
   CSS prefix: et-
   Nav: SPLIT — links left, logo center, links+CTA right
   Hero: CENTERED full-width with overlay, centered heading */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --et-ink:      #0f1f40;
  --et-ink2:     #1a3060;
  --et-ink3:     #253d6b;
  --et-gold:     #c8a96e;
  --et-gold2:    #b8954f;
  --et-gold-dim: rgba(200,169,110,.12);
  --et-cream:    #f8f4ee;
  --et-cream2:   #f0ebe1;
  --et-cream3:   #e8e0d2;
  --et-white:    #ffffff;
  --et-muted:    #6a7a8c;
  --et-stone:    #9aa3ad;
  --et-line:     rgba(15,31,64,.09);
  --et-line2:    rgba(15,31,64,.15);

  --ff-disp: 'Cormorant Garamond', Georgia, serif;
  --ff-body: 'Inter', system-ui, sans-serif;
  --nav-h:   72px;
  --r:       4px;
  --r-md:    8px;
  --r-lg:    14px;
  --r-xl:    22px;
  --r-2xl:   36px;
  --r-pill:  100px;
  --ease:    cubic-bezier(.16,1,.3,1);
  --dur:     .22s;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; }
body { font-family: var(--ff-body); background: var(--et-cream); color: var(--et-ink); line-height: 1.7; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img  { display: block; max-width: 100%; height: auto; }
a    { color: inherit; text-decoration: none; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }
ul,ol { list-style: none; }
input,textarea,select { font-family: inherit; font-size: inherit; }
p { margin-bottom: 1rem; }
p:last-child { margin-bottom: 0; }
h1,h2,h3,h4 { font-family: var(--ff-disp); line-height: 1.05; }

/* ── Eyebrow ── */
.et-eyebrow {
  font-family: var(--ff-body); font-size: .58rem; font-weight: 600;
  letter-spacing: .22em; text-transform: uppercase; color: var(--et-gold);
  display: block; margin-bottom: .75rem;
}
.et-eyebrow--white { color: rgba(255,255,255,.4); }
.et-eyebrow--muted { color: var(--et-muted); }

/* ── Buttons ── */
.et-btn-ink {
  display: inline-flex; align-items: center; gap: .4rem;
  background: var(--et-ink); color: var(--et-white);
  font-family: var(--ff-body); font-size: .78rem; font-weight: 600;
  padding: .78rem 1.8rem; border-radius: var(--r-pill);
  border: 2px solid var(--et-ink);
  transition: background var(--dur), box-shadow var(--dur);
  white-space: nowrap;
}
.et-btn-ink:hover { background: var(--et-ink2); box-shadow: 0 6px 20px rgba(15,31,64,.2); }

.et-btn-gold {
  display: inline-flex; align-items: center; gap: .4rem;
  background: var(--et-gold); color: var(--et-white);
  font-family: var(--ff-body); font-size: .78rem; font-weight: 600;
  padding: .78rem 1.8rem; border-radius: var(--r-pill);
  border: 2px solid var(--et-gold);
  transition: background var(--dur), box-shadow var(--dur);
  white-space: nowrap;
}
.et-btn-gold:hover { background: var(--et-gold2); box-shadow: 0 6px 20px rgba(200,169,110,.3); }

.et-btn-outline {
  display: inline-flex; align-items: center; gap: .4rem;
  background: transparent; color: var(--et-ink);
  font-family: var(--ff-body); font-size: .78rem; font-weight: 600;
  padding: .78rem 1.8rem; border-radius: var(--r-pill);
  border: 2px solid var(--et-line2);
  transition: border-color var(--dur), background var(--dur);
  white-space: nowrap;
}
.et-btn-outline:hover { border-color: var(--et-ink); background: var(--et-cream2); }

.et-btn-outline-wh {
  display: inline-flex; align-items: center; gap: .4rem;
  background: transparent; color: var(--et-white);
  font-family: var(--ff-body); font-size: .78rem; font-weight: 600;
  padding: .78rem 1.8rem; border-radius: var(--r-pill);
  border: 2px solid rgba(255,255,255,.35);
  transition: border-color var(--dur);
  white-space: nowrap;
}
.et-btn-outline-wh:hover { border-color: rgba(255,255,255,.8); }

.et-text-link { font-size: .8rem; font-weight: 600; color: var(--et-gold); display: inline-flex; align-items: center; gap: .25rem; transition: gap var(--dur); }
.et-text-link:hover { gap: .4rem; }

/* ── SPLIT NAV ── logo centred, links on both sides */
.et-header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  height: var(--nav-h);
  display: grid; grid-template-columns: 1fr auto 1fr;
  align-items: center; padding: 0 clamp(1.5rem,3vw,4rem);
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid var(--et-line);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  transition: box-shadow var(--dur);
}
.et-header.et-scrolled { box-shadow: 0 2px 20px rgba(15,31,64,.06); }
.et-nav-left  { display: flex; align-items: center; gap: .1rem; }
.et-nav-right { display: flex; align-items: center; gap: .1rem; justify-content: flex-end; }
.et-logo-center {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  text-decoration: none;
}
.et-logo-wordmark {
  font-family: var(--ff-disp); font-size: 1.05rem; font-weight: 600;
  color: var(--et-ink); letter-spacing: .08em; line-height: 1;
}
.et-logo-wordmark em { font-style: italic; color: var(--et-gold); }
.et-logo-sub { font-size: .44rem; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--et-stone); margin-top: .1rem; }

.et-nav-lnk {
  font-size: .74rem; font-weight: 500; color: var(--et-muted);
  padding: .4rem .65rem; border-radius: var(--r);
  transition: color var(--dur), background var(--dur);
}
.et-nav-lnk:hover, .et-nav-lnk.et-nav-cur { color: var(--et-ink); background: var(--et-cream2); }

/* Services dropdown in split nav */
.et-drop-wrap { position: relative; }
.et-drop-trigger {
  font-size: .74rem; font-weight: 500; color: var(--et-muted);
  padding: .4rem .65rem; border-radius: var(--r);
  transition: color var(--dur), background var(--dur);
  cursor: pointer; display: flex; align-items: center; gap: .18rem;
  background: none; border: none;
}
.et-drop-trigger:hover, .et-drop-trigger.et-nav-cur { color: var(--et-ink); background: var(--et-cream2); }
.et-drop-trigger::after { content: '▾'; font-size: .5rem; opacity: .45; }
.et-drop-panel {
  position: absolute; top: calc(100% + 8px); left: 50%;
  transform: translateX(-50%) translateY(4px);
  background: var(--et-white); border: 1px solid var(--et-line2);
  border-top: 3px solid var(--et-gold); border-radius: var(--r-lg);
  box-shadow: 0 12px 40px rgba(15,31,64,.1);
  padding: .5rem; min-width: 230px;
  opacity: 0; pointer-events: none;
  transition: opacity var(--dur), transform var(--dur);
}
.et-drop-wrap:hover .et-drop-panel,
.et-drop-wrap:focus-within .et-drop-panel {
  opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0);
}
.et-drop-row {
  display: block; padding: .45rem .8rem; border-radius: var(--r);
  font-size: .74rem; font-weight: 500; color: var(--et-ink);
  transition: background var(--dur), color var(--dur);
}
.et-drop-row:hover { background: var(--et-cream); color: var(--et-gold); }
.et-drop-row small { display: block; font-size: .6rem; color: var(--et-stone); font-weight: 400; margin-top: .05rem; }

.et-nav-cta { margin-left: .4rem; font-size: .74rem; }

/* Burger */
.et-burger {
  display: none; flex-direction: column; gap: 5px; padding: 5px; cursor: pointer;
}
.et-burger-line { width: 22px; height: 1.5px; background: var(--et-ink); border-radius: 2px; transition: transform .22s, opacity .22s; }
.et-burger.et-open .et-burger-line:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.et-burger.et-open .et-burger-line:nth-child(2) { opacity: 0; }
.et-burger.et-open .et-burger-line:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* Mobile drawer */
.et-mob {
  position: fixed; inset: 0; z-index: 99;
  background: var(--et-white); padding: calc(var(--nav-h) + 1.5rem) 2rem 2rem;
  display: flex; flex-direction: column; gap: .1rem;
  opacity: 0; pointer-events: none; transition: opacity var(--dur); overflow-y: auto;
}
.et-mob.et-mob-open { opacity: 1; pointer-events: auto; }
.et-mob-lnk {
  font-family: var(--ff-disp); font-size: 1.7rem; font-weight: 600;
  color: var(--et-ink); padding: .25rem 0; border-bottom: 1px solid var(--et-line);
  transition: color var(--dur);
}
.et-mob-lnk:hover { color: var(--et-gold); }
.et-mob-svc-h { font-size: .55rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--et-stone); margin: .8rem 0 .2rem; }
.et-mob-svc-a { font-size: .84rem; color: var(--et-muted); display: block; padding: .2rem 0; transition: color var(--dur); }
.et-mob-svc-a:hover { color: var(--et-gold); }

/* ── CENTERED HERO with overlay ── */
.et-hero-zone {
  position: relative; min-height: 100vh;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: calc(var(--nav-h) + 3rem) clamp(1.5rem,4vw,6rem) 5rem;
  overflow: hidden; background: var(--et-ink);
}
.et-hero-bg {
  position: absolute; inset: 0; z-index: 0;
  background: linear-gradient(150deg, #0f1f40 0%, #1a3a6e 50%, #0a1525 100%);
}
.et-hero-img {
  position: absolute; inset: 0; z-index: 1;
  object-fit: cover; width: 100%; height: 100%; opacity: .18;
}
.et-hero-overlay {
  position: absolute; inset: 0; z-index: 2;
  background: linear-gradient(to bottom, rgba(15,31,64,.6) 0%, rgba(15,31,64,.85) 100%);
}
.et-hero-inner { position: relative; z-index: 3; max-width: 960px; }
.et-hero-langs {
  display: flex; justify-content: center; gap: .5rem; flex-wrap: wrap; margin-bottom: 2.5rem;
}
.et-hero-lang-tag {
  font-size: .58rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
  color: rgba(255,255,255,.35); border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--r-pill); padding: .22rem .75rem;
}
.et-hero-h1 {
  font-family: var(--ff-disp); font-weight: 300;
  font-size: clamp(3.5rem, 9vw, 9.5rem);
  line-height: .92; letter-spacing: -.02em;
  color: var(--et-white); margin-bottom: .6rem;
}
.et-hero-h1 em { font-style: italic; color: var(--et-gold); font-weight: 400; }
.et-hero-h1 strong { font-weight: 700; }
.et-hero-sub {
  font-size: .94rem; color: rgba(255,255,255,.45);
  max-width: 52ch; margin: 1.2rem auto 2.5rem; line-height: 1.88;
}
.et-hero-actions { display: flex; gap: .6rem; justify-content: center; flex-wrap: wrap; margin-bottom: 4rem; }
.et-hero-strip {
  display: flex; justify-content: center; gap: 3.5rem; flex-wrap: wrap;
  border-top: 1px solid rgba(255,255,255,.06); padding-top: 2.5rem;
}
.et-hero-stat-n {
  font-family: var(--ff-disp); font-size: 3rem; font-weight: 300; font-style: italic;
  color: var(--et-gold); line-height: 1;
}
.et-hero-stat-l { font-size: .58rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.3); margin-top: .2rem; }

/* ── Language showcase (marquee-style row) ── */
.et-lang-band {
  background: var(--et-cream); border-top: 1px solid var(--et-line); border-bottom: 1px solid var(--et-line);
  padding: 1rem 0; overflow: hidden;
}
.et-lang-scroll { display: flex; animation: et-slide 36s linear infinite; white-space: nowrap; }
.et-lang-chip {
  flex-shrink: 0; font-family: var(--ff-disp); font-size: .88rem; font-style: italic;
  color: var(--et-muted); padding: 0 2rem;
}
.et-lang-dot { flex-shrink: 0; color: var(--et-gold); padding: 0 .5rem; }
@keyframes et-slide { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

/* ── Services section ── */
.et-svc-zone {
  padding: 7rem clamp(1.5rem,3.5vw,5rem);
  background: var(--et-white); border-top: 1px solid var(--et-line);
}
.et-svc-shell { max-width: 1280px; margin: 0 auto; }
.et-svc-intro { text-align: center; margin-bottom: 4rem; }
.et-svc-h2 { font-size: clamp(2.8rem,6vw,7rem); font-weight: 300; letter-spacing: -.02em; color: var(--et-ink); }
.et-svc-h2 em { font-style: italic; color: var(--et-gold); }
.et-svc-lead { font-size: .9rem; color: var(--et-muted); max-width: 44ch; margin: .6rem auto 0; line-height: 1.82; }
.et-svc-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.2rem; }
.et-svc-tile {
  background: var(--et-cream); border: 1px solid var(--et-line2);
  border-radius: var(--r-xl); padding: 2rem;
  transition: border-color var(--dur), box-shadow var(--dur);
  display: flex; flex-direction: column; text-decoration: none;
}
.et-svc-tile:hover { border-color: var(--et-gold); box-shadow: 0 8px 32px rgba(200,169,110,.1); }
.et-svc-tile-num { font-family: var(--ff-disp); font-size: 1.4rem; font-style: italic; color: var(--et-gold); margin-bottom: .6rem; }
.et-svc-tile-name { font-family: var(--ff-disp); font-size: 1.15rem; font-weight: 600; color: var(--et-ink); margin-bottom: .3rem; }
.et-svc-tile-desc { font-size: .76rem; color: var(--et-muted); line-height: 1.68; flex: 1; }
.et-svc-tile-price { font-family: var(--ff-disp); font-size: 1rem; font-style: italic; color: var(--et-gold); margin-top: 1rem; padding-top: .8rem; border-top: 1px solid var(--et-line); }
.et-svc-tile-link { font-size: .7rem; font-weight: 600; color: var(--et-muted); margin-top: .3rem; transition: color var(--dur); }
.et-svc-tile:hover .et-svc-tile-link { color: var(--et-gold); }

/* ── Why choose (3-col with icon) ── */
.et-why-zone {
  padding: 7rem clamp(1.5rem,3.5vw,5rem);
  background: var(--et-ink); border-top: 1px solid rgba(255,255,255,.04);
}
.et-why-shell { max-width: 1280px; margin: 0 auto; }
.et-why-head { text-align: center; margin-bottom: 4rem; }
.et-why-h2 { font-size: clamp(2.5rem,5vw,6rem); font-weight: 300; color: var(--et-white); letter-spacing: -.02em; }
.et-why-h2 em { font-style: italic; color: var(--et-gold); }
.et-why-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.2rem; }
.et-why-card {
  background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.07);
  border-radius: var(--r-xl); padding: 2rem;
  transition: border-color var(--dur);
}
.et-why-card:hover { border-color: rgba(200,169,110,.3); }
.et-why-ico {
  width: 44px; height: 44px; background: rgba(200,169,110,.12); border-radius: var(--r-md);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem; margin-bottom: 1rem; color: var(--et-gold);
}
.et-why-title { font-family: var(--ff-disp); font-size: 1.1rem; font-weight: 600; color: var(--et-white); margin-bottom: .35rem; }
.et-why-body { font-size: .78rem; color: rgba(255,255,255,.35); line-height: 1.78; }

/* ── Case studies ── */
.et-cases-zone {
  padding: 7rem clamp(1.5rem,3.5vw,5rem);
  background: var(--et-cream); border-top: 1px solid var(--et-line);
}
.et-cases-shell { max-width: 1280px; margin: 0 auto; }
.et-cases-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 3.5rem; flex-wrap: wrap; gap: 1rem; }
.et-cases-h2 { font-size: clamp(2.5rem,5vw,6rem); font-weight: 300; color: var(--et-ink); letter-spacing: -.02em; }
.et-cases-h2 em { font-style: italic; color: var(--et-gold); }
.et-case-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; margin-bottom: 1.2rem; }
.et-case-card {
  background: var(--et-white); border: 1px solid var(--et-line2);
  border-radius: var(--r-xl); overflow: hidden;
  transition: box-shadow var(--dur), border-color var(--dur);
  text-decoration: none; display: block;
}
.et-case-card:hover { box-shadow: 0 10px 36px rgba(15,31,64,.08); border-color: var(--et-gold); }
.et-case-img { height: 210px; background: var(--et-cream2); overflow: hidden; }
.et-case-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); }
.et-case-card:hover .et-case-img img { transform: scale(1.04); }
.et-case-body { padding: 1.6rem; }
.et-case-lang { font-size: .56rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--et-gold); display: block; margin-bottom: .2rem; }
.et-case-title { font-family: var(--ff-disp); font-size: 1.15rem; font-weight: 600; color: var(--et-ink); margin-bottom: .3rem; }
.et-case-desc { font-size: .76rem; color: var(--et-muted); line-height: 1.65; margin-bottom: 1rem; }
.et-case-metric { display: flex; align-items: baseline; gap: .3rem; border-top: 1px solid var(--et-line); padding-top: .8rem; }
.et-case-metric-n { font-family: var(--ff-disp); font-size: 2rem; font-style: italic; color: var(--et-gold); }
.et-case-metric-l { font-size: .62rem; color: var(--et-muted); max-width: 12ch; line-height: 1.4; }

/* ── Testimonials ── */
.et-tmon-zone {
  padding: 7rem clamp(1.5rem,3.5vw,5rem);
  background: var(--et-white); border-top: 1px solid var(--et-line);
}
.et-tmon-shell { max-width: 1280px; margin: 0 auto; }
.et-tmon-head { text-align: center; margin-bottom: 3.5rem; }
.et-tmon-h2 { font-size: clamp(2.5rem,5vw,6rem); font-weight: 300; color: var(--et-ink); letter-spacing: -.02em; }
.et-tmon-h2 em { font-style: italic; color: var(--et-gold); }
.et-tmon-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1.2rem; }
.et-tmon-card {
  background: var(--et-cream); border: 1px solid var(--et-line2);
  border-radius: var(--r-xl); padding: 2.2rem;
  transition: border-color var(--dur);
}
.et-tmon-card:hover { border-color: var(--et-gold); }
.et-tmon-stars { color: var(--et-gold); letter-spacing: .08em; font-size: .9rem; margin-bottom: .8rem; }
.et-tmon-q { font-family: var(--ff-disp); font-size: 1rem; font-style: italic; color: var(--et-ink2); line-height: 1.65; margin-bottom: 1.5rem; }
.et-tmon-q::before { content: '\201C'; font-size: 1.5em; color: var(--et-gold); line-height: 0; vertical-align: -.3em; margin-right: .06em; }
.et-tmon-attr { display: flex; align-items: center; gap: .65rem; }
.et-tmon-av { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; background: var(--et-cream2); flex-shrink: 0; border: 1px solid var(--et-line2); }
.et-tmon-av img { width: 100%; height: 100%; object-fit: cover; }
.et-tmon-name { font-family: var(--ff-disp); font-size: .88rem; font-weight: 600; color: var(--et-ink); }
.et-tmon-role { font-size: .64rem; color: var(--et-stone); }

/* ── Process ── */
.et-proc-zone {
  padding: 7rem clamp(1.5rem,3.5vw,5rem);
  background: var(--et-cream); border-top: 1px solid var(--et-line);
}
.et-proc-shell { max-width: 1280px; margin: 0 auto; }
.et-proc-head { text-align: center; margin-bottom: 4rem; }
.et-proc-h2 { font-size: clamp(2.5rem,5vw,6rem); font-weight: 300; color: var(--et-ink); letter-spacing: -.02em; }
.et-proc-h2 em { font-style: italic; color: var(--et-gold); }
.et-proc-timeline { display: flex; flex-direction: column; gap: 0; max-width: 820px; margin: 0 auto; }
.et-proc-step { display: grid; grid-template-columns: 60px 1fr; gap: 2rem; padding: 2rem 0; border-bottom: 1px solid var(--et-line2); }
.et-proc-step:last-child { border-bottom: none; }
.et-proc-step-n { font-family: var(--ff-disp); font-size: 2.5rem; font-weight: 300; font-style: italic; color: var(--et-gold); line-height: 1; text-align: right; }
.et-proc-step-body { padding-top: .2rem; }
.et-proc-step-time { font-size: .56rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--et-stone); margin-bottom: .2rem; }
.et-proc-step-title { font-family: var(--ff-disp); font-size: 1.1rem; font-weight: 600; color: var(--et-ink); margin-bottom: .3rem; }
.et-proc-step-desc { font-size: .8rem; color: var(--et-muted); line-height: 1.78; }

/* ── Pricing ── */
.et-price-zone {
  padding: 7rem clamp(1.5rem,3.5vw,5rem);
  background: var(--et-ink); border-top: 1px solid rgba(255,255,255,.04);
}
.et-price-shell { max-width: 1280px; margin: 0 auto; }
.et-price-head { text-align: center; margin-bottom: 4rem; }
.et-price-h2 { font-size: clamp(2.5rem,5vw,6rem); font-weight: 300; color: var(--et-white); letter-spacing: -.02em; }
.et-price-h2 em { font-style: italic; color: var(--et-gold); }
.et-price-sub { font-size: .88rem; color: rgba(255,255,255,.3); max-width: 44ch; margin: .6rem auto 0; line-height: 1.82; }
.et-price-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.et-price-card {
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--r-xl); padding: 1.8rem;
  display: flex; flex-direction: column;
  transition: border-color var(--dur);
}
.et-price-card:hover { border-color: rgba(200,169,110,.35); }
.et-price-card-name { font-family: var(--ff-disp); font-size: 1rem; font-weight: 600; color: var(--et-white); margin-bottom: .2rem; }
.et-price-card-tag { font-size: .7rem; color: rgba(255,255,255,.25); margin-bottom: .9rem; line-height: 1.55; }
.et-price-card-price { font-family: var(--ff-disp); font-size: 2.2rem; font-style: italic; font-weight: 300; color: var(--et-gold); letter-spacing: -.02em; margin-bottom: .1rem; }
.et-price-card-del { font-size: .58rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.2); margin-bottom: 1.2rem; }
.et-price-card-list { display: flex; flex-direction: column; gap: .3rem; flex: 1; margin-bottom: 1.4rem; }
.et-price-card-li { font-size: .72rem; color: rgba(255,255,255,.3); display: flex; gap: .35rem; align-items: flex-start; line-height: 1.5; }
.et-price-card-li::before { content: '—'; color: var(--et-gold); flex-shrink: 0; font-family: var(--ff-disp); }
.et-price-card-btn {
  display: block; text-align: center; font-family: var(--ff-body);
  font-size: .76rem; font-weight: 600; padding: .68rem;
  border-radius: var(--r-pill); border: 1px solid rgba(200,169,110,.3);
  color: var(--et-gold); background: transparent;
  transition: all var(--dur); cursor: pointer; text-decoration: none;
}
.et-price-card-btn:hover { background: var(--et-gold); color: var(--et-white); border-color: var(--et-gold); }

/* ── FAQ ── */
.et-faq-zone {
  padding: 7rem clamp(1.5rem,3.5vw,5rem);
  background: var(--et-white); border-top: 1px solid var(--et-line);
}
.et-faq-shell { max-width: 1280px; margin: 0 auto; }
.et-faq-head { text-align: center; margin-bottom: 3.5rem; }
.et-faq-h2 { font-size: clamp(2.5rem,5vw,6rem); font-weight: 300; color: var(--et-ink); letter-spacing: -.02em; }
.et-faq-h2 em { font-style: italic; color: var(--et-gold); }
.et-faq-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 4rem; }
.et-faq-item { border-bottom: 1px solid var(--et-line2); }
.et-faq-trigger {
  width: 100%; display: flex; justify-content: space-between;
  align-items: center; gap: 1.5rem; padding: 1rem 0;
  background: none; border: none; cursor: pointer; text-align: left;
}
.et-faq-trigger:hover .et-faq-q { color: var(--et-gold); }
.et-faq-q { font-family: var(--ff-disp); font-size: .9rem; font-weight: 600; color: var(--et-ink); line-height: 1.35; transition: color var(--dur); }
.et-faq-plus {
  width: 24px; height: 24px; border-radius: 50%;
  border: 1px solid var(--et-line2); display: flex; align-items: center; justify-content: center;
  font-size: .7rem; color: var(--et-muted); flex-shrink: 0; transition: all var(--dur);
}
.et-faq-item.et-faq-active .et-faq-plus { background: var(--et-gold); border-color: var(--et-gold); color: var(--et-white); transform: rotate(45deg); }
.et-faq-ans { max-height: 0; overflow: hidden; transition: max-height .38s ease; }
.et-faq-ans-txt { padding: 0 0 1rem; font-size: .8rem; color: var(--et-muted); line-height: 1.82; }
.et-faq-item.et-faq-active .et-faq-ans { max-height: 280px; }

/* ── CTA band ── */
.et-cta-zone {
  padding: 9rem clamp(1.5rem,3.5vw,5rem);
  background: var(--et-gold); text-align: center;
}
.et-cta-h2 { font-family: var(--ff-disp); font-size: clamp(3rem,8vw,10rem); font-weight: 300; font-style: italic; color: var(--et-white); letter-spacing: -.02em; line-height: .88; margin-bottom: .5rem; }
.et-cta-sub { font-size: .92rem; color: rgba(255,255,255,.55); max-width: 44ch; margin: 0 auto 2.5rem; line-height: 1.82; }
.et-cta-btns { display: flex; justify-content: center; gap: .6rem; flex-wrap: wrap; }
.et-cta-btn-wh { background: var(--et-white); color: var(--et-gold); font-family: var(--ff-body); font-size: .78rem; font-weight: 600; padding: .82rem 2rem; border-radius: var(--r-pill); border: none; cursor: pointer; transition: box-shadow var(--dur); text-decoration: none; display: inline-flex; align-items: center; gap: .4rem; }
.et-cta-btn-wh:hover { box-shadow: 0 6px 20px rgba(15,31,64,.15); }
.et-cta-btn-out { background: transparent; color: var(--et-white); font-family: var(--ff-body); font-size: .78rem; font-weight: 600; padding: .82rem 2rem; border-radius: var(--r-pill); border: 2px solid rgba(255,255,255,.38); cursor: pointer; transition: border-color var(--dur); text-decoration: none; display: inline-flex; align-items: center; gap: .4rem; }
.et-cta-btn-out:hover { border-color: rgba(255,255,255,.8); }

/* ── Masthead (inner pages) — CENTERED ── */
.et-mast {
  padding: calc(var(--nav-h) + 5rem) clamp(1.5rem,3.5vw,5rem) 5rem;
  text-align: center; border-bottom: 1px solid var(--et-line);
  background: linear-gradient(180deg, var(--et-ink) 0%, var(--et-ink2) 100%);
}
.et-mast-label { font-size: .58rem; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: rgba(255,255,255,.3); margin-bottom: .8rem; display: block; }
.et-mast-h1 { font-size: clamp(3rem, 8vw, 10rem); font-weight: 300; font-style: italic; letter-spacing: -.02em; color: var(--et-white); line-height: .88; margin-bottom: .8rem; }
.et-mast-h1 em { font-style: normal; font-weight: 700; color: var(--et-gold); }
.et-mast-sub { font-size: .92rem; color: rgba(255,255,255,.4); max-width: 52ch; margin: 0 auto; line-height: 1.82; }
.et-mast-btns { display: flex; justify-content: center; gap: .6rem; flex-wrap: wrap; margin-top: 2rem; }

/* ── Service detail page ── */
.et-svc-page-zone { padding: 5rem clamp(1.5rem,3.5vw,5rem); background: var(--et-white); }
.et-svc-page-cols { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1.8fr 1fr; gap: 6rem; align-items: start; }
.et-svc-copy { font-size: .9rem; color: var(--et-muted); line-height: 1.88; }
.et-svc-copy p { margin-bottom: 1rem; }
.et-svc-copy h3 { font-family: var(--ff-disp); font-size: 1.5rem; font-weight: 400; font-style: italic; color: var(--et-ink); margin: 2.5rem 0 .6rem; }
.et-highlight-box { background: var(--et-gold-dim); border-left: 3px solid var(--et-gold); padding: .75rem 1.1rem; border-radius: 0 var(--r) var(--r) 0; margin-bottom: .6rem; font-size: .8rem; color: var(--et-ink); line-height: 1.65; }
.et-svc-sidebar-img { border-radius: var(--r-xl); overflow: hidden; margin-bottom: 1.2rem; border: 1px solid var(--et-line2); background: var(--et-cream2); }
.et-svc-sidebar-img img { width: 100%; height: 230px; object-fit: cover; }
.et-svc-info-box { background: var(--et-cream); border: 1px solid var(--et-line2); border-top: 3px solid var(--et-gold); border-radius: var(--r-xl); padding: 1.6rem; margin-bottom: 1.2rem; }
.et-svc-info-label { font-size: .56rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--et-gold); margin-bottom: .8rem; }
.et-svc-info-row { display: flex; gap: .4rem; font-size: .74rem; color: var(--et-muted); padding: .2rem 0; border-bottom: 1px solid rgba(15,31,64,.04); }
.et-svc-info-dash { color: var(--et-gold); flex-shrink: 0; }
.et-price-box { background: var(--et-ink); border-radius: var(--r-xl); padding: 1.8rem; }
.et-price-box-lbl { font-size: .55rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.3); margin-bottom: .15rem; }
.et-price-box-val { font-family: var(--ff-disp); font-size: 3rem; font-weight: 300; font-style: italic; color: var(--et-gold); line-height: 1; letter-spacing: -.02em; margin-bottom: .15rem; }
.et-price-box-del { font-size: .58rem; color: rgba(255,255,255,.25); letter-spacing: .1em; text-transform: uppercase; margin-bottom: 1.2rem; }

/* ── Builder ── */
.et-build-zone { min-height: 100vh; padding: calc(var(--nav-h) + 4rem) clamp(1.5rem,3.5vw,5rem) 5rem; background: var(--et-cream); }
.et-build-shell { max-width: 1280px; margin: 0 auto; }
.et-build-header { text-align: center; margin-bottom: 3.5rem; }
.et-build-h1 { font-size: clamp(3rem,7vw,9rem); font-weight: 300; font-style: italic; letter-spacing: -.02em; color: var(--et-ink); }
.et-build-cols { display: grid; grid-template-columns: 1.5fr 1fr; gap: 4rem; }
.et-build-step { margin-bottom: 2.5rem; }
.et-build-step-label { font-size: .56rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--et-gold); margin-bottom: .75rem; display: flex; align-items: center; gap: .4rem; }
.et-step-badge { width: 18px; height: 18px; background: var(--et-gold); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .52rem; font-weight: 700; color: var(--et-white); flex-shrink: 0; }

/* Service radio picks */
.et-radio-list { display: flex; flex-direction: column; gap: .3rem; }
.et-radio-item {
  background: var(--et-white); border: 1.5px solid var(--et-line2);
  border-radius: var(--r-lg); padding: .9rem 1.2rem;
  cursor: pointer; display: flex; justify-content: space-between;
  align-items: center; gap: 1.5rem; transition: all var(--dur); user-select: none;
}
.et-radio-item:hover { border-color: var(--et-cream3); background: var(--et-cream); }
.et-radio-item.et-radio-sel { border-color: var(--et-gold); background: var(--et-gold-dim); }
.et-radio-left { display: flex; align-items: center; gap: .65rem; }
.et-radio-dot {
  width: 15px; height: 15px; border: 1.5px solid var(--et-line2); border-radius: 50%;
  flex-shrink: 0; background: var(--et-white); transition: all var(--dur);
  display: flex; align-items: center; justify-content: center;
}
.et-radio-item.et-radio-sel .et-radio-dot { border-color: var(--et-gold); background: var(--et-gold); }
.et-radio-item.et-radio-sel .et-radio-dot::after { content: ''; width: 4px; height: 4px; background: var(--et-white); border-radius: 50%; }
.et-radio-label { font-family: var(--ff-disp); font-size: .92rem; font-weight: 600; color: var(--et-ink); }
.et-radio-del { font-size: .6rem; color: var(--et-muted); }
.et-radio-price { font-family: var(--ff-disp); font-size: 1rem; font-style: italic; color: var(--et-muted); white-space: nowrap; transition: color var(--dur); }
.et-radio-item.et-radio-sel .et-radio-price { color: var(--et-gold); }

/* Checkbox picks */
.et-check-list { display: flex; flex-direction: column; gap: .3rem; }
.et-check-item {
  background: var(--et-white); border: 1.5px solid var(--et-line2);
  border-radius: var(--r); padding: .65rem 1rem;
  cursor: pointer; display: flex; align-items: center;
  justify-content: space-between; gap: 1rem; transition: all var(--dur); user-select: none;
}
.et-check-item:hover { border-color: var(--et-cream3); background: var(--et-cream); }
.et-check-item.et-check-sel { border-color: var(--et-gold); background: var(--et-gold-dim); }
.et-check-left { display: flex; align-items: center; gap: .5rem; }
.et-check-box {
  width: 14px; height: 14px; border: 1.5px solid var(--et-line2); border-radius: 3px;
  background: var(--et-white); flex-shrink: 0; transition: all var(--dur);
  display: flex; align-items: center; justify-content: center;
}
.et-check-item.et-check-sel .et-check-box { background: var(--et-gold); border-color: var(--et-gold); }
.et-check-item.et-check-sel .et-check-box::after { content: '\2713'; font-size: .44rem; color: var(--et-white); font-weight: 900; }
.et-check-label { font-family: var(--ff-disp); font-size: .84rem; font-weight: 600; color: var(--et-ink); }
.et-check-cost { font-family: var(--ff-disp); font-size: .92rem; font-style: italic; color: var(--et-muted); white-space: nowrap; }

/* Hours */
.et-hours-panel { background: var(--et-white); border: 1.5px solid var(--et-line2); border-radius: var(--r-lg); padding: 1.2rem; }
.et-hours-title { font-family: var(--ff-disp); font-size: .95rem; font-weight: 600; color: var(--et-ink); margin-bottom: .1rem; }
.et-hours-sub { font-size: .7rem; color: var(--et-muted); margin-bottom: .8rem; }
.et-hours-row { display: flex; align-items: center; gap: 1rem; }
.et-hours-n { font-family: var(--ff-disp); font-size: 2.2rem; font-weight: 300; font-style: italic; color: var(--et-ink); min-width: 2.5ch; text-align: center; }
.et-hours-slider { -webkit-appearance: none; appearance: none; flex: 1; height: 2px; background: var(--et-cream3); border-radius: 2px; outline: none; cursor: pointer; }
.et-hours-slider::-webkit-slider-thumb { -webkit-appearance: none; width: 18px; height: 18px; border-radius: 50%; background: var(--et-gold); cursor: pointer; box-shadow: 0 2px 8px rgba(200,169,110,.25); }
.et-hours-rate strong { font-family: var(--ff-disp); font-size: .9rem; font-style: italic; color: var(--et-ink); display: block; }
.et-hours-rate span { font-size: .58rem; color: var(--et-muted); }

/* Summary panel */
.et-sum { background: var(--et-ink); border-radius: var(--r-xl); padding: 1.8rem; position: sticky; top: calc(var(--nav-h) + 2rem); }
.et-sum-hd { font-size: .55rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: rgba(255,255,255,.2); padding-bottom: .8rem; border-bottom: 1px solid rgba(255,255,255,.06); margin-bottom: .9rem; font-family: var(--ff-body); }
.et-sum-body { min-height: 50px; margin-bottom: .9rem; }
.et-sum-row { display: flex; justify-content: space-between; gap: 1rem; font-size: .74rem; color: rgba(255,255,255,.3); padding: .25rem 0; border-bottom: 1px solid rgba(255,255,255,.04); }
.et-sum-row-v { font-family: var(--ff-disp); font-size: .9rem; font-style: italic; font-weight: 400; color: var(--et-white); white-space: nowrap; }
.et-sum-empty { font-size: .74rem; color: rgba(255,255,255,.18); font-style: italic; font-family: var(--ff-disp); }
.et-sum-total-row { display: flex; justify-content: space-between; align-items: baseline; border-top: 1px solid rgba(255,255,255,.08); padding-top: .9rem; }
.et-sum-total-lbl { font-size: .55rem; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.2); font-family: var(--ff-body); }
.et-sum-total-v { font-family: var(--ff-disp); font-size: 3rem; font-weight: 300; font-style: italic; color: var(--et-gold); }
.et-sum-go { width: 100%; background: var(--et-gold); color: var(--et-white); font-family: var(--ff-body); font-size: .82rem; font-weight: 600; padding: .82rem; border-radius: var(--r-pill); border: none; cursor: pointer; transition: all var(--dur); margin-top: 1rem; }
.et-sum-go:hover { background: var(--et-gold2); }
.et-sum-go:disabled { opacity: .2; pointer-events: none; }

/* ── Checkout ── */
.et-co-zone { min-height: 100vh; padding: calc(var(--nav-h) + 4rem) clamp(1.5rem,3.5vw,5rem) 5rem; background: var(--et-cream); }
.et-co-grid { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1.4fr 1fr; gap: 5rem; align-items: start; }
.et-co-head { text-align: center; max-width: 1100px; margin: 0 auto 3rem; }
.et-co-h1 { font-size: clamp(3rem,6vw,8rem); font-weight: 300; font-style: italic; letter-spacing: -.02em; color: var(--et-ink); }
.et-field { display: flex; flex-direction: column; gap: .2rem; margin-bottom: .75rem; }
.et-field-pair { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.et-field-lbl { font-size: .56rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--et-muted); }
.et-input, .et-select, .et-textarea { background: var(--et-white); border: 1.5px solid var(--et-line2); border-radius: var(--r-md); padding: .72rem .95rem; color: var(--et-ink); font-size: .86rem; outline: none; width: 100%; transition: border-color var(--dur); }
.et-input:focus, .et-select:focus, .et-textarea:focus { border-color: var(--et-gold); }
.et-input::placeholder, .et-textarea::placeholder { color: var(--et-stone); }
.et-tos-lbl { display: flex; gap: .6rem; align-items: flex-start; font-size: .76rem; color: var(--et-muted); cursor: pointer; margin-bottom: 1.2rem; line-height: 1.6; }
.et-tos-lbl a { color: var(--et-gold); }
.et-tos-lbl input { accent-color: var(--et-gold); flex-shrink: 0; margin-top: 2px; }
.et-pay-btn { width: 100%; background: var(--et-ink); color: var(--et-white); font-family: var(--ff-body); font-size: .86rem; font-weight: 600; padding: .9rem 1.5rem; border-radius: var(--r-pill); border: none; cursor: pointer; transition: all var(--dur); display: flex; align-items: center; justify-content: space-between; }
.et-pay-btn:hover { background: var(--et-ink2); }
.et-order-panel { background: var(--et-ink); border-radius: var(--r-xl); padding: 1.8rem; position: sticky; top: calc(var(--nav-h) + 2rem); }
.et-order-hd { font-size: .55rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: rgba(255,255,255,.2); padding-bottom: .8rem; border-bottom: 1px solid rgba(255,255,255,.06); margin-bottom: .9rem; font-family: var(--ff-body); }
.et-order-line { display: flex; justify-content: space-between; gap: 1rem; font-size: .74rem; color: rgba(255,255,255,.3); padding: .25rem 0; }
.et-order-val { color: var(--et-white); font-weight: 600; font-family: var(--ff-disp); font-style: italic; }
.et-order-total { font-family: var(--ff-disp); font-size: 3rem; font-weight: 300; font-style: italic; color: var(--et-gold); }

/* ── Legal ── */
.et-legal-zone { padding: calc(var(--nav-h) + 4rem) clamp(1.5rem,3.5vw,5rem) 5rem; background: var(--et-cream); }
.et-legal-doc { max-width: 740px; margin: 0 auto; background: var(--et-white); border: 1px solid var(--et-line2); border-radius: var(--r-xl); padding: 3rem; }
.et-legal-doc h2 { font-family: var(--ff-disp); font-size: 1.1rem; font-weight: 600; color: var(--et-ink); margin: 2rem 0 .5rem; padding-top: 1.8rem; border-top: 1px solid var(--et-line2); }
.et-legal-doc h2:first-child { margin-top: 0; padding-top: 0; border-top: none; }
.et-legal-doc p { font-size: .86rem; color: var(--et-muted); line-height: 1.82; margin-bottom: 1rem; }
.et-legal-doc ul { font-size: .86rem; color: var(--et-muted); padding-left: 1.2rem; list-style: disc; margin-bottom: 1rem; line-height: 1.78; }
.et-legal-doc a { color: var(--et-gold); }
.et-legal-meta { font-size: .74rem; color: var(--et-stone); margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--et-line2); }
.et-legal-tbl { width: 100%; border-collapse: collapse; margin: 1.2rem 0; font-size: .8rem; }
.et-legal-tbl th { background: var(--et-cream); color: var(--et-ink); padding: .55rem 1rem; text-align: left; font-family: var(--ff-disp); font-weight: 600; }
.et-legal-tbl td { padding: .45rem 1rem; border-bottom: 1px solid var(--et-line2); color: var(--et-muted); }

/* ── Contact ── */
.et-contact-zone { padding: 5rem clamp(1.5rem,3.5vw,5rem); background: var(--et-cream); }
.et-contact-shell { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.5fr; gap: 6rem; align-items: start; }
.et-det-entry { display: flex; gap: .7rem; align-items: flex-start; margin-bottom: 1rem; }
.et-det-ico { color: var(--et-gold); font-size: .95rem; margin-top: .05rem; flex-shrink: 0; }
.et-det-lbl { font-size: .56rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--et-stone); }
.et-det-val { font-size: .84rem; color: var(--et-muted); }
.et-form-box { background: var(--et-white); border: 1px solid var(--et-line2); border-top: 3px solid var(--et-gold); border-radius: var(--r-xl); padding: 2.2rem; }

/* ── Footer ── */
.et-footer { background: var(--et-ink); padding: 5.5rem clamp(1.5rem,3.5vw,5rem) 2.5rem; }
.et-footer-inner { max-width: 1280px; margin: 0 auto; }
.et-footer-top { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; padding-bottom: 3.5rem; border-bottom: 1px solid rgba(255,255,255,.06); margin-bottom: 2rem; }
.et-footer-brand { font-family: var(--ff-disp); font-size: 1.05rem; font-weight: 600; color: var(--et-white); letter-spacing: .08em; margin-bottom: .3rem; }
.et-footer-brand em { font-style: italic; color: var(--et-gold); }
.et-footer-blurb { font-size: .74rem; color: rgba(255,255,255,.25); max-width: 22ch; line-height: 1.68; margin-bottom: .9rem; }
.et-footer-biz { font-size: .66rem; color: rgba(255,255,255,.2); line-height: 2; }
.et-footer-biz a { color: rgba(255,255,255,.2); transition: color var(--dur); }
.et-footer-biz a:hover { color: var(--et-gold); }
.et-footer-col-h { font-size: .54rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: rgba(255,255,255,.2); margin-bottom: 1rem; }
.et-footer-nav { display: flex; flex-direction: column; gap: .5rem; }
.et-footer-nav a { font-size: .74rem; color: rgba(255,255,255,.3); transition: color var(--dur); }
.et-footer-nav a:hover { color: var(--et-gold); }
.et-footer-btm { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }
.et-footer-copy { font-size: .62rem; color: rgba(255,255,255,.18); }
.et-footer-dig  { font-size: .6rem; color: rgba(255,255,255,.18); font-style: italic; }
.et-footer-legal { display: flex; gap: 1.2rem; }
.et-footer-legal a { font-size: .6rem; color: rgba(255,255,255,.18); transition: color var(--dur); }
.et-footer-legal a:hover { color: var(--et-gold); }

/* ── Cookie & Chat ── */
.et-cookie {
  position: fixed; bottom: 1.5rem; left: 50%; transform: translateX(-50%);
  z-index: 200; background: var(--et-white); border: 1px solid var(--et-line2);
  border-top: 3px solid var(--et-gold); border-radius: var(--r-xl);
  box-shadow: 0 10px 40px rgba(15,31,64,.1); padding: 1rem 1.5rem;
  max-width: 500px; width: calc(100% - 3rem);
  display: flex; align-items: center; gap: 1rem;
  transition: opacity .3s, transform .3s;
}
.et-cookie.et-ck-gone { opacity: 0; pointer-events: none; transform: translateX(-50%) translateY(10px); }
.et-ck-txt { font-size: .72rem; color: var(--et-muted); flex: 1; line-height: 1.6; }
.et-ck-txt a { color: var(--et-gold); }
.et-ck-btns { display: flex; gap: .35rem; flex-shrink: 0; }
.et-ck-yes { background: var(--et-gold); color: var(--et-white); font-size: .7rem; font-weight: 600; padding: .36rem .9rem; border-radius: var(--r-pill); border: none; cursor: pointer; font-family: var(--ff-body); }
.et-ck-no  { background: transparent; color: var(--et-muted); font-size: .7rem; padding: .34rem .8rem; border: 1px solid var(--et-line2); border-radius: var(--r-pill); cursor: pointer; font-family: var(--ff-body); }

.et-chat-fab {
  position: fixed; bottom: 2rem; right: 2rem; z-index: 199;
  width: 52px; height: 52px; background: var(--et-ink); border-radius: 50%;
  display: flex; align-items: center; justify-content: center; cursor: pointer;
  box-shadow: 0 4px 20px rgba(15,31,64,.2); border: none;
  transition: transform var(--dur), background var(--dur);
}
.et-chat-fab:hover { transform: scale(1.08); background: var(--et-ink2); }
.et-chat-win {
  position: fixed; bottom: 5.5rem; right: 2rem; z-index: 199;
  width: 300px; background: var(--et-white); border: 1px solid var(--et-line2);
  border-top: 3px solid var(--et-gold); border-radius: var(--r-xl);
  box-shadow: 0 14px 50px rgba(15,31,64,.14);
  opacity: 0; pointer-events: none; transform: translateY(8px) scale(.97);
  transform-origin: bottom right; transition: opacity var(--dur), transform var(--dur);
}
.et-chat-win.et-chat-on { opacity: 1; pointer-events: auto; transform: none; }
.et-chat-bar { padding: .85rem 1.1rem; border-bottom: 1px solid var(--et-line); display: flex; align-items: center; justify-content: space-between; }
.et-chat-bar-l { display: flex; align-items: center; gap: .4rem; }
.et-chat-pulse { width: 8px; height: 8px; background: var(--et-gold); border-radius: 50%; }
.et-chat-who { font-family: var(--ff-disp); font-size: .85rem; font-weight: 600; color: var(--et-ink); }
.et-chat-loc { font-size: .58rem; color: var(--et-stone); }
.et-chat-close { background: none; border: none; color: var(--et-stone); cursor: pointer; font-size: .88rem; }
.et-chat-msgs { padding: .85rem; height: 180px; overflow-y: auto; display: flex; flex-direction: column; gap: .5rem; }
.et-chat-msg { max-width: 90%; padding: .45rem .8rem; border-radius: var(--r-lg); font-size: .72rem; line-height: 1.55; }
.et-chat-msg--agency  { background: var(--et-cream); color: var(--et-muted); align-self: flex-start; border: 1px solid var(--et-line); }
.et-chat-msg--visitor { background: var(--et-gold); color: var(--et-white); align-self: flex-end; }
.et-chat-form { display: flex; border-top: 1px solid var(--et-line); }
.et-chat-inp { flex: 1; background: none; border: none; padding: .6rem .9rem; font-size: .72rem; color: var(--et-ink); outline: none; font-family: var(--ff-body); }
.et-chat-inp::placeholder { color: var(--et-stone); }
.et-chat-send { background: var(--et-gold); color: var(--et-white); border: none; padding: 0 .9rem; font-family: var(--ff-body); font-size: .62rem; font-weight: 600; cursor: pointer; border-radius: 0 0 var(--r-xl) 0; }

/* ── Confirm pages ── */
.et-confirm-shell { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 4rem 2rem; background: var(--et-cream); }
.et-confirm-box { max-width: 460px; width: 100%; background: var(--et-ink); border-radius: var(--r-2xl); padding: 3rem; text-align: center; }

/* ── Reveals ── */
.et-rev { opacity: 0; transform: translateY(14px); transition: opacity .55s ease, transform .55s ease; }
.et-rev.et-vis { opacity: 1; transform: none; }
.et-d1{transition-delay:.05s}.et-d2{transition-delay:.1s}.et-d3{transition-delay:.15s}

.et-pt { padding-top: var(--nav-h); }

/* ── Responsive ── */
@media(max-width:1100px){
  .et-header { grid-template-columns: auto 1fr auto; }
  .et-nav-left,.et-nav-right { display: none; }
  .et-logo-center { justify-self: start; }
  .et-burger { display: flex; }
  .et-svc-grid,.et-why-grid,.et-price-cards { grid-template-columns: 1fr 1fr; }
  .et-tmon-grid,.et-case-pair { grid-template-columns: 1fr 1fr; }
  .et-footer-top { grid-template-columns: 1fr 1fr; }
  .et-build-cols,.et-co-grid,.et-svc-page-cols,.et-contact-shell { grid-template-columns: 1fr; }
  .et-faq-cols { grid-template-columns: 1fr; }
}
@media(max-width:720px){
  .et-header { grid-template-columns: 1fr auto; }
  .et-svc-grid,.et-why-grid,.et-price-cards { grid-template-columns: 1fr; }
  .et-tmon-grid,.et-case-pair { grid-template-columns: 1fr; }
  .et-footer-top { grid-template-columns: 1fr; }
  .et-field-pair { grid-template-columns: 1fr; }
}