.language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 11px;border:1px solid var(--line);border-radius:25px;color:var(--ink);background:transparent;font-size:12px;font-weight:700;flex-shrink:0}
.language-toggle:hover{color:var(--blue);border-color:var(--blue)}.nav>.brand{order:1}.nav>.navlinks{order:2;margin-inline-start:auto}.language-toggle{order:3}.nav>.menu{order:4}.nav{gap:18px}.language-toggle .icon{width:16px;height:16px}
#language-dialog{width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #0003;overflow:auto}
#language-dialog::backdrop{background:#18202e99;backdrop-filter:blur(7px)}body:has(#language-dialog[open]){overflow:hidden}.language-dialog-top{display:flex;align-items:center;justify-content:space-between}.language-emblem{display:grid;place-items:center;width:48px;height:48px;background:#2459cc0d;border:1px solid #2459cc20;border-radius:15px;color:var(--blue)}.language-emblem .icon{width:27px;height:27px}.language-close{display:grid;place-items:center;border:1px solid var(--line);background:transparent;width:32px;height:32px;border-radius:50%;color:var(--muted)}.language-close[hidden]{display:none}.language-kicker{font-size:10px;letter-spacing:2px;margin:12px 0 8px;color:var(--blue);font-weight:700}#language-title{font-size:28px;letter-spacing:-1px;margin:0;line-height:1.2}#language-description{font-size:12px;margin:10px 0 18px;line-height:1.5}.language-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.language-option{position:relative;width:100%;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:17px 6px;border:1px solid var(--line);border-radius:12px;background:transparent;text-align:center;color:var(--ink);transition:background .2s,border-color .2s}.language-option:hover,.language-option[aria-pressed=true]{border-color:var(--blue);background:#2459cc08}.language-badge{display:grid;place-items:center;width:39px;height:36px;flex-shrink:0;font-size:12px;letter-spacing:.5px;border:1px solid #2459cc1a;background:#2459cc0b;color:var(--blue);border-radius:9px}.language-name{font-size:13px;font-weight:600;line-height:1.4}.language-name small{display:block;font-size:10px;color:var(--muted);font-weight:400}.language-selected{position:absolute;top:5px;inset-inline-end:5px;width:13px;height:13px;color:var(--blue);visibility:hidden}.language-option[aria-pressed=true] .language-selected{visibility:visible}.language-hint{font-size:11px;margin:15px 0 0;text-align:center}
[dir=rtl] body{font-family:Tahoma,Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] .brand{letter-spacing:0}[dir=rtl] h1 em,[dir=rtl] h2 em{font-family:inherit;font-style:normal}[dir=rtl] h1{font-size:clamp(36px,4vw,54px);line-height:1.3}[dir=rtl] h2{line-height:1.4}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .service{border-right:0;border-inline-end:1px solid var(--line)}[dir=rtl] .service:last-child{border:0}[dir=rtl] .hero-art{direction:ltr}[dir=rtl] .hero-art .mock{direction:rtl}[dir=rtl] .hero-art .mock h3{font-family:Tahoma,Arial,sans-serif;font-size:26px;line-height:1.3}[dir=rtl] .mock small,[dir=rtl] .art-note{letter-spacing:0}[dir=rtl] .checks{gap:10px}[dir=rtl] .contact-row a[href^="mailto:"],[dir=rtl] .contact-row a[href^="https://wa.me/"]{direction:ltr;unicode-bidi:isolate}[dir=rtl] .stats strong,[dir=rtl] .price strong{display:inline-block;direction:ltr;unicode-bidi:isolate}[dir=rtl] .brand{direction:ltr}[dir=rtl] #language-title{letter-spacing:0}[dir=rtl] .language-kicker{letter-spacing:0}
@media(max-width:1100px) and (min-width:901px){.navlinks{gap:12px}.navlinks>a>.icon{display:none}.nav{gap:12px}.brand{font-size:21px}}
@media(max-width:1000px){[dir=rtl] .service:nth-child(2){border-inline-end:0}[dir=rtl] .service:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:900px){.language-toggle{margin-inline-start:auto}.nav>.navlinks{margin:0}.nav{gap:10px}[dir=rtl] .navlinks{direction:rtl}[dir=rtl] .hero-art .mock h3{font-size:24px}}
@media(max-width:380px){.brand{font-size:18px;gap:6px}.mark{width:29px;height:29px}.language-toggle{padding:8px;gap:5px}.menu{padding:7px 8px}.menu>.icon{margin-left:3px}.nav{gap:7px}#language-dialog{padding:23px}#language-title{font-size:28px}[dir=rtl] .service{border-inline-end:0;border-bottom:1px solid var(--line)}[dir=rtl] .service:nth-child(3){border-bottom:1px solid var(--line)}}
.nav>.brand{white-space:nowrap;flex-shrink:0}
@media(max-width:480px){.nav>.brand{font-size:18px;gap:5px}.nav .mark{width:28px;height:28px}.language-toggle{font-size:11px;padding:8px;gap:5px}.menu{font-size:12px;padding:7px 9px}.menu>.icon{width:15px;height:15px;margin-left:4px}.nav{gap:8px}}
@media(max-width:350px){.wrap.nav{width:calc(100% - 28px)}.nav>.brand{font-size:16px;gap:4px}.language-toggle .icon{width:14px;height:14px}.menu{padding:7px}.nav{gap:6px}}

/* Brand artwork keeps its own proportions in every language. */
.brand-logo{display:block;width:76px;height:42px;object-fit:contain;flex-shrink:0}.brand-name{display:inline-flex;align-items:baseline;gap:2px;direction:ltr;white-space:nowrap}.brand{gap:10px}.footer-inner .brand-logo{width:62px;height:35px}.language-emblem{width:82px;height:52px;background:transparent;border:0;border-radius:0}.language-emblem .brand-logo{width:82px;height:48px}
@media(min-width:901px) and (max-width:1100px){.nav .brand-logo{width:60px;height:36px}.nav>.brand{font-size:19px;gap:7px}}
@media(max-width:480px){.nav .brand-logo{width:51px;height:32px}.nav>.brand{font-size:15px;gap:6px}}
@media(max-width:350px){.nav .brand-logo{width:45px;height:30px}.nav>.brand{font-size:14px;gap:4px}}

/* Five language tiles stay together; flags are inline SVG, independent of emoji support. */
.language-flag{display:block;width:46px;height:31px;border-radius:5px;overflow:hidden;box-shadow:0 1px 5px #0002;flex-shrink:0}
#language-dialog .language-emblem{width:65px;height:36px}#language-dialog .language-emblem .brand-logo{width:65px;height:36px}
@media(max-width:560px){#language-dialog{padding:18px}.language-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.language-option{grid-column:span 2;padding:12px 3px;gap:8px}.language-option:nth-child(4){grid-column:2/span 2}.language-option:nth-child(5){grid-column:4/span 2}.language-name{font-size:12px}#language-title{font-size:25px}#language-description{margin:8px 0 14px}.language-hint{font-size:10px;margin-top:12px}.language-flag{width:39px;height:26px}}
@media(max-height:540px){#language-dialog{padding:14px}.language-kicker{margin:6px 0}#language-title{font-size:23px}#language-description{margin:6px 0 10px;font-size:11px}.language-hint{margin:8px 0 0;font-size:10px}.language-option{padding:10px 3px;gap:6px}.language-dialog-top{min-height:28px}#language-dialog .language-emblem,#language-dialog .language-emblem .brand-logo{height:28px}.language-flag{width:36px;height:24px}}
@media(max-height:380px){.language-kicker,#language-description,.language-hint{display:none}#language-title{margin:5px 0 12px}.language-option{padding:9px 3px}.language-options{gap:6px}.language-dialog-top{min-height:24px}}

/* Flags are decorative parts of language buttons, never image-preview targets. */
.language-toggle svg,.language-toggle svg *,
.language-option svg,.language-option svg *{
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
}
