/* ===================================================================
   UI TOKENS (scoped to this sheet; safe fallbacks)
=================================================================== */
:root{
  --pr-radius: 18px;
  --pr-gap: 22px;
  --pr-pad: 22px;
  --pr-shadow: 0 16px 40px rgba(0,0,0,.38);
  --pr-shadow-lg: 0 24px 64px rgba(0,0,0,.55);
  --pr-bg: linear-gradient(180deg, rgba(12,18,30,.94), rgba(10,15,26,.90));
  --pr-border-anim: conic-gradient(from 140deg, var(--accent-1), var(--accent-2), var(--accent-1));
  --fg-strong: #f8fafc;
  --fg: #e8eef7;
  --fg-subtle: #cbd5e1;
  --fg-muted: #d6deea;
}

/* ===================================================================
   PRICING CARDS
=================================================================== */
.pricing-grid{
  display:grid;
  gap:var(--pr-gap);
  grid-template-columns:1fr;
}
@media (min-width:768px){
  .pricing-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:1024px){
  .pricing-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}

.price-card{
  position:relative;
  border:1px solid transparent;
  border-radius:var(--pr-radius);
  padding:var(--pr-pad);
  color:var(--fg);
  background:
    var(--pr-bg) padding-box,
    var(--pr-border-anim) border-box;
  background-size:100% 100%, 200% 200%;
  box-shadow:var(--pr-shadow);
  transition:transform .22s var(--easing), box-shadow .22s var(--easing);
  will-change:transform;
}
@media (prefers-reduced-motion:no-preference){
  .price-card{ animation:prBorder 22s linear infinite; }
  @keyframes prBorder{ to{ background-position:0 0, 200% 0; } }
}
.price-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--pr-shadow-lg);
}
.price-card--featured{
  z-index:1;
  box-shadow:
    0 26px 90px color-mix(in oklab,var(--accent-1),black 80%),
    0 16px 48px rgba(0,0,0,.55);
}

.price-badge{
  position:absolute; top:-12px; left:-12px;
  padding:.42rem .64rem;
  font:800 .72rem/1 var(--font-sans, inherit);
  color:#1b1207;
  border-radius:12px;
  background:linear-gradient(135deg,var(--accent-1),var(--accent-2));
  box-shadow:0 10px 20px color-mix(in oklab,var(--accent-1),black 72%);
}

.price-head h3{
  margin:0 0 .35rem;
  font-weight:900; font-size:1.18rem; line-height:1.2;
  color:var(--fg-strong);
  text-shadow:0 1px 0 rgba(0,0,0,.32);
}
.price-head .subtitle{
  margin:0 0 .7rem;
  color:var(--fg-subtle);
}

.price-amount{
  margin:.25rem 0 .5rem;
  font-weight:900; font-size:2.15rem; line-height:1.05;
  background:linear-gradient(90deg,var(--accent-1),var(--accent-2));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

.price-list{
  list-style:none; padding:0; margin:.5rem 0 1.05rem;
}
.price-list li{
  position:relative; padding-left:1.15rem; line-height:1.58; color:var(--fg-muted);
}
.price-list li::before{
  content:""; position:absolute; left:0; top:.58rem;
  width:.48rem; height:.48rem; border-radius:999px;
  background:linear-gradient(135deg,var(--accent-1),var(--accent-2));
  box-shadow:0 0 0 3px rgba(148,163,184,.12),
             0 0 12px color-mix(in oklab,var(--accent-1),transparent 60%);
}

.price-cta{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  width:100%; padding:.9rem 1rem; border-radius:14px;
  font-weight:800; color:#1a1208; text-decoration:none;
  background:linear-gradient(135deg,var(--accent-1),var(--accent-2));
  box-shadow:0 12px 30px color-mix(in oklab,var(--accent-1),black 74%);
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.price-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 42px color-mix(in oklab,var(--accent-1),black 70%);
  filter:saturate(1.02);
}

/* ===================================================================
   COMPARE TABLE (mini-friendly)
=================================================================== */
.compare{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  font-size:.93rem;
  border-radius:14px;
  overflow:hidden;
}
.compare th,.compare td{
  padding:14px;
  text-align:center;
  border-bottom:1px solid color-mix(in oklab,currentColor,transparent 86%);
}
.compare thead th{
  font-weight:800;
  background:color-mix(in oklab,var(--panel,#0f1722),transparent 90%);
}
.compare :is(thead th:first-child, tbody th:first-child, tbody td:first-child){
  text-align:left; font-weight:600;
}
.compare tbody tr:nth-child(odd){
  background:color-mix(in oklab,var(--panel,#0f1722),transparent 92%);
}
.compare thead th.is-featured{
  color:#fff;
  background:
    linear-gradient(180deg,
      color-mix(in oklab,var(--accent-1),transparent 78%),
      color-mix(in oklab,var(--accent-2),transparent 86%)),
    linear-gradient(180deg, rgba(12,20,34,.96), rgba(10,16,28,.92));
}
.compare td:nth-child(3){
  background:linear-gradient(180deg,
    color-mix(in oklab,var(--accent-1),transparent 94%),
    color-mix(in oklab,var(--accent-2),transparent 96%));
}

/* simple, readable indicators */
.compare td.yes::before,
.compare td.no::before,
.compare td.opt::before{
  display:inline-block; margin-right:.4rem; font-weight:800;
}
.compare td.yes::before{
  content:"✓"; color:#22c55e;
  border:1px solid rgba(34,197,94,.35);
  box-shadow:0 0 0 3px rgba(34,197,94,.15);
}
.compare td.no::before{
  content:"✕"; color:#ef4444;
  border:1px solid rgba(239,68,68,.35);
  box-shadow:0 0 0 3px rgba(239,68,68,.15);
}
.compare td.opt::before{ content:"○"; color:#eab308; }

@media (max-width:720px){
  .compare{ font-size:.86rem; }
  .compare th,.compare td{ padding:10px 12px; }
}

/* ===================================================================
   REVEAL / SHINE / CODE-TICKER (motion-safe)
=================================================================== */
.reveal{ --reveal-delay:0ms; opacity:0; transform:translateY(14px) scale(.98); }
.reveal.is-inview{
  opacity:1; transform:translateY(0) scale(1);
  transition:transform .6s var(--easing), opacity .6s ease;
  transition-delay:var(--reveal-delay);
}
.reveal.d1{ --reveal-delay:.08s; }
.reveal.d2{ --reveal-delay:.16s; }
.reveal.d3{ --reveal-delay:.24s; }
@media (prefers-reduced-motion:reduce){
  .reveal,.reveal.is-inview{ transform:none; transition:none; opacity:1; }
}

.btn-shine{ position:relative; overflow:hidden; }
.btn-shine::after{
  content:""; position:absolute; inset:-120% -40% auto auto; width:120%; height:200%;
  background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.25) 50%,transparent 60%);
  transform:translateX(-120%) rotate(6deg);
  transition:transform .7s ease;
}
.btn-shine:hover::after{ transform:translateX(30%) rotate(6deg); }

.code-ticker{
  position:relative; overflow:hidden;
  font:600 12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  color:#e6edf7;
}
.code-ticker .code-lines{ margin:0; white-space:pre-wrap; min-height:54px; }
.code-ticker .code-lines::after{
  content:"▌"; margin-left:2px; color:var(--accent-1); opacity:.9;
  animation:caret-blink 1s steps(1,end) infinite;
}
@keyframes caret-blink{ 50%{ opacity:0 } }
.code-ticker::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.7;
  background:
    repeating-linear-gradient(to bottom, rgba(255,255,255,.035) 0 1px, transparent 1px 26px),
    repeating-linear-gradient(to right,  rgba(255,255,255,.02)  0 1px, transparent 1px 22px);
  mask:linear-gradient(180deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.2) 100%);
}

/* ===================================================================
   HEADER + 3D PANEL (unchanged behaviour, tidied)
=================================================================== */
#siteHeader svg{ display:block; }
#siteHeader .group{ align-items:center; }

.panel-3d{
  position:relative; border-radius:20px;
  background:color-mix(in oklab,var(--panel,#0e131b),transparent 8%);
  border:1px solid color-mix(in oklab,var(--ring,#233041),transparent 15%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -1px 0 rgba(0,0,0,.35),
    0 16px 40px rgba(0,0,0,.45);
}
.panel-3d::before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 35%),
    linear-gradient(0deg,rgba(0,0,0,.22),rgba(0,0,0,0) 50%);
  mix-blend-mode:overlay;
}
.panel-3d::after{
  content:""; position:absolute; inset:-1px; border-radius:inherit; pointer-events:none;
  background:
    radial-gradient(140% 110% at 0% 0%, rgba(255,165,90,.22), transparent 60%),
    radial-gradient(140% 110% at 100% 100%, rgba(34,197,94,.18), transparent 60%);
  opacity:.7;
}
.video-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(1.05) contrast(1.02); display:block; }
html.dark .video--forest{ display:none; }
html:not(.dark) .video--forge{ display:none; }
.video-overlay{
  position:absolute; inset:0; pointer-events:none; z-index:5;
  background:
    linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.18) 40%, rgba(0,0,0,.28)),
    radial-gradient(80% 80% at 50% 10%, rgba(0,0,0,.25), transparent 60%);
}
html:not(.dark) .video-overlay{
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06) 40%, rgba(0,0,0,.08)),
    radial-gradient(80% 80% at 50% 10%, rgba(255,255,255,.12), transparent 60%);
}

/* ===================================================================
   CONTACT / FAQ / VALUE BAND / WORK (kept)
=================================================================== */
.form-card{
  border-radius:18px; padding:1rem; background:rgba(15,19,24,.55);
  border:1px solid color-mix(in oklab,currentColor,transparent 78%);
}
@media (min-width:768px){ .form-card{ padding:1.25rem; } }

.aside-card{
  border:1px solid color-mix(in oklab,currentColor,transparent 78%);
  border-radius:14px; background:rgba(15,19,24,.55); padding:.9rem 1rem;
}
.include-pill{
  border:1px solid color-mix(in oklab,currentColor,transparent 78%);
  background:rgba(15,19,24,.55); border-radius:14px; padding:.7rem .9rem;
}
.faq-card{
  border:1px solid color-mix(in oklab,currentColor,transparent 78%);
  border-radius:14px; background:rgba(15,19,24,.55); padding:.9rem 1rem;
}
.faq-card summary::marker{ display:none; }

.proj-skel{
  overflow:hidden; border-radius:20px;
  border:1px solid color-mix(in oklab,var(--ring,#233041),transparent 18%);
  background:linear-gradient(180deg,rgba(11,18,32,.92),rgba(10,15,26,.88));
  box-shadow:0 14px 40px rgba(0,0,0,.35);
}
.skel-media{
  width:100%;
  background:
    radial-gradient(120% 90% at 20% 0%, rgba(255,176,98,.20), transparent 60%),
    radial-gradient(120% 90% at 100% 0%, rgba(100,181,246,.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.08));
  border-bottom:1px solid color-mix(in oklab,var(--ring,#233041),transparent 18%);
}
.skel-lines{ padding:16px; display:grid; gap:10px; }
.line{
  height:10px; border-radius:8px;
  background:linear-gradient(90deg, rgba(255,255,255,.10), rgba(255,255,255,.18), rgba(255,255,255,.10));
  background-size:200% 100%;
  animation:shimmer 1.6s linear infinite; opacity:.85;
}
@keyframes shimmer{ to{ background-position:-200% 0; } }

/* mobile rounding parity for 3D panel */
.panel-3d{ border-radius:16px; }
@media (min-width:768px){ .panel-3d{ border-radius:20px; } }

/* ===================================================================
   PROCESS ICON HOT-FIX (scoped)
=================================================================== */
.process .picon{
  width:48px; height:48px; border-radius:12px; display:grid; place-items:center;
}
@media (min-width:768px){ .process .picon{ width:50px; height:50px; } }
.process .picon svg{
  width:24px !important; height:24px !important; display:block;
  max-width:none; max-height:none;
  stroke:#0b0f1a; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
  fill:none; vector-effect:non-scaling-stroke;
}
.process svg{ width:auto; height:auto; }

/* track centering with icon size */
:root{ --pstep-pad:18px; --picon:50px; --picon-m:48px; }
.process-grid::before{
  left:calc(var(--pstep-pad) + var(--picon-m)/2);
  top:calc(var(--pstep-pad) + var(--picon-m)/2);
  bottom:calc(var(--pstep-pad) + var(--picon-m)/2);
  width:2px;
}
@media (min-width:768px){
  .process-grid::before{
    left:calc(var(--pstep-pad) + var(--picon)/2);
    right:calc(var(--pstep-pad) + var(--picon)/2);
    top:calc(var(--pstep-pad) + var(--picon)/2);
    height:2px; width:auto; bottom:auto;
  }
  .pstep::after{
    left:calc(var(--pstep-pad) + var(--picon)/2);
    top:calc(var(--pstep-pad) + var(--picon)/2);
  }
}

/* =========================
   MINI PROCESS (matches your HTML)
   – vertical on mobile, horizontal on md+
   – crisp 24px SVGs inside 48/50px tiles
   – subtle gradient track + hover lift
========================= */

:root{
  --proc-pad: 18px;
  --proc-gap: 18px;
  --proc-radius: 16px;
  --proc-icon-m: 48px;
  --proc-icon: 50px;
  --proc-track: linear-gradient(90deg,
                    color-mix(in oklab,var(--accent-1,#f59e0b),transparent 20%),
                    color-mix(in oklab,var(--accent-2,#22c55e),transparent 20%));
}

.process{ position:relative; isolation:isolate; }
.process-grid{
  display:grid; gap:var(--proc-gap); margin-top:1.25rem; list-style:none; padding:0;
  grid-template-columns:1fr;
  position:relative;
}

/* track (vertical on mobile) */
.process-grid::before{
  content:""; position:absolute; z-index:0; pointer-events:none;
  left: calc(var(--proc-pad) + var(--proc-icon-m)/2);
  top:  calc(var(--proc-pad) + var(--proc-icon-m)/2);
  bottom: calc(var(--proc-pad) + var(--proc-icon-m)/2);
  width:2px; border-radius:2px; opacity:.35; background: var(--proc-track);
}

.pstep{
  position:relative; z-index:1;
  display:flex; gap:14px; align-items:flex-start;
  padding:var(--proc-pad);
  border-radius:var(--proc-radius);
  border:1px solid color-mix(in oklab,var(--ring,#233041),transparent 18%);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.06));
  box-shadow:0 10px 28px rgba(0,0,0,.24);
  transition:transform .18s var(--easing), box-shadow .18s var(--easing);
}
.pstep:hover{ transform:translateY(-3px); box-shadow:0 18px 44px rgba(0,0,0,.33); }

/* connector dot (centered to icon) */
.pstep::after{
  content:""; position:absolute; z-index:2; width:8px; height:8px; border-radius:999px;
  background:linear-gradient(135deg,var(--accent-1,#f59e0b),var(--accent-2,#22c55e));
  box-shadow:0 0 0 4px rgba(255,255,255,.04);
  left: calc(var(--proc-pad) + var(--proc-icon-m)/2);
  top:  calc(var(--proc-pad) + var(--proc-icon-m)/2);
  transform:translate(-50%,-50%);
}

/* icon tile */
.picon{
  width:var(--proc-icon-m); height:var(--proc-icon-m);
  border-radius:14px; display:grid; place-items:center; flex:0 0 auto;
  background:linear-gradient(135deg,var(--accent-1,#f59e0b),var(--accent-2,#22c55e));
  box-shadow:0 8px 22px color-mix(in oklab,var(--accent-1,#f59e0b),black 70%);
}
.picon svg{
  width:24px !important; height:24px !important; display:block;
  max-width:none; max-height:none;
  stroke:#0b0f1a; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
  fill:none; vector-effect:non-scaling-stroke;
}

/* text */
.pnum{
  display:inline-block; margin-top:2px;
  font-weight:800; font-size:.75rem; letter-spacing:.06em; color:#94a3b8;
  padding:.18rem .55rem; border-radius:999px;
  border:1px solid color-mix(in oklab,currentColor,transparent 68%);
  background:rgba(255,255,255,.04);
}
.pbody h3{ margin:.25rem 0 .15rem; font-weight:800; }
.pbody p{ margin:0; color:#cbd5e1; }

/* -------------------------
   Desktop: 4 columns + horizontal track
------------------------- */
/* Remove middle dot for desktop timeline */
@media (min-width:768px){
  .pstep::after{ display:none; }
}

/* If you also don’t want dots at all (mobile included), just kill it globally: */
.pstep::after{ display:none; }


/* motion-safe */
@media (prefers-reduced-motion:reduce){
  .pstep{ transition:none; }
}

/* Optional: quick slide-down animation for the mobile sheet */
@keyframes sheetIn {
  from { transform: translateY(-8px); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}
#mobileMenu nav { animation: sheetIn .16s ease-out; }

/* Header height variable (JS keeps it updated) */
:root { --header-h: 64px; }

/* Mobile menu should always attach below the header */
#mobileMenu{
  position: fixed;
  top: var(--header-h);
  left: 0; right: 0;
  z-index: 60; /* above page, below overlays if any */
}

/* When menu is open, force header visible (ignore headroom translate) */
html.menu-open #siteHeader{
  transform: translateY(0) !important;
}

/* (Optional) prevent body scroll when menu is open */
html.menu-open, html.menu-open body {
  overflow: hidden;
}

/* Frosted panel behind the compare table */
.compare-panel{
  border-radius:16px;
  padding:12px;
  background:rgba(10,15,26,.72);
  backdrop-filter:saturate(1.05) blur(8px);
  border:1px solid rgba(148,163,184,.18);
  box-shadow:0 18px 48px rgba(0,0,0,.45);
}
@media (max-width:720px){ .compare-panel{ padding:8px; } }

/* Stronger table contrast on video */
.compare th, .compare td{
  text-shadow:0 1px 0 rgba(0,0,0,.45);
  border-bottom-color: rgba(255,255,255,.10);
}
.compare thead th{
  background: rgba(15,23,42,.88) !important; /* deep slate */
}
.compare tbody tr:nth-child(odd){
  background: rgba(15,23,42,.70) !important;
}
.compare td:nth-child(3){
  background: linear-gradient(180deg,
    rgba(255,122,24,.10),
    rgba(255,179,71,.08)) !important; /* subtle featured col wash */
}

/* Make the ✓ / ✕ badges crisper on dark video */
.compare td.yes::before,
.compare td.no::before{
  display:inline-grid; place-items:center;
  width:1.1rem; height:1.1rem; border-radius:6px;
  margin-right:.5rem; font-weight:900; line-height:1;
  background: rgba(0,0,0,.35);
}

/* Stronger header overlay for legibility on video */
#siteHeader .backdrop-blur-sm{
  background:rgba(0,0,0,.55) !important;
}

/* Optional: calm hero background motion */
@media (prefers-reduced-motion:no-preference){
  .hero .gradient-mesh{ animation:none; }
}

/* Reusable frosted panel for text on busy backgrounds */
.panel-frost{
  border-radius:16px; padding:10px 14px;
  background:rgba(10,15,26,.65);
  backdrop-filter:saturate(1.05) blur(8px);
  border:1px solid rgba(148,163,184,.18);
}

/* === Contact loader animations === */
@keyframes wfc-spin { to { transform: rotate(360deg); } }
@keyframes wfc-spin-rev { to { transform: rotate(-360deg); } }
@keyframes wfc-dots {
  0% { content: "."; }
  33% { content: ".."; }
  66% { content: "..."; }
  100% { content: "."; }
}

.wfc-gear-outer { transform-origin: 60px 60px; animation: wfc-spin 2.2s linear infinite; }
.wfc-gear-inner { transform-origin: 60px 60px; animation: wfc-spin-rev 1.6s linear infinite; }

/* animated dots after the span text */
.wfc-dots::after { display: inline-block; width: 1.5ch; text-align: left; animation: wfc-dots 1.2s steps(3, end) infinite; content: "."; }

/* prevent scroll when overlay open (we toggle this on <body>) */
.body-lock { overflow: hidden; }

/* Language flag buttons */
.lang-flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 9999px;
  overflow: hidden;
  background: rgba(15,23,42,.6); /* slate-900/60 */
  border: 1px solid rgba(255,255,255,.08);
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.lang-flag img { width: 100%; height: 100%; object-fit: cover; display:block; }
.lang-flag:hover { transform: translateY(-1px); box-shadow: 0 0 0 2px rgba(251,146,60,.4); } /* orange-ish ring */
.lang-flag.is-active { box-shadow: 0 0 0 2px rgba(251,146,60,.8); }
.lang-flags { user-select: none; }


/* ===== Language dropdown ===== */
.lang-btn{
  display:inline-flex;align-items:center;gap:.125rem;
  padding:.375rem .5rem;border-radius:.75rem;
  background:rgba(15,23,42,.55); /* slate-900/55 */
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:saturate(140%) blur(6px);
  transition:box-shadow .15s ease, transform .15s ease, background .15s ease;
}
.lang-btn:hover{ transform:translateY(-1px); box-shadow:0 8px 24px rgba(0,0,0,.35); }
.lang-btn:focus-visible{ outline:2px solid rgba(251,146,60,.8); outline-offset:2px; }
.lang-btn img{ width:18px; height:18px; border-radius:9999px; object-fit:cover; display:block; }

.lang-menu{
  position:absolute; right:0; margin-top:.5rem; min-width:12rem;
  border-radius:1rem; padding:.4rem;
  background:linear-gradient(180deg, rgba(15,23,42,.92), rgba(15,23,42,.86));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 22px 60px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.02);
  transform-origin:top right;
  opacity:0; transform:scale(.96) translateY(-4px);
  pointer-events:none; transition:opacity .16s ease, transform .16s ease;
  z-index:60;
}
.lang-menu[data-open="true"]{ opacity:1; transform:scale(1) translateY(0); pointer-events:auto; }

.lang-item{
  width:100%; display:flex; align-items:center; justify-content:space-between;
  gap:.75rem; padding:.5rem .6rem; border-radius:.6rem;
  color:#e5e7eb; /* slate-200 */
  transition:background .12s ease, transform .06s ease;
}
.lang-item img{ width:18px; height:18px; border-radius:9999px; object-fit:cover; }
.lang-item span{ flex:1; text-align:left; font-weight:600; }
.lang-item kbd{
  font-size:.65rem; opacity:.7; padding:.1rem .35rem; border-radius:.35rem;
  background:rgba(148,163,184,.15); border:1px solid rgba(148,163,184,.25);
}
.lang-item:hover{ background:rgba(255,255,255,.06); }
.lang-item[aria-current="true"]{ background:rgba(251,146,60,.15); box-shadow:inset 0 0 0 1px rgba(251,146,60,.35); }

/* mobile width helper */
@media (max-width: 767px){ .lang-menu{ left:0; right:auto; } }