*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#171717;background:#fff;line-height:1.65}
a{text-decoration:none;color:inherit}
.wrap{width:min(1120px,calc(100% - 40px));margin:auto}
.narrow{max-width:820px}
.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid #e8e8e8}
.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:900;letter-spacing:.08em;font-size:18px}.brand span{font-weight:500}
.nav-contact{font-weight:700;font-size:14px}
.hero{background:#111;color:#fff;padding:90px 0 85px}
.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;margin:0 0 16px;opacity:.7}
h1{font-size:clamp(42px,6vw,78px);line-height:1.02;letter-spacing:-.045em;margin:0 0 26px}
h1 span{font-weight:400}
h2{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.03em;margin:0 0 22px}
h3{font-size:20px;line-height:1.2;margin:14px 0 8px}
.lead{font-size:19px;max-width:720px;color:#d7d7d7}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:800}
.primary{background:#fff;color:#111}.secondary{border:1px solid #555;color:#fff}
.outline{border:1px solid #aaa}
.area{font-size:14px;color:#aaa;margin-top:22px}
.hero-card{border:1px solid #444;border-radius:24px;padding:36px;background:linear-gradient(145deg,#1d1d1d,#111)}
.card-mark{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;background:#fff;color:#111;font-weight:900;font-size:22px}
.quote{font-size:28px;line-height:1.2;font-weight:750;margin:30px 0 14px}
.small{color:#aaa;margin:0}
.section{padding:90px 0}.light{background:#f5f4f0}.dark{background:#151515;color:#fff}
.section p{font-size:17px;color:#555}.dark p{color:#ccc}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.steps article,.service-grid>div{padding:28px;border:1px solid #ddd;border-radius:18px;background:#fff}
.steps b{font-size:13px;letter-spacing:.1em;color:#888}
.steps p,.service-grid p{font-size:15px;margin:0;color:#666}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}
.contact{padding:75px 0;background:#dedbd2}
.contact-inner{display:flex;justify-content:space-between;gap:40px;align-items:center}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap}
.contact .primary{background:#111;color:#fff}.contact .outline{border-color:#555}
footer{background:#111;color:#aaa;padding:25px 0}
.footer-inner{display:flex;justify-content:space-between;gap:20px;font-size:13px}
footer strong{color:#fff;letter-spacing:.08em}
@media(max-width:800px){.hero-grid,.two-col{grid-template-columns:1fr}.hero{padding:65px 0}.hero-card{margin-top:10px}.steps,.service-grid{grid-template-columns:1fr 1fr}.contact-inner{display:block}.contact-actions{margin-top:25px}}
@media(max-width:520px){.wrap{width:min(100% - 28px,1120px)}.nav-contact{font-size:12px}.steps,.service-grid{grid-template-columns:1fr}.section{padding:65px 0}.hero{padding:55px 0 60px}.quote{font-size:24px}.footer-inner{display:block}.footer-inner span{display:block;margin-top:8px}}


.social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 10px;
}
.social-links a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  opacity: .85;
}
.social-links a:hover {
  opacity: 1;
}

.site-logo{display:block;width:min(100%,320px);height:auto;margin:0 auto 22px;border-radius:18px}
.hero-card .quote{margin-top:8px}


.lang-switcher{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.lang-link{font-size:12px;font-weight:800;letter-spacing:.02em;padding:6px 9px;border:1px solid #d5d5d5;border-radius:999px;color:#555;background:#fff}
.lang-link.active{background:#111;color:#fff;border-color:#111}
.hero .lang-link{color:#ddd;border-color:#555;background:transparent}
.hero .lang-link.active{background:#fff;color:#111;border-color:#fff}
@media(max-width:520px){.lang-switcher{gap:5px}.lang-link{font-size:11px;padding:5px 7px}}
html[dir="rtl"] body{font-family:Tahoma,"Segoe UI",Arial,sans-serif}
html[dir="rtl"] .site-header .nav{direction:rtl}
html[dir="rtl"] .hero-grid,html[dir="rtl"] .two-col,html[dir="rtl"] .contact-inner{direction:rtl}
html[dir="rtl"] .steps,html[dir="rtl"] .service-grid{direction:rtl}
html[dir="rtl"] .actions,html[dir="rtl"] .contact-actions{direction:rtl}
html[dir="rtl"] .footer-inner{direction:rtl}
html[dir="rtl"] .lang-switcher{direction:ltr}


/* Google Business Profile / Maps */
.google-profile { background:#111; color:#fff; }
.google-profile-inner { display:grid; grid-template-columns:1fr auto; gap:40px; align-items:center; }
.google-profile p { color:#d2d2d2; margin-bottom:0; }
.google-mark { width:58px; height:58px; border-radius:16px; display:grid; place-items:center; background:#fff; color:#111; font-size:25px; font-weight:900; margin-bottom:20px; }
.google-profile .button.primary { color:#111; white-space:nowrap; }
@media(max-width:800px){ .google-profile-inner{grid-template-columns:1fr}.google-profile .button.primary{white-space:normal} }