/* ============================================================
   Dexoom Digital — Plans & Payments site
   Design tokens
   ============================================================ */
:root{
  --navy:        #0B1830;
  --navy-2:      #12213F;
  --navy-3:      #182C52;
  --blue:        #2B6BE8;
  --blue-dark:   #1E52B8;
  --teal:        #3ECFCF;
  --ink:         #101826;
  --muted:       #5B6478;
  --muted-2:     #8791A3;
  --paper:       #F5F7FB;
  --paper-2:     #ECF1F9;
  --white:       #FFFFFF;
  --line:        #DCE3F0;
  --line-dark:   #26365E;
  --good:        #1E9E6B;
  --warn:        #C8791A;

  --font-display: 'Plus Jakarta Sans', 'Cairo', sans-serif;
  --font-body:    'Inter', 'Cairo', sans-serif;

  --radius-s: 6px;
  --radius-m: 10px;
  --radius-l: 18px;

  --shadow-card: 0 1px 2px rgba(11,24,48,0.06), 0 12px 28px -16px rgba(11,24,48,0.18);
  --container: 1180px;
}

html[dir="rtl"]{ --font-display: 'Cairo', sans-serif; --font-body: 'Cairo', sans-serif; }

*,*::before,*::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
  margin:0;
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--paper);
  line-height:1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x:hidden;
}
img{ max-width:100%; display:block; }
a{ color: inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
button{ font-family:inherit; cursor:pointer; }
h1,h2,h3,h4{ font-family: var(--font-display); color: var(--navy); margin:0; line-height:1.15; letter-spacing:-0.01em; }
p{ margin:0; }
.container{ max-width: var(--container); margin:0 auto; padding:0 24px; }

:focus-visible{ outline: 3px solid var(--teal); outline-offset: 2px; border-radius: 4px; }

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior:auto !important; }
}

/* ---------- utility ---------- */
.section{ padding: 88px 0; }
.section--tight{ padding: 56px 0; }
.section--navy{ background: linear-gradient(180deg,var(--navy) 0%, var(--navy-2) 100%); color:#DCE6FA; }
.section--navy h2, .section--navy h3{ color:#fff; }
.section--paper2{ background: var(--paper-2); }
.eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:13.5px; font-weight:600; color: var(--blue-dark); }
.eyebrow::before{ content:""; width:16px; height:2px; background: var(--teal); border-radius:2px; }
.section--navy .eyebrow{ color:#8FD8D8; }
.lead{ font-size:19px; color: var(--muted); max-width: 640px; }
.section--navy .lead{ color:#B7C4E0; }
.grid-2{ display:grid; grid-template-columns: 1fr 1fr; gap: 48px; }
.grid-3{ display:grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.grid-4{ display:grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding: 14px 26px; border-radius: 999px; font-weight:600; font-size:15.5px;
  border: 1.5px solid transparent; transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  white-space:nowrap;
}
.btn:active{ transform: scale(0.98); }
.btn--primary{ background: var(--blue); color:#fff; box-shadow: 0 10px 24px -10px rgba(43,107,232,0.55); }
.btn--primary:hover{ background: var(--blue-dark); }
.btn--ghost{ background: transparent; border-color: rgba(255,255,255,0.35); color:#fff; }
.btn--ghost:hover{ background: rgba(255,255,255,0.1); }
.btn--dark{ background: var(--navy); color:#fff; }
.btn--dark:hover{ background: var(--navy-3); }
.btn--outline{ background:#fff; border-color: var(--line); color: var(--navy); }
.btn--outline:hover{ border-color: var(--blue); color: var(--blue-dark); }
.btn--block{ width:100%; }
.btn--sm{ padding:10px 18px; font-size:14px; }
.pill{ display:inline-flex; align-items:center; gap:6px; padding:6px 14px; border-radius:999px; background:var(--paper-2); font-size:13px; font-weight:600; color:var(--navy); border:1px solid var(--line); }

/* ---------- header (persistent dark nav) ---------- */
.site-header{
  position: sticky; top:0; z-index: 100;
  background: rgba(11,24,48,0.92); backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.site-header .container{ display:flex; align-items:center; justify-content:space-between; height:76px; gap:24px; }
.brand{ display:flex; align-items:center; gap:11px; font-family:var(--font-display); font-weight:800; font-size:19px; color:#fff; }
.brand-mark{ height:38px; width:auto; flex:none; }
.brand small{ display:block; font-family:var(--font-body); font-weight:600; font-size:11px; color: var(--teal); letter-spacing:0.02em; }
.nav-links{ display:flex; align-items:center; gap:30px; font-size:15px; font-weight:600; color:#DCE6FA; }
.nav-links a{ opacity:0.78; transition: opacity .15s; }
.nav-links a:hover, .nav-links a.active{ opacity:1; color: var(--teal); }
.header-actions{ display:flex; align-items:center; gap:14px; }
.lang-switch{
  display:flex; border:1.5px solid rgba(255,255,255,0.2); border-radius:999px; overflow:hidden; font-size:13px; font-weight:700;
}
.lang-switch button{ border:none; background:transparent; padding:8px 13px; color: #9FB0D6; }
.lang-switch button.active{ background: #fff; color:var(--navy); }
.nav-toggle{ display:none; background:none; border:none; padding:6px; }
.nav-toggle span{ display:block; width:24px; height:2px; background:#fff; margin:5px 0; border-radius:2px; }

/* ---------- hero ---------- */
.hero{ padding: 64px 0 96px; position:relative; overflow:hidden; background: var(--paper); }
.hero::before{
  content:""; position:absolute; inset: -20% -10% auto auto; width:640px; height:640px;
  background: radial-gradient(circle at 30% 30%, rgba(62,207,207,0.22), transparent 60%),
              radial-gradient(circle at 70% 70%, rgba(43,107,232,0.18), transparent 60%);
  filter: blur(10px); pointer-events:none;
}
.hero .container{ position:relative; display:grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items:center; }
.hero h1{ font-size: 46px; margin: 18px 0 20px; }
.hero-cta-row{ display:flex; gap:14px; margin-top:30px; flex-wrap:wrap; }
.hero-stats{ display:flex; gap:34px; margin-top:44px; flex-wrap:wrap; }
.hero-stats div b{ display:block; font-family:var(--font-display); font-size:26px; color:var(--navy); }
.hero-stats div span{ font-size:13px; color: var(--muted); }

/* ---------- ticket / plan-selector hero widget ---------- */
.plan-ticket{
  background: var(--navy); color:#fff; border-radius: var(--radius-l);
  position:relative; box-shadow: 0 30px 60px -25px rgba(11,24,48,0.5);
  overflow:hidden;
}
.plan-ticket-top{ padding: 26px 26px 22px; }
.plan-ticket-top .tk-row{ display:flex; justify-content:space-between; align-items:center; margin-bottom:18px;}
.plan-ticket-top .tk-row span{ font-size:12.5px; color:#9FB0D6; text-transform:none; }
.billing-toggle{ display:inline-flex; background: rgba(255,255,255,0.08); border-radius:999px; padding:4px; gap:2px; }
.billing-toggle button{
  border:none; background:transparent; color:#B7C4E0; padding:8px 16px; border-radius:999px; font-size:13.5px; font-weight:700;
}
.billing-toggle button.active{ background:#fff; color: var(--navy); }
.tk-select{ margin: 18px 0 8px; }
.tk-select label{ display:block; font-size:12.5px; color:#9FB0D6; margin-bottom:10px; }
.tk-pills{ display:flex; gap:8px; flex-wrap:wrap; }
.tk-pill{ border:1.5px solid rgba(255,255,255,0.18); background:transparent; color:#DCE6FA; padding:9px 15px; border-radius:999px; font-size:13.5px; font-weight:600; }
.tk-pill.active{ background: var(--teal); border-color: var(--teal); color: var(--navy); }
.tk-price{ display:flex; align-items:baseline; gap:10px; margin: 22px 0 4px; }
.tk-price .amount{ font-family: var(--font-display); font-size:52px; font-weight:800; }
.tk-price .cur{ font-size:16px; color:#9FB0D6; font-weight:700; }
.tk-price .per{ font-size:14px; color:#9FB0D6; }
.tk-save{ font-size:13px; color: var(--teal); font-weight:700; min-height:18px; }
.plan-ticket-notch{ position:relative; height:0; }
.plan-ticket-notch::before, .plan-ticket-notch::after{
  content:""; position:absolute; top:-11px; width:22px; height:22px; background: var(--paper); border-radius:50%;
}
.plan-ticket-notch::before{ left:-11px; }
.plan-ticket-notch::after{ right:-11px; }
.plan-ticket-divider{ border-top:1.5px dashed rgba(255,255,255,0.22); margin:0 26px; }
.plan-ticket-bottom{ padding: 20px 26px 26px; }
.tk-includes{ display:grid; gap:9px; margin-bottom:20px; }
.tk-includes li{ display:flex; gap:9px; font-size:13.5px; color:#DCE6FA; align-items:flex-start; }
.tk-includes svg{ flex:none; margin-top:2px; }
[dir="rtl"] .plan-ticket-notch::before{ left:auto; right:-11px; }
[dir="rtl"] .plan-ticket-notch::after{ right:auto; left:-11px; }

/* ---------- logos strip ---------- */
.trustbar{ padding: 34px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; }
.trustbar .container{ display:flex; align-items:center; gap:34px; flex-wrap:wrap; justify-content:space-between; }
.trustbar span{ font-size:13px; color: var(--muted-2); font-weight:600; white-space:nowrap; }
.trust-logos{ display:flex; gap:30px; flex-wrap:wrap; align-items:center; font-family:var(--font-display); font-weight:700; color: var(--navy); opacity:0.55; font-size:15px; }

/* ---------- section heading ---------- */
.head-block{ max-width: 680px; margin-bottom: 48px; }
.head-block h2{ font-size: 34px; margin-top:14px; }
.head-block.center{ margin-left:auto; margin-right:auto; text-align:center; }

/* ---------- ledger pricing table ---------- */
.ledger{
  background:#fff; border:1px solid var(--line); border-radius: var(--radius-l); overflow:hidden;
  box-shadow: var(--shadow-card);
}
.ledger-grid{ display:grid; grid-template-columns: 1.15fr repeat(3, 1fr); }
.ledger-row{ display:contents; }
.ledger-cell{ padding: 18px 22px; border-bottom:1px solid var(--line); display:flex; align-items:center; font-size:14.5px; }
.ledger-cell.feature-label{ color: var(--navy); font-weight:600; }
.ledger-cell.head-cell{ flex-direction:column; align-items:flex-start; padding-top:28px; padding-bottom:24px; border-bottom:2px solid var(--line); gap:6px; }
.ledger-cell.head-cell .plan-name{ font-family:var(--font-display); font-weight:800; font-size:19px; color:var(--navy); }
.ledger-cell.head-cell .plan-price{ display:flex; align-items:baseline; gap:6px; margin-top:4px; }
.ledger-cell.head-cell .plan-price .amt{ font-family:var(--font-display); font-size:30px; font-weight:800; color:var(--navy); }
.ledger-cell.head-cell .plan-price .per{ font-size:12.5px; color:var(--muted); }
.ledger-cell.head-cell .plan-sub{ font-size:12.5px; color:var(--muted); min-height:16px; }
.ledger-cell.head-cell.corner{ justify-content:flex-end; }
.ledger-cell.recommended{ background: var(--navy); color:#fff; }
.ledger-cell.recommended.feature-cell{ background: var(--navy-2); }
.ledger-cell.head-cell.recommended .plan-name,
.ledger-cell.head-cell.recommended .plan-price .amt{ color:#fff; }
.ledger-cell.head-cell.recommended .plan-price .per,
.ledger-cell.head-cell.recommended .plan-sub{ color:#AFC0E4; }
.rec-tag{ font-size:11.5px; font-weight:700; color: var(--teal); background: rgba(62,207,207,0.14); padding:3px 10px; border-radius:999px; }
.ledger-cell.foot-cell{ padding-top:22px; padding-bottom:28px; border-bottom:none; align-items:flex-start; }
.check{ color: var(--good); flex:none; }
.dash{ color: var(--line); }
.ledger-cell.dim{ color: var(--muted-2); }
@media (max-width: 900px){
  .ledger-grid{ display:block; }
  .ledger-plan-block{ border-bottom: 10px solid var(--paper); }
  .ledger-plan-block:last-child{ border-bottom:none; }
  .ledger-row-m{ display:flex; justify-content:space-between; gap:16px; padding:14px 20px; border-bottom:1px solid var(--line); font-size:14px; }
  .ledger-row-m .feature-label{ color:var(--muted); }
}

/* ---------- feature grid cards (non-generic: split rail) ---------- */
.rail-card{ display:flex; gap:18px; padding: 26px; background:#fff; border:1px solid var(--line); border-radius: var(--radius-m); }
.rail-card .rail{ width:4px; border-radius:4px; background: var(--teal); flex:none; }
.rail-card h4{ font-size:17px; margin-bottom:8px; }
.rail-card p{ font-size:14.5px; color: var(--muted); }

/* ---------- FAQ ---------- */
.faq-item{ border-bottom:1px solid var(--line); padding: 22px 0; }
.faq-q{ display:flex; justify-content:space-between; align-items:center; gap:20px; cursor:pointer; font-family:var(--font-display); font-weight:700; font-size:16.5px; color:var(--navy); }
.faq-q .plus{ flex:none; width:22px; height:22px; position:relative; }
.faq-q .plus::before, .faq-q .plus::after{ content:""; position:absolute; background:var(--navy); border-radius:2px; transition: transform .2s; }
.faq-q .plus::before{ width:14px; height:2px; top:10px; left:4px; }
.faq-q .plus::after{ width:2px; height:14px; left:10px; top:4px; }
.faq-item.open .plus::after{ transform: rotate(90deg) translate(0,0); opacity:0; }
.faq-a{ max-height:0; overflow:hidden; transition: max-height .25s ease; font-size:14.5px; color: var(--muted); }
.faq-item.open .faq-a{ max-height: 400px; margin-top:14px; }

/* ---------- order page ---------- */
.order-grid{ display:grid; grid-template-columns: 1.1fr 0.9fr; gap: 40px; align-items:flex-start; }
.order-card{ background:#fff; border:1px solid var(--line); border-radius: var(--radius-l); padding: 30px; box-shadow: var(--shadow-card); }
.order-card h3{ font-size:19px; margin-bottom:20px; }
.field{ margin-bottom:18px; }
.field label{ display:block; font-size:13.5px; font-weight:600; color:var(--navy); margin-bottom:7px; }
.field input, .field select, .field textarea{
  width:100%; padding:12px 14px; border:1.5px solid var(--line); border-radius: var(--radius-s); font-size:14.5px;
  font-family: inherit; background:#fff; color: var(--ink);
}
.field input:focus, .field select:focus, .field textarea:focus{ border-color: var(--blue); outline:none; }
.field-row{ display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
.plan-choice-grid{ display:grid; grid-template-columns: repeat(3,1fr); gap:10px; margin-bottom: 6px; }
.plan-choice{ border:1.5px solid var(--line); border-radius: var(--radius-s); padding:12px; text-align:center; font-size:13.5px; font-weight:700; color:var(--navy); background:#fff; }
.plan-choice.active{ border-color: var(--blue); background: rgba(43,107,232,0.06); color: var(--blue-dark); }
.summary-card{ position:sticky; top:96px; background: var(--navy); color:#fff; border-radius: var(--radius-l); padding:28px; }
.summary-card h4{ color:#fff; font-size:17px; margin-bottom:18px; }
.summary-line{ display:flex; justify-content:space-between; font-size:14.5px; padding:9px 0; border-bottom:1px dashed rgba(255,255,255,0.15); color:#CBD7F1; }
.summary-line.total{ color:#fff; font-weight:800; font-size:17px; border-bottom:none; padding-top:16px; }
.summary-note{ font-size:12.5px; color:#9FB0D6; margin-top:16px; line-height:1.6; }

/* credit card visual */
.card-visual{
  width:100%; aspect-ratio: 1.586/1; border-radius:16px; position:relative; overflow:hidden;
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-3) 45%, var(--blue-dark) 100%);
  color:#fff; padding:24px; display:flex; flex-direction:column; justify-content:space-between;
  box-shadow: 0 20px 40px -18px rgba(11,24,48,0.55);
}
.card-visual::after{
  content:""; position:absolute; right:-40px; bottom:-60px; width:220px; height:220px; border-radius:50%;
  background: radial-gradient(circle, rgba(62,207,207,0.35), transparent 70%);
}
.card-visual .chip{ width:42px; height:32px; border-radius:6px; background: linear-gradient(135deg,#E7D89C,#C9A94E); margin-top:6px; }
.card-visual .num{ font-family:'JetBrains Mono', monospace; letter-spacing:1.5px; font-size:15px; white-space:nowrap; margin-top:4px; position:relative; z-index:1; }
.card-visual .row{ display:flex; justify-content:space-between; font-size:11px; color:#B7C4E0; text-transform:uppercase; letter-spacing:0.06em; }
.card-visual .row b{ display:block; color:#fff; font-size:13.5px; text-transform:none; margin-top:4px; font-family:'JetBrains Mono', monospace; letter-spacing:0.5px; }
.card-badge{ position:absolute; top:22px; right:22px; font-family:var(--font-display); font-weight:800; font-style:italic; font-size:18px; }
.preview-note{ display:flex; gap:10px; align-items:flex-start; background: rgba(200,121,26,0.09); border:1px solid rgba(200,121,26,0.3); color:#8a5511; padding:13px 15px; border-radius: var(--radius-s); font-size:13px; margin-top:16px; }

/* ---------- policy / terms page ---------- */
.policy-block{ margin-bottom:36px; }
.policy-block h3{ font-size:19px; margin-bottom:12px; }
.policy-block ul{ display:grid; gap:10px; }
.policy-block li{ font-size:14.5px; color: var(--muted); padding-left:20px; position:relative; }
.policy-block li::before{ content:"—"; position:absolute; left:0; color: var(--teal); }
[dir="rtl"] .policy-block li{ padding-left:0; padding-right:20px; }
[dir="rtl"] .policy-block li::before{ left:auto; right:0; }

/* ---------- portfolio / work cards ---------- */
.work-grid{ display:grid; grid-template-columns: repeat(3,1fr); gap:24px; }
.work-card{
  position:relative; border-radius: var(--radius-l); overflow:hidden; background: var(--navy-2);
  aspect-ratio: 4/3.6; display:block; box-shadow: var(--shadow-card);
}
.work-card img{ width:100%; height:100%; object-fit:cover; object-position:12% 15%; transition: transform .5s ease; }
.work-card:hover img{ transform: scale(1.05); }
.work-card::after{
  content:""; position:absolute; inset:0; background: linear-gradient(180deg, transparent 40%, rgba(9,15,30,0.92) 100%);
}
.work-card .wc-body{ position:absolute; left:0; right:0; bottom:0; padding:22px; z-index:1; }
.work-card .wc-tag{ font-size:12px; font-weight:700; color: var(--teal); text-transform:uppercase; letter-spacing:0.06em; }
.work-card .wc-title{ font-family:var(--font-display); font-weight:800; font-size:20px; color:#fff; margin-top:6px; }
.work-card .wc-desc{ font-size:13.5px; color:#B7C4E0; margin-top:6px; }
@media (max-width: 900px){ .work-grid{ grid-template-columns:1fr; } }

/* ---------- stats row (numbered, honest figures) ---------- */
.stats-row{ display:grid; grid-template-columns: repeat(4,1fr); gap:28px; }
.stat-item b{ display:block; font-family:var(--font-display); font-weight:800; font-size:40px; color:#fff; }
.stat-item span{ font-size:13.5px; color:#9FB0D6; }
@media (max-width: 760px){ .stats-row{ grid-template-columns: 1fr 1fr; } }

/* ---------- capability grid (dark icon cards) ---------- */
.cap-grid{ display:grid; grid-template-columns: repeat(3,1fr); gap:20px; }
.cap-card{ background:#fff; border:1px solid var(--line); border-radius: var(--radius-m); padding:26px; }
.cap-card .cap-num{ font-family:var(--font-display); font-weight:800; font-size:13px; color: var(--blue-dark); }
.cap-card h4{ font-size:17px; margin:10px 0 8px; }
.cap-card p{ font-size:14px; color:var(--muted); }
@media (max-width: 900px){ .cap-grid{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px){ .cap-grid{ grid-template-columns: 1fr; } }

/* ---------- CTA band ---------- */
.cta-band{ background: linear-gradient(120deg, var(--navy), var(--blue-dark)); color:#fff; border-radius: var(--radius-l); padding: 52px; display:flex; justify-content:space-between; align-items:center; gap:30px; flex-wrap:wrap; }
.cta-band h3{ color:#fff; font-size:26px; max-width:480px; }

/* ---------- footer ---------- */
.site-footer{ background: var(--navy); color:#B7C4E0; padding: 60px 0 30px; }
.footer-grid{ display:grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap:32px; margin-bottom:40px; }
.footer-grid h5{ color:#fff; font-family:var(--font-display); font-size:14px; margin-bottom:16px; }
.footer-grid a{ display:block; font-size:14px; padding:6px 0; opacity:0.85; }
.footer-grid a:hover{ opacity:1; color:var(--teal); }
.footer-grid a.brand{ display:flex; padding:0; }
.footer-bottom{ border-top:1px solid rgba(255,255,255,0.12); padding-top:24px; display:flex; justify-content:space-between; font-size:13px; color:#8291B5; flex-wrap:wrap; gap:10px; }
.wa-float{
  position:fixed; bottom:24px; right:24px; z-index:200; width:58px; height:58px; border-radius:50%;
  background:#25D366; display:flex; align-items:center; justify-content:center; box-shadow:0 12px 24px -8px rgba(37,211,102,0.6);
  animation: pulse 2.6s infinite;
}
[dir="rtl"] .wa-float{ right:auto; left:24px; }
@keyframes pulse{ 0%{box-shadow:0 0 0 0 rgba(37,211,102,0.5);} 70%{box-shadow:0 0 0 14px rgba(37,211,102,0);} 100%{box-shadow:0 0 0 0 rgba(37,211,102,0);} }

/* i18n rich-content blocks: elements that contain nested markup (e.g. a link)
   can't be swapped by textContent, so they ship as two literal blocks. */
.i18n-ar{ display:none; }
html[dir="rtl"] .i18n-en{ display:none; }
html[dir="rtl"] .i18n-ar{ display:inline; }
html[dir="rtl"] .grid-2, html[dir="rtl"] .hero .container{ direction:rtl; }

/* ---------- responsive ---------- */
@media (max-width: 980px){
  .hero .container{ grid-template-columns:1fr; }
  .grid-2{ grid-template-columns:1fr; gap:32px; }
  .grid-3{ grid-template-columns:1fr; }
  .grid-4{ grid-template-columns: 1fr 1fr; }
  .order-grid{ grid-template-columns:1fr; }
  .summary-card{ position:static; }
  .footer-grid{ grid-template-columns: 1fr 1fr; }
  .cta-band{ flex-direction:column; text-align:center; }
}
@media (max-width: 760px){
  .nav-links{ display:none; }
  .nav-toggle{ display:block; }
  .hero h1{ font-size:32px; }
  .section{ padding:56px 0; }
  .head-block h2{ font-size:26px; }
  .footer-grid{ grid-template-columns: 1fr; }
  .field-row{ grid-template-columns:1fr; }
  .plan-choice-grid{ grid-template-columns:1fr; }
}
@media (max-width: 560px){
  .site-header .container{ height:64px; }
  .brand{ font-size:15.5px; gap:8px; }
  .brand-mark{ height:32px; width:auto; }
  .brand small{ display:none; }
  .header-actions{ gap:8px; }
  .header-actions .btn{ display:none; }
  .lang-switch button{ padding:7px 10px; font-size:12px; }
  .nav-links.nav-open{ top:64px !important; }
}