/* ═══════════════════════════════════════
   Law Firm Design System v10.0 — Dark Cinematic
   Philosophy: Cinematic · Premium · Authoritative
   Inspiration: Apple (precision), Stripe (clarity), Linear (craft)
   Architecture: Tokens → Base → Typography → Grid → Components → Motion → Responsive
   ═══════════════════════════════════════ */

/* ═══════════════════════════════════════
   1. FOUNDATIONS — Design Tokens
   ═══════════════════════════════════════ */
:root {
  /* ── Color: Deep Dark (Primary BG) ── */
  --bg-950: #040810;
  --bg-900: #060B14;
  --bg-850: #0A1020;
  --bg-800: #0D1528;
  --bg-700: #111C32;
  --bg-600: #162440;
  --bg-500: #1C2E4E;

  /* ── Color: Gold (Accent) — 10 shades ── */
  --gd-900: #5A3E0A;
  --gd-800: #7A5E1A;
  --gd-700: #9A7A2A;
  --gd-600: #B8963E;
  --gd-500: #C8A650;
  --gd-400: #D4B060;
  --gd-300: #E0C480;
  --gd-200: #E8D5A0;
  --gd-100: #F0E8C0;
  --gd-50:  #F8F4E0;

  /* ── Color: Neutral/Gray — 11 shades ── */
  --gy-950: #0A0A0C;
  --gy-900: #141518;
  --gy-800: #1E2026;
  --gy-700: #2E3038;
  --gy-600: #484A54;
  --gy-500: #6B6E7A;
  --gy-400: #9094A0;
  --gy-300: #B4B8C4;
  --gy-200: #D0D4DE;
  --gy-100: #E4E6EE;
  --gy-50:  #F1F3F7;

  /* ── Semantic colors ── */
  --succ: #34D399;
  --succ-bg: rgba(52,211,153,.08);
  --err:  #F87171;
  --err-bg: rgba(248,113,113,.08);
  --warn: #FBBF24;
  --warn-bg: rgba(251,191,36,.08);
  --info: #60A5FA;
  --info-bg: rgba(96,165,250,.08);

  /* ── Typography ── */
  --ff-display: 'Cairo', system-ui, -apple-system, sans-serif;
  --ff-body: 'Cairo', system-ui, -apple-system, sans-serif;

  /* Display scale — cinematic large */
  --text-xs:   0.6875rem;   /* 11px */
  --text-sm:   0.8125rem;   /* 13px */
  --text-base: 0.9375rem;   /* 15px */
  --text-md:   1.0625rem;   /* 17px */
  --text-lg:   1.1875rem;   /* 19px */
  --text-xl:   1.375rem;    /* 22px */
  --text-2xl:  1.625rem;    /* 26px */
  --text-3xl:  2rem;        /* 32px */
  --text-4xl:  2.5rem;      /* 40px */
  --text-5xl:  3.25rem;     /* 52px */
  --text-6xl:  4rem;        /* 64px */
  --text-7xl:  5rem;        /* 80px */
  --text-8xl:  6rem;        /* 96px */

  --lh-tight: 1.08;
  --lh-heading: 1.15;
  --lh-body: 1.85;

  /* ── Spacing (8px base unit) ── */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-14: 3.5rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;
  --sp-28: 7rem;
  --sp-32: 8rem;

  /* ── Elevation / Shadows ── */
  --sh-1: 0 1px 3px rgba(0,0,0,.3);
  --sh-2: 0 2px 8px rgba(0,0,0,.35);
  --sh-3: 0 4px 16px rgba(0,0,0,.4);
  --sh-4: 0 8px 32px rgba(0,0,0,.45);
  --sh-5: 0 16px 48px rgba(0,0,0,.5);
  --sh-6: 0 24px 64px rgba(0,0,0,.55);

  /* Gold glow */
  --sh-glow: 0 0 40px rgba(184,150,62,.15), 0 0 80px rgba(184,150,62,.06);
  --sh-glow-sm: 0 0 20px rgba(184,150,62,.12), 0 0 40px rgba(184,150,62,.04);
  --sh-glow-btn: 0 4px 24px rgba(184,150,62,.25);

  /* ── Border Radius ── */
  --br-sm:  6px;
  --br-md:  10px;
  --br-lg:  16px;
  --br-xl:  24px;
  --br-2xl: 32px;
  --br-3xl: 40px;
  --br-full: 9999px;

  /* ── Motion ── */
  --ease-default: cubic-bezier(.25,.1,.25,1);
  --ease-out:     cubic-bezier(0,0,.2,1);
  --ease-in:      cubic-bezier(.4,0,1,1);
  --ease-spring:  cubic-bezier(.34,1.56,.64,1);
  --ease-smooth:  cubic-bezier(.16,1,.3,1);

  --dur-fast: 150ms;
  --dur-base: 250ms;
  --dur-med:  350ms;
  --dur-slow: 500ms;
  --dur-xslw: 800ms;

  /* ── Glass ── */
  --glass-bg: rgba(255,255,255,.03);
  --glass-bg-strong: rgba(255,255,255,.06);
  --glass-border: rgba(255,255,255,.06);
  --glass-border-strong: rgba(255,255,255,.10);
  --glass-blur: 40px;

  /* ── Layout ── */
  --max-w: 1280px;
  --max-w-narrow: 820px;
  --nav-h: 84px;
}

/* ═══════════════════════════════════════
   2. RESET & BASE
   ═══════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body{font-family:var(--ff-body);background:var(--bg-900);color:rgba(255,255,255,.65);direction:rtl;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--lh-body);font-size:var(--text-base)}
a{color:inherit;text-decoration:none;transition:color var(--dur-base) var(--ease-default)}
button{font-family:inherit;cursor:pointer;border:none;background:none;transition:transform var(--dur-fast) var(--ease-default),box-shadow var(--dur-base) var(--ease-default)}
:focus-visible{outline:2px solid var(--gd-600);outline-offset:3px;border-radius:var(--br-sm)}
::selection{background:rgba(184,150,62,.2);color:#fff}
img,svg{display:block;max-width:100%}
ul,ol{list-style:none}
input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}
p{overflow-wrap:break-word}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ═══════════════════════════════════════
   3. TYPOGRAPHY SYSTEM
   ═══════════════════════════════════════ */

/* Display (hero — up to 96px) */
.display{font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:var(--lh-tight);letter-spacing:-.03em;color:#fff}

/* Heading scale */
.h1{font-size:clamp(1.75rem,3.5vw,3rem);font-weight:800;line-height:var(--lh-heading);letter-spacing:-.025em;color:#fff}
.h2{font-size:clamp(1.375rem,2.5vw,2.125rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#fff}
.h3{font-size:clamp(1.125rem,1.75vw,1.5rem);font-weight:700;line-height:1.3;letter-spacing:-.015em;color:#fff}
.h4{font-size:var(--text-lg);font-weight:700;line-height:1.35;color:#fff}

/* Body text */
.body-lg{font-size:var(--text-md);line-height:var(--lh-body);color:rgba(255,255,255,.55)}
.body{font-size:var(--text-base);line-height:var(--lh-body);color:rgba(255,255,255,.55)}
.body-sm{font-size:var(--text-sm);line-height:1.75;color:rgba(255,255,255,.3)}

/* Utility */
.overline{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gd-500)}
.label{font-size:var(--text-sm);font-weight:600;color:rgba(255,255,255,.7)}
.caption{font-size:var(--text-xs);color:rgba(255,255,255,.25)}

/* Alignment */
.tc{text-align:center}.tr{text-align:right}.tl{text-align:left}

/* Color utilities */
.c-gold{color:var(--gd-500)}.c-gold-l{color:var(--gd-300)}.c-navy{color:#fff}
.c-white{color:#fff}.c-muted{color:rgba(255,255,255,.3)}.c-subtle{color:rgba(255,255,255,.2)}
.c-ink{color:#fff}.c-success{color:var(--succ)}.c-error{color:var(--err)}

/* ── Section headers ── */
.section-header{margin-bottom:var(--sp-16)}
.section-header.tc .section-header__sub{margin-left:auto;margin-right:auto}
.section-header__over{display:block;margin-bottom:var(--sp-3)}
.section-header__title{margin-bottom:var(--sp-4)}
.section-header__sub{max-width:640px;font-size:var(--text-base);line-height:var(--lh-body);color:rgba(255,255,255,.35)}
.section-header--dark .section-header__title{color:#fff}
.section-header--dark .section-header__sub{color:rgba(255,255,255,.3)}
.section-header--dark .overline{color:var(--gd-400)}

/* Light section headers (for FAQ etc.) */
.section-header--light .section-header__title{color:var(--bg-900)}
.section-header--light .section-header__sub{color:var(--gy-500)}
.section-header--light .overline{color:var(--gd-600)}

/* ═══════════════════════════════════════
   4. SPACING & LAYOUT
   ═══════════════════════════════════════ */
.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-12)}
.container-narrow{max-width:var(--max-w-narrow);margin:0 auto;padding:0 var(--sp-12)}
.section{padding:var(--sp-28) 0}
.section--sm{padding:var(--sp-20) 0}
.section--dark{background:var(--bg-900);color:rgba(255,255,255,.65)}
.section--cream{background:var(--bg-850)}
.section--white{background:var(--bg-850)}
.section--gray{background:var(--bg-800)}
.section--navy{background:var(--bg-950)}

/* Divider */
.divider{width:100%;height:1px;background:rgba(255,255,255,.04)}
.divider--gold{background:linear-gradient(90deg,transparent,var(--gd-500),transparent);opacity:.1}

/* ═══════════════════════════════════════
   5. GRID SYSTEM
   ═══════════════════════════════════════ */
.grid{display:grid;gap:var(--sp-6);grid-template-columns:repeat(12,1fr)}
.grid--gap-sm{gap:var(--sp-4)}
.grid--gap-lg{gap:var(--sp-8)}
.grid--gap-xl{gap:var(--sp-12)}
.c1{grid-column:span 1}.c2{grid-column:span 2}.c3{grid-column:span 3}.c4{grid-column:span 4}
.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c8{grid-column:span 8}
.c9{grid-column:span 9}.c10{grid-column:span 10}.c11{grid-column:span 11}.c12{grid-column:span 12}

/* ═══════════════════════════════════════
   6. COMPONENTS
   ═══════════════════════════════════════ */

/* ── 6a. Button System ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-10);border-radius:var(--br-md);font-size:var(--text-base);font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer;border:none;position:relative;overflow:hidden;user-select:none;-webkit-tap-highlight-color:transparent;transition:all var(--dur-med) var(--ease-smooth)}
.btn::after{content:'';position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,0);transition:background var(--dur-base) var(--ease-default)}
.btn:active::after{background:rgba(255,255,255,.12)}
.btn svg{width:18px;height:18px;flex-shrink:0;transition:transform var(--dur-med) var(--ease-spring)}

/* Primary (Gold gradient) */
.btn--primary{background:linear-gradient(135deg,var(--gd-600),var(--gd-500));color:#fff;box-shadow:var(--sh-glow-btn)}
.btn--primary:hover{box-shadow:var(--sh-glow);transform:translateY(-2px)}
.btn--primary:active{transform:translateY(0);box-shadow:var(--sh-glow-sm)}
.btn--primary:disabled,.btn--primary.disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}
.btn--primary:hover svg{transform:translateX(4px) scale(1.08)}

/* Dark */
.btn--dark{background:var(--bg-700);color:#fff;box-shadow:var(--sh-1);border:1px solid var(--glass-border)}
.btn--dark:hover{background:var(--bg-600);transform:translateY(-2px);box-shadow:var(--sh-3);border-color:var(--glass-border-strong)}
.btn--dark:active{transform:translateY(0)}
.btn--dark:disabled{opacity:.35;cursor:not-allowed;transform:none}

/* Outline */
.btn--outline{background:transparent;color:rgba(255,255,255,.6);border:1.5px solid var(--glass-border-strong);box-shadow:none}
.btn--outline:hover{border-color:var(--gd-500);color:var(--gd-400);background:rgba(184,150,62,.04);transform:translateY(-2px)}
.btn--outline:active{transform:translateY(0);background:rgba(184,150,62,.08)}
.btn--outline:disabled{opacity:.35;cursor:not-allowed;transform:none}

/* Ghost (on dark backgrounds) */
.btn--ghost{background:transparent;color:rgba(255,255,255,.6);border:1.5px solid var(--glass-border)}
.btn--ghost:hover{border-color:var(--gd-400);color:var(--gd-400);background:rgba(184,150,62,.06);transform:translateY(-2px)}
.btn--ghost:active{transform:translateY(0);background:rgba(184,150,62,.1)}
.btn--ghost:disabled{opacity:.35;cursor:not-allowed;transform:none}

/* Size modifiers */
.btn--sm{padding:var(--sp-3) var(--sp-6);font-size:var(--text-sm);border-radius:var(--br-sm)}
.btn--lg{padding:var(--sp-5) var(--sp-12);font-size:var(--text-md);border-radius:var(--br-md)}
.btn--xl{padding:var(--sp-6) var(--sp-14);font-size:var(--text-lg);border-radius:var(--br-lg)}
.btn--full{width:100%;justify-content:center}

/* Tag/Badge */
.tag{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--br-full);font-size:var(--text-xs);font-weight:700;line-height:1.4}
.tag--gold{background:rgba(184,150,62,.1);color:var(--gd-400)}
.tag--navy{background:rgba(255,255,255,.05);color:rgba(255,255,255,.5)}
.tag--green{background:rgba(52,211,153,.08);color:var(--succ)}
.tag--red{background:rgba(248,113,113,.08);color:var(--err)}

/* ── 6b. Navigation ── */
.nav{position:fixed;top:0;width:100%;z-index:1000;transition:background var(--dur-slow) var(--ease-smooth),backdrop-filter var(--dur-slow),box-shadow var(--dur-slow)}
.nav.scrolled{background:rgba(6,11,20,.92);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:0 1px 0 rgba(184,150,62,.04)}
.nav__inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-12);height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6)}
.nav__brand{display:flex;align-items:center;gap:var(--sp-3);position:relative}
.nav__logo{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--gd-600),var(--gd-400));display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:var(--bg-900);flex-shrink:0;box-shadow:var(--sh-glow-sm);transition:transform var(--dur-slow) var(--ease-spring),box-shadow var(--dur-slow) var(--ease-smooth)}
.nav__brand:hover .nav__logo{transform:scale(1.08) rotate(-5deg);box-shadow:var(--sh-glow)}
.nav__brand-text{line-height:1.2}
.nav__brand-name{font-size:15px;font-weight:800;color:#fff;letter-spacing:-.01em}
.nav__brand-sub{font-size:11px;color:var(--gd-400);font-weight:500;opacity:.75}
.nav__links{display:flex;align-items:center;gap:2px}
.nav__link{position:relative;padding:var(--sp-2) var(--sp-4);border-radius:var(--br-sm);font-size:14px;font-weight:600;color:rgba(255,255,255,.35);transition:all var(--dur-med) var(--ease-smooth);letter-spacing:-.01em}
.nav__link::after{content:'';position:absolute;bottom:2px;right:var(--sp-4);left:var(--sp-4);height:2px;background:linear-gradient(90deg,var(--gd-600),var(--gd-400));border-radius:1px;transform:scaleX(0);transition:transform var(--dur-med) var(--ease-default)}
.nav__link:hover{color:rgba(255,255,255,.8);background:var(--glass-bg)}
.nav__link:hover::after{transform:scaleX(1)}
.nav__link.active{color:var(--gd-400)}
.nav__link.active::after{transform:scaleX(1)}
.nav__right{display:flex;align-items:center;gap:var(--sp-3)}
.nav__phone{display:flex;align-items:center;gap:var(--sp-2);color:var(--gd-400);font-size:13px;font-weight:700;padding:var(--sp-2) var(--sp-3);border-radius:var(--br-sm);border:1px solid rgba(184,150,62,.08);transition:all var(--dur-med) var(--ease-smooth)}
.nav__phone:hover{border-color:rgba(184,150,62,.2);background:rgba(184,150,62,.04);transform:translateY(-2px)}
.nav__phone svg{width:14px;height:14px}
.nav__cta{background:linear-gradient(135deg,var(--gd-600),var(--gd-400));color:#fff;padding:var(--sp-3) var(--sp-8);border-radius:var(--br-sm);font-size:14px;font-weight:700;transition:all var(--dur-med) var(--ease-smooth);cursor:pointer;border:none;letter-spacing:-.01em;box-shadow:var(--sh-glow-sm)}
.nav__cta:hover{box-shadow:var(--sh-glow);transform:translateY(-2px)}
.nav__cta:active{transform:translateY(0);box-shadow:var(--sh-glow-sm)}
.nav__hamburger{display:none;flex-direction:column;gap:5px;padding:var(--sp-2);background:transparent;border:none;cursor:pointer;transition:transform var(--dur-fast) var(--ease-default)}
.nav__hamburger:active{transform:scale(.92)}
.nav__hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:all var(--dur-med) var(--ease-default)}
.nav__hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.nav__hamburger.open span:nth-child(2){opacity:0;transform:translateX(-8px)}
.nav__hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.nav__mobile{display:none;position:fixed;inset:var(--nav-h) 0 0 0;background:rgba(6,11,20,.98);backdrop-filter:blur(48px);-webkit-backdrop-filter:blur(48px);padding:var(--sp-8) var(--sp-6);flex-direction:column;gap:var(--sp-1);z-index:998;overflow-y:auto}
.nav__mobile.open{display:flex;animation:navMobileIn var(--dur-slow) var(--ease-smooth)}
@keyframes navMobileIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
.nav__mobile .nav__link{font-size:16px;padding:var(--sp-4) var(--sp-5);border-radius:var(--br-md);border:1px solid var(--glass-border);animation:navLinkIn var(--dur-med) var(--ease-out) both}
.nav__mobile .nav__link:nth-child(1){animation-delay:60ms}
.nav__mobile .nav__link:nth-child(2){animation-delay:90ms}
.nav__mobile .nav__link:nth-child(3){animation-delay:120ms}
.nav__mobile .nav__link:nth-child(4){animation-delay:150ms}
.nav__mobile .nav__link:nth-child(5){animation-delay:180ms}
.nav__mobile .nav__link:nth-child(6){animation-delay:210ms}
.nav__mobile .nav__link:nth-child(7){animation-delay:240ms}
.nav__mobile .nav__link:nth-child(8){animation-delay:270ms}
@keyframes navLinkIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.nav__mobile .nav__link::after{display:none}
.nav__mobile .nav__cta{display:block;text-align:center;padding:var(--sp-4);font-size:15px;margin-top:var(--sp-5);border-radius:var(--br-md)}

/* ── 6c. Progress Bar ── */
#pgbar{position:fixed;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--gd-600),var(--gd-400),var(--gd-600));background-size:200% 100%;transform-origin:right;transform:scaleX(0);z-index:9999;transition:transform .1s linear;animation:pgbarShimmer 2s ease-in-out infinite}
@keyframes pgbarShimmer{0%,100%{background-position:200% 0}50%{background-position:0 0}}

/* ── 6d. Hero Section ── */
.hero{min-height:100vh;display:flex;align-items:center;padding-top:var(--nav-h);position:relative;overflow:hidden;background:var(--bg-950)}

/* Mesh gradient overlay */
.hero::before{content:'';position:absolute;inset:0;background:
    radial-gradient(ellipse 80% 55% at 65% 15%,rgba(184,150,62,.06) 0%,transparent 50%),
    radial-gradient(ellipse 50% 40% at 25% 85%,rgba(22,36,64,.8) 0%,transparent 50%);
  pointer-events:none;z-index:1}

/* Floating orbs */
.hero::after{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(184,150,62,.04),transparent 70%);top:-200px;right:-100px;animation:orbFloat 12s ease-in-out infinite alternate;pointer-events:none;z-index:0}
@keyframes orbFloat{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-30px,20px) scale(1.1)}100%{transform:translate(10px,-15px) scale(.95)}}

.hero__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(184,150,62,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(184,150,62,.015) 1px,transparent 1px);background-size:80px 80px;opacity:.5}
.hero__glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(184,150,62,.04),transparent 70%);top:-200px;left:-200px;pointer-events:none}
.hero__ornament{position:absolute;pointer-events:none;z-index:0;transition:opacity var(--dur-slow) var(--ease-smooth)}
.hero__ornament--tl{top:80px;right:var(--sp-12);width:100px;height:100px;border-top:1.5px solid rgba(184,150,62,.06);border-left:1.5px solid rgba(184,150,62,.06)}
.hero__ornament--br{bottom:var(--sp-12);left:var(--sp-12);width:100px;height:100px;border-bottom:1.5px solid rgba(184,150,62,.06);border-right:1.5px solid rgba(184,150,62,.06)}
.hero__ornament--circle{width:400px;height:400px;border-radius:50%;border:1px solid rgba(184,150,62,.02);top:60%;right:-100px;transform:translateY(-50%)}
.hero__inner{display:grid;grid-template-columns:1fr 440px;gap:80px;align-items:center;max-width:var(--max-w);margin:0 auto;padding:var(--sp-20) var(--sp-12) var(--sp-28);position:relative;z-index:2}
.hero__badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-5);border:1px solid rgba(184,150,62,.12);border-radius:var(--br-full);margin-bottom:var(--sp-8);font-size:11px;font-weight:700;color:var(--gd-400);letter-spacing:.04em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(184,150,62,.04);transition:all var(--dur-med) var(--ease-default);cursor:default}
.hero__badge-dot{width:6px;height:6px;border-radius:50%;background:var(--gd-600);animation:pulse 2.5s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.85)}}
.hero__title{color:#fff;margin-bottom:var(--sp-6)}
.hero__accent{display:block;color:var(--gd-500);font-size:.65em;margin-top:var(--sp-3);font-weight:700}
.hero__desc{color:rgba(255,255,255,.35);max-width:540px;margin-bottom:var(--sp-10);font-size:var(--text-md);line-height:var(--lh-body)}
.hero__actions{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-16)}
.hero__actions .btn{animation:heroBtnIn var(--dur-slow) var(--ease-smooth) both}
.hero__actions .btn:nth-child(1){animation-delay:200ms}
.hero__actions .btn:nth-child(2){animation-delay:300ms}
@keyframes heroBtnIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* Hero stats */
.hero__stats{display:flex;align-items:flex-start;gap:0;flex-wrap:wrap}
.hero__stat{padding:0 var(--sp-10);animation:heroStatIn var(--dur-slow) var(--ease-smooth) both}
.hero__stat:nth-child(1){animation-delay:400ms}
.hero__stat:nth-child(2){animation-delay:500ms}
.hero__stat:nth-child(3){animation-delay:600ms}
.hero__stat:first-child{padding-right:0}
@keyframes heroStatIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.hero__stat-num{font-size:44px;font-weight:900;color:var(--gd-500);line-height:1;letter-spacing:-.03em;margin-bottom:var(--sp-2)}
.hero__stat-label{font-size:11px;color:rgba(255,255,255,.2);line-height:1.5;letter-spacing:.02em}
.hero__stat-div{width:1px;height:56px;background:rgba(255,255,255,.04);margin-top:var(--sp-2)}

/* Hero form — glassmorphism */
.hero-form{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--br-2xl);padding:var(--sp-10);position:relative;box-shadow:var(--sh-3),inset 0 1px 0 rgba(255,255,255,.02)}
.hero-form::before{content:'';position:absolute;inset:-1px;border-radius:var(--br-2xl);background:linear-gradient(135deg,rgba(184,150,62,.12),transparent 50%,rgba(184,150,62,.04));z-index:-1;opacity:.6}
.hero-form__title{color:#fff;font-size:var(--text-xl);font-weight:800;margin-bottom:var(--sp-2);letter-spacing:-.01em}
.hero-form__sub{color:rgba(255,255,255,.25);font-size:var(--text-sm);margin-bottom:var(--sp-8)}

/* ── 6e. Form System ── */
.form-group{margin-bottom:var(--sp-5)}
.form-label{display:block;font-size:var(--text-sm);font-weight:600;color:rgba(255,255,255,.4);margin-bottom:var(--sp-2);transition:color var(--dur-base) var(--ease-default)}
.form-input,.form-select,.form-textarea{width:100%;padding:var(--sp-4) var(--sp-5);border:1px solid var(--glass-border);border-radius:var(--br-md);font-size:var(--text-base);color:#fff;background:var(--glass-bg);transition:all var(--dur-med) var(--ease-smooth);-webkit-appearance:none;appearance:none}
.form-input::placeholder,.form-textarea::placeholder{color:rgba(255,255,255,.12)}
.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--gd-600);background:var(--glass-bg-strong);box-shadow:0 0 0 4px rgba(184,150,62,.08)}
.form-input:disabled,.form-textarea:disabled{opacity:.4;cursor:not-allowed}
.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.3)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:var(--sp-5) center;padding-left:var(--sp-10)}
.form-select option{background:var(--bg-800);color:#fff}
.form-textarea{resize:vertical;min-height:90px}
.form-error{color:var(--err);font-size:var(--text-xs);margin-top:var(--sp-1);display:none}
.form-group.has-error .form-input,.form-group.has-error .form-select,.form-group.has-error .form-textarea{border-color:var(--err);box-shadow:0 0 0 4px var(--err-bg)}
.form-group.has-error .form-error{display:block}
.form-success{display:none;padding:var(--sp-5);background:var(--succ-bg);border:1px solid rgba(52,211,153,.12);border-radius:var(--br-md);text-align:center;color:var(--succ);font-size:var(--text-base);font-weight:600}
.hero-form__trust{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-6);padding:var(--sp-3) var(--sp-5);background:rgba(184,150,62,.03);border:1px solid rgba(184,150,62,.06);border-radius:var(--br-md)}
.hero-form__trust-icon{color:var(--gd-600);flex-shrink:0}
.hero-form__trust-text{font-size:var(--text-xs);color:var(--gd-400);line-height:1.5;opacity:.7}

/* Light form variant (modals) */
.form-group-light{margin-bottom:var(--sp-5)}
.form-group-light .form-label{color:var(--gy-600)}
.form-group-light .form-input,.form-group-light .form-select,.form-group-light .form-textarea{color:var(--bg-900);background:#fff;border-color:rgba(255,255,255,.08)}
.form-group-light .form-input:focus,.form-group-light .form-select:focus,.form-group-light .form-textarea:focus{border-color:var(--gd-600);box-shadow:0 0 0 4px rgba(184,150,62,.06)}
.form-group-light .form-input::placeholder,.form-group-light .form-textarea::placeholder{color:var(--gy-300)}
.form-group-light .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239094A0' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}

/* ── 6f. Trust Bar ── */
.trust-bar{background:var(--glass-bg);border-bottom:1px solid var(--glass-border);padding:var(--sp-5) 0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.trust-bar__inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-12);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--sp-10)}
.trust-bar__item{display:flex;align-items:center;gap:var(--sp-2);color:rgba(255,255,255,.35);font-size:var(--text-sm);font-weight:600}
.trust-bar__stars{display:flex;gap:2px;color:var(--gd-500)}
.trust-bar__div{width:1px;height:20px;background:rgba(255,255,255,.06)}

/* ── 6g. Page Hero (inner pages) ── */
.page-hero{background:var(--bg-950);padding:var(--sp-28) 0 var(--sp-20);position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 70% 20%,rgba(184,150,62,.04) 0%,transparent 50%);pointer-events:none}
.page-hero__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.page-hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(184,150,62,.01) 1px,transparent 1px),linear-gradient(90deg,rgba(184,150,62,.01) 1px,transparent 1px);background-size:80px 80px;opacity:.25}
.page-hero__inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-12);position:relative;z-index:1}
.hero-arc{position:absolute;width:400px;height:400px;border-radius:50%;border:1px solid rgba(184,150,62,.025);top:-100px}
.hero-arc:nth-child(1){right:-100px}.hero-arc:nth-child(2){width:300px;height:300px;top:auto;bottom:-80px;left:-80px}
.hero-arc:nth-child(3){width:200px;height:200px;top:50%;right:30%}.hero-arc:nth-child(4){display:none}
.hero-line{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(184,150,62,.08),transparent)}
.breadcrumbs{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-6)}
.breadcrumbs a,.breadcrumbs span{font-size:12px;color:rgba(255,255,255,.25)}
.breadcrumbs a:hover{color:var(--gd-400)}
.breadcrumbs .sep{color:rgba(255,255,255,.08);font-size:10px}
.breadcrumbs .current{color:var(--gd-400);font-weight:700}

/* ── 6h. Service Cards ── */
.srv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}
.srv-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--br-lg);padding:var(--sp-10) var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-4);transition:all var(--dur-med) var(--ease-smooth);position:relative;overflow:hidden;box-shadow:var(--sh-1)}
.srv-card::before{content:'';position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--gd-600),var(--gd-400));transform:scaleX(0);transform-origin:right;transition:transform var(--dur-med) var(--ease-smooth)}
.srv-card:hover{box-shadow:var(--sh-glow-sm);transform:translateY(-6px);border-color:rgba(184,150,62,.12)}
.srv-card:hover::before{transform:scaleX(1)}
.srv-card__icon{width:56px;height:56px;border-radius:var(--br-md);background:rgba(184,150,62,.08);display:flex;align-items:center;justify-content:center;color:var(--gd-500);transition:all var(--dur-med) var(--ease-spring)}
.srv-card:hover .srv-card__icon{background:linear-gradient(135deg,var(--gd-600),var(--gd-400));color:#fff;transform:scale(1.1) rotate(-5deg);box-shadow:var(--sh-glow)}
.srv-card:hover .srv-card__icon svg{transform:scale(1.08)}
.srv-card__icon svg{width:24px;height:24px;transition:transform var(--dur-med) var(--ease-spring)}
.srv-card__tag{margin-bottom:-6px}
.srv-card__title{font-size:var(--text-lg);font-weight:700;color:#fff;line-height:1.35}
.srv-card__desc{font-size:var(--text-sm);color:rgba(255,255,255,.35);line-height:1.8;flex:1}
.srv-card__link{font-size:var(--text-sm);font-weight:700;color:var(--gd-500);display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:auto;transition:gap var(--dur-med) var(--ease-default)}
.srv-card__link:hover{gap:var(--sp-3)}

/* ── 6i. Why-Us Cards ── */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}
.why-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--br-lg);padding:var(--sp-10) var(--sp-8);text-align:center;transition:all var(--dur-med) var(--ease-smooth);position:relative;overflow:hidden;box-shadow:var(--sh-1)}
.why-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gd-600),var(--gd-400));transform:scaleX(0);transition:transform var(--dur-med) var(--ease-smooth)}
.why-card:hover{box-shadow:var(--sh-glow-sm);transform:translateY(-6px)}
.why-card:hover::before{transform:scaleX(1)}
.why-card__icon{width:68px;height:68px;border-radius:var(--br-md);background:rgba(184,150,62,.08);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-5);color:var(--gd-500);transition:all var(--dur-med) var(--ease-spring)}
.why-card:hover .why-card__icon{background:linear-gradient(135deg,var(--gd-600),var(--gd-400));color:#fff;transform:scale(1.12) rotate(-5deg);box-shadow:var(--sh-glow)}
.why-card__icon svg{width:28px;height:28px}
.why-card__title{font-size:var(--text-lg);font-weight:700;color:#fff;margin-bottom:var(--sp-3)}
.why-card__desc{font-size:var(--text-sm);color:rgba(255,255,255,.35);line-height:1.8}

/* ── 6j. Process Section ── */
.process{background:var(--bg-950);padding:var(--sp-28) 0;position:relative;overflow:hidden}
.process::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 45% at 50% 100%,rgba(184,150,62,.04) 0%,transparent 50%);pointer-events:none}
.process__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:var(--sp-16)}
.process__grid::before{content:'';position:absolute;top:36px;right:12%;left:12%;height:1px;background:rgba(184,150,62,.06);z-index:0}
.process__step{text-align:center;padding:0 var(--sp-6);position:relative;z-index:1}
.process__num{width:72px;height:72px;border-radius:50%;margin:0 auto var(--sp-6);display:flex;align-items:center;justify-content:center;background:var(--bg-800);border:2px solid rgba(184,150,62,.1);font-size:22px;font-weight:900;color:var(--gd-500);transition:all var(--dur-slow) var(--ease-default)}
.process__step:hover .process__num{background:linear-gradient(135deg,var(--gd-600),var(--gd-400));color:var(--bg-900);border-color:var(--gd-600);transform:scale(1.15);box-shadow:var(--sh-glow)}
.process__title{color:#fff;font-size:var(--text-base);font-weight:700;margin-bottom:var(--sp-3)}
.process__desc{color:rgba(255,255,255,.25);font-size:var(--text-sm);line-height:1.75}

/* ── 6k. CTA Banner ── */
.cta-banner{background:linear-gradient(135deg,var(--gd-600),var(--gd-400));border-radius:var(--br-2xl);padding:var(--sp-12);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8);margin:var(--sp-20) 0;position:relative;overflow:hidden;box-shadow:var(--sh-glow)}
.cta-banner::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-8H0v-4h36v-8l4 12z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}
.cta-banner>*{position:relative;z-index:1}
.cta-banner__text{color:#fff;font-size:var(--text-lg);font-weight:800;line-height:1.35}
.cta-banner__sub{font-size:var(--text-sm);opacity:.7;margin-top:var(--sp-1)}
.cta-banner .btn{background:#fff;color:var(--gd-600);flex-shrink:0;box-shadow:var(--sh-2);border-radius:var(--br-md)}
.cta-banner .btn:hover{background:var(--gy-50);transform:translateY(-2px);box-shadow:var(--sh-4)}

/* ── 6l. Content Sections ── */
.content-section{padding:var(--sp-20) 0}
.content-section:nth-child(even){background:var(--bg-850)}
.content-block{max-width:800px;margin:0 auto}
.content-block h2{font-size:var(--text-2xl);font-weight:800;color:#fff;margin-bottom:var(--sp-5);line-height:1.25}
.content-block h3{font-size:var(--text-xl);font-weight:700;color:#fff;margin:var(--sp-8) 0 var(--sp-3);line-height:1.35}
.content-block p{font-size:var(--text-base);color:rgba(255,255,255,.55);line-height:1.95;margin-bottom:var(--sp-5)}
.content-block ul{margin:var(--sp-3) 0 var(--sp-6);padding-right:var(--sp-6)}
.content-block ul li{font-size:var(--text-base);color:rgba(255,255,255,.55);line-height:1.85;padding:var(--sp-1) 0;position:relative;padding-right:var(--sp-6)}
.content-block ul li::before{content:'';position:absolute;right:0;top:12px;width:6px;height:6px;border-radius:50%;background:var(--gd-600)}

/* ── 6m. Document List ── */
.doc-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin:var(--sp-6) 0}
.doc-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-6);background:var(--glass-bg);border-radius:var(--br-md);border:1px solid var(--glass-border);transition:all var(--dur-med) var(--ease-smooth)}
.doc-item:hover{border-color:rgba(184,150,62,.15);box-shadow:var(--sh-glow-sm);transform:translateY(-2px)}
.doc-item__icon{width:40px;height:40px;border-radius:var(--br-md);background:rgba(184,150,62,.06);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--gd-500);flex-shrink:0}
.doc-item__icon svg{width:18px;height:18px}
.doc-item__text{font-size:var(--text-sm);font-weight:600;color:#fff}

/* ── 6n. Testimonials ── */
.testimonials{background:var(--bg-850);padding:var(--sp-28) 0;position:relative}
.testimonials__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}
.testi-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--br-lg);padding:var(--sp-10) var(--sp-8);transition:all var(--dur-med) var(--ease-smooth);position:relative;overflow:hidden;box-shadow:var(--sh-1)}
.testi-card::before{content:'"';position:absolute;top:-10px;right:var(--sp-6);font-size:120px;color:var(--gd-600);opacity:.04;font-family:Georgia,serif;line-height:1}
.testi-card:hover{box-shadow:var(--sh-glow-sm);transform:translateY(-6px)}
.testi-card__stars{display:flex;gap:2px;margin-bottom:var(--sp-4);color:var(--gd-500)}
.testi-card__text{font-size:var(--text-base);color:rgba(255,255,255,.55);line-height:1.9;margin-bottom:var(--sp-6);font-style:italic}
.testi-card__author{display:flex;align-items:center;gap:var(--sp-3);border-top:1px solid var(--glass-border);padding-top:var(--sp-5)}
.testi-card__avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--gd-600),var(--gd-400));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:var(--bg-900);flex-shrink:0}
.testi-card__name{font-size:var(--text-sm);font-weight:700;color:#fff}
.testi-card__role{font-size:var(--text-xs);color:rgba(255,255,255,.25)}

/* ── 6o. FAQ Section (DARK CINEMATIC) ── */
.faq-section{background:var(--bg-900);position:relative;overflow:hidden}
.faq-section::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(184,150,62,.03) 0%,transparent 60%);pointer-events:none}
.faq-section .section-header__title{color:#fff}
.faq-section .section-header__sub{color:rgba(255,255,255,.45)}
.faq-section .overline{color:var(--gd-500)}
.faq-item{border-bottom:1px solid rgba(255,255,255,.05)}
.faq-item:first-child{border-top:1px solid rgba(255,255,255,.05)}
.faq-q{width:100%;background:transparent;border:none;display:flex;align-items:center;justify-content:space-between;padding:var(--sp-6) var(--sp-4);gap:var(--sp-5);cursor:pointer;text-align:right;transition:all var(--dur-med) var(--ease-default);-webkit-tap-highlight-color:transparent;border-radius:var(--br-lg)}
.faq-q:hover{background:rgba(184,150,62,.04);padding-right:var(--sp-6)}
.faq-q:active .faq-q__icon{transform:scale(.92)}
.faq-q__text{font-size:var(--text-base);font-weight:700;color:rgba(255,255,255,.9);line-height:1.5;transition:color var(--dur-base) var(--ease-default)}
.faq-q:hover .faq-q__text{color:var(--gd-400)}
.faq-q__icon{width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:all var(--dur-med) var(--ease-spring);flex-shrink:0;color:var(--gd-500);font-size:18px;font-weight:700;line-height:1;background:rgba(184,150,62,.05)}
.faq-q__icon svg{width:18px;height:18px;transition:transform var(--dur-med) var(--ease-spring)}
.faq-item.open .faq-q__icon{transform:rotate(45deg);background:rgba(184,150,62,.1);border-color:var(--gd-500)}
.faq-item.open .faq-q{background:rgba(184,150,62,.03)}
.faq-a{max-height:0;overflow:hidden;font-size:var(--text-base);color:rgba(255,255,255,.5);line-height:1.9;transition:max-height var(--dur-slow) var(--ease-default),padding-bottom var(--dur-slow) var(--ease-default);padding:0;padding-left:var(--sp-10)}
.faq-item.open .faq-a{max-height:500px;padding-bottom:var(--sp-8)}

/* ── 6p. CTA Section ── */
.cta-section{background:var(--bg-950);padding:var(--sp-28) 0;text-align:center;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 45% at 50% 0%,rgba(184,150,62,.04) 0%,transparent 50%);pointer-events:none}
.cta-section .container{position:relative;z-index:1}
.cta-actions{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);flex-wrap:wrap}

/* ── 6q. Stats Section ── */
.stats-section{background:var(--bg-850);padding:var(--sp-20) 0;position:relative;overflow:hidden}
.stats-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 45% at 50% 50%,rgba(184,150,62,.035) 0%,transparent 50%);pointer-events:none}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;z-index:1}
.stat-item{text-align:center;padding:var(--sp-8) var(--sp-6);position:relative}
.stat-item:not(:last-child)::after{content:'';position:absolute;left:0;top:20%;height:60%;width:1px;background:rgba(255,255,255,.04)}
.stat-item__num{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:900;color:var(--gd-500);line-height:1;letter-spacing:-.03em;margin-bottom:var(--sp-3)}
.stat-item__num span{font-size:.5em;color:var(--gd-400);font-weight:700}
.stat-item__label{font-size:var(--text-sm);color:rgba(255,255,255,.3);line-height:1.5}

/* ── 6r. Contact Grid ── */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-14);align-items:start}
.info-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--br-lg);padding:var(--sp-8) var(--sp-6);margin-bottom:var(--sp-5);transition:all var(--dur-med) var(--ease-smooth)}
.info-card:hover{box-shadow:var(--sh-glow-sm);transform:translateY(-3px);border-color:rgba(184,150,62,.1)}
.info-card__icon{width:52px;height:52px;border-radius:var(--br-md);background:rgba(184,150,62,.06);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-4);color:var(--gd-500);transition:all var(--dur-med) var(--ease-default)}
.info-card:hover .info-card__icon{background:linear-gradient(135deg,var(--gd-600),var(--gd-400));color:#fff;border-color:var(--gd-600)}
.info-card__icon svg{width:22px;height:22px}
.info-card__title{font-size:var(--text-base);font-weight:700;color:#fff;margin-bottom:var(--sp-2)}
.info-card__text{font-size:var(--text-sm);color:rgba(255,255,255,.35);line-height:1.75}

/* ── 6s. About Stats ── */
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-6);margin:var(--sp-10) 0}
.about-stat{text-align:center;padding:var(--sp-10) var(--sp-6);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--br-lg);transition:all var(--dur-med) var(--ease-smooth);box-shadow:var(--sh-1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.about-stat:hover{box-shadow:var(--sh-glow-sm);transform:translateY(-6px)}
.about-stat__num{font-size:44px;font-weight:900;color:var(--gd-500);margin-bottom:var(--sp-2);letter-spacing:-.03em}
.about-stat__label{font-size:var(--text-sm);color:rgba(255,255,255,.3)}

/* ── 6t. Values Cards ── */
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}
.value-card{text-align:center;padding:var(--sp-10) var(--sp-6);transition:all var(--dur-med) var(--ease-smooth);border-radius:var(--br-lg);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.value-card:hover{transform:translateY(-6px);box-shadow:var(--sh-glow-sm)}
.value-card__icon{width:64px;height:64px;border-radius:var(--br-md);background:rgba(184,150,62,.08);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-5);color:var(--gd-500);transition:all var(--dur-med) var(--ease-default)}
.value-card:hover .value-card__icon{background:linear-gradient(135deg,var(--gd-600),var(--gd-400));color:#fff;box-shadow:var(--sh-glow)}
.value-card__icon svg{width:28px;height:28px}
.value-card__title{font-size:var(--text-lg);font-weight:700;color:#fff;margin-bottom:var(--sp-3)}
.value-card__desc{font-size:var(--text-sm);color:rgba(255,255,255,.35);line-height:1.8}

/* ── 6u. Related Services ── */
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}
.related-card{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--br-md);transition:all var(--dur-med) var(--ease-smooth);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.related-card:hover{box-shadow:var(--sh-glow-sm);border-color:rgba(184,150,62,.15);transform:translateY(-3px)}
.related-card__icon{width:48px;height:48px;border-radius:var(--br-md);background:rgba(184,150,62,.08);display:flex;align-items:center;justify-content:center;color:var(--gd-500);flex-shrink:0;transition:all var(--dur-med) var(--ease-default)}
.related-card:hover .related-card__icon{background:linear-gradient(135deg,var(--gd-600),var(--gd-400));color:#fff;transform:scale(1.08)}
.related-card__icon svg{width:22px;height:22px}
.related-card__title{font-size:var(--text-sm);font-weight:700;color:#fff}
.related-card__sub{font-size:11px;color:rgba(255,255,255,.25)}

/* ── 6v. Modal System ── */
.modal-overlay{position:fixed;inset:0;background:rgba(4,8,16,.75);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:2000;display:none;align-items:center;justify-content:center;padding:var(--sp-6);opacity:0;transition:opacity var(--dur-med) var(--ease-default)}
.modal-overlay.active{display:flex;opacity:1}
.modal{background:var(--bg-800);border:1px solid var(--glass-border);border-radius:var(--br-2xl);width:100%;max-width:540px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--sh-6),0 0 0 1px rgba(255,255,255,.02);transform:scale(.92) translateY(24px);transition:transform var(--dur-slow) var(--ease-spring)}
.modal-overlay.active .modal{transform:scale(1) translateY(0)}
.modal__header{padding:var(--sp-10) var(--sp-10) 0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4)}
.modal__title{font-size:var(--text-xl);font-weight:800;color:#fff;line-height:1.3}
.modal__sub{font-size:var(--text-sm);color:rgba(255,255,255,.3);margin-top:var(--sp-1)}
.modal__close{width:44px;height:44px;border-radius:50%;background:var(--glass-bg);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4);font-size:18px;transition:all var(--dur-med) var(--ease-default);flex-shrink:0;border:1px solid var(--glass-border);cursor:pointer}
.modal__close:hover{background:var(--glass-bg-strong);color:#fff;transform:rotate(90deg)}
.modal__close:active{transform:rotate(90deg) scale(.92)}
.modal__body{padding:var(--sp-8) var(--sp-10) var(--sp-10)}
.modal__body .form-group{margin-bottom:var(--sp-5)}
.modal__body .form-label{color:rgba(255,255,255,.5)}
.modal__body .form-input,.modal__body .form-select,.modal__body .form-textarea{color:#fff;background:var(--glass-bg);border-color:var(--glass-border)}
.modal__body .form-input:focus,.modal__body .form-select:focus,.modal__body .form-textarea:focus{border-color:var(--gd-600);box-shadow:0 0 0 4px rgba(184,150,62,.08)}
.modal__body .form-input::placeholder,.modal__body .form-textarea::placeholder{color:rgba(255,255,255,.12)}
.modal__body .form-textarea{min-height:100px}
.modal__footer{padding:0 var(--sp-10) var(--sp-10);display:flex;gap:var(--sp-3)}
.modal__footer .btn{flex:1;justify-content:center}
.modal__success{text-align:center;padding:var(--sp-14) var(--sp-10)}
.modal__success-icon{width:80px;height:80px;border-radius:50%;background:var(--succ-bg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-6);color:var(--succ)}
.modal__success-icon svg{width:40px;height:40px}
.modal__success-title{font-size:var(--text-xl);font-weight:800;color:#fff;margin-bottom:var(--sp-3)}
.modal__success-text{font-size:var(--text-base);color:rgba(255,255,255,.35);line-height:1.75}
.modal__error{text-align:center;padding:var(--sp-10);color:var(--err)}
.modal__error-icon{width:64px;height:64px;border-radius:50%;background:var(--err-bg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-4);color:var(--err)}
.modal__error-title{font-size:var(--text-lg);font-weight:700;color:var(--err);margin-bottom:var(--sp-2)}

/* ── 6w. Footer ── */
.footer{background:var(--bg-950);padding:var(--sp-20) 0 var(--sp-8);position:relative}
.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(184,150,62,.06),transparent)}
.footer__top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--sp-12);padding-bottom:var(--sp-10);border-bottom:1px solid rgba(255,255,255,.04);margin-bottom:var(--sp-8)}
.footer__brand-name{color:#fff;font-size:var(--text-base);font-weight:800;margin:var(--sp-4) 0 var(--sp-2)}
.footer__brand-desc{color:rgba(255,255,255,.2);font-size:var(--text-sm);line-height:1.75}
.footer__col-title{color:var(--gd-400);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--sp-5)}
.footer__link{display:block;color:rgba(255,255,255,.2);font-size:var(--text-sm);padding:var(--sp-1) 0;transition:all var(--dur-base) var(--ease-default);line-height:1.7}
.footer__link:hover{color:var(--gd-400);transform:translateX(-4px)}
.footer__bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-4)}
.footer__copy{color:rgba(255,255,255,.1);font-size:11px}
.footer__legal{display:flex;gap:var(--sp-6)}
.footer__legal a{color:rgba(255,255,255,.1);font-size:11px;transition:color var(--dur-base) var(--ease-default)}
.footer__legal a:hover{color:var(--gd-400)}
.footer-cta{margin-bottom:var(--sp-8);padding:var(--sp-8);background:rgba(184,150,62,.04);border:1px solid rgba(184,150,62,.08);border-radius:var(--br-2xl);text-align:center}
.footer-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);text-align:right}
.footer-cta__title{color:#fff;font-size:var(--text-lg);font-weight:800;margin-bottom:var(--sp-2)}
.footer-cta__sub{color:rgba(255,255,255,.2);font-size:var(--text-sm)}
.footer-cta__actions{display:flex;gap:var(--sp-3);flex-shrink:0}

/* ── 6x. Sticky Bar (mobile) ── */
.sticky-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:950;background:rgba(6,11,20,.97);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-top:1px solid rgba(184,150,62,.05);padding:var(--sp-3) var(--sp-6);gap:var(--sp-3);opacity:0;transform:translateY(100%);transition:opacity var(--dur-med) var(--ease-default),transform var(--dur-med) var(--ease-smooth);pointer-events:none}
.sticky-bar.show{opacity:1;transform:translateY(0);pointer-events:auto}
.sticky-bar .btn{flex:1;justify-content:center;font-size:var(--text-sm);padding:var(--sp-4) var(--sp-3)}

/* ── 6y. Back-to-top ── */
.back-to-top{position:fixed;bottom:var(--sp-6);left:var(--sp-6);z-index:900;width:48px;height:48px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--sh-2);display:none;align-items:center;justify-content:center;color:rgba(255,255,255,.4);cursor:pointer;transition:all var(--dur-med) var(--ease-spring)}
.back-to-top:hover{background:rgba(184,150,62,.08);border-color:var(--gd-500);color:var(--gd-400);transform:translateY(-4px);box-shadow:var(--sh-glow-sm)}
.back-to-top:active{transform:translateY(-2px)}
.back-to-top.visible{display:flex;animation:bttIn var(--dur-slow) var(--ease-spring)}
@keyframes bttIn{from{opacity:0;transform:translateY(16px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}

/* ── 6z. Clients Section ── */
.clients-section{padding:var(--sp-16) 0;background:var(--glass-bg);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}
.clients-track{display:flex;gap:var(--sp-14);align-items:center;justify-content:center;flex-wrap:wrap;opacity:.35;transition:opacity var(--dur-med) var(--ease-default)}
.clients-track:hover{opacity:.65}

/* ── 6aa. Comparison Section (NEW) ── */
.compare-section{background:var(--bg-850);padding:var(--sp-28) 0;position:relative}
.compare-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 50% 50%,rgba(184,150,62,.03) 0%,transparent 50%);pointer-events:none}
.compare-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--sp-8);align-items:start;margin-top:var(--sp-16);position:relative;z-index:1}
.compare-col{border-radius:var(--br-xl);padding:var(--sp-10)}
.compare-col--old{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04)}
.compare-col--new{background:rgba(184,150,62,.03);border:1px solid rgba(184,150,62,.08)}
.compare-col__title{font-size:var(--text-lg);font-weight:800;margin-bottom:var(--sp-6);display:flex;align-items:center;gap:var(--sp-3)}
.compare-col--old .compare-col__title{color:rgba(255,255,255,.3)}
.compare-col--new .compare-col__title{color:var(--gd-400)}
.compare-list{list-style:none;padding:0}
.compare-list li{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) 0;border-bottom:1px solid rgba(255,255,255,.03);font-size:var(--text-sm);line-height:1.7}
.compare-col--old .compare-list li{color:rgba(255,255,255,.25)}
.compare-col--new .compare-list li{color:rgba(255,255,255,.55)}
.compare-list li svg{width:18px;height:18px;flex-shrink:0;margin-top:3px}
.compare-col--old .compare-list li svg{color:rgba(255,255,255,.15)}
.compare-col--new .compare-list li svg{color:var(--gd-500)}
.compare-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding-top:var(--sp-16)}
.compare-divider__line{width:1px;height:120px;background:linear-gradient(180deg,transparent,rgba(184,150,62,.15),transparent)}
.compare-divider__vs{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--gd-600),var(--gd-400));display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:900;color:var(--bg-900);box-shadow:var(--sh-glow)}

/* ── 6ab. Credentials Section (NEW) ── */
.credentials-section{background:var(--bg-950);padding:var(--sp-28) 0;position:relative;overflow:hidden}
.credentials-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 30% 50%,rgba(184,150,62,.04) 0%,transparent 50%);pointer-events:none}
.credentials-grid{display:grid;grid-template-columns:340px 1fr;gap:var(--sp-14);align-items:center;margin-top:var(--sp-16);position:relative;z-index:1}
.credentials-photo{position:relative}
.credentials-photo__img{width:100%;aspect-ratio:3/4;border-radius:var(--br-2xl);border:1px solid var(--glass-border);overflow:hidden;position:relative}
.credentials-photo__img img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-smooth)}
.credentials-photo:hover .credentials-photo__img img{transform:scale(1.03)}
.credentials-photo__frame{position:absolute;inset:-8px;border:1px solid rgba(184,150,62,.08);border-radius:calc(var(--br-2xl) + 8px);pointer-events:none}
.credentials-photo__badge{position:absolute;bottom:-12px;right:var(--sp-8);background:linear-gradient(135deg,var(--gd-600),var(--gd-400));color:var(--bg-900);padding:var(--sp-3) var(--sp-6);border-radius:var(--br-full);font-size:var(--text-sm);font-weight:800;box-shadow:var(--sh-glow)}
.credentials-info__list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--sp-4)}
.credentials-info__item{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--br-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--dur-med) var(--ease-smooth)}
.credentials-info__item:hover{border-color:rgba(184,150,62,.12);transform:translateX(-4px);box-shadow:var(--sh-glow-sm)}
.credentials-info__icon{width:44px;height:44px;border-radius:var(--br-md);background:rgba(184,150,62,.08);display:flex;align-items:center;justify-content:center;color:var(--gd-500);flex-shrink:0}
.credentials-info__icon svg{width:20px;height:20px}
.credentials-info__text{font-size:var(--text-base);color:rgba(255,255,255,.6);line-height:1.7}
.credentials-info__text strong{color:#fff;font-weight:700}

/* ═══════════════════════════════════════
   7. MOTION & ANIMATION
   ═══════════════════════════════════════ */
.rv{opacity:0;transform:translateY(32px);transition:opacity var(--dur-xslw) var(--ease-out),transform var(--dur-xslw) var(--ease-out)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:60ms}.rv.d2{transition-delay:120ms}.rv.d3{transition-delay:180ms}
.rv.d4{transition-delay:240ms}.rv.d5{transition-delay:300ms}.rv.d6{transition-delay:360ms}
.counter-num{display:inline-block}
.hover-scale{transition:transform var(--dur-med) var(--ease-default)}
.hover-scale:hover{transform:scale(1.04)}

/* Skeleton loading */
.skeleton{background:linear-gradient(90deg,var(--bg-700) 25%,var(--bg-600) 50%,var(--bg-700) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--br-sm)}
@keyframes skeletonShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.skeleton--text{height:14px;width:100%;margin-bottom:var(--sp-2)}
.skeleton--heading{height:24px;width:60%;margin-bottom:var(--sp-3)}
.skeleton--card{height:200px;width:100%;border-radius:var(--br-lg)}
.skeleton--avatar{width:48px;height:48px;border-radius:50%}

/* Shimmer */
.shimmer{position:relative;overflow:hidden}
.shimmer::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);transform:translateX(-100%);animation:shimmerSlide 2s ease-in-out infinite}
@keyframes shimmerSlide{100%{transform:translateX(100%)}}

/* Page transition */
.page-enter{animation:pageIn var(--dur-slow) var(--ease-smooth)}
@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* Empty state */
.empty-state{text-align:center;padding:var(--sp-16) var(--sp-8)}
.empty-state__icon{width:80px;height:80px;margin:0 auto var(--sp-6);border-radius:50%;background:var(--bg-700);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.2)}
.empty-state__title{font-size:var(--text-lg);font-weight:700;color:#fff;margin-bottom:var(--sp-2)}
.empty-state__desc{font-size:var(--text-sm);color:rgba(255,255,255,.3);margin-bottom:var(--sp-6)}

/* ═══════════════════════════════════════
   8. RESPONSIVE
   ═══════════════════════════════════════ */
@media(max-width:1200px){
  .grid{grid-template-columns:repeat(6,1fr)}
  .hero__inner{grid-template-columns:1fr;gap:var(--sp-12)}
  .hero__inner>*:last-child{max-width:480px;margin:0 auto;width:100%}
  .hero{padding-top:var(--nav-h)}
  .hero__inner{padding:var(--sp-20) var(--sp-12) var(--sp-24)}
  .hero__ornament--circle{width:300px;height:300px}
  .hero__ornament--tl,.hero__ornament--br{width:80px;height:80px}
  .compare-grid{grid-template-columns:1fr;gap:var(--sp-6)}
  .compare-divider{flex-direction:row;padding-top:0}
  .compare-divider__line{width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(184,150,62,.15),transparent)}
  .credentials-grid{grid-template-columns:1fr;gap:var(--sp-10)}
  .credentials-photo{max-width:340px;margin:0 auto}
}

@media(max-width:1024px){
  .srv-grid{grid-template-columns:1fr 1fr}
  .why-grid{grid-template-columns:1fr 1fr}
  .process__grid{grid-template-columns:1fr 1fr;gap:var(--sp-10);margin-top:var(--sp-12)}
  .process__grid::before{display:none}
  .testimonials__grid{grid-template-columns:1fr 1fr}
  .footer__top{grid-template-columns:1fr 1fr;gap:var(--sp-10)}
  .contact-grid{grid-template-columns:1fr}
  .about-stats{grid-template-columns:1fr 1fr}
  .values-grid{grid-template-columns:1fr 1fr}
  .related-grid{grid-template-columns:1fr 1fr}
  .cta-banner{flex-direction:column;text-align:center}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .stat-item:nth-child(2)::after{display:none}
}

@media(max-width:768px){
  :root{--nav-h:72px}
  .container{padding:0 var(--sp-6)}
  .container-narrow{padding:0 var(--sp-6)}
  .nav__inner{padding:0 var(--sp-6);height:var(--nav-h)}
  .nav__links,.nav__phone,.nav__cta{display:none}
  .nav__hamburger{display:flex}
  .sticky-bar{display:flex}
  body{padding-bottom:72px}
  .section{padding:var(--sp-20) 0}
  .section-header{margin-bottom:var(--sp-12)}
  .grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}
  .c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{grid-column:span 1}
  .col-mobile-2{grid-column:span 2}
  .trust-bar__inner{flex-direction:column;gap:var(--sp-4);padding:0 var(--sp-6)}
  .trust-bar__div{display:none}
  .srv-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .process__grid{grid-template-columns:1fr;gap:var(--sp-8)}
  .testimonials__grid{grid-template-columns:1fr}
  .doc-list{grid-template-columns:1fr}
  .footer__top{grid-template-columns:1fr;gap:var(--sp-8)}
  .footer-cta__inner{flex-direction:column;text-align:center}
  .footer-cta__actions{justify-content:center}
  .footer__bottom{flex-direction:column;text-align:center}
  .hero__stats{gap:var(--sp-3)}
  .hero__stat{padding:0 var(--sp-4)}
  .hero__stat-div{height:36px}
  .about-stats{grid-template-columns:1fr 1fr}
  .values-grid{grid-template-columns:1fr}
  .related-grid{grid-template-columns:1fr}
  .hero__inner{padding:var(--sp-16) var(--sp-6) var(--sp-20)}
  .modal{max-width:100%;border-radius:var(--br-lg);margin:var(--sp-3)}
  .modal__header{padding:var(--sp-8) var(--sp-6) 0}
  .modal__body{padding:var(--sp-6) var(--sp-6) var(--sp-8)}
  .modal__footer{padding:0 var(--sp-6) var(--sp-8)}
  .stats-grid{grid-template-columns:1fr 1fr}
  .stat-item::after{display:none!important}
  .hero__ornament{display:none}
  .page-hero{padding:calc(var(--nav-h) + var(--sp-12)) 0 var(--sp-12)}
  .page-hero__inner{padding:0 var(--sp-6)}
  .hero-form{padding:var(--sp-8) var(--sp-6)}
  .cta-banner{padding:var(--sp-8) var(--sp-6)}
  .back-to-top{bottom:var(--sp-16);left:var(--sp-4);width:40px;height:40px}
}

@media(max-width:480px){
  .hero__actions{flex-direction:column;width:100%}
  .hero__actions .btn{width:100%;justify-content:center}
  .cta-actions{flex-direction:column;width:100%}
  .cta-actions .btn{width:100%;justify-content:center}
  .hero__stat{padding:0 var(--sp-3)}
  .hero__stat-num{font-size:32px}
  .hero__inner{padding:var(--sp-12) var(--sp-5) var(--sp-16)}
  .stats-section{padding:var(--sp-12) 0}
  .section{padding:var(--sp-16) 0}
  .cta-section{padding:var(--sp-16) 0}
  .hero-form{padding:var(--sp-6) var(--sp-5)}
  .hero-form__title{font-size:var(--text-lg)}
  .hero__desc{font-size:var(--text-base)}
  .hero__badge{font-size:10px;padding:var(--sp-1) var(--sp-3)}
  .hero__stat-label{font-size:10px}
  .testi-card{padding:var(--sp-8) var(--sp-6)}
  .srv-card{padding:var(--sp-8) var(--sp-6)}
  .why-card{padding:var(--sp-8) var(--sp-6)}
  .content-block h2{font-size:var(--text-xl)}
  .content-block h3{font-size:var(--text-lg)}
  .stats-grid{grid-template-columns:1fr 1fr}
  .grid{grid-template-columns:1fr}
  .col-mobile-2{grid-column:span 1}
}

@media(min-width:1440px){
  .container{max-width:1400px}
  .nav__inner{max-width:1400px}
  :root{--text-base:1rem}
}

/* ═══════════════════════════════════════
   8b. MOBILE FIXES — iOS, Touch, Performance
   ═══════════════════════════════════════ */

/* iOS auto-zoom prevention (16px minimum on inputs) */
@media(max-width:768px){
  .form-input,.form-select,.form-textarea{font-size:16px}
}

/* Safe area for iPhones with notch */
@media(max-width:768px){
  .sticky-bar{padding-bottom:calc(var(--sp-3) + env(safe-area-inset-bottom,0px))}
}

/* Touch targets: nav links, footer, back-to-top */
.nav__link{padding:var(--sp-3) var(--sp-4)}
.footer__link{padding:var(--sp-2) 0}
.back-to-top{width:48px;height:48px}
.faq-q__icon{width:40px;height:40px}

/* Glass morphism solid fallback */
.srv-card,.why-card,.testi-card,.info-card,.about-stat,.value-card,.related-card,.credentials-info__item{
  background:rgba(6,11,20,.5)
}

/* Reduce blur on mobile for performance */
@media(max-width:768px){
  :root{--glass-blur:20px}
  .nav__mobile{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
}

/* Hero: reduce min-height on mobile to prevent overflow */
@media(max-width:768px){
  .hero{min-height:auto;padding-top:var(--nav-h);padding-bottom:var(--sp-12)}
}

/* Stat numbers: responsive scaling */
.hero__stat-num{font-size:clamp(2rem,8vw,2.75rem)}
.about-stat__num{font-size:clamp(2rem,8vw,2.75rem)}

/* Ultra-small screens (320-360px) */
@media(max-width:360px){
  .hero__stat-num{font-size:28px}
  .hero__stat-label,.hero__badge{font-size:11px}
  .hero__inner{padding:var(--sp-10) var(--sp-4) var(--sp-12)}
  .hero-form{padding:var(--sp-5) var(--sp-4)}
  .container{padding:0 var(--sp-4)}
}

/* Landscape phones */
@media(max-height:500px) and (orientation:landscape){
  .hero{min-height:auto;padding-top:var(--nav-h);padding-bottom:var(--sp-8)}
  .hero__bg{display:none}
}

/* ═══════════════════════════════════════
   9. UTILITIES
   ═══════════════════════════════════════ */
.hide{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.no-scroll{overflow:hidden;touch-action:none}
.aspect-square{aspect-ratio:1/1}
.aspect-video{aspect-ratio:16/9}
.rounded-full{border-radius:var(--br-full)}
.shimmer-bg{background:linear-gradient(135deg,var(--bg-700),var(--bg-600))}

.hero__content{display:flex;flex-direction:column;gap:var(--sp-4)}
.req{color:var(--err);font-weight:700}
.testi-card__quote{position:absolute;top:-8px;right:var(--sp-6);font-size:100px;color:var(--gd-600);opacity:.05;font-family:Georgia,serif;line-height:1;pointer-events:none;user-select:none}
.decorative{position:relative}
.rv.d1-d6{transition-delay:60ms}
.rv.d7{transition-delay:420ms}