/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../assets/fonts/4306d4a9.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../assets/fonts/74b134d6.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../assets/fonts/7755a09d.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../assets/fonts/4306d4a9.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../assets/fonts/74b134d6.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../assets/fonts/7755a09d.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../assets/fonts/4306d4a9.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../assets/fonts/74b134d6.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../assets/fonts/7755a09d.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../assets/fonts/4306d4a9.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../assets/fonts/74b134d6.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../assets/fonts/7755a09d.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../assets/fonts/4306d4a9.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../assets/fonts/74b134d6.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../assets/fonts/7755a09d.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../assets/fonts/4306d4a9.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../assets/fonts/74b134d6.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../assets/fonts/7755a09d.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/3781b977.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/7449f812.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/d6924208.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/fc29b5b7.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/a3dc0c9e.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/ed5538f5.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/bb41482f.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/994a14f0.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/b63f7c0a.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/33144009.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../assets/fonts/e9b1619f.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../assets/fonts/8b7ffd58.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../assets/fonts/2ca5c730.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../assets/fonts/d1e81e62.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../assets/fonts/6d1b1bc3.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

  body{ margin:0; }
  @keyframes hdPulse { 0%,100%{ opacity:.55; transform:scale(1); } 50%{ opacity:.9; transform:scale(1.06); } }
  @keyframes hdBlink { 0%,100%{ opacity:1; } 50%{ opacity:.35; } }
  @keyframes hdSpin { to { transform:rotate(360deg); } }
  .hd-spinner{ display:inline-block; width:17px; height:17px; border:2px solid currentColor; border-top-color:transparent; border-radius:50%; animation:hdSpin .7s linear infinite; vertical-align:middle; }
  .hd .pill-en,.hd .pill-mk,.hd .pill-sq{ background:transparent; color:#5A6B71; }
  .hd:not(.lang-mk):not(.lang-sq) .pill-en{ background:#0E8092; color:#fff; }
  .hd.lang-mk .pill-mk{ background:#0E8092; color:#fff; }
  .hd.lang-sq .pill-sq{ background:#0E8092; color:#fff; }
  .hd-stat{ border-right:1px solid #EEF1F2; }
  .hd-stats > .hd-stat:nth-child(4n){ border-right:none; }
  @media (max-width:560px){
    .hd-stats{ grid-template-columns:repeat(2,1fr) !important; }
    .hd-stats > .hd-stat:nth-child(2n){ border-right:none; }
    .hd-stats > .hd-stat:nth-child(-n+2){ border-bottom:1px solid #EEF1F2; }
  }
  @media (max-width:860px){
    .hd-hero{ grid-template-columns:1fr !important; gap:24px !important; padding-top:48px !important; }
    .hd-hero-media{ order:-1; min-height:0 !important; margin-bottom:8px; }
    .hd-machine{ height:380px !important; }
    .hd-glow{ width:320px !important; height:320px !important; }
    .hd-contact{ grid-template-columns:1fr !important; gap:36px !important; }
    .hd-navlinks{ display:none !important; }
    .hd-h1{ font-size:54px !important; }
  }
  @media (max-width:460px){
    .hd-machine{ height:300px !important; }
    .hd-glow{ width:250px !important; height:250px !important; }
    .hd-vitals{ transform:scale(.82); transform-origin:top right; }
    .hd-h1{ font-size:44px !important; }
  }

  [hidden]{ display:none !important; }
  .hd a.pill-en,.hd a.pill-mk,.hd a.pill-sq{ text-decoration:none; }
  .hd-if{ display:contents; }

  .hd-faq details{ background:#fff; border:1px solid #E4E8EA; border-radius:12px; padding:0 22px; margin-bottom:12px; }
  .hd-faq summary{ cursor:pointer; list-style:none; padding:20px 0; font-size:17px; font-weight:700; display:flex; justify-content:space-between; gap:16px; }
  .hd-faq summary::-webkit-details-marker{ display:none; }
  .hd-faq summary::after{ content:'+'; font-size:22px; line-height:1; color:#0E8092; }
  .hd-faq details[open] summary::after{ content:'\2013'; }
  .hd-faq p{ margin:0 0 20px; font-size:15px; line-height:1.65; color:#54666C; }

  /* ── mobile menu ── */
  html{ scroll-padding-top:92px; }
  .hd-burger{ display:none; width:42px; height:42px; padding:0; border:1px solid #DCE2E4; border-radius:8px; background:transparent; cursor:pointer; flex-direction:column; align-items:center; justify-content:center; gap:5px; }
  .hd-burger span{ display:block; width:18px; height:2px; background:#0C1417; border-radius:2px; transition:transform .2s, opacity .2s; }
  .hd-burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
  .hd-burger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
  .hd-burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
  .hd-menu{ position:absolute; left:0; right:0; top:100%; background:#F5F7F7; border-bottom:1px solid #E4E8EA; box-shadow:0 18px 30px rgba(12,20,23,.12); padding:8px 24px 20px; display:none; flex-direction:column; }
  .hd-menu a{ color:#2A3A40; text-decoration:none; font-size:17px; font-weight:600; padding:14px 0; border-bottom:1px solid #E4E8EA; }
  .hd-menu a:last-child{ border-bottom:none; }
  .hd-menu a.hd-menu-cta{ display:none; background:#0E8092; color:#fff; text-align:center; border-radius:8px; margin-top:12px; padding:14px; }
  @media (max-width:860px){
    .hd-burger{ display:flex; }
    .hd-menu:not([hidden]){ display:flex; }
  }
  @media (max-width:560px){
    .hd-navcta{ display:none !important; }
    .hd-menu a.hd-menu-cta{ display:block; }
  }
  @media (min-width:861px){ .hd-menu{ display:none !important; } }

/* ════════════════════ Helmet Doctor v2 (tools/v2.py) ════════════════════ */
:root{
  --hd-sec:128px;
  --hd-teal:#0E8092; --hd-teal-text:#0B6877; --hd-teal-press:#0A525E; --hd-accent:#16A9BE; --hd-accent-hover:#5CBFCF;
  --hd-ink:#0C1417; --hd-glow:#5CBFCF;
  --dur-instant:100ms; --dur-fast:160ms; --dur-base:240ms; --dur-slow:400ms; --dur-cycle:2400ms;
  --ease-standard:cubic-bezier(.2,0,0,1); --ease-enter:cubic-bezier(0,0,.2,1); --ease-clinical:cubic-bezier(.65,0,.35,1);
}
@media (max-width:1024px){ :root{ --hd-sec:96px; } }
@media (max-width:767px){ :root{ --hd-sec:64px; } }
@keyframes hdCross{ 0%,100%{ transform:scale(1); opacity:1; } 50%{ transform:scale(.86); opacity:.7; } }
@keyframes hdPing{ 0%{ transform:scale(1); opacity:.55; } 100%{ transform:scale(2.8); opacity:0; } }
@keyframes hdScan{ 0%{ top:0; opacity:0; } 10%,90%{ opacity:1; } 100%{ top:100%; opacity:0; } }
@keyframes hdSweep{ from{ transform:translateX(-100%); } to{ transform:translateX(100%); } }
@keyframes hdRise{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:none; } }
@keyframes hdFill{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } }

.hd-v2 .hd-live-cross{ animation:hdCross var(--dur-cycle) var(--ease-standard) infinite; }
.hd-v2 .hd-ping{ position:relative; }
.hd-v2 .hd-ping::after{ content:""; position:absolute; inset:0; border-radius:inherit; background:inherit; animation:hdPing var(--dur-cycle) var(--ease-enter) infinite; }

/* machine + bays */
.hd-v2 .hd-machine-wrap{ position:relative; display:inline-block; line-height:0; }
.hd-v2 .hd-bay{ position:absolute; left:41%; width:37%; overflow:hidden; border-radius:4px; pointer-events:none; }
.hd-v2 .hd-bay--1{ top:43.5%; height:13.6%; }
.hd-v2 .hd-bay--2{ top:67.2%; height:14.8%; }
.hd-v2 .hd-bay i{ position:absolute; left:0; right:0; height:2px; background:var(--hd-glow); box-shadow:0 0 18px 3px rgba(92,191,207,.75); animation:hdScan var(--dur-cycle) var(--ease-clinical) infinite; }
.hd-v2 .hd-bay--2 i{ animation-delay:1200ms; }

/* live readout */
.hd-v2 .hd-vtrack{ height:4px; border-radius:4px; background:#EEF1F2; margin-top:12px; overflow:hidden; }
.hd-v2 .hd-vtrack span{ display:block; height:100%; background:var(--hd-accent); transform-origin:left; transform:scaleX(0); transition:transform 250ms linear; }
.hd-v2 .hd-vstep{ font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--hd-teal-text); margin-top:8px; min-height:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* stat band on dark */
.hd-v2 .hd-statband .hd-stat{ border-right-color:rgba(255,255,255,.08); }
@media (max-width:560px){ .hd-v2 .hd-statband .hd-stats > .hd-stat:nth-child(-n+2){ border-bottom-color:rgba(255,255,255,.08); } }

/* process */
.hd-v2 .hd-stepnum{ width:44px; height:44px; border-radius:999px; background:var(--hd-teal); color:#fff; display:inline-grid; place-items:center; font-family:'IBM Plex Mono',monospace; font-size:14px; font-weight:600; }
.hd-v2 .hd-uvline{ position:absolute; left:0; right:0; height:2px; z-index:1; background:var(--hd-glow); box-shadow:0 0 24px 2px rgba(92,191,207,.55); animation:hdScan 3200ms var(--ease-clinical) infinite; pointer-events:none; }
.hd-v2 .hd-uvline--slow{ animation-duration:5200ms; opacity:.55; }

/* cards */
.hd-v2 .hd-lift{ transition:transform var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard); }
.hd-v2 .hd-lift:hover{ transform:translateY(-2px); box-shadow:0 1px 2px rgba(12,20,23,.06), 0 6px 16px rgba(12,20,23,.08) !important; }
.hd-v2 .hd-depth > span{ transform-origin:left; }
.hd-v2 .hd-rv.is-in .hd-depth > span{ animation:hdFill 600ms var(--ease-clinical) both; }
.hd-v2 .hd-rv.is-in .hd-depth > span:nth-child(2){ animation-delay:120ms; }
.hd-v2 .hd-rv.is-in .hd-depth > span:nth-child(3){ animation-delay:240ms; }
.hd-v2 .hd-icon{ width:44px; height:44px; border-radius:12px; background:#D5EEF2; color:var(--hd-teal-text); display:grid; place-items:center; margin-bottom:20px; }

/* buttons: hover, press, busy */
.hd-v2 a[style*="background:#0E8092"], .hd-v2 button[style*="background:#0E8092"],
.hd-v2 a[style*="background:#16A9BE"], .hd-v2 button[style*="background:#16A9BE"], #consent button,
.hd-v2 a[style*="border:1px solid #C5D2D6"]{ transition:background-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), transform var(--dur-instant) var(--ease-standard); position:relative; overflow:hidden; }
.hd-v2 a[style*="background:#0E8092"]:hover, .hd-v2 button[style*="background:#0E8092"]:hover{ background-color:var(--hd-teal-text) !important; box-shadow:0 6px 16px rgba(12,20,23,.12); }
.hd-v2 a[style*="background:#0E8092"]:active, .hd-v2 button[style*="background:#0E8092"]:active{ background-color:var(--hd-teal-press) !important; transform:scale(.98); }
.hd-v2 a[style*="background:#16A9BE"]:hover, .hd-v2 button[style*="background:#16A9BE"]:hover, #consent-yes:hover{ background-color:var(--hd-accent-hover) !important; }
.hd-v2 a[style*="background:#16A9BE"]:active, .hd-v2 button[style*="background:#16A9BE"]:active{ transform:scale(.98); }
.hd-v2 a[style*="border:1px solid #C5D2D6"]:hover{ background-color:#EEF1F2; }
.hd-v2 button[type="submit"]:disabled{ cursor:progress; }
.hd-v2 button[type="submit"]:disabled::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent); animation:hdSweep 1200ms var(--ease-clinical) infinite; }

/* focus: always visible */
.hd-v2 a:focus-visible, .hd-v2 button:focus-visible, .hd-v2 input:focus-visible, .hd-v2 textarea:focus-visible, .hd-v2 summary:focus-visible{ outline:none !important; box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--hd-teal) !important; border-radius:8px; }
.hd-v2 #notify :focus-visible, .hd-v2 footer :focus-visible, #consent :focus-visible{ box-shadow:0 0 0 2px var(--hd-ink), 0 0 0 4px var(--hd-accent) !important; }
.hd-v2 input:focus, .hd-v2 textarea:focus{ border-color:var(--hd-teal) !important; }
.hd-v2 #notify input:focus{ border-color:var(--hd-accent) !important; }

/* language pills */
.hd.hd-v2 .pill-en, .hd.hd-v2 .pill-mk, .hd.hd-v2 .pill-sq{ color:#4B5C62; transition:background-color var(--dur-fast), color var(--dur-fast); }
.hd.hd-v2:not(.lang-mk):not(.lang-sq) .pill-en, .hd.hd-v2.lang-mk .pill-mk, .hd.hd-v2.lang-sq .pill-sq{ color:#fff; }

/* FAQ */
.hd-v2 .hd-faq details{ transition:border-color var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard); }
.hd-v2 .hd-faq details[open]{ border-color:#9ED3DC; box-shadow:0 12px 40px rgba(12,20,23,.06); }
.hd-v2 .hd-faq summary{ font-size:18px; font-weight:800; align-items:center; }
.hd-v2 .hd-faq summary::after, .hd-v2 .hd-faq details[open] summary::after{ content:""; flex:none; width:32px; height:32px; border-radius:999px; background:#EEF1F2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%230C1417' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M7 1v12M1 7h12'/%3E%3C/svg%3E") center no-repeat; transition:transform var(--dur-base) var(--ease-standard), background-color var(--dur-base) var(--ease-standard); }
.hd-v2 .hd-faq details[open] summary::after{ transform:rotate(45deg); background-color:#D5EEF2; }
.hd-v2 .hd-faq details[open] p{ animation:hdRise var(--dur-slow) var(--ease-enter) both; }
.hd-v2 .hd-faq p{ font-size:16px; }

/* reveal on scroll (added by main.js only when motion is allowed) */
.hd-v2 .hd-rv{ opacity:0; }
.hd-v2 .hd-rv.is-in{ animation:hdRise var(--dur-slow) var(--ease-enter) both; animation-delay:calc(var(--i,0) * 60ms); }

@media (prefers-reduced-motion: reduce){
  .hd-v2 *, .hd-v2 *::before, .hd-v2 *::after{ animation:none !important; transition:none !important; }
  .hd-v2 .hd-rv{ opacity:1; }
  .hd-v2 .hd-bay, .hd-v2 .hd-uvline{ display:none; }
}
/* ════════════════════ end v2 ════════════════════ */
