/* =====================================================
   ABCDCLEAN — מכבסת יהוד | Global Design System 2026
   Palette: Deep Navy · Pure White · Platinum Silver
   Style: Glassmorphism + Ultra-Clean Minimal
   ===================================================== */

/* ── CUSTOM PROPERTIES ──────────────────────────────── */
:root {
  /* Core Colors */
  --navy:        #0D1B3E;
  --navy-mid:    #16295A;
  --navy-deep:   #080F22;
  --navy-light:  #1E3A7A;
  --navy-glass:  rgba(13,27,62,0.75);

  /* Silver / Platinum Accent */
  --silver:      #8FA3B8;
  --silver-light:#B8C9D8;
  --silver-pale: #EEF2F6;
  --silver-chrome:#C8D4DE;
  --silver-glow: rgba(143,163,184,0.25);
  --silver-border:rgba(143,163,184,0.30);

  /* Platinum (bright silver) */
  --plat:        #CBD5E1;
  --plat-light:  #E2E8F0;
  --plat-pale:   #F8FAFC;

  /* Sky accent (pop of blue-silver) */
  --sky:         #3B82F6;
  --sky-light:   #60A5FA;

  /* Neutral */
  --white:       #FFFFFF;
  --off:         #F8FBFF;
  --platinum:    #F1F5F9;
  --muted:       #3D526B;
  --text:        #0F172A;
  --border:      rgba(13,27,62,0.08);

  /* Semantic */
  --success:     #059669;
  --teal:        #0D9488;
  --teal-light:  #14B8A6;

  /* Glassmorphism */
  --glass-bg:    rgba(255,255,255,0.07);
  --glass-bg2:   rgba(255,255,255,0.12);
  --glass-border:rgba(255,255,255,0.20);
  --glass-shadow:0 8px 32px rgba(13,27,62,0.25);

  /* Spacing / Shape */
  --r:      12px;
  --r-lg:   20px;
  --r-xl:   32px;
  --r-full: 9999px;

  /* Shadows */
  --sh-xs:  0 1px 4px rgba(13,27,62,0.06);
  --sh-sm:  0 2px 10px rgba(13,27,62,0.08);
  --sh:     0 4px 20px rgba(13,27,62,0.10);
  --sh-md:  0 8px 32px rgba(13,27,62,0.13);
  --sh-lg:  0 16px 56px rgba(13,27,62,0.18);
  --sh-xl:  0 28px 80px rgba(13,27,62,0.22);
  --sh-silver: 0 8px 28px rgba(143,163,184,0.35);

  /* Typography */
  --font:    'Heebo', sans-serif;
  --font-d:  'Space Grotesk', sans-serif;

  /* Animation */
  --ease:    cubic-bezier(.4,0,.2,1);
  --ease-out:cubic-bezier(0,.55,.45,1);
  --t:       .25s var(--ease);
  --t-s:     .45s var(--ease);
  --t-l:     .65s var(--ease-out);
}

/* ── RESET ──────────────────────────────────────────── */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; font-size:16px; -webkit-text-size-adjust:100%; }
body { font-family:var(--font); color:var(--text); background:var(--white); overflow-x:hidden; line-height:1.65; }
a    { text-decoration:none; color:inherit; }
img  { max-width:100%; display:block; }
ul   { list-style:none; }
button { font-family:var(--font); cursor:pointer; }

/* ── LAYOUT ─────────────────────────────────────────── */
.wrap    { max-width:1200px; margin:0 auto; padding:0 24px; }
.wrap-sm { max-width:760px;  margin:0 auto; padding:0 24px; }
.wrap-lg { max-width:1400px; margin:0 auto; padding:0 32px; }

.sec       { padding:100px 0; }
.sec-sm    { padding:64px 0; }
.sec-xs    { padding:40px 0; }
.sec-dark  { background:var(--navy); }
.sec-deep  { background:var(--navy-deep); }
.sec-off   { background:var(--off); }
.sec-white { background:var(--white); }
.sec-plat  { background:var(--platinum); }

/* ── TYPOGRAPHY ─────────────────────────────────────── */
.lbl {
  display:inline-flex; align-items:center; gap:8px;
  font-size:11px; font-weight:800; letter-spacing:3.5px;
  text-transform:uppercase; color:var(--silver);
  margin-bottom:14px;
}
.lbl::before {
  content:''; display:block; width:20px; height:2px;
  background:linear-gradient(90deg,var(--silver),var(--silver-chrome));
  border-radius:2px;
}
.lbl-light { color:rgba(255,255,255,0.55); }
.lbl-light::before { background:rgba(255,255,255,0.35); }
.lbl-sky { color:var(--sky); }
.lbl-sky::before { background:var(--sky); }

h1,h2,h3,h4 { font-family:var(--font-d); line-height:1.15; }

h1.hero-title {
  font-size:clamp(36px,5.5vw,72px);
  font-weight:800; color:var(--white);
  letter-spacing:-1.5px; line-height:1.08;
}
h2.ttl {
  font-size:clamp(26px,3.8vw,46px);
  font-weight:700; color:var(--navy); margin-bottom:16px;
}
h2.ttl-light { color:var(--white); }
.sub { font-size:17px; color:var(--muted); line-height:1.78; max-width:560px; }
.sub-light { color:rgba(255,255,255,.68); }

/* Silver underline accent */
.silver-line {
  width:48px; height:3px;
  background:linear-gradient(90deg,var(--silver),var(--silver-chrome),var(--plat));
  border-radius:3px; margin:0 0 22px;
}
.silver-line.c { margin:0 auto 22px; }

/* Section header */
.hd   { margin-bottom:64px; }
.hd.c { text-align:center; }
.hd.c .sub { margin:0 auto; }

/* ── SECTION PILL ────────────────────────────────────── */
.sec-pill {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(143,163,184,.1);
  border:1px solid var(--silver-border);
  border-radius:var(--r-full);
  padding:7px 18px;
  font-size:11px; font-weight:800;
  letter-spacing:2px; text-transform:uppercase;
  color:var(--silver); margin-bottom:20px;
}
.sec-pill-light {
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.18);
  color:rgba(255,255,255,.65);
}
.sec-pill-sky {
  background:rgba(59,130,246,.1);
  border-color:rgba(59,130,246,.25);
  color:var(--sky);
}

/* ── BUTTONS ─────────────────────────────────────────── */
.btn {
  display:inline-flex; align-items:center; gap:9px;
  padding:14px 28px; border-radius:var(--r-full);
  font-family:var(--font); font-size:15px; font-weight:700;
  cursor:pointer; transition:var(--t); border:none;
  white-space:nowrap; position:relative; overflow:hidden;
}
.btn::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(rgba(255,255,255,.12),transparent);
  opacity:0; transition:var(--t);
}
.btn:hover::after { opacity:1; }
.btn-lg { padding:17px 36px; font-size:16px; }
.btn-sm { padding:9px 20px;  font-size:13px; }
.btn-xs { padding:7px 15px;  font-size:12px; }

/* Primary — Navy */
.btn-navy { background:var(--navy); color:var(--white); box-shadow:var(--sh-md); }
.btn-navy:hover { background:var(--navy-mid); transform:translateY(-2px); box-shadow:var(--sh-lg); }

/* Silver accent */
.btn-silver {
  background:linear-gradient(135deg,var(--silver),var(--silver-chrome));
  color:var(--white); box-shadow:var(--sh-silver);
}
.btn-silver:hover { transform:translateY(-2px); box-shadow:0 12px 36px rgba(143,163,184,.5); }

/* White */
.btn-white { background:var(--white); color:var(--navy); box-shadow:var(--sh-md); }
.btn-white:hover { background:var(--plat-pale); transform:translateY(-2px); }

/* Ghost on dark bg */
.btn-ghost {
  background:var(--glass-bg2); color:var(--white);
  border:1.5px solid var(--glass-border);
  backdrop-filter:blur(12px);
}
.btn-ghost:hover { background:rgba(255,255,255,.2); transform:translateY(-2px); }

/* Outline silver */
.btn-out {
  background:transparent;
  border:2px solid var(--silver-chrome);
  color:var(--silver);
}
.btn-out:hover { background:var(--silver); color:var(--white); border-color:var(--silver); }

/* WhatsApp */
.btn-green {
  background:linear-gradient(135deg,#25D366,#128C7E);
  color:var(--white); box-shadow:0 8px 24px rgba(37,211,102,.35);
}
.btn-green:hover { transform:translateY(-2px); box-shadow:0 12px 32px rgba(37,211,102,.45); }

/* Sky */
.btn-sky { background:linear-gradient(135deg,var(--sky),var(--sky-light)); color:var(--white); box-shadow:0 8px 24px rgba(59,130,246,.35); }
.btn-sky:hover { transform:translateY(-2px); }

/* Primary CTA (green pulsing) */
.btn-primary-cta {
  background:linear-gradient(135deg,#25D366,#0E9955);
  color:var(--white);
  box-shadow:0 8px 32px rgba(37,211,102,.45);
  font-size:17px !important;
  padding:19px 44px !important;
  animation:ctaPulse 2.5s ease-in-out infinite;
}
.btn-primary-cta:hover { transform:translateY(-3px) scale(1.03); box-shadow:0 14px 44px rgba(37,211,102,.6); }
@keyframes ctaPulse {
  0%,100% { box-shadow:0 8px 32px rgba(37,211,102,.45); }
  50%      { box-shadow:0 8px 48px rgba(37,211,102,.7); }
}

/* ── PROMO BAR ───────────────────────────────────────── */
.promo-bar {
  background:linear-gradient(90deg,var(--navy-deep),var(--navy),var(--navy-deep));
  color:rgba(255,255,255,.88);
  padding:11px 16px; text-align:center;
  font-size:13px; font-weight:600;
  position:relative; overflow:hidden; z-index:1001;
  border-bottom:1px solid rgba(143,163,184,.18);
}
.promo-bar::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(90deg,transparent,rgba(200,212,222,.07),transparent);
  animation:shimmer 4s infinite;
}
@keyframes shimmer { 0%{transform:translateX(-100%)} 100%{transform:translateX(100%)} }
.promo-pill {
  display:inline-block;
  background:linear-gradient(135deg,var(--silver),var(--silver-chrome));
  color:var(--white); padding:2px 10px;
  border-radius:var(--r-full); font-size:10px;
  font-weight:900; margin-inline-start:8px; vertical-align:middle;
}

/* ── NAVBAR ─────────────────────────────────────────── */
.nav {
  position:fixed; top:36px;
  inset-inline:0; z-index:1000;
  transition:var(--t-s);
}
.nav.top { background:transparent; }
.nav.scr {
  background:rgba(255,255,255,0.96);
  backdrop-filter:blur(24px) saturate(180%);
  box-shadow:var(--sh-sm); top:0;
  border-bottom:1px solid rgba(143,163,184,0.15);
}
.nav-in {
  display:flex; align-items:center;
  justify-content:space-between;
  height:84px; gap:16px;
}
.nav-logo { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.nav-logo img { width:58px; height:58px; object-fit:contain; border-radius:12px; box-shadow:0 4px 16px rgba(0,0,0,.25); }
.logo-n { display:block; font-family:var(--font-d); font-size:19px; font-weight:800; line-height:1.1; transition:var(--t); }
.logo-t { display:block; font-size:10.5px; letter-spacing:.8px; opacity:.6; transition:var(--t); }
.nav.top .logo-n  { color:var(--white); }
.nav.top .logo-t  { color:rgba(255,255,255,.5); }
.nav.scr .logo-n  { color:var(--navy); }
.nav.scr .logo-t  { color:var(--muted); }

.nav-links { display:flex; gap:2px; }
.nav-links a {
  font-size:14px; font-weight:500;
  padding:8px 13px; border-radius:10px; transition:var(--t);
}
.nav.top .nav-links a  { color:rgba(255,255,255,.85); }
.nav.scr .nav-links a  { color:var(--navy); }
.nav-links a:hover     { color:var(--sky) !important; }
.nav-links a.active    { color:var(--sky) !important; font-weight:700; }
.nav-links a.chati-link { background:rgba(37,211,102,.1); color:#22C55E !important; font-weight:800; border-radius:20px; }

.nav-cta   { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.nav-phone { font-weight:700; font-size:14px; transition:var(--t); display:flex; align-items:center; gap:6px; }
.nav.top .nav-phone { color:rgba(255,255,255,.9); }
.nav.scr .nav-phone { color:var(--navy); }
.nav-phone:hover    { color:var(--sky) !important; }

.nav-burger { display:none; flex-direction:column; gap:5px; padding:8px; border:none; background:transparent; border-radius:10px; }
.nav-burger span { width:24px; height:2px; border-radius:2px; transition:var(--t); display:block; }
.nav.top .nav-burger span { background:var(--white); }
.nav.scr .nav-burger span { background:var(--navy); }

/* Mobile Drawer */
.nav-drawer {
  display:none; position:fixed; inset:0;
  background:var(--navy-deep); z-index:2000;
  flex-direction:column; padding:32px 28px; gap:0;
}
.nav-drawer.open { display:flex; }
.nav-drawer-close {
  position:absolute; top:22px; left:22px;
  width:42px; height:42px; border-radius:50%;
  border:none; background:rgba(255,255,255,.1); color:var(--white);
  font-size:20px; display:flex; align-items:center; justify-content:center;
}
.nav-drawer-logo { margin-bottom:44px; display:flex; align-items:center; gap:14px; }
.nav-drawer-logo img { width:52px; height:52px; }
.nav-drawer-logo span { font-size:22px; font-weight:800; color:var(--white); font-family:var(--font-d); }
.nav-drawer a {
  color:rgba(255,255,255,.8); font-size:22px; font-weight:600;
  padding:20px 0; border-bottom:1px solid rgba(255,255,255,.07);
  display:flex; align-items:center; justify-content:space-between;
  transition:var(--t);
}
.nav-drawer a:hover { color:var(--silver-chrome); padding-right:6px; }
.nav-drawer-cta { margin-top:36px; display:flex; flex-direction:column; gap:12px; }

/* ── HERO ────────────────────────────────────────────── */
.hero {
  position:relative; min-height:100svh;
  display:flex; align-items:center;
  background:var(--navy-deep); overflow:hidden;
}

/* Animated gradient background */
.hero-bg {
  position:absolute; inset:0; z-index:0;
  background:
    radial-gradient(ellipse 80% 70% at 15% 35%, rgba(30,58,122,.85) 0%, transparent 60%),
    radial-gradient(ellipse 55% 75% at 88% 15%, rgba(22,41,90,.9) 0%, transparent 55%),
    radial-gradient(ellipse 65% 55% at 55% 90%, rgba(8,15,34,.95) 0%, transparent 55%),
    radial-gradient(ellipse 40% 40% at 70% 55%, rgba(143,163,184,.05) 0%, transparent 50%),
    linear-gradient(160deg, var(--navy-deep) 0%, #0A1535 50%, var(--navy) 100%);
  animation:heroPulse 10s ease-in-out infinite alternate;
}
@keyframes heroPulse {
  0%   { filter:brightness(1); }
  100% { filter:brightness(1.07); }
}

/* Floating silver orbs */
.hero-orb {
  position:absolute; border-radius:50%;
  filter:blur(70px); pointer-events:none; z-index:1;
}
.orb-1 {
  width:550px; height:550px; top:-120px; right:-160px;
  background:radial-gradient(circle,rgba(200,212,222,.10),transparent 70%);
  animation:orbFloat 10s ease-in-out infinite;
}
.orb-2 {
  width:400px; height:400px; bottom:-80px; left:-100px;
  background:radial-gradient(circle,rgba(30,58,122,.5),transparent 70%);
  animation:orbFloat 14s ease-in-out infinite reverse;
}
.orb-3 {
  width:300px; height:300px; top:45%; left:32%;
  background:radial-gradient(circle,rgba(143,163,184,.07),transparent 70%);
  animation:orbFloat 18s ease-in-out infinite;
}
@keyframes orbFloat {
  0%,100% { transform:translate(0,0) scale(1); }
  33%      { transform:translate(22px,-28px) scale(1.06); }
  66%      { transform:translate(-18px,22px) scale(.96); }
}

/* Grid texture */
.hero-grid {
  position:absolute; inset:0; z-index:1;
  background-image:
    linear-gradient(rgba(200,212,222,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(200,212,222,.025) 1px, transparent 1px);
  background-size:70px 70px;
}

/* AI glow accent line */
.hero::after {
  content:''; position:absolute; bottom:72px; left:50%; transform:translateX(-50%);
  width:240px; height:1px; z-index:2;
  background:linear-gradient(90deg,transparent,var(--silver-chrome),rgba(200,212,222,.8),var(--silver-chrome),transparent);
  animation:auraLine 3s ease-in-out infinite;
}
@keyframes auraLine {
  0%,100% { opacity:.4; width:180px; }
  50%      { opacity:.9; width:280px; }
}

/* Bottom wave */
.hero-wave {
  position:absolute; bottom:-1px; left:0; right:0; z-index:2; line-height:0;
}
.hero-wave svg { display:block; width:100%; }

.hero-content {
  position:relative; z-index:3;
  padding:185px 0 145px; text-align:center;
}

/* Hero trust badges */
.hero-badges {
  display:inline-flex; align-items:center; gap:22px;
  background:var(--glass-bg); backdrop-filter:blur(16px);
  border:1px solid var(--glass-border);
  border-radius:var(--r-full);
  padding:10px 26px; margin-bottom:36px;
  flex-wrap:wrap; justify-content:center;
}
.hero-badge {
  font-size:13px; font-weight:600; color:rgba(255,255,255,.78);
  display:flex; align-items:center; gap:7px;
}
.hero-badge .dot { width:4px; height:4px; border-radius:50%; background:var(--silver-chrome); }

.hero-headline { margin-bottom:10px; }
.hero-accent   { color:var(--silver-chrome); }

.hero-sub {
  font-size:clamp(15px,1.8vw,19px);
  color:rgba(255,255,255,.68);
  max-width:560px; margin:22px auto 46px;
  line-height:1.75;
}
.hero-cta {
  display:flex; gap:14px; justify-content:center;
  flex-wrap:wrap; margin-bottom:60px;
}

/* Stats */
.hero-stats {
  display:flex; gap:0; justify-content:center;
  flex-wrap:wrap;
  background:var(--glass-bg); backdrop-filter:blur(16px);
  border:1px solid var(--glass-border);
  border-radius:var(--r-xl);
  padding:24px 40px;
  max-width:660px; margin:0 auto;
}
.hero-stat { text-align:center; padding:0 36px; }
.hero-stat-num {
  font-family:var(--font-d); font-size:38px; font-weight:800;
  color:var(--white); line-height:1; margin-bottom:5px;
}
.hero-stat-num .unit { font-size:22px; color:var(--silver-chrome); }
.hero-stat-lbl  { font-size:12px; color:rgba(255,255,255,.55); letter-spacing:.6px; }
.hero-stat-sep  { width:1px; background:rgba(255,255,255,.12); align-self:stretch; margin:4px 0; }
/* Glowing stat highlight */
.hero-stat:hover .hero-stat-num { color:var(--silver-chrome); transition:color .25s; }

/* ── GLASSMORPHISM CARDS ─────────────────────────────── */
.glass-card {
  background:var(--glass-bg2);
  backdrop-filter:blur(20px) saturate(160%);
  border:1px solid var(--glass-border);
  border-radius:var(--r-lg);
  box-shadow:var(--glass-shadow);
  transition:var(--t-s);
}
.glass-card:hover {
  background:rgba(255,255,255,.18); transform:translateY(-4px);
  box-shadow:0 16px 48px rgba(13,27,62,.32);
}

/* White card with silver accent */
.card {
  background:var(--white); border-radius:var(--r-lg);
  box-shadow:var(--sh); border:1px solid var(--border);
  transition:var(--t-s); overflow:hidden;
}
.card:hover { box-shadow:var(--sh-lg); transform:translateY(-4px); }
.card-silver-top { border-top:3px solid var(--silver); }

/* ── SERVICES GRID ───────────────────────────────────── */
.services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.srv-card {
  background:var(--white); border-radius:var(--r-lg);
  box-shadow:var(--sh); border:1px solid var(--border);
  padding:36px 28px; transition:var(--t-s);
  position:relative; overflow:hidden;
}
.srv-card::before {
  content:''; position:absolute; bottom:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,var(--silver),var(--silver-chrome),var(--plat));
  transform:scaleX(0); transform-origin:right; transition:var(--t-s);
}
.srv-card:hover { box-shadow:var(--sh-lg); transform:translateY(-6px); }
.srv-card:hover::before { transform:scaleX(1); transform-origin:left; }
.srv-icon {
  width:64px; height:64px; border-radius:16px;
  background:var(--silver-pale);
  display:flex; align-items:center; justify-content:center;
  font-size:30px; margin-bottom:20px; transition:var(--t-s);
}
.srv-card:hover .srv-icon {
  background:linear-gradient(135deg,var(--silver),var(--silver-chrome));
  transform:scale(1.08) rotate(-3deg);
}
.srv-title { font-size:19px; font-weight:700; color:var(--navy); margin-bottom:10px; }
.srv-desc  { font-size:14px; color:var(--muted); line-height:1.7; margin-bottom:16px; }
.srv-price { font-size:13px; font-weight:700; color:var(--silver); }

/* ── FEATURES ────────────────────────────────────────── */
.feat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.feat-item { text-align:center; }
.feat-icon-wrap {
  width:80px; height:80px; border-radius:24px;
  background:linear-gradient(135deg,rgba(143,163,184,.1),rgba(200,212,222,.2));
  border:1px solid var(--silver-border);
  display:flex; align-items:center; justify-content:center;
  font-size:36px; margin:0 auto 20px; transition:var(--t-s);
}
.feat-item:hover .feat-icon-wrap {
  background:linear-gradient(135deg,var(--silver),var(--silver-chrome));
  transform:scale(1.1);
}
.feat-title { font-size:18px; font-weight:700; color:var(--navy); margin-bottom:8px; }
.feat-desc  { font-size:14px; color:var(--muted); line-height:1.72; }

/* ── PHOTO STRIP ─────────────────────────────────────── */
.photo-strip {
  display:grid; grid-template-columns:repeat(4,1fr); gap:16px;
  margin-top:60px;
}
.photo-strip-item {
  border-radius:var(--r-lg); overflow:hidden;
  position:relative; aspect-ratio:4/3;
  box-shadow:var(--sh-md);
}
.photo-strip-item img {
  width:100%; height:100%; object-fit:cover;
  transition:transform .55s var(--ease);
}
.photo-strip-item:hover img { transform:scale(1.06); }
.photo-strip-item-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to top,rgba(13,27,62,.72) 0%,transparent 55%);
  display:flex; align-items:flex-end; padding:16px;
  color:var(--white); font-size:13px; font-weight:700;
  opacity:0; transition:opacity .35s var(--ease);
}
.photo-strip-item:hover .photo-strip-item-overlay { opacity:1; }
@media (max-width:768px) { .photo-strip { grid-template-columns:repeat(2,1fr); } }
@media (max-width:480px) { .photo-strip { grid-template-columns:1fr 1fr; gap:10px; } }

/* Star rating display */
.star-display { color:#F59E0B; font-size:22px; letter-spacing:1px; line-height:1; }

/* ── TESTIMONIALS ────────────────────────────────────── */
.reviews-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:48px; }
.review-card {
  background:var(--white); border-radius:var(--r-lg);
  box-shadow:var(--sh); border:1px solid var(--border);
  padding:30px; position:relative;
  transition:var(--t-s);
}
.review-card:hover { box-shadow:var(--sh-lg); transform:translateY(-5px); border-color:var(--silver-border); }
.review-card::before {
  content:'"'; font-size:80px; line-height:.8;
  color:var(--silver-pale);
  position:absolute; top:16px; right:24px;
  font-family:Georgia, serif; pointer-events:none;
}
.review-stars { font-size:17px; margin-bottom:12px; letter-spacing:2px; color:#F59E0B; }
.review-text  { font-size:14px; color:var(--muted); line-height:1.78; margin-bottom:20px; }
.review-author { display:flex; align-items:center; gap:12px; }
.review-avatar {
  width:42px; height:42px; border-radius:50%;
  background:linear-gradient(135deg,var(--navy),var(--navy-light));
  display:flex; align-items:center; justify-content:center;
  font-size:16px; font-weight:700; color:var(--white); flex-shrink:0;
}
.review-name { font-size:14px; font-weight:700; color:var(--navy); }
.review-city { font-size:12px; color:var(--silver); }

/* ── PROCESS STEPS ───────────────────────────────────── */
.steps-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.step-card {
  text-align:center; padding:36px 24px 32px;
  background:var(--white); border-radius:var(--r-lg);
  box-shadow:var(--sh); border:1px solid var(--border);
  position:relative; transition:var(--t-s);
}
.step-card:hover { box-shadow:var(--sh-lg); transform:translateY(-4px); }
.step-card::after {
  content:'←'; position:absolute; top:50%; left:-16px;
  transform:translateY(-50%); font-size:20px; color:var(--silver-chrome);
  font-weight:700;
}
.step-card:last-child::after { display:none; }
.step-num-big {
  font-family:var(--font-d); font-size:56px; font-weight:900;
  color:var(--silver-pale); line-height:1; margin-bottom:10px;
}
.step-icon  { font-size:30px; margin-bottom:14px; }
.step-title { font-size:16px; font-weight:700; color:var(--navy); margin-bottom:8px; }
.step-desc  { font-size:13px; color:var(--muted); line-height:1.72; }

/* ── FAQ ─────────────────────────────────────────────── */
.faq-list { max-width:700px; margin:0 auto; }
.faq-item { border-bottom:1px solid var(--border); overflow:hidden; }
.faq-q {
  width:100%; display:flex; justify-content:space-between; align-items:center;
  background:none; border:none; cursor:pointer;
  font-family:var(--font); font-size:16px; font-weight:600;
  color:var(--navy); padding:22px 0; gap:16px;
  text-align:right; transition:var(--t);
}
.faq-q:hover { color:var(--silver); }
.faq-arr {
  width:28px; height:28px; border-radius:50%;
  background:var(--platinum); color:var(--navy);
  display:flex; align-items:center; justify-content:center;
  font-size:12px; flex-shrink:0; transition:var(--t); font-style:normal;
}
.faq-item.open .faq-arr { background:var(--silver); color:var(--white); transform:rotate(180deg); }
.faq-a {
  font-size:14px; color:var(--muted); line-height:1.8;
  max-height:0; overflow:hidden;
  transition:max-height .4s var(--ease), padding-bottom .3s;
}
.faq-item.open .faq-a { max-height:240px; padding-bottom:22px; }

/* ── CONTACT ─────────────────────────────────────────── */
.contact-grid { display:grid; grid-template-columns:1fr 1.4fr; gap:64px; align-items:start; }
.c-info-items { display:flex; flex-direction:column; gap:16px; margin-top:32px; }
.c-info-item {
  display:flex; align-items:center; gap:16px;
  padding:18px 20px; background:var(--platinum);
  border-radius:var(--r); border-right:3px solid var(--silver);
  transition:var(--t);
}
.c-info-item:hover { background:var(--silver-pale); }
.c-ic  { font-size:22px; flex-shrink:0; }
.c-lbl { font-size:11px; color:var(--silver); font-weight:600; letter-spacing:.8px; text-transform:uppercase; margin-bottom:3px; }
.c-val { font-size:15px; font-weight:700; color:var(--navy); }
.c-val a:hover { color:var(--sky); }

/* Form */
.form-card {
  background:var(--white); border-radius:var(--r-xl);
  box-shadow:var(--sh-lg); border:1px solid var(--border); padding:40px;
}
.form-row   { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.form-group { display:flex; flex-direction:column; gap:7px; margin-bottom:16px; }
.form-group label { font-size:13px; font-weight:700; color:var(--navy); }
.form-group input,.form-group select,.form-group textarea {
  font-family:var(--font); font-size:14px; color:var(--text);
  border:1.5px solid var(--border); border-radius:var(--r);
  padding:12px 14px; background:var(--off); outline:none;
  transition:var(--t); resize:none; direction:rtl;
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus {
  border-color:var(--silver);
  background:var(--white);
  box-shadow:0 0 0 3px var(--silver-glow);
}

/* ── FOOTER ──────────────────────────────────────────── */
.footer {
  background:var(--navy-deep);
  border-top:1px solid rgba(143,163,184,.12);
  padding:72px 0 0;
}
.footer-grid {
  display:grid; grid-template-columns:1.6fr repeat(3,1fr);
  gap:48px; margin-bottom:56px;
}
.footer-brand p { font-size:14px; color:rgba(255,255,255,.48); line-height:1.82; margin-top:14px; max-width:280px; }
.footer-col h4 {
  font-family:var(--font-d); font-size:12px; font-weight:700;
  color:var(--silver-chrome); letter-spacing:2.5px;
  text-transform:uppercase; margin-bottom:22px;
}
.footer-col a {
  display:block; color:rgba(255,255,255,.5); font-size:14px;
  padding:5px 0; transition:var(--t);
}
.footer-col a:hover { color:var(--silver-chrome); padding-right:4px; }
.footer-bottom {
  border-top:1px solid rgba(255,255,255,.07); padding:22px 0;
  display:flex; justify-content:space-between; align-items:center;
  font-size:13px; color:rgba(255,255,255,.32); flex-wrap:wrap; gap:12px;
}
.footer-social { display:flex; gap:10px; }
.soc-btn {
  width:42px; height:42px; border-radius:12px;
  background:rgba(255,255,255,.09);
  display:flex; align-items:center; justify-content:center;
  font-size:17px; transition:var(--t); color:rgba(255,255,255,.6);
  border:1px solid rgba(255,255,255,.12);
}
.soc-btn:hover { background:var(--silver); color:var(--white); transform:translateY(-2px); box-shadow:0 6px 18px rgba(0,0,0,.25); }
/* Instagram gradient hover */
.soc-btn-ig:hover { background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); border-color:transparent; }
/* TikTok hover */
.soc-btn-tt:hover { background:#111; border-color:transparent; color:#fff; }

/* ── CTA BANNER ──────────────────────────────────────── */
.cta-banner {
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 60%,var(--navy) 100%);
  border-radius:var(--r-xl); padding:64px 56px;
  text-align:center; position:relative; overflow:hidden;
  border:1px solid rgba(143,163,184,.18);
}
.cta-banner::before {
  content:''; position:absolute; inset:-1px; border-radius:inherit;
  background:linear-gradient(135deg,rgba(200,212,222,.12),transparent,rgba(200,212,222,.08));
  pointer-events:none;
}
.cta-banner h2 { color:var(--white); margin-bottom:12px; }
.cta-banner p  { color:rgba(255,255,255,.68); max-width:520px; margin:0 auto 32px; font-size:16px; }

/* ── FLOATING WHATSAPP ───────────────────────────────── */
.wa-float {
  position:fixed; bottom:28px; left:28px; z-index:999;
  display:flex; align-items:center; gap:12px;
}
.wa-float-btn {
  width:58px; height:58px; border-radius:50%;
  background:linear-gradient(135deg,#25D366,#128C7E);
  display:flex; align-items:center; justify-content:center;
  font-size:26px; box-shadow:0 6px 24px rgba(37,211,102,.45);
  transition:var(--t-s); cursor:pointer;
  animation:waPulse 3.5s ease-in-out infinite;
}
.wa-float-btn:hover { transform:scale(1.12); }
@keyframes waPulse {
  0%,100% { box-shadow:0 6px 24px rgba(37,211,102,.45); }
  50%      { box-shadow:0 6px 36px rgba(37,211,102,.65),0 0 0 10px rgba(37,211,102,.10); }
}
.wa-float-tip {
  background:var(--white); color:var(--navy); font-size:13px; font-weight:700;
  padding:8px 16px; border-radius:var(--r-full); box-shadow:var(--sh);
  white-space:nowrap; opacity:0; transform:translateX(-10px); transition:var(--t);
}
.wa-float:hover .wa-float-tip { opacity:1; transform:translateX(0); }

/* ── MOBILE CTA BAR ──────────────────────────────────── */
.mob-bar {
  display:none; position:fixed; bottom:0; inset-inline:0; z-index:998;
  background:rgba(8,15,34,.97); backdrop-filter:blur(20px);
  border-top:1px solid rgba(143,163,184,.15);
  padding:12px 20px 20px; gap:10px;
}
@media(max-width:640px){ .mob-bar { display:flex; } }
.mob-bar a { flex:1; text-align:center; }

/* ── SCROLL REVEAL ───────────────────────────────────── */
.reveal {
  opacity:0; transform:translateY(32px);
  transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);
}
.reveal.up    { transform:translateY(40px); }
.reveal.left  { transform:translateX(-30px); }
.reveal.right { transform:translateX(30px); }
.reveal.scale { transform:scale(.93); }
.reveal.visible { opacity:1 !important; transform:none !important; }
.reveal-d1 { transition-delay:.1s; }
.reveal-d2 { transition-delay:.2s; }
.reveal-d3 { transition-delay:.3s; }
.reveal-d4 { transition-delay:.4s; }

/* Fallback: if JS fails / prefers-reduced-motion — show everything */
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity:1 !important; transform:none !important; transition:none; }
}
/* CSS-only safety net: animate in after 3s regardless */
@keyframes revealFallback {
  from { opacity:0; transform:translateY(32px); }
  to   { opacity:1; transform:none; }
}
.reveal {
  animation: revealFallback 0.7s var(--ease-out) 3s both;
}
.reveal-d5 { transition-delay:.5s; }
.reveal-d6 { transition-delay:.6s; }

/* ── MISC HELPERS ────────────────────────────────────── */
.badge {
  display:inline-flex; align-items:center; gap:6px;
  padding:5px 12px; border-radius:var(--r-full);
  font-size:12px; font-weight:700;
}
.badge-silver { background:var(--silver-pale); color:var(--silver); border:1px solid var(--silver-border); }
.badge-navy   { background:rgba(13,27,62,.08); color:var(--navy); }
.badge-green  { background:rgba(5,150,105,.08); color:var(--success); }

.divider      { height:1px; background:var(--border); }
.divider-silver { height:1px; background:linear-gradient(90deg,transparent,var(--silver-chrome),transparent); }

/* ── RESPONSIVE ──────────────────────────────────────── */
@media (max-width:1024px) {
  .services-grid { grid-template-columns:repeat(2,1fr); }
  .feat-grid     { grid-template-columns:repeat(2,1fr); }
  .footer-grid   { grid-template-columns:1fr 1fr; }
  .steps-grid    { grid-template-columns:repeat(2,1fr); }
  .steps-grid .step-card::after { display:none; }
  .reviews-grid  { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
  .sec { padding:72px 0; }
  .contact-grid { grid-template-columns:1fr; }
  .form-row     { grid-template-columns:1fr; }
  .hero-stats   { padding:20px 24px; }
  .hero-stat    { padding:0 20px; }
}
@media (max-width:640px) {
  .services-grid { grid-template-columns:1fr; }
  .feat-grid     { grid-template-columns:1fr; }
  .footer-grid   { grid-template-columns:1fr; }
  .steps-grid    { grid-template-columns:1fr; }
  .reviews-grid  { grid-template-columns:1fr; }
  .nav-links, .nav-cta .btn:not(.nav-wa) { display:none; }
  .nav-burger    { display:flex; }
  .hero-content  { padding:145px 0 110px; }
  .hero-badges   { gap:14px; }
  .cta-banner    { padding:40px 24px; border-radius:var(--r-lg); }
}
@media (max-width:400px) {
  .hero-stat-sep { display:none; }
}