/* ═══════════════════════════════════════════════════
   PetsLife Landing — Design Tokens
   ═══════════════════════════════════════════════════ */
:root {
  --navy:       #192639;
  --navy-light: #1E2D42;
  --navy-deep:  #0F1923;
  --gold:       #F3D083;
  --gold-btn:   #E4C47E;
  --gold-card:  #FEE3AA;
  --accent:     #D4A574;
  --text-cream: #F3F1D7;
  --light-bg:   #F8F9FA;
  --white:      #FFFFFF;
  --text-dark:  #1E293B;
  --text-muted: rgba(255,255,255,.6);
  --text-light: rgba(255,255,255,.85);
  --text-gray:  #6B7280;
  --radius-sm:  12px;
  --radius-md:  20px;
  --radius-lg:  28px;
  --radius-pill: 40px;
  --font: 'Nunito', system-ui, -apple-system, sans-serif;
  --transition: .3s cubic-bezier(.4,0,.2,1);
}

/* ═══════════  LIGHT THEME  ═══════════ */
[data-theme="light"]{
  --navy:       #F5EDE3;
  --navy-light: #FFFFFF;
  --navy-deep:  #EDE5DB;
  --light-bg:   #FFFFFF;
  --text-dark:  #1E293B;
  --text-muted: rgba(30,41,59,.55);
  --text-light: rgba(30,41,59,.8);
  --text-gray:  #6B7280;
  --text-cream: #1E293B;
}
/* Light theme: WCAG AA contrast fixes
   Gold #F3D083 on #F5EDE3 = 1.7:1 FAIL → use #8B6914 (7:1) for text
   White on beige = FAIL → use #1E293B (dark navy) for all text
   Accent for decorative only, dark variants for readable text */
[data-theme="light"] body{color:var(--text-dark);background:var(--navy)}
[data-theme="light"] .section--dark{background:var(--navy)}
[data-theme="light"] .section-title{color:var(--text-dark)}
[data-theme="light"] .section-subtitle{color:#4B5563}
[data-theme="light"] .nav{background:rgba(245,237,227,.92);border-bottom-color:rgba(0,0,0,.08)}
[data-theme="light"] .nav--scrolled{background:rgba(245,237,227,.97);box-shadow:0 4px 20px rgba(0,0,0,.1)}
[data-theme="light"] .nav__link{color:#374151}
[data-theme="light"] .nav__link:hover{color:#8B6914}
[data-theme="light"] .nav__link.active{color:#8B6914}
[data-theme="light"] .nav__logo{color:var(--text-dark)}
[data-theme="light"] .nav__logo sup svg path{fill:#8B6914}
[data-theme="light"] .btn--ghost{color:#374151;border-color:rgba(0,0,0,.2)}
[data-theme="light"] .btn--ghost:hover{background:rgba(0,0,0,.05)}
[data-theme="light"] .hero__blob{opacity:.06}
/* Hero text — dark on light bg for readability */
[data-theme="light"] .hero__title{color:#1E293B}
[data-theme="light"] .hero__title .gold{color:#8B6914}
[data-theme="light"] .hero__subtitle{color:#4B5563;opacity:1}
[data-theme="light"] .paw-sup svg path{fill:#8B6914}
/* About section */
[data-theme="light"] .about__item{background:var(--navy-light);border-color:rgba(0,0,0,.08);
  box-shadow:0 2px 8px rgba(0,0,0,.04)}
[data-theme="light"] .about__item strong{color:#1E293B}
[data-theme="light"] .about__item p{color:#4B5563}
[data-theme="light"] .about__num{background:linear-gradient(135deg,#B8860B,#8B6914);color:#FFFFFF}
/* Benefits */
[data-theme="light"] .benefit{border-right-color:rgba(0,0,0,.08)}
[data-theme="light"] .benefit h4{color:#1E293B}
[data-theme="light"] .benefit p{color:#4B5563}
[data-theme="light"] .benefit__icon{background:rgba(139,105,20,.08)}
[data-theme="light"] .benefit__icon svg{stroke:#8B6914}
[data-theme="light"] .benefits{border-top-color:rgba(0,0,0,.08)}
/* How it works — gold cards stay readable (dark text on gold bg) */
[data-theme="light"] .how__step{border-color:rgba(139,105,20,.2)}
/* Experts */
[data-theme="light"] .expert-card{border-right-color:rgba(0,0,0,.1)}
[data-theme="light"] .expert-card__header h4{color:#1E293B}
[data-theme="light"] .expert-card__header p{color:#6B7280}
[data-theme="light"] .expert-card__avatar{border-color:#8B6914}
[data-theme="light"] .expert-card__quote{color:#374151;opacity:1}
[data-theme="light"] .tag{background:rgba(139,105,20,.1);color:#6B5300}
/* Social cards */
[data-theme="light"] .social-card__icon{background:rgba(139,105,20,.08)}
[data-theme="light"] .social-card__icon svg{stroke:#8B6914}
[data-theme="light"] .social-card__badge{background:rgba(139,105,20,.08);color:#6B5300}
/* Partners */
[data-theme="light"] .partner-feature svg{stroke:#8B6914}
[data-theme="light"] .partner-feature:hover{border-color:#B8860B}
/* Store buttons — darker gold for better contrast */
[data-theme="light"] .store-btn{background:#C9A84C;color:#1E293B;
  box-shadow:0 4px 16px rgba(139,105,20,.2)}
[data-theme="light"] .store-btn:hover{background:#B8960F}
[data-theme="light"] .store-btn small{color:#374151}
[data-theme="light"] .store-btn strong{color:#1E293B}
/* Screens carousel */
[data-theme="light"] .screen-item p{color:#374151}
[data-theme="light"] .screens__arrow{border-color:#9CA3AF;color:#374151}
[data-theme="light"] .screens__arrow:hover{border-color:#8B6914;color:#8B6914}
/* Contact */
[data-theme="light"] .hero__phone{filter:drop-shadow(0 32px 80px rgba(0,0,0,.12))}
[data-theme="light"] .contact__grid{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.08)}
[data-theme="light"] .contact__form h3{color:#1E293B}
[data-theme="light"] .contact__form input,
[data-theme="light"] .contact__form textarea{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.12);color:#1E293B}
[data-theme="light"] .contact__form input::placeholder,
[data-theme="light"] .contact__form textarea::placeholder{color:#9CA3AF}
[data-theme="light"] .contact__form input:focus,
[data-theme="light"] .contact__form textarea:focus{border-color:#8B6914;
  box-shadow:0 0 0 3px rgba(139,105,20,.15)}
/* CTA buttons in light */
[data-theme="light"] .btn--gold{background:#C9A84C;color:#1E293B;border-color:#C9A84C}
[data-theme="light"] .btn--gold:hover{background:#B8960F;box-shadow:0 8px 24px rgba(139,105,20,.25)}
[data-theme="light"] .btn--gold-outline{color:#6B5300;border-color:#B8860B}
[data-theme="light"] .btn--gold-outline:hover{background:#C9A84C;color:#1E293B}
/* Nav progress */
[data-theme="light"] .nav__progress{background:#8B6914}
/* Footer */
[data-theme="light"] .footer{background:#E8DFD4;border-top-color:rgba(0,0,0,.08)}
[data-theme="light"] .footer__col p,
[data-theme="light"] .footer__col a{color:#4B5563}
[data-theme="light"] .footer__col h5{color:#1E293B}
[data-theme="light"] .footer__bottom p{color:#6B7280}
[data-theme="light"] .footer__logo{color:#1E293B}
[data-theme="light"] .footer__col p,
[data-theme="light"] .footer__col a{color:var(--text-gray)}
[data-theme="light"] .footer__col h5{color:var(--text-dark)}
[data-theme="light"] .footer__bottom p{color:var(--text-gray)}
[data-theme="light"] .theme-toggle{color:var(--accent);background:rgba(212,165,116,.12);border-color:rgba(212,165,116,.25)}
[data-theme="light"] .store-btn{box-shadow:0 4px 16px rgba(228,196,126,.3)}

/* ═══════════  RESET / BASE  ═══════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
*{transition:background-color .5s ease, color .4s ease, border-color .4s ease, box-shadow .4s ease}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font);font-size:16px;line-height:1.6;color:var(--white);background:var(--navy);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:var(--transition)}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}
input,textarea{font-family:inherit;font-size:inherit}

/* ═══════════  UTILITIES  ═══════════ */
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.gold{color:var(--gold)}
.paw-sup{vertical-align:super;line-height:0;display:inline-block;margin-left:2px}
.paw-sup svg{vertical-align:middle}
.section-title{font-size:clamp(28px,4vw,42px);font-weight:800;text-align:center;margin-bottom:12px;line-height:1.2}
.section-title--dark{color:var(--text-dark)}
.section-subtitle{text-align:center;color:var(--text-muted);font-size:16px;margin-bottom:48px;font-weight:500}
.section--dark{background:var(--navy);padding:80px 0}
.section--light{background:var(--light-bg);padding:80px 0}
.section--light .section-subtitle{color:var(--text-gray)}

/* ═══════════  BUTTONS  ═══════════ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 28px;border-radius:var(--radius-pill);font-weight:700;font-size:14px;
  transition:var(--transition);cursor:pointer;white-space:nowrap}
.btn--ghost{color:var(--white);border:1px solid rgba(255,255,255,.25)}
.btn--ghost:hover{background:rgba(255,255,255,.08)}
.btn--gold{background:var(--gold-btn);color:var(--navy);border:2px solid var(--gold-btn)}
.btn--gold:hover{background:#e8c36e;transform:translateY(-2px);box-shadow:0 8px 24px rgba(243,208,131,.3)}
.btn--gold-outline{background:transparent;color:var(--gold);border:2px solid var(--gold)}
.btn--gold-outline:hover{background:var(--gold);color:var(--navy)}
.btn--lg{padding:16px 36px;font-size:16px}
.btn--full{width:100%}

/* ═══════════  NAV  ═══════════ */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(25,38,57,.85);backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(243,208,131,.08);transition:var(--transition)}
.nav--scrolled{background:rgba(25,38,57,.97);box-shadow:0 4px 20px rgba(0,0,0,.3)}
.nav__progress{position:absolute;bottom:0;left:0;height:2px;background:var(--gold);
  transition:width .15s linear;width:0}
.nav__link.active{color:var(--gold)}
.nav__link.active::after{width:100%}
.nav__container{max-width:1200px;margin:0 auto;padding:0 24px;
  display:flex;align-items:center;justify-content:space-between;height:72px}
.nav__logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--white)}
.nav__logo sup{color:var(--gold);font-size:10px}
.nav__links{display:flex;gap:28px}
.nav__link{color:var(--text-light);font-size:14px;font-weight:600;transition:var(--transition);position:relative}
.nav__link:hover{color:var(--gold)}
.nav__link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;
  background:var(--gold);transition:var(--transition)}
.nav__link:hover::after{width:100%}
/* Language dropdown */
.lang-switcher{position:relative}
.lang-dropdown__toggle{display:flex;align-items:center;gap:6px;
  padding:8px 14px;border-radius:10px;font-size:13px;font-weight:700;
  color:var(--gold);background:rgba(243,208,131,.1);
  border:1px solid rgba(243,208,131,.2);cursor:pointer;
  transition:var(--transition);font-family:var(--font)}
.lang-dropdown__toggle:hover{background:rgba(243,208,131,.2)}
.lang-dropdown__chevron{transition:transform .3s ease}
.lang-switcher.open .lang-dropdown__chevron{transform:rotate(180deg)}
.lang-dropdown__menu{position:absolute;top:calc(100% + 8px);right:0;
  background:var(--navy-light);border:1px solid rgba(243,208,131,.15);
  border-radius:12px;padding:6px;min-width:160px;
  box-shadow:0 12px 32px rgba(0,0,0,.3);
  opacity:0;visibility:hidden;transform:translateY(-8px) scale(.96);
  transition:opacity .25s ease,transform .25s ease,visibility .25s ease}
.lang-switcher.open .lang-dropdown__menu{opacity:1;visibility:visible;
  transform:translateY(0) scale(1)}
.lang-btn{display:flex;align-items:center;gap:8px;width:100%;
  padding:10px 14px;border-radius:8px;font-size:14px;font-weight:600;
  color:rgba(255,255,255,.7);background:transparent;cursor:pointer;
  transition:var(--transition);font-family:var(--font);text-align:left;border:none}
.lang-btn:hover{background:rgba(243,208,131,.1);color:var(--white)}
.lang-btn--active{color:var(--gold);background:rgba(243,208,131,.08)}
[data-theme="light"] .lang-dropdown__toggle{color:var(--accent);background:rgba(212,165,116,.1);border-color:rgba(212,165,116,.2)}
[data-theme="light"] .lang-dropdown__menu{background:var(--white);border-color:rgba(0,0,0,.08);box-shadow:0 12px 32px rgba(0,0,0,.1)}
[data-theme="light"] .lang-btn{color:var(--text-gray)}
[data-theme="light"] .lang-btn:hover{background:rgba(0,0,0,.04);color:var(--text-dark)}
[data-theme="light"] .lang-btn--active{color:var(--accent);background:rgba(212,165,116,.08)}

/* Theme toggle */
.theme-toggle{width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:var(--gold);background:rgba(243,208,131,.1);
  border:1px solid rgba(243,208,131,.2);transition:var(--transition);cursor:pointer}
.theme-toggle:hover{background:rgba(243,208,131,.2);transform:scale(1.1)}
.theme-toggle__moon{display:none}
[data-theme="light"] .theme-toggle__sun{display:none}
[data-theme="light"] .theme-toggle__moon{display:block}
.nav__actions{display:flex;gap:12px;align-items:center}
.nav__burger{display:none;flex-direction:column;gap:5px;padding:8px}
.nav__burger span{width:22px;height:2px;background:var(--white);transition:var(--transition)}

/* ═══════════  HERO  ═══════════ */
/* Hero — Figma: 1231x599, mockup 454x575 (37%), text starts at 45% */
.hero{padding:100px 0 80px;position:relative;overflow:hidden;min-height:100vh;
  display:flex;align-items:center}
.hero__container{max-width:1240px;margin:0 auto;padding:0 32px;
  display:grid;grid-template-columns:45fr 55fr;gap:40px;align-items:center}
.hero__title{font-size:clamp(32px,3.8vw,47px);font-weight:700;line-height:1.65;margin-bottom:24px;
  font-family:'Poppins',var(--font);color:var(--text-cream);letter-spacing:-.5px}
.hero__subtitle{color:var(--text-cream);opacity:.8;font-size:18px;line-height:1.7;margin-bottom:36px;max-width:510px;font-weight:400;
  font-family:'Poppins',var(--font)}
.hero__buttons{display:flex;gap:20px;flex-wrap:nowrap}

/* Store buttons — Figma: 323x63px, gold #E4C47E, rounded 10px */
.store-btn{display:flex;align-items:center;gap:10px;
  background:var(--gold-btn);border:none;
  padding:12px 28px;border-radius:10px;color:var(--navy);
  transition:var(--transition);font-family:'Plus Jakarta Sans','Poppins',var(--font)}
.store-btn:hover{background:#d4b56c;transform:translateY(-2px);box-shadow:0 8px 24px rgba(228,196,126,.3)}
.store-btn svg{flex-shrink:0;width:18px;height:18px}
.store-btn small{font-size:10px;opacity:.6;display:block;line-height:1;color:var(--navy)}
.store-btn strong{font-size:16px;font-weight:600;color:var(--navy)}

/* Mockup — увеличенный */
.hero__mockup{display:flex;justify-content:center;align-items:center;position:relative}
.hero__phone{width:620px;filter:drop-shadow(0 32px 80px rgba(0,0,0,.45));position:relative;z-index:2}
.hero__phone img{width:100%;border-radius:44px}

/* Hero blobs */
.hero__blobs{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero__blob{position:absolute;border-radius:50%;opacity:.15;filter:blur(80px)}
.hero__blob--1{width:500px;height:500px;background:var(--gold);top:-100px;right:-100px;
  animation:blobFloat 8s ease-in-out infinite}
.hero__blob--2{width:400px;height:400px;background:var(--accent);bottom:-80px;left:-80px;
  animation:blobFloat 10s ease-in-out infinite reverse}
@keyframes blobFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,-20px)}}

/* ═══════════  ABOUT  ═══════════ */
/* Figma: 2 columns, 6 numbered items */
.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:72px}
.about__item{display:flex;gap:18px;align-items:flex-start;
  background:var(--navy-light);border:1px solid rgba(243,208,131,.08);
  padding:28px;border-radius:var(--radius-md);transition:var(--transition)}
.about__item:hover{border-color:rgba(243,208,131,.2);transform:translateY(-3px);
  box-shadow:0 8px 24px rgba(0,0,0,.2)}
.about__num{flex-shrink:0;width:40px;height:40px;
  background:linear-gradient(135deg,var(--gold),var(--accent));
  color:var(--navy);font-weight:800;font-size:18px;
  border-radius:10px;display:flex;align-items:center;justify-content:center}
.about__item strong{color:var(--white);font-size:16px;display:block;margin-bottom:6px;font-weight:700}
.about__item p{color:var(--text-muted);font-size:14px;line-height:1.6}

/* Benefits — Figma: 4 cols with vertical dividers, icons ~90px */
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;text-align:center;
  border-top:1px solid rgba(243,208,131,.12);padding-top:48px;margin-top:16px}
.benefit{padding:32px 24px;border-radius:0;transition:var(--transition);
  border-right:1px solid rgba(243,208,131,.08)}
.benefit:last-child{border-right:none}
.benefit:hover{background:rgba(243,208,131,.04)}
.benefit__icon{width:80px;height:80px;margin:0 auto 20px;
  display:flex;align-items:center;justify-content:center}
.benefit__icon svg{width:48px;height:48px}
.benefit h4{color:var(--white);font-size:16px;font-weight:700;margin-bottom:10px}
.benefit p{color:var(--text-muted);font-size:14px;line-height:1.5}

/* ═══════════  HOW IT WORKS  ═══════════ */
.how__grid{display:grid;grid-template-columns:50fr 50fr;gap:32px;align-items:center}
.how__mockup{display:flex;justify-content:center;position:relative;overflow:visible}
.how__mockup img{width:140%;max-width:none;border-radius:36px;
  filter:drop-shadow(0 32px 64px rgba(0,0,0,.4));margin-left:-20%}
/* Step cards */
.how__steps{display:flex;flex-direction:column;gap:16px}
.how__step{display:flex;gap:20px;align-items:center;
  background:var(--gold-card);backdrop-filter:blur(17.5px);
  border:3px solid rgba(255,255,255,.5);
  padding:18px 26px;border-radius:11px;min-height:96px;
  transition:var(--transition);opacity:.95}
.how__step:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.12);opacity:1}
.how__step-num{flex-shrink:0;font-weight:600;font-size:26px;color:var(--navy);
  font-family:'Poppins',var(--font);line-height:1;min-width:32px;text-align:center;
  align-self:center}
.how__step h4{color:var(--navy);font-size:17px;font-weight:700;margin-bottom:3px;
  font-family:'Poppins',var(--font);line-height:1.3}
.how__step p{color:var(--navy);font-size:14px;line-height:1.55;opacity:.85;
  font-family:'Poppins',var(--font)}

/* ═══════════  EXPERTS  ═══════════ */
/* Figma: 3 cols, 384x315 each, vertical dividers */
.experts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.expert-card{background:transparent;border:none;border-right:1px solid rgba(243,208,131,.1);
  padding:32px;border-radius:0;transition:var(--transition)}
.expert-card:last-child{border-right:none}
.expert-card:hover{background:rgba(243,208,131,.04)}
.expert-card__header{display:flex;gap:14px;align-items:center;margin-bottom:20px}
.expert-card__avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;
  border:2px solid var(--gold)}
.expert-card__header h4{color:var(--white);font-size:15px;font-weight:700}
.expert-card__header p{color:var(--text-muted);font-size:12px}
.expert-card__quote{color:var(--text-light);font-size:14px;line-height:1.7;
  font-style:italic;margin-bottom:20px}
.expert-card__tags{display:flex;gap:8px;flex-wrap:wrap}
.tag{background:rgba(243,208,131,.12);color:var(--gold);
  padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600}

/* ═══════════  SOCIAL  ═══════════ */
.social__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.social-card{background:var(--white);padding:32px;border-radius:var(--radius-md);
  border:1px solid #E5E7EB;transition:var(--transition);text-align:center}
.social-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.08)}
.social-card__icon{width:64px;height:64px;margin:0 auto 20px;
  background:rgba(212,165,116,.1);border-radius:20px;
  display:flex;align-items:center;justify-content:center}
.social-card h4{color:var(--text-dark);font-size:18px;font-weight:700;margin-bottom:10px}
.social-card p{color:var(--text-gray);font-size:14px;line-height:1.6;margin-bottom:16px}
.social-card__badge{display:inline-block;background:rgba(212,165,116,.12);
  color:var(--accent);padding:6px 16px;border-radius:20px;
  font-size:12px;font-weight:700}

/* ═══════════  SCREENS CAROUSEL  ═══════════ */
.screens{padding:60px 0}
.screens__track{display:flex;gap:24px;justify-content:center;align-items:center;
  padding:20px 0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.screen-item{flex-shrink:0;text-align:center;opacity:.6;
  transform:scale(.85);transition:var(--transition);scroll-snap-align:center}
.screen-item img{border-radius:24px;box-shadow:0 8px 24px rgba(0,0,0,.1);margin-bottom:12px}
.screen-item p{color:var(--text-gray);font-size:13px;font-weight:600}
.screen-item--active{opacity:1;transform:scale(1)}
.screens__nav{display:flex;justify-content:center;gap:16px;margin-top:24px}
.screens__arrow{width:44px;height:44px;border-radius:50%;
  border:2px solid #D1D5DB;color:var(--text-gray);font-size:18px;
  display:flex;align-items:center;justify-content:center;transition:var(--transition)}
.screens__arrow:hover{border-color:var(--accent);color:var(--accent)}

/* ═══════════  PARTNERS  ═══════════ */
/* Figma: 2 CTA buttons 323x63, grid 4 cols with dividers */
.partners__cta{display:flex;justify-content:center;gap:20px;margin-bottom:56px}
.partners__cta .btn{min-width:260px;padding:18px 40px;font-size:16px;border-radius:10px}
.partners__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  border-top:1px solid #E5E7EB}
.partner-feature{text-align:center;padding:36px 20px;
  border-right:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB;
  transition:var(--transition);background:transparent}
.partner-feature:nth-child(4n){border-right:none}
.partner-feature:hover{background:rgba(212,165,116,.06)}
.partner-feature svg{margin:0 auto 16px}
.partner-feature h4{color:var(--text-dark);font-size:15px;font-weight:700;margin-bottom:8px}
.partner-feature p{color:var(--text-gray);font-size:13px;line-height:1.5}

/* ═══════════  CONTACT  ═══════════ */
/* Figma: glassmorphism card 932x501, left photo 373px */
.contact__grid{display:grid;grid-template-columns:40fr 60fr;gap:0;align-items:stretch;
  background:rgba(255,255,255,.06);backdrop-filter:blur(12px);
  border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.1);
  max-width:940px;margin:0 auto;min-height:500px}
.contact__info{position:relative;overflow:hidden;display:flex;flex-direction:column;
  justify-content:space-between;padding:32px}
.contact__logo{display:flex;align-items:center;gap:12px;font-size:24px;
  font-weight:800;margin-bottom:24px;position:relative;z-index:2}
.contact__logo sup{color:var(--gold);font-size:10px}
.contact__illustration{border-radius:var(--radius-md);opacity:.9;position:relative;z-index:2}
.contact__form{background:transparent;padding:40px;border-radius:0;border:none}
.contact__form h3{font-size:18px;font-weight:700;margin-bottom:20px}
.contact__form input,.contact__form textarea{width:100%;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  border-radius:var(--radius-sm);padding:14px 16px;color:var(--white);
  margin-bottom:14px;transition:var(--transition);font-size:14px}
.contact__form input::placeholder,.contact__form textarea::placeholder{color:var(--text-muted)}
.contact__form input:focus,.contact__form textarea:focus{outline:none;
  border-color:var(--gold);box-shadow:0 0 0 3px rgba(243,208,131,.15)}
.contact__form textarea{resize:vertical;min-height:100px}

/* ═══════════  FOOTER  ═══════════ */
.footer{background:var(--navy-deep);padding:64px 0 24px;
  border-top:1px solid rgba(243,208,131,.06)}
.footer__grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:32px;margin-bottom:40px}
.footer__logo{display:flex;align-items:center;gap:8px;font-size:18px;
  font-weight:800;margin-bottom:12px}
.footer__logo sup{color:var(--gold);font-size:8px}
.footer__col p{color:var(--text-muted);font-size:13px;line-height:1.6}
.footer__col h5{color:var(--white);font-size:14px;font-weight:700;margin-bottom:14px}
.footer__col a{display:block;color:var(--text-muted);font-size:13px;
  margin-bottom:8px;transition:var(--transition)}
.footer__col a:hover{color:var(--gold)}
.footer__bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:20px;text-align:center}
.footer__bottom p{color:var(--text-muted);font-size:13px}

/* ═══════════  SCROLL REVEAL  ═══════════ */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal--delay-1{transition-delay:.15s}
.reveal--delay-2{transition-delay:.3s}
.reveal--delay-3{transition-delay:.45s}

@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .hero__blob{animation:none}
}

/* ═══════════  RESPONSIVE  ═══════════ */
@media(max-width:1024px){
  .nav__links{display:none}
  .nav__burger{display:flex}
  .hero__container{grid-template-columns:1fr;text-align:center}
  .hero__subtitle{margin:0 auto 32px}
  .hero__buttons{justify-content:center}
  .about__grid{grid-template-columns:1fr}
  .benefits{grid-template-columns:repeat(2,1fr)}
  .how__grid{grid-template-columns:1fr;text-align:center}
  .how__mockup{margin-bottom:32px}
  .experts__grid{grid-template-columns:1fr}
  .social__grid{grid-template-columns:1fr}
  .partners__grid{grid-template-columns:repeat(2,1fr)}
  .contact__grid{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:600px){
  .hero{padding:120px 0 60px}
  .section--dark,.section--light{padding:56px 0}
  .benefits{grid-template-columns:1fr}
  .partners__grid{grid-template-columns:1fr}
  .partners__cta{flex-direction:column;align-items:center}
  .hero__buttons{flex-direction:column;align-items:center}
  .footer__grid{grid-template-columns:1fr}
}

/* ═══════════  MOBILE NAV  ═══════════ */
.nav__links.open{display:flex;flex-direction:column;
  position:fixed;top:72px;left:0;right:0;bottom:0;
  background:rgba(25,38,57,.98);backdrop-filter:blur(20px);
  padding:40px 24px;gap:24px;z-index:99}
.nav__links.open .nav__link{font-size:20px}

/* ═══════════  LANGUAGE SWITCHER (dropdown)  ═══════════ */
.lang-switcher{position:relative;z-index:110}
.lang-dropdown__toggle{display:flex;align-items:center;gap:6px;
  padding:6px 12px;border-radius:var(--radius-pill);
  background:rgba(243,208,131,.1);border:1px solid rgba(243,208,131,.2);
  color:var(--gold);font-size:13px;font-weight:700;cursor:pointer;
  transition:var(--transition);font-family:var(--font)}
.lang-dropdown__toggle:hover{background:rgba(243,208,131,.2)}
.lang-dropdown__chevron{transition:transform .2s ease}
.lang-switcher.open .lang-dropdown__chevron{transform:rotate(180deg)}
.lang-dropdown__menu{position:absolute;top:calc(100% + 6px);right:0;
  min-width:140px;background:var(--navy-light);
  border:1px solid rgba(243,208,131,.15);border-radius:var(--radius-sm);
  box-shadow:0 8px 24px rgba(0,0,0,.3);padding:4px;
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
.lang-switcher.open .lang-dropdown__menu{opacity:1;visibility:visible;transform:translateY(0)}
.lang-dropdown__menu .lang-btn{display:block;width:100%;text-align:left;
  padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;
  color:var(--text-light);background:none;border:none;cursor:pointer;
  transition:var(--transition);font-family:var(--font)}
.lang-dropdown__menu .lang-btn:hover{background:rgba(243,208,131,.1);color:var(--gold)}
.lang-dropdown__menu .lang-btn--active{color:var(--gold);background:rgba(243,208,131,.08)}
[data-theme="light"] .lang-dropdown__toggle{background:rgba(212,165,116,.12);
  border-color:rgba(212,165,116,.25);color:var(--accent)}
[data-theme="light"] .lang-dropdown__menu{background:var(--white);
  border-color:rgba(0,0,0,.08);box-shadow:0 8px 24px rgba(0,0,0,.1)}
[data-theme="light"] .lang-dropdown__menu .lang-btn{color:var(--text-dark)}
[data-theme="light"] .lang-dropdown__menu .lang-btn:hover{background:rgba(212,165,116,.1);color:var(--accent)}
[data-theme="light"] .lang-dropdown__menu .lang-btn--active{color:var(--accent);background:rgba(212,165,116,.08)}