@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/Inter-400-latin-ext.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/Inter-400-latin.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/Inter-500-latin-ext.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/Inter-500-latin.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/Inter-600-latin-ext.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/Inter-600-latin.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/Inter-700-latin-ext.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/Inter-700-latin.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;
}

/* movanect.com: Material 3 patterns on the Movanect tokens (m3.css). */
html { scroll-behavior: smooth; scroll-padding-top: 80px; -webkit-text-size-adjust: 100%; }
html.noscroll { overflow: hidden; }
body { margin: 0; font-family: Inter, system-ui, sans-serif; font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
*, *::before, *::after { box-sizing: border-box; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4, p { margin: 0; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
:focus-visible { outline: 3px solid var(--md-sys-color-tertiary); outline-offset: 2px; border-radius: 6px; }
[hidden] { display: none !important; }
:root { --on-v: var(--md-sys-color-on-surface-variant); --line: var(--md-sys-color-outline-variant); --soft: var(--md-sys-color-surface-container-low); --ink2: var(--md-sys-color-tertiary); }
:root[data-theme="light"] .il-d, :root[data-theme="dark"] .il-l { display: none; }
:root:not([data-theme]) .il-d { display: none; }
.w { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.narrow > * { max-width: 780px; } .narrow .lead + .lead { margin-top: 14px; }
.skip { position: absolute; left: -999px; top: 8px; z-index: 60; background: var(--md-sys-color-surface); padding: 8px 14px; border-radius: 8px; }
.skip:focus { left: 8px; }

/* top app bar */
.bar { position: sticky; top: 0; z-index: 30; background: var(--md-sys-color-surface); transition: box-shadow .2s, background .2s; }
.bar.lifted { background: var(--md-sys-color-surface-container); box-shadow: 0 1px 3px rgb(0 15 48 / .14); }
.barin { display: flex; align-items: center; gap: 12px; height: 68px; }
.logo { display: block; flex: none; } .logo img { height: 22px; width: auto; }
.links { display: flex; gap: 4px; margin-left: 28px; }
.links a { padding: 8px 14px; border-radius: 999px; font-size: 14.5px; font-weight: 500; color: var(--on-v); transition: background .15s; }
.links a:hover { background: var(--md-sys-color-surface-container-high); }
.links a[aria-current] { color: var(--md-sys-color-on-secondary-container); background: var(--md-sys-color-secondary-container); }
.end { margin-left: auto; display: flex; align-items: center; gap: 6px; }
.ibtn { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; color: var(--on-v); }
.ibtn:hover { background: var(--md-sys-color-surface-container-high); }
.lang { min-width: 44px; height: 44px; display: grid; place-items: center; font-size: 13.5px; font-weight: 600; border-radius: 50%; color: var(--on-v); }
.lang:hover { background: var(--md-sys-color-surface-container-high); }

/* buttons */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 24px; border-radius: 999px; font-size: 15px; font-weight: 600; white-space: nowrap; transition: box-shadow .15s, filter .15s; }
.btn.f { background: var(--md-sys-color-primary); color: var(--md-sys-color-on-primary); }
.btn.f:hover { box-shadow: 0 2px 8px rgb(0 15 48 / .28); filter: brightness(1.12); }
.btn.o { border: 1px solid var(--md-sys-color-outline); color: var(--md-sys-color-on-surface); }
.btn.o:hover { background: var(--md-sys-color-surface-container); }
.btn.t { min-height: 40px; padding: 0 18px; background: var(--md-sys-color-secondary-container); color: var(--md-sys-color-on-secondary-container); font-size: 14px; }
.acts { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 28px; }
.acts.left { justify-content: flex-start; }

/* navigation drawer */
.scrim { position: fixed; inset: 0; z-index: 40; background: rgb(0 15 48 / .45); }
.drawer { position: fixed; z-index: 50; inset: 0 auto 0 0; width: min(320px, 86vw); background: var(--md-sys-color-surface-container-low); border-radius: 0 16px 16px 0; padding: 14px; display: flex; flex-direction: column; gap: 8px; overflow: auto; }
.dtop { display: flex; align-items: center; justify-content: space-between; padding: 0 2px 6px 12px; }
.drawer nav { display: flex; flex-direction: column; gap: 2px; margin-bottom: 10px; }
.drawer nav a { padding: 14px 16px; border-radius: 999px; font-weight: 500; }
.drawer nav a:hover { background: var(--md-sys-color-surface-container-high); }
.drawer nav a[aria-current] { background: var(--md-sys-color-secondary-container); color: var(--md-sys-color-on-secondary-container); }

/* hero and page heads */
.hero { text-align: center; padding: 88px 0 72px; }
.hero h1 { font-size: clamp(38px, 6.2vw, 68px); line-height: 1.08; letter-spacing: -.025em; font-weight: 700; max-width: 960px; margin: 0 auto; text-wrap: balance; }
.hero h1 em { font-style: normal; color: var(--ink2); font-size: .72em; letter-spacing: -.02em; display: inline-block; margin-top: 10px; }
.hero .lead { max-width: 680px; margin: 22px auto 0; }
.chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px 6px 10px; margin-bottom: 24px; border-radius: 8px; font-size: 13.5px; font-weight: 600; background: var(--md-sys-color-secondary-container); color: var(--md-sys-color-on-secondary-container); }
.lead { font-size: clamp(17px, 2vw, 19px); line-height: 1.6; color: var(--on-v); text-wrap: pretty; }
.facts { list-style: none; margin: 40px auto 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 26px; font-size: 14px; color: var(--on-v); }
.facts li { display: flex; align-items: center; gap: 6px; } .facts .ic { color: var(--ink2); }
.ph { padding: 64px 0 28px; }
.ph h1 { font-size: clamp(34px, 5vw, 52px); line-height: 1.1; letter-spacing: -.02em; font-weight: 700; max-width: 800px; }
.ph .lead { margin-top: 14px; max-width: 700px; }

/* sections and cards */
.sec { padding: 72px 0; } .sec.tight { padding: 32px 0 64px; } .sec.soft { background: var(--soft); }
.eb { font-size: 13.5px; font-weight: 600; color: var(--ink2); margin-bottom: 8px; }
.sec h2 { font-size: clamp(26px, 3.4vw, 36px); line-height: 1.18; letter-spacing: -.015em; font-weight: 700; text-wrap: balance; max-width: 760px; }
.g2, .g3 { display: grid; gap: 16px; margin-top: 32px; } .g2 { grid-template-columns: repeat(2, 1fr); } .g3 { grid-template-columns: repeat(3, 1fr); }
.card { display: block; padding: 24px; border-radius: 16px; background: var(--md-sys-color-surface-container-lowest); border: 1px solid var(--line); }
.card h3 { font-size: 18px; font-weight: 600; line-height: 1.3; margin: 14px 0 6px; }
.card p { color: var(--on-v); font-size: 15px; }
.ib { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: var(--md-sys-color-primary-container); color: var(--md-sys-color-on-primary-container); }
.card.link { transition: box-shadow .2s, transform .2s; } .card.link:hover { box-shadow: 0 4px 16px rgb(0 15 48 / .12); transform: translateY(-2px); }
.more { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; font-weight: 600; font-size: 14.5px; color: var(--ink2); }
.step { padding: 12px 12px 24px; } .step h3, .step p { padding: 0 12px; } .step h3 { margin-top: 6px; }
.step .art img { width: 100%; height: auto; border-radius: 10px; }
.n { display: grid; place-items: center; width: 30px; height: 30px; margin: 14px 12px 0; border-radius: 50%; font-size: 14px; font-weight: 700; background: var(--md-sys-color-secondary-container); color: var(--md-sys-color-on-secondary-container); }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.split.flip > .art { order: -1; } .split .lead { margin-top: 12px; }
.art.big img { width: 100%; height: auto; border-radius: 20px; }
.ticks { list-style: none; padding: 0; margin: 20px 0 0; display: grid; gap: 10px; }
.ticks li { display: flex; gap: 10px; } .ticks .ic { flex: none; margin-top: 2px; color: var(--ink2); }
.band { border-radius: 24px; padding: 56px 32px; text-align: center; background: #001C55; color: #fff; }
.sec .band h2 { margin: 0 auto; } .band p { margin-top: 10px; color: #C9CFD6; font-size: 17px; }
.band .btn.f { background: #FFDE59; color: #001C55; } .band .btn.o { border-color: #C9CFD6; color: #fff; } .band .btn.o:hover { background: rgb(255 255 255 / .1); }
.legal { max-width: 780px; } .legal h2 { font-size: 22px; margin: 28px 0 8px; } .legal p { color: var(--on-v); margin-bottom: 8px; }
.note { font-size: 14.5px; color: var(--on-v); margin-top: 24px; padding: 14px 16px; border-radius: 12px; background: var(--soft); }

/* footer */
.foot { background: var(--md-sys-color-surface-container); padding: 56px 0 28px; margin-top: 24px; font-size: 14.5px; }
.fgrid { display: grid; grid-template-columns: 1.6fr repeat(4, 1fr); gap: 28px; }
.fbrand p { color: var(--on-v); margin-top: 12px; }
.foot h4 { font-size: 14px; font-weight: 600; margin-bottom: 8px; }
.foot .fgrid div a:not(.logo) { display: block; padding: 5px 0; color: var(--on-v); } .foot .fgrid a:not(.logo):hover { color: var(--md-sys-color-on-surface); text-decoration: underline; }
.legalline { margin-top: 32px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--on-v); font-size: 13.5px; }

.only-p { display: none; }
@media (max-width: 960px) {
  .only-d { display: none; } .only-p { display: grid; }
  .barin { height: 60px; gap: 4px; } .w { padding: 0 16px; } .barin { padding: 0 8px; } .logo img { height: 19px; }
  .split { gap: 28px; } .card { padding: 20px; }
  .fgrid { grid-template-columns: repeat(2, 1fr); } .fbrand { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .hero { padding: 48px 0 44px; } .ph { padding: 40px 0 16px; } .sec { padding: 48px 0; } .sec.tight { padding: 20px 0 44px; }
  .g2, .g3, .split { grid-template-columns: 1fr; } .split.flip > .art { order: 0; }
  .acts .btn { width: 100%; } .acts { flex-direction: column; }
  .band { padding: 36px 20px; border-radius: 20px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; } }
:root[data-theme="light"] { --md-sys-color-surface: #FFFFFF; }