:root {
  --navy: #071e49;
  --blue: #075ce5;
  --blue-dark: #0649b6;
  --gold: #f0a000;
  --gold-dark: #b97b06;
  --green: #178a43;
  --ink: #0a1f44;
  --muted: #65718a;
  --line: #dce5f2;
  --surface: #f7faff;
  --white: #fff;
  --shadow: 0 22px 70px rgba(14, 47, 99, 0.12);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; color: var(--ink); background: #fff; font-family: "Manrope", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
.container { width: min(1440px, calc(100% - 72px)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--blue); font-size: 12px; line-height: 1; font-weight: 800; letter-spacing: .13em; }
.eyebrow::before { content: ""; width: 24px; height: 2px; background: currentColor; }

.site-header { position: fixed; z-index: 50; inset: 0 0 auto; height: 82px; background: rgba(255,255,255,.9); border-bottom: 1px solid rgba(220,229,242,.85); backdrop-filter: blur(18px); }
.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; }
.brand-lockup { display: inline-flex; align-items: center; gap: 9px; }
.brand-lockup > img { display: block; flex: 0 0 auto; width: 46px; height: 46px; object-fit: contain; }
.brand-type { display: flex; flex-direction: column; min-width: 0; }
.brand-type strong { display: flex; align-items: baseline; color: var(--navy); font-family: "Manrope", Arial, sans-serif; font-size: 23px; line-height: .9; font-weight: 800; letter-spacing: -.07em; white-space: nowrap; }
.brand-type strong span { color: var(--navy); }
.brand-type strong em { color: var(--gold); font-style: normal; }
.brand-type small { margin-top: 6px; color: var(--ink); font-family: "Manrope", Arial, sans-serif; font-size: 6.5px; line-height: 1.2; font-weight: 800; letter-spacing: .055em; white-space: nowrap; }
.desktop-nav { display: flex; align-items: center; justify-content: center; gap: clamp(20px, 2.4vw, 40px); margin-left: auto; }
.desktop-nav a { position: relative; color: #243654; font-size: 13px; font-weight: 600; white-space: nowrap; }
.desktop-nav a::after { content: ""; position: absolute; height: 2px; inset: auto 50% -10px; background: var(--blue); transition: inset .2s ease; }
.desktop-nav a:hover::after, .desktop-nav a:focus-visible::after { inset-inline: 0; }
.header-actions { display: flex; align-items: center; gap: 10px; }
.whatsapp-button { min-height: 42px; padding: 0 16px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid #cfe4d6; border-radius: 8px; background: #fff; color: #146b37; font-size: 12px; font-weight: 700; white-space: nowrap; }
.whatsapp-button img { width: 19px; height: 19px; object-fit: contain; filter: brightness(0) saturate(100%) invert(39%) sepia(29%) saturate(1217%) hue-rotate(91deg) brightness(92%); }
.language-button { display: flex; align-items: center; gap: 5px; height: 42px; padding: 0 11px; border: 1px solid var(--line); border-radius: 8px; background: #fff; font-size: 12px; font-weight: 700; cursor: pointer; }
.language-button b { display: block; width: 7px; height: 7px; margin-top: -4px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }

html[lang="hy"] body { font-family: "Noto Sans Armenian", "Manrope", Arial, sans-serif; }
html[lang="hy"] .desktop-nav { gap: 28px; font-size: 11px; }
html[lang="hy"] .card-heading h3 { font-size: 15px; letter-spacing: -.02em; }
html[lang="hy"] .card-heading p { font-size: 10px; }
html[lang="hy"] .field > span:first-child { font-size: 8px; letter-spacing: -.02em; }
html[lang="hy"] .form-grid { grid-template-columns: 78px minmax(105px,1.2fr) minmax(112px,1fr) 112px; gap: 8px; }
html[lang="hy"] .rate-field .input-wrap { gap: 4px; padding-inline: 8px; }
html[lang="hy"] .rate-field .input-wrap b { font-size: 7px; }
html[lang="hy"] .frequency-trigger { font-family: "Noto Sans Armenian", "Manrope", sans-serif; font-size: 8px; }
html[lang="hy"] .primary-action { font-size: 10px; }
html[lang="hy"] .result-box span { font-size: 8px; }
html[lang="hy"] .contact-card h2 { font-size: clamp(28px,3vw,43px); }
html[lang="hy"] .calculator-grid::after { content: "ԿԱՄ"; }
.menu-button { display: none; width: 42px; height: 42px; padding: 10px; border: 0; border-radius: 8px; background: var(--surface); cursor: pointer; }
.menu-button i { display: block; height: 2px; margin: 4px 0; background: var(--navy); border-radius: 3px; }
.mobile-menu { position: absolute; top: 81px; inset-inline: 0; padding: 12px 20px 20px; background: #fff; border-bottom: 1px solid var(--line); box-shadow: 0 20px 30px rgba(7,30,73,.1); }
.mobile-menu a { display: block; padding: 13px 8px; border-bottom: 1px solid #edf2f9; font-weight: 700; }

.hero { position: relative; min-height: 855px; padding: 82px 0 34px; overflow: hidden; background: linear-gradient(180deg,#fbfdff 0%,#eef6ff 76%,#f9fbff 100%); }
.hero-bg { position: absolute; inset: 82px 0 auto; height: 620px; background-image: linear-gradient(90deg, rgba(255,255,255,.15), rgba(255,255,255,0)), url("assets/hero-finance.png"); background-position: center top; background-size: cover; opacity: .82; }
.hero-inner { position: relative; padding-top: 48px; }
.hero-copy { width: min(720px, 60%); }
.hero-copy h1 { display: flex; flex-direction: column; margin: 17px 0 16px; color: var(--navy); font-family: "Montserrat", "Manrope", Arial, sans-serif; font-size: clamp(40px, 3.35vw, 54px); line-height: 1.04; font-weight: 800; letter-spacing: -.035em; text-transform: uppercase; }
.hero-copy h1 .gold { color: var(--gold); }
.hero-copy > p { width: min(550px, 100%); margin: 0; color: #4e607c; font-size: 17px; line-height: 1.65; }
.hero-points { display: flex; align-items: center; gap: 26px; margin-top: 27px; }
.hero-points span { display: flex; align-items: center; gap: 10px; }
.hero-points b { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #cfe0f6; border-radius: 9px; background: rgba(255,255,255,.76); color: var(--blue); font-size: 20px; }
.hero-points b img { width: 21px; height: 21px; object-fit: contain; }
.hero-points small { color: #556580; font-size: 10px; line-height: 1.35; font-weight: 700; }
.hero-note { position: absolute; top: 115px; right: 1%; width: 220px; padding: 22px; color: #fff; background: linear-gradient(145deg,#0a2d68,#061a40); border: 1px solid rgba(255,255,255,.3); border-radius: 15px; box-shadow: 0 18px 40px rgba(7,30,73,.22); }
.hero-note::after { content: ""; position: absolute; inset: 9px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; pointer-events: none; }
.hero-note > * { position: relative; z-index: 1; }
.hero-note > span { display: block; font-size: 10px; font-weight: 800; letter-spacing: .08em; opacity: .72; }
.hero-note strong { display: block; margin: 10px 0 7px; color: #f0b838; font-size: 31px; line-height: 1; letter-spacing: -.04em; }
.hero-note strong small { font-size: 12px; }
.hero-note p { margin: 0; font-size: 10px; line-height: 1.45; opacity: .8; }

.hero-dashboard { display: grid; grid-template-columns: minmax(0,1fr) 238px; gap: 18px; align-items: end; margin-top: 34px; }
.calculator-shell { min-width: 0; margin-top: 0; }
.calculator-grid { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.calculator-grid::after { content: "ИЛИ"; position: absolute; z-index: 3; top: 50%; left: 50%; display: grid; place-items: center; width: 45px; height: 45px; border: 1px solid #dde5f0; border-radius: 50%; color: var(--navy); background: #fff; box-shadow: 0 8px 24px rgba(7,30,73,.12); font-size: 10px; font-weight: 800; transform: translate(-50%,-50%); }
.calculator-card { position: relative; padding: 25px 26px 24px; background: rgba(255,255,255,.95); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); }
.calculator-card::before { content: ""; position: absolute; height: 4px; inset: -1px 35% auto 24px; border-radius: 0 0 5px 5px; }
.calculator-card.seller::before { background: var(--gold); }
.calculator-card.buyer::before { background: var(--blue); }
.card-heading { display: flex; align-items: center; gap: 13px; margin-bottom: 20px; }
.card-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; font-size: 23px; font-weight: 800; }
.seller .card-icon { color: #fff; background: linear-gradient(145deg,#ecb947,#c98000); }
.buyer .card-icon { color: #fff; background: linear-gradient(145deg,#2780f2,#0753c8); }
.card-icon img { width: 24px; height: 24px; object-fit: contain; filter: brightness(0) invert(1); }
.card-heading h3 { margin: 0 0 3px; font-size: 18px; line-height: 1.2; text-transform: uppercase; }
.seller .card-heading h3 { color: var(--gold-dark); }
.buyer .card-heading h3 { color: var(--blue-dark); }
.card-heading p { margin: 0; color: var(--muted); font-size: 11px; }
.form-grid { display: grid; grid-template-columns: 82px minmax(112px,1.25fr) minmax(105px,1fr) 108px; gap: 10px; align-items: start; }
.field { display: block; min-width: 0; }
.field > span:first-child, .frequency-field legend { display: block; min-height: 14px; margin-bottom: 7px; overflow: hidden; color: #33435f; font-size: 9px; line-height: 14px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.field select, .input-wrap { width: 100%; height: 51px; border: 1px solid #d9e3f0; border-radius: 8px; background: #fff; outline: none; }
.field select { padding: 0 20px 0 32px; color: var(--ink); font-size: 10px; font-weight: 700; background-repeat: no-repeat; background-position: 9px center; background-size: 17px 12px; }
.currency-field { position: relative; }
.currency-field select { appearance: none; -webkit-appearance: none; }
.currency-field::after { content: ""; position: absolute; right: 10px; bottom: 22px; width: 6px; height: 6px; border-right: 1.5px solid #274365; border-bottom: 1.5px solid #274365; pointer-events: none; transform: rotate(45deg); }
.input-wrap { display: flex; align-items: center; gap: 6px; padding: 0 11px; }
.input-wrap:focus-within, .field select:focus-visible { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(7,92,229,.1); }
.input-wrap input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font-size: 14px; font-weight: 800; }
.input-wrap b { flex: 0 0 auto; color: #687995; font-size: 8px; font-weight: 700; }
.field-error { display: block; min-height: 0; color: #a33b3b; font-size: 9px; }
.frequency-field { min-width: 0; }
.frequency-picker { position: relative; }
.frequency-trigger { position: relative; width: 100%; height: 51px; padding: 0 30px 0 12px; overflow: hidden; border: 1px solid #d9e3f0; border-radius: 8px; color: var(--ink); background: linear-gradient(180deg,#fff,#fbfdff); box-shadow: 0 2px 8px rgba(14,47,99,.035); font: 700 9px/1 "Manrope", sans-serif; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease; }
.frequency-trigger:hover { border-color: #b8cbe4; background: #fff; }
.frequency-trigger:focus-visible, .frequency-picker.open .frequency-trigger { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(7,92,229,.1); outline: 0; }
.frequency-trigger > i { position: absolute; top: 50%; right: 12px; width: 7px; height: 7px; border-right: 1.5px solid #274365; border-bottom: 1.5px solid #274365; transform: translateY(-65%) rotate(45deg); transition: transform .16s ease; }
.frequency-picker.open .frequency-trigger > i { transform: translateY(-25%) rotate(225deg); }
.frequency-menu { position: absolute; z-index: 40; top: calc(100% + 8px); right: 0; width: 218px; padding: 7px; border: 1px solid #d9e4f2; border-radius: 13px; background: rgba(255,255,255,.99); box-shadow: 0 18px 45px rgba(7,30,73,.18); }
.frequency-menu[hidden] { display: none; }
.frequency-menu button { position: relative; display: block; width: 100%; min-height: 57px; padding: 10px 38px 10px 13px; border: 0; border-radius: 9px; color: var(--navy); background: transparent; font-family: "Manrope", sans-serif; text-align: left; cursor: pointer; }
.frequency-menu button:hover, .frequency-menu button:focus-visible { background: #f2f7ff; outline: 0; }
.seller .frequency-menu button.selected { color: #9a6400; background: #fff7e7; }
.buyer .frequency-menu button.selected { color: var(--blue); background: #edf5ff; }
.frequency-menu b { display: block; margin-bottom: 4px; font-size: 11px; line-height: 1.2; }
.frequency-menu small { display: block; color: #748299; font-size: 8px; line-height: 1.35; font-weight: 500; }
.frequency-menu button > i { position: absolute; top: 50%; right: 13px; display: none; place-items: center; width: 19px; height: 19px; border-radius: 50%; color: #fff; background: var(--blue); font-size: 10px; font-style: normal; transform: translateY(-50%); }
.seller .frequency-menu button.selected > i { background: var(--gold-dark); }
.frequency-menu button.selected > i { display: grid; }
.frequency-select { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; white-space: nowrap; }
.quick-values { display: flex; gap: 7px; margin: 12px 0 17px calc(15% + 11px); }
.quick-values button { min-width: 48px; height: 27px; padding: 0 9px; border: 1px solid #d9e3f0; border-radius: 6px; background: #f9fbff; color: #586984; font-size: 9px; font-weight: 700; cursor: pointer; }
.seller .quick-values button.active { border-color: #e4b356; color: #93610b; background: #fff8ea; }
.buyer .quick-values button.active { border-color: #6aa1ed; color: #0754bf; background: #f1f7ff; }
.result-box { display: grid; grid-template-columns: .82fr 1.48fr; gap: 12px; padding: 16px; border: 1px solid #dbe8f5; border-radius: 11px; background: linear-gradient(115deg,#fafdff,#f1f8ff); }
.rate-result, .financial-result { min-width: 0; }
.rate-result { padding-right: 13px; border-right: 1px solid #dbe4ef; }
.result-box span { display: block; margin-bottom: 6px; color: #586984; font-size: 9px; font-weight: 600; }
.rate-result strong { color: var(--blue); font-size: 20px; line-height: 1; }
.rate-result em { font-style: normal; }
.rate-result small { font-size: 8px; }
.financial-result { position: relative; padding-right: 38px; }
.financial-result > strong { display: block; color: var(--green); font-family: "Montserrat", "Manrope", sans-serif; font-size: clamp(17px,1.35vw,23px); line-height: 1.1; letter-spacing: -.04em; }
.financial-result strong small { font-size: 9px; }
.financial-result p { margin: 6px 0 0; color: #678070; font-size: 8px; }
.financial-result .result-example { color: #526982; }
.financial-result .result-example b { color: var(--navy); }
.result-icon { position: absolute; right: 0; bottom: 4px; width: 31px; height: 31px; object-fit: contain; }
.manager-only { min-height: 64px; margin: 0 0 13px; padding: 14px 16px; border: 1px solid #dbe8f5; border-radius: 11px; color: var(--ink); background: #f5f9ff; font-size: 13px; line-height: 1.5; }
.primary-action { width: 100%; height: 51px; display: flex; align-items: center; justify-content: center; gap: 10px; border: 0; border-radius: 8px; color: #fff; font-size: 12px; font-weight: 800; cursor: pointer; box-shadow: 0 8px 18px rgba(7,30,73,.15); transition: transform .18s ease, box-shadow .18s ease; }
.primary-action:hover { transform: translateY(-1px); box-shadow: 0 11px 23px rgba(7,30,73,.2); }
.gold-action { background: linear-gradient(180deg,#e6ad37,#ca8400); }
.blue-action { background: linear-gradient(180deg,#1472ea,#0650bd); }
.primary-action span, .secondary-action span, .contact-action span { font-size: 20px; font-weight: 400; }
.calculation-disclaimer { display: flex; justify-content: center; gap: 8px; margin: 14px auto 0; color: #6d7b92; font-size: 9px; text-align: center; }
.calculation-disclaimer > span:first-child { color: var(--blue); font-size: 13px; }
.mobile-mode-switch { display: none; }

.market-sidebar { display: grid; gap: 11px; min-width: 0; }
.potential-card { padding: 19px 18px; border-radius: 14px; color: #fff; background: linear-gradient(145deg,#0a3274,#061b43); box-shadow: 0 18px 35px rgba(7,30,73,.22); }
.potential-card > span { display: block; color: #d7e3f6; font-size: 10px; line-height: 1.4; font-weight: 800; }
.potential-card > strong { display: block; margin: 12px 0 7px; color: #ffad00; font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 1; letter-spacing: -.04em; }
.potential-card > strong small { font-size: 9px; }
.potential-card > p { margin: 0 0 13px; color: #c0cfe4; font-size: 8px; }
.potential-card > div { padding-top: 12px; border-top: 1px solid rgba(255,255,255,.15); }
.potential-card > div span { display: block; margin-bottom: 4px; color: #90a9ca; font-size: 8px; }
.potential-card > div b { font-size: 9px; }
.market-card { padding: 17px 16px 14px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.96); box-shadow: 0 12px 30px rgba(14,47,99,.08); }
.market-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.market-card-head strong { display: block; color: var(--navy); font-size: 10px; }
.market-card-head span { display: block; margin-top: 3px; color: var(--muted); font-size: 7px; }
.market-card-head img { width: 22px; height: 22px; object-fit: contain; }
.market-rates > div { display: grid; grid-template-columns: 1fr auto auto; gap: 8px; align-items: center; padding: 6px 0; border-bottom: 1px solid #edf1f6; }
.market-rates b, .market-rates span, .market-rates em { font-size: 8px; }
.market-rates b { color: var(--navy); }
.market-rates span { color: #324762; font-weight: 700; }
.market-rates em { min-width: 35px; color: var(--green); font-style: normal; text-align: right; }
.market-rates em.negative { color: #dc4242; }
.market-card > p { margin: 11px 0 9px; color: #7b8798; font-size: 7px; line-height: 1.45; }
.market-card > a { display: block; color: var(--blue); font-size: 8px; font-weight: 800; text-align: center; }

.overview-section { padding: 20px 0 42px; background: #fff; }
.overview-wrap { display: grid; gap: 13px; }
.overview-top { display: grid; grid-template-columns: 1.55fr 1fr; gap: 13px; }
.compact-process, .compact-benefits, .verified-facts { border: 1px solid #e2e9f3; border-radius: 15px; background: #fff; box-shadow: 0 8px 26px rgba(14,47,99,.05); }
.compact-process { display: grid; grid-template-columns: 155px minmax(0,1fr); align-items: center; min-height: 190px; padding: 26px 25px; }
.compact-process h2 { margin: 0; color: var(--navy); font-family: "Montserrat", "Manrope", sans-serif; font-size: 23px; line-height: 1.18; text-transform: uppercase; }
.compact-process ol { display: grid; grid-template-columns: repeat(4,1fr); gap: 23px; margin: 0; padding: 0; list-style: none; }
.compact-process li { position: relative; min-width: 0; text-align: center; }
.compact-process li:not(:last-child)::after { content: "→"; position: absolute; top: 17px; right: -18px; color: #c6d3e3; font-size: 20px; }
.compact-process li > img { display: block; width: 43px; height: 43px; margin: 0 auto 15px; padding: 9px; border-radius: 50%; background: #f1f6fd; object-fit: contain; }
.compact-process li strong { display: block; margin: 0 auto 7px; color: var(--navy); font-size: 10px; line-height: 1.35; }
.compact-process li p { max-width: 125px; margin: 0 auto; color: #66748a; font-size: 8px; line-height: 1.55; }
.compact-benefits { display: grid; grid-template-columns: repeat(3,1fr); min-height: 190px; overflow: hidden; }
.compact-benefits > div { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 20px 15px; border-right: 1px solid #e7edf5; border-bottom: 1px solid #e7edf5; }
.compact-benefits > div:nth-child(3n) { border-right: 0; }
.compact-benefits > div:nth-child(n+4) { border-bottom: 0; }
.compact-benefits img { flex: 0 0 auto; width: 31px; height: 31px; object-fit: contain; }
.compact-benefits > div:nth-child(-n+3) img { filter: sepia(1) saturate(8) hue-rotate(347deg) brightness(1.04); }
.compact-benefits strong { color: var(--navy); font-size: 9px; line-height: 1.45; }
.verified-facts { display: grid; grid-template-columns: repeat(5,1fr); min-height: 104px; padding: 0 20px; }
.verified-facts > div { display: flex; align-items: center; gap: 16px; min-width: 0; padding: 20px 24px; border-right: 1px solid #e7edf5; }
.verified-facts > div:last-child { border-right: 0; }
.verified-facts img { flex: 0 0 auto; width: 40px; height: 40px; object-fit: contain; filter: sepia(1) saturate(8) hue-rotate(347deg) brightness(1.04); }
.verified-facts p { min-width: 0; margin: 0; }
.verified-facts strong { display: block; margin-bottom: 4px; color: #ed9000; font-family: "Montserrat", "Manrope", sans-serif; font-size: 20px; line-height: 1; white-space: nowrap; }
.verified-facts span { display: block; color: var(--navy); font-size: 9px; line-height: 1.45; font-weight: 700; }
.verified-facts .privacy-fact { gap: 13px; }
.verified-facts .privacy-fact strong { margin-bottom: 3px; color: var(--navy); font-family: "Manrope", sans-serif; font-size: 10px; line-height: 1.35; white-space: normal; }
.verified-facts .privacy-fact span { font-size: 8.5px; line-height: 1.4; }

.stats-strip { position: relative; z-index: 2; margin-top: -1px; background: #fff; border-block: 1px solid #e7edf6; }
.stats-grid { min-height: 112px; display: grid; grid-template-columns: repeat(4,1fr); }
.stats-grid > div { display: grid; grid-template-columns: 42px 1fr; align-content: center; padding: 20px 26px; border-right: 1px solid #e8eef6; }
.stats-grid > div:last-child { border-right: 0; }
.stats-grid > div > span { grid-row: 1/3; display: grid; place-items: center; width: 34px; height: 34px; margin-top: 2px; border: 1px solid #d6e4f5; border-radius: 9px; color: var(--blue); }
.stats-grid > div > span img { width: 19px; height: 19px; object-fit: contain; }
.stats-grid p { margin: 0 0 5px; color: #65718a; font-size: 10px; }
.stats-grid strong { color: var(--navy); font-size: 14px; }

.section { padding: 104px 0; }
.section-heading { max-width: 690px; margin: 0 auto 52px; text-align: center; }
.section-heading h2 { margin: 14px 0 14px; color: var(--navy); font-family: "Montserrat", "Manrope", sans-serif; font-size: clamp(34px,3.2vw,50px); line-height: 1.12; letter-spacing: -.04em; }
.section-heading p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.65; }

.comparison-section { padding-bottom: 92px; background: linear-gradient(180deg,#fff,#f7faff); }
.comparison-board { display: grid; grid-template-columns: minmax(0,1fr) 155px minmax(0,1fr); border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.95); box-shadow: 0 24px 70px rgba(14,47,99,.09); overflow: hidden; }
.comparison-side { position: relative; padding: 30px 28px 26px; }
.comparison-sell { border-top: 4px solid var(--green); }
.comparison-buy { border-top: 4px solid var(--blue); }
.comparison-title { display: flex; align-items: center; gap: 13px; margin-bottom: 24px; }
.comparison-title > span { display: grid; place-items: center; flex: 0 0 43px; width: 43px; height: 43px; border-radius: 50%; }
.comparison-sell .comparison-title > span { background: #eaf8ef; }
.comparison-buy .comparison-title > span { background: #edf5ff; }
.comparison-title img { width: 23px; height: 23px; object-fit: contain; }
.comparison-sell .comparison-title img { filter: sepia(1) hue-rotate(75deg) saturate(4); }
.comparison-title h3 { margin: 0 0 3px; color: var(--navy); font-size: 17px; text-transform: uppercase; }
.comparison-sell .comparison-title h3 { color: var(--green); }
.comparison-buy .comparison-title h3 { color: var(--blue); }
.comparison-title p { margin: 0; color: var(--muted); font-size: 10px; }
.rate-flow { display: grid; grid-template-columns: 1fr auto 1fr; align-items: stretch; gap: 10px; }
.rate-flow > div { padding: 15px; border: 1px solid #e2e9f3; border-radius: 10px; }
.rate-flow > b { align-self: center; color: #94a1b5; font-size: 21px; font-weight: 500; }
.rate-flow small, .comparison-gain small, .comparison-metrics small { display: block; color: #738097; font-size: 9px; line-height: 1.35; }
.rate-flow strong { display: block; margin: 8px 0 3px; color: var(--navy); font-size: 23px; letter-spacing: -.03em; }
.rate-flow span { color: #718099; font-size: 8px; font-weight: 700; }
.comparison-sell .rate-flow .highlight strong, .comparison-sell .comparison-gain strong, .comparison-sell .comparison-metrics strong { color: var(--green); }
.comparison-buy .rate-flow .highlight strong, .comparison-buy .comparison-gain strong, .comparison-buy .comparison-metrics strong { color: var(--blue); }
.comparison-gain { margin-top: 12px; padding: 16px; border-radius: 10px; text-align: center; background: #f5f9ff; }
.comparison-gain strong { display: block; margin: 5px 0 2px; font-size: 23px; }
.comparison-gain span { color: #758199; font-size: 9px; }
.comparison-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 18px; padding-top: 18px; border-top: 1px solid #e8eef6; }
.comparison-metrics > div { min-width: 0; padding-right: 8px; border-right: 1px solid #e8eef6; }
.comparison-metrics > div:last-child { border-right: 0; }
.comparison-metrics strong { display: block; margin-top: 6px; font-size: 10px; line-height: 1.4; }
.comparison-center { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px 11px; border-inline: 1px solid var(--line); background: linear-gradient(180deg,#f8fbff,#fff); text-align: center; overflow: hidden; }
.brand-lockup-stacked { flex-direction: column; gap: 5px; }
.brand-lockup-stacked > img { width: 55px; height: 55px; }
.brand-lockup-stacked .brand-type { align-items: center; text-align: center; }
.brand-lockup-stacked .brand-type strong { font-size: 15px; }
.brand-lockup-stacked .brand-type small { margin-top: 4px; font-size: 4.2px; }
.comparison-center p { margin: 24px 0 0; color: #718097; font-size: 9px; line-height: 1.45; }
.cycle-icon { width: 52px; height: 52px; margin-bottom: 15px; object-fit: contain; opacity: .72; }
.comparison-note { margin: 16px 0 0; color: #788499; font-size: 10px; text-align: center; }

.wizard-section { background: #f2f7ff; }
.wizard-shell { max-width: 1120px; margin: 0 auto; border: 1px solid #d8e3f1; border-radius: 20px; background: #fff; box-shadow: 0 26px 70px rgba(14,47,99,.12); overflow: hidden; }
.wizard-topbar { height: 92px; display: flex; align-items: center; justify-content: space-between; padding: 0 34px; border-bottom: 1px solid #e6edf6; }
.wizard-brand .brand-lockup > img { width: 50px; height: 50px; }
.wizard-brand .brand-type strong { font-size: 24px; }
.wizard-brand .brand-type small { font-size: 6px; }
.wizard-counter { margin: 0; color: var(--muted); font-size: 12px; }
.wizard-counter strong { color: var(--navy); }
.wizard-progress { position: relative; display: grid; grid-template-columns: repeat(9,1fr); padding: 22px 32px 17px; border-bottom: 1px solid #e6edf6; background: #fbfdff; }
.wizard-progress::before { content: ""; position: absolute; top: 39px; left: 7%; right: 7%; height: 2px; background: #dce6f2; }
.wizard-progress button { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 0; border: 0; background: transparent; color: #8b96a8; cursor: pointer; }
.wizard-progress button > span { display: grid; place-items: center; width: 34px; height: 34px; border: 2px solid #d8e3f0; border-radius: 50%; background: #fff; font-size: 11px; font-weight: 800; }
.wizard-progress button small { font-size: 8px; font-weight: 700; }
.wizard-progress button.active, .wizard-progress button.done { color: var(--blue); }
.wizard-progress button.active > span { border-color: var(--blue); color: #fff; background: var(--blue); box-shadow: 0 0 0 5px rgba(7,92,229,.1); }
.wizard-progress button.done > span { border-color: var(--blue); color: var(--blue); }
.wizard-body { display: grid; grid-template-columns: minmax(0,1fr) 270px; min-height: 495px; }
.wizard-content { padding: 38px 42px; }
.wizard-step { min-height: 410px; }
.step-kicker { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.wizard-step h3 { margin: 10px 0 7px; color: var(--navy); font-size: 26px; line-height: 1.22; letter-spacing: -.03em; }
.wizard-step > p { margin: 0 0 24px; color: var(--muted); font-size: 13px; line-height: 1.55; }
.wizard-options { display: grid; gap: 10px; }
.currency-options { grid-template-columns: repeat(3,1fr); }
.wizard-options button { min-height: 112px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 12px; border: 1px solid #dce5f1; border-radius: 10px; background: #fff; cursor: pointer; }
.wizard-options button:hover, .wizard-options button.selected { border-color: var(--blue); color: var(--blue); background: #f3f8ff; box-shadow: 0 0 0 2px rgba(7,92,229,.07); }
.wizard-options button img { width: 34px; height: 24px; margin-bottom: 7px; object-fit: cover; border-radius: 2px; box-shadow: 0 2px 6px rgba(7,30,73,.12); }
.wizard-options button strong { font-size: 16px; }
.wizard-options button small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.wizard-field { display: block; margin-top: 18px; }
.wizard-field > span:first-child, .wizard-contact-grid label > span { display: block; margin-bottom: 8px; color: #3f4f68; font-size: 11px; font-weight: 700; }
.wizard-input, .wizard-field select, .wizard-contact-grid input { width: 100%; height: 58px; display: flex; align-items: center; padding: 0 15px; border: 1px solid #d9e3f0; border-radius: 9px; background: #fff; outline: none; }
.wizard-input:focus-within, .wizard-field select:focus, .wizard-contact-grid input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(7,92,229,.1); }
.wizard-input input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; color: var(--navy); background: transparent; font-size: 21px; font-weight: 800; }
.wizard-input b { flex: 0 0 auto; color: #52627b; font-size: 11px; }
.wizard-quick { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-top: 14px; }
.wizard-quick button { height: 44px; padding: 0 8px; border: 1px solid #dce5f1; border-radius: 8px; background: #fff; color: #52627b; font-size: 10px; font-weight: 700; cursor: pointer; }
.wizard-quick button.selected { border-color: var(--blue); color: #fff; background: var(--blue); }
.wizard-info { padding: 14px 16px; border-radius: 8px; color: #4f6382 !important; background: #f0f6ff; font-size: 11px !important; }
.wizard-radio-list { display: grid; gap: 8px; }
.wizard-radio-list button { position: relative; min-height: 48px; padding: 0 15px 0 45px; border: 1px solid #dce5f1; border-radius: 8px; color: #3e4e68; background: #fff; font-size: 12px; font-weight: 600; text-align: left; cursor: pointer; }
.wizard-radio-list button::before { content: ""; position: absolute; left: 15px; top: 50%; width: 16px; height: 16px; border: 1px solid #aab6c8; border-radius: 50%; transform: translateY(-50%); }
.wizard-radio-list button.selected { border-color: #8ab6ef; color: var(--blue); background: #f5f9ff; }
.wizard-radio-list button.selected::before { border: 5px solid var(--blue); }
.wizard-result-list, .wizard-summary dl { margin: 0; }
.wizard-result-list > div { display: flex; justify-content: space-between; gap: 24px; padding: 13px 14px; border-bottom: 1px solid #e4ebf4; }
.wizard-result-list dt { color: #596a83; font-size: 11px; }
.wizard-result-list dd { margin: 0; color: var(--navy); font-size: 11px; text-align: right; }
.wizard-result-list .result-accent { border: 1px solid #bfe1ca; border-radius: 7px; background: #f0faf3; }
.wizard-result-list .result-accent dd { color: var(--green); }
.wizard-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.wizard-contact-grid .wide { grid-column: 1/-1; }
.wizard-contact-grid input { height: 53px; }
.wizard-consent { display: flex; align-items: flex-start; gap: 9px; margin-top: 17px; color: #4f6079; font-size: 11px; line-height: 1.5; }
.wizard-consent input { width: 17px; height: 17px; margin: 0; accent-color: var(--blue); }
.wizard-submit-error { min-height: 18px; margin: 8px 0 0 !important; color: #a53f3f !important; font-size: 11px !important; }
.wizard-summary { padding: 35px 25px; color: #fff; background: linear-gradient(160deg,#061b43,#0b3b82); }
.wizard-summary > span { color: #99bcec; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.wizard-summary dl { margin-top: 22px; }
.wizard-summary dl > div { padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.13); }
.wizard-summary dt { margin-bottom: 5px; color: #9fb2ce; font-size: 9px; }
.wizard-summary dd { margin: 0; font-size: 12px; font-weight: 800; }
.wizard-summary p { margin: 24px 0 0; color: #aebfda; font-size: 10px; line-height: 1.6; }
.wizard-actions { display: flex; justify-content: space-between; gap: 15px; padding: 20px 32px; border-top: 1px solid #e2eaf4; background: #fbfdff; }
.wizard-actions button { min-width: 145px; height: 50px; border-radius: 8px; font-size: 12px; font-weight: 800; cursor: pointer; }
.wizard-back { border: 1px solid #d5dfec; color: #53647d; background: #fff; }
.wizard-back:disabled { opacity: .45; cursor: default; }
.wizard-next { border: 0; color: #fff; background: linear-gradient(180deg,#1472ea,#0650bd); }
.wizard-success { display: flex; align-items: center; gap: 15px; margin: 0 32px 24px; padding: 18px; border: 1px solid #bde0c9; border-radius: 10px; color: #126f36; background: #f0faf3; }
.wizard-success > span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: #fff; background: var(--green); }
.wizard-success strong { display: block; margin-bottom: 4px; }
.wizard-success p { margin: 0; color: #4e7160; font-size: 11px; }
.steps { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; margin: 0; padding: 0; list-style: none; }
.steps::before { content: ""; position: absolute; top: 69px; left: 12%; right: 12%; height: 1px; background: #d9e5f2; }
.steps li { position: relative; min-height: 230px; padding: 26px 24px; border: 1px solid var(--line); border-radius: 15px; background: #fff; box-shadow: 0 12px 34px rgba(20,54,103,.06); }
.steps li > span { position: absolute; top: 18px; right: 18px; color: #dbe5f2; font-size: 29px; font-weight: 800; }
.step-symbol { position: relative; display: grid; place-items: center; width: 50px; height: 50px; margin-bottom: 28px; border: 1px solid #bcd3ef; border-radius: 11px; color: var(--blue); background: #f5f9ff; font-size: 24px; font-weight: 700; }
.step-symbol img { width: 26px; height: 26px; object-fit: contain; }
.steps h3, .benefits-grid h3 { margin: 0 0 10px; color: var(--navy); font-size: 17px; }
.steps p, .benefits-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }

.benefits-section { background: linear-gradient(130deg,#f4f8ff,#fbfdff); }
.benefits-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 74px; align-items: center; }
.section-heading.left { margin: 0; text-align: left; }
.secondary-action { margin-top: 28px; height: 54px; padding: 0 22px; display: inline-flex; align-items: center; gap: 12px; border: 1px solid #b9cbe2; border-radius: 8px; background: #fff; color: var(--navy); font-size: 13px; font-weight: 800; cursor: pointer; }
.benefits-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.benefits-grid article { min-height: 190px; padding: 27px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.9); }
.benefits-grid article > span { display: grid; place-items: center; width: 45px; height: 45px; margin-bottom: 24px; border-radius: 10px; color: var(--blue); background: #edf5ff; font-size: 22px; font-weight: 700; }
.benefits-grid article > span img { width: 24px; height: 24px; object-fit: contain; }

.mutual-benefit-section { position: relative; padding: 68px 0 64px; overflow: hidden; background: #fafdff; }
.mutual-benefit-bg { position: absolute; inset: 0 0 auto; height: 690px; background: url("assets/benefit-cityscape.png") center top / cover no-repeat; opacity: .92; }
.mutual-benefit-inner { position: relative; }
.mutual-benefit-heading { margin-bottom: 14px; text-align: center; }
.mutual-benefit-heading h2 { margin: 0 0 8px; color: var(--navy); font-family: "Montserrat", "Manrope", sans-serif; font-size: clamp(36px,4.2vw,62px); line-height: 1.05; letter-spacing: .015em; text-transform: uppercase; }
.mutual-benefit-heading p { margin: 0; color: var(--navy); font-size: 19px; line-height: 1.35; }
.mutual-benefit-heading strong { color: #ef8f00; }
.mutual-comparison { display: grid; grid-template-columns: minmax(0,1fr) 178px minmax(0,1fr); align-items: stretch; }
.mutual-side { min-width: 0; padding: 22px 24px 18px; border: 1px solid #d7e3f0; border-radius: 18px; background: rgba(255,255,255,.96); box-shadow: 0 12px 32px rgba(7,30,73,.06); }
.mutual-side-heading { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }
.mutual-side-heading > span { display: grid; place-items: center; flex: 0 0 50px; width: 50px; height: 50px; border-radius: 50%; }
.mutual-seller .mutual-side-heading > span { background: linear-gradient(150deg,#51bd72,#0b7b34); }
.mutual-buyer .mutual-side-heading > span { background: linear-gradient(150deg,#2083f4,#0054cb); }
.mutual-side-heading img { width: 28px; height: 28px; object-fit: contain; filter: brightness(0) invert(1); }
.mutual-side-heading h3 { margin: 0 0 4px; font-size: 19px; line-height: 1.2; }
.mutual-seller .mutual-side-heading h3 { color: var(--green); }
.mutual-buyer .mutual-side-heading h3 { color: var(--blue); }
.mutual-side-heading p { margin: 0; color: var(--navy); font-size: 11px; font-weight: 700; }
.mutual-rate-row { display: grid; grid-template-columns: minmax(0,.9fr) 25px minmax(0,1.1fr) minmax(130px,1.05fr); gap: 10px; align-items: center; }
.mutual-rate-row > div:not(.mutual-gain) { min-height: 91px; padding: 14px 12px; border: 1px solid #dde6f1; border-radius: 8px; background: #fff; }
.mutual-rate-row small, .mutual-rate-row span { display: block; color: var(--navy); font-size: 8px; font-weight: 700; }
.mutual-rate-row > div > strong { display: block; margin: 10px 0 6px; color: var(--navy); font-size: 22px; line-height: 1; white-space: nowrap; }
.mutual-seller .mutual-rate-row > div:nth-of-type(2) strong { color: var(--green); }
.mutual-buyer .mutual-rate-row > div:nth-of-type(2) strong { color: var(--blue); }
.mutual-rate-arrow { width: 22px; height: 22px; object-fit: contain; }
.mutual-gain { min-height: 105px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 12px 8px; border: 1px solid #d5e5f0; border-radius: 8px; text-align: center; }
.mutual-seller .mutual-gain { background: #f2fbf4; }
.mutual-buyer .mutual-gain { background: #f2f7ff; }
.mutual-gain > strong { margin: 9px 0 5px !important; font-size: 20px !important; }
.mutual-seller .mutual-gain > strong { color: var(--green) !important; }
.mutual-buyer .mutual-gain > strong { color: var(--blue) !important; }
.mutual-gain b { display: block; margin-top: 10px; color: var(--navy); font-size: 8px; }
.mutual-metrics { display: grid; grid-template-columns: .85fr 1.15fr 1.3fr; margin-top: 18px; padding-top: 17px; border-top: 1px solid #e1e9f3; }
.mutual-metrics > div { min-width: 0; padding: 0 10px; border-right: 1px solid #e7edf5; text-align: center; }
.mutual-metrics > div:last-child { border-right: 0; }
.mutual-metrics img { width: 32px; height: 32px; margin-bottom: 7px; object-fit: contain; }
.mutual-seller .mutual-metrics img { filter: sepia(1) saturate(5) hue-rotate(75deg); }
.mutual-metrics small, .mutual-metrics span { display: block; color: var(--navy); font-size: 8px; font-weight: 700; line-height: 1.35; }
.mutual-metrics strong { display: block; margin-top: 7px; font-size: 11px; line-height: 1.35; white-space: nowrap; }
.mutual-seller .mutual-metrics strong { color: var(--green); }
.mutual-buyer .mutual-metrics strong { color: var(--blue); }
.mutual-metrics em { font-size: 8px; font-style: normal; }
.mutual-exchange { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 5px; text-align: center; }
.mutual-exchange-visual { position: relative; width: 118px; height: 118px; margin-bottom: 5px; }
.mutual-cycle { width: 118px; height: 118px; object-fit: contain; opacity: .78; }
.mutual-mark { position: absolute; top: 50%; left: 50%; width: 48px; height: 48px; object-fit: contain; transform: translate(-50%,-50%); }
.mutual-exchange > strong { display: flex; color: var(--navy); font-size: 18px; line-height: 1; letter-spacing: -.05em; }
.mutual-exchange > strong em { color: var(--gold); font-style: normal; }
.mutual-exchange p { margin: 24px 0 0; color: var(--navy); font-size: 9px; line-height: 1.65; font-weight: 700; }
.mutual-calculator { display: grid; grid-template-columns: minmax(430px,2fr) minmax(205px,.95fr) minmax(205px,.95fr) minmax(250px,1.15fr); margin-top: 16px; border-radius: 15px; color: #fff; background: #062d66; box-shadow: 0 15px 32px rgba(7,30,73,.16); overflow: hidden; }
.mutual-calculator > * { min-width: 0; padding: 20px 21px; border-right: 1px solid rgba(255,255,255,.18); }
.mutual-calculator > *:last-child { border-right: 0; }
.mutual-calculator h3 { margin: 0 0 15px; color: #fff; font-size: 13px; line-height: 1.3; text-transform: uppercase; }
.mutual-calc-fields { display: grid; grid-template-columns: 1.08fr .82fr 1.05fr 1.08fr; gap: 12px; align-items: start; }
.mutual-calc-fields label, .mutual-direction { display: block; min-width: 0; }
.mutual-calc-fields label > span, .mutual-direction > span { display: block; margin-bottom: 8px; color: #d9e7fa; font-size: 9px; font-weight: 700; }
.mutual-direction button { width: 100%; height: 34px; margin-bottom: 5px; border: 1px solid rgba(255,255,255,.35); border-radius: 5px; color: #fff; background: transparent; font-size: 9px; font-weight: 700; cursor: pointer; }
.mutual-direction button.active { border-color: #42bc6b; background: #0b8240; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); }
.mutual-calc-fields select, .mutual-calc-fields label > b { width: 100%; height: 50px; border: 0; border-radius: 7px; color: var(--navy); background-color: #fff; }
.mutual-calc-fields select { appearance: none; padding: 0 28px 0 42px; background-image: url("assets/flags/ru.png"), url("assets/icons/long-arrow-right.png"); background-position: 13px center, calc(100% - 12px) center; background-size: 20px 14px, 11px 11px; background-repeat: no-repeat; font-size: 11px; font-weight: 800; }
.mutual-calc-fields label > b { display: flex; align-items: center; gap: 5px; padding: 0 12px; }
.mutual-calc-fields input { width: 100%; min-width: 0; border: 0; outline: 0; color: var(--navy); background: transparent; font-size: 13px; font-weight: 800; }
.mutual-calc-fields label > b small { flex: 0 0 auto; color: #60728d; font-size: 7px; }
.mutual-calc-button { width: 210px; height: 48px; margin-top: 13px; border: 0; border-radius: 7px; color: #fff; background: linear-gradient(180deg,#ffad3e,#f07d00); box-shadow: 0 8px 18px rgba(0,0,0,.16); font-size: 12px; font-weight: 800; cursor: pointer; }
.mutual-calc-result h3 { margin-bottom: 10px; }
.mutual-calc-result p { margin: 0; padding: 7px 0; border-bottom: 1px dotted rgba(255,255,255,.18); color: #bdd0e9; font-size: 8px; line-height: 1.35; }
.mutual-calc-result p:last-child { border-bottom: 0; }
.mutual-calc-result p > strong { display: block; margin-top: 4px; color: #fff; font-size: 11px; line-height: 1.45; }
.mutual-calc-result .green { color: #67cf62; }
.mutual-calc-result strong small { color: inherit; font-size: 8px; }
.mutual-factors h3 { text-transform: none; }
.mutual-factors ul { display: grid; gap: 9px; margin: 0; padding: 0 0 15px; border-bottom: 1px solid rgba(255,255,255,.24); list-style: none; }
.mutual-factors li { display: flex; align-items: center; gap: 9px; color: #e0eaf8; font-size: 9px; font-weight: 700; }
.mutual-factors li img { width: 16px; height: 16px; object-fit: contain; filter: brightness(0) invert(1); opacity: .9; }
.mutual-factors > div { display: flex; gap: 12px; align-items: flex-start; margin-top: 15px; }
.mutual-factors > div > img { width: 35px; height: 35px; object-fit: contain; filter: brightness(0) invert(1); }
.mutual-factors > div p { margin: 0; }
.mutual-factors > div strong { display: block; margin-bottom: 5px; font-size: 10px; }
.mutual-factors > div span { display: block; color: #b9cbe2; font-size: 8px; line-height: 1.45; }
.mutual-lower { display: grid; grid-template-columns: 1.78fr 1fr; gap: 10px; margin-top: 15px; }
.mutual-steps, .mutual-why { min-width: 0; min-height: 145px; padding: 17px 22px; border: 1px solid #dde7f2; border-radius: 12px; background: rgba(255,255,255,.96); box-shadow: 0 10px 24px rgba(7,30,73,.05); }
.mutual-lower h3 { margin: 0 0 14px; color: var(--navy); font-size: 11px; text-transform: uppercase; }
.mutual-step-list { display: grid; grid-template-columns: 1fr 20px 1fr 20px 1fr 20px 1fr; gap: 6px; align-items: center; }
.mutual-step-list > div { display: grid; grid-template-columns: 48px 1fr; gap: 9px; align-items: center; min-width: 0; }
.mutual-step-list > div > span { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: #f2f6fc; }
.mutual-step-list > div > span img { width: 25px; height: 25px; object-fit: contain; }
.mutual-step-list p { margin: 0; min-width: 0; }
.mutual-step-list strong, .mutual-step-list small { display: block; color: var(--navy); font-size: 8px; line-height: 1.55; }
.mutual-step-list small { color: #526580; font-weight: 600; }
.mutual-step-arrow { width: 16px; height: 16px; object-fit: contain; }
.mutual-why > div { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.mutual-why p { display: grid; gap: 10px; margin: 0; }
.mutual-why p span { display: flex; align-items: center; gap: 9px; color: var(--navy); font-size: 8px; font-weight: 700; }
.mutual-why p img { width: 17px; height: 17px; object-fit: contain; }
.mutual-disclaimer { margin: 15px 0 0; color: #687994; font-size: 9px; text-align: center; }

.cases-section { background: #fff; }
.case-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.case-grid article { position: relative; padding: 27px; border: 1px solid var(--line); border-radius: 15px; background: #fff; box-shadow: 0 14px 38px rgba(14,47,99,.06); }
.case-grid article.featured { border-color: #aac7eb; background: linear-gradient(150deg,#f2f7ff,#fff); }
.case-grid article > span { position: absolute; top: 20px; right: 22px; color: #d9e4f1; font-size: 30px; font-weight: 800; }
.case-grid article > p { margin: 0 0 7px; color: var(--blue); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.case-grid h3 { margin: 0 0 24px; color: var(--navy); font-size: 26px; }
.case-grid dl { margin: 0 0 22px; }
.case-grid dl > div { display: flex; justify-content: space-between; gap: 15px; padding: 11px 0; border-bottom: 1px solid #e8eef6; }
.case-grid dt { color: var(--muted); font-size: 10px; }
.case-grid dd { margin: 0; color: var(--green); font-size: 11px; font-weight: 800; text-align: right; }
.case-grid button { width: 100%; height: 47px; border: 1px solid #c6d7ea; border-radius: 8px; color: var(--navy); background: #fff; font-size: 11px; font-weight: 800; cursor: pointer; }
.case-grid .featured button { border-color: var(--blue); color: #fff; background: var(--blue); }

.faq-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 85px; align-items: start; }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list details:first-child { border-top: 1px solid var(--line); }
.faq-list summary { position: relative; padding: 23px 50px 23px 0; color: var(--navy); font-size: 16px; font-weight: 800; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; top: 17px; right: 2px; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; color: var(--blue); background: #f0f6ff; font-size: 22px; font-weight: 400; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { margin: -6px 50px 22px 0; color: var(--muted); font-size: 14px; line-height: 1.7; }

.contact-section { padding: 0 0 90px; }
.contact-card { min-height: 285px; display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 55px 64px; border-radius: 22px; color: #fff; background: radial-gradient(circle at 78% 10%,rgba(23,107,230,.5),transparent 38%), linear-gradient(130deg,#06183a,#0b3473); overflow: hidden; }
.contact-card .eyebrow { color: #9fc5ff; }
.contact-card h2 { margin: 16px 0 12px; font-size: clamp(30px,3vw,46px); line-height: 1.15; letter-spacing: -.04em; }
.contact-card p { max-width: 680px; margin: 0; color: #c4d3ea; font-size: 15px; line-height: 1.6; }
.contact-action { flex: 0 0 auto; height: 60px; padding: 0 25px; display: inline-flex; align-items: center; gap: 12px; border: 0; border-radius: 9px; color: var(--navy); background: linear-gradient(180deg,#f3bc49,#d99713); font-size: 13px; font-weight: 800; cursor: pointer; }

.site-footer { padding: 38px 0; background: #f8fafe; border-top: 1px solid var(--line); }
.footer-inner { display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 30px; }
.footer-inner > p { color: #7a869a; font-size: 10px; text-align: center; }
.footer-inner > div { display: flex; gap: 22px; color: #52617a; font-size: 12px; font-weight: 700; }
.footer-brand { transform: scale(.86); transform-origin: left center; }

.lead-dialog { width: min(590px, calc(100% - 32px)); max-height: calc(100dvh - 32px); padding: 0; border: 0; border-radius: 20px; color: var(--ink); box-shadow: 0 30px 100px rgba(3,17,43,.35); }
.lead-dialog::backdrop { background: rgba(3,17,43,.62); backdrop-filter: blur(5px); }
.dialog-close-form { position: absolute; top: 14px; right: 14px; z-index: 2; }
.dialog-close { width: 38px; height: 38px; border: 0; border-radius: 50%; background: #eff4fa; color: var(--navy); font-size: 24px; cursor: pointer; }
.dialog-content { padding: 44px; }
.dialog-content h2 { margin: 14px 0 9px; color: var(--navy); font-size: 34px; letter-spacing: -.04em; }
.dialog-content > p { margin: 0 0 24px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.lead-form { display: grid; gap: 14px; }
.lead-form > label > span, .lead-form legend { display: block; margin-bottom: 7px; color: #34445f; font-size: 11px; font-weight: 700; }
.lead-form small { color: #8792a4; font-weight: 500; }
.lead-form input[type="text"], .lead-form input:not([type]) { width: 100%; }
.lead-form > label > input { width: 100%; height: 52px; padding: 0 14px; border: 1px solid var(--line); border-radius: 8px; outline: none; }
.lead-form > label > input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(7,92,229,.1); }
.lead-form fieldset { display: flex; gap: 8px; margin: 0; padding: 0; border: 0; }
.lead-form fieldset legend { width: 100%; }
.lead-form fieldset label { flex: 1; }
.lead-form fieldset input { position: absolute; opacity: 0; }
.lead-form fieldset span { display: grid; place-items: center; height: 42px; border: 1px solid var(--line); border-radius: 8px; color: #596a84; font-size: 11px; font-weight: 700; cursor: pointer; }
.lead-form fieldset input:checked + span { border-color: var(--blue); color: var(--blue); background: #f1f6ff; }
.lead-form .consent { display: flex; align-items: flex-start; gap: 8px; }
.lead-form .consent input { width: 16px; height: 16px; margin: 2px 0 0; accent-color: var(--blue); }
.lead-form .consent span { margin: 0; line-height: 1.5; }
.form-error { min-height: 18px; margin: -4px 0; color: #a53f3f; font-size: 11px; }
.form-success { padding: 40px 10px 24px; text-align: center; }
.form-success > span { display: grid; place-items: center; width: 62px; height: 62px; margin: 0 auto 20px; border-radius: 50%; color: #fff; background: var(--green); font-size: 28px; }
.form-success h3 { margin: 0 0 10px; font-size: 23px; }
.form-success p { margin: 0; color: var(--muted); line-height: 1.6; }

:focus-visible { outline: 3px solid rgba(7,92,229,.32); outline-offset: 3px; }

@media (max-width: 1180px) {
  .container { width: min(1100px, calc(100% - 40px)); }
  .desktop-nav { gap: 17px; }
  .desktop-nav a { font-size: 11px; }
  .whatsapp-button span:last-child { display: none; }
  .hero-note { display: none; }
  .hero-copy { width: 68%; }
  .quick-values { margin-left: 0; }
  .hero-dashboard { grid-template-columns: 1fr; }
  .market-sidebar { grid-template-columns: 1fr 1fr; }
  .overview-top { grid-template-columns: 1fr; }
  .mutual-comparison { grid-template-columns: minmax(0,1fr) 135px minmax(0,1fr); }
  .mutual-side { padding-inline: 17px; }
  .mutual-rate-row { grid-template-columns: minmax(0,.85fr) 20px minmax(0,1fr) minmax(118px,1fr); gap: 7px; }
  .mutual-rate-row > div > strong { font-size: 18px; }
  .mutual-calculator { grid-template-columns: minmax(0,1.55fr) minmax(0,1fr) minmax(0,1fr); }
  .mutual-factors { grid-column: 1/-1; display: grid; grid-template-columns: .6fr 1fr .9fr; gap: 20px; align-items: center; border-top: 1px solid rgba(255,255,255,.18); }
  .mutual-factors h3, .mutual-factors ul, .mutual-factors > div { margin: 0; }
  .mutual-factors ul { grid-template-columns: 1fr 1fr; padding: 0; border: 0; }
  .mutual-step-list > div { grid-template-columns: 40px 1fr; }
  .mutual-step-list > div > span { width: 40px; height: 40px; }
}

@media (max-width: 860px) {
  .container { width: min(100% - 32px, 720px); }
  .site-header { height: 72px; }
  .site-header .brand-lockup > img { width: 40px; height: 40px; }
  .site-header .brand-type strong { font-size: 20px; }
  .desktop-nav, .desktop-only { display: none; }
  .menu-button { display: block; }
  .mobile-menu { top: 71px; }
  .hero { min-height: auto; padding-top: 72px; }
  .hero-bg { inset: 72px 0 auto; height: 520px; background-position: 61% top; opacity: .45; }
  .hero-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(255,255,255,.16),#eff6ff 95%); }
  .hero-inner { padding-top: 45px; }
  .hero-copy { width: 100%; }
  .hero-copy h1 { max-width: 620px; font-size: clamp(37px,8vw,56px); }
  .hero-copy > p { max-width: 570px; }
  .calculator-shell { margin-top: 42px; }
  .mobile-mode-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin-bottom: 12px; padding: 5px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.92); }
  .mobile-mode-switch button { height: 50px; border: 0; border-radius: 7px; color: var(--muted); background: transparent; font-size: 13px; font-weight: 800; cursor: pointer; }
  .mobile-mode-switch .sell.active { color: #fff; background: linear-gradient(180deg,#e8af3a,#cd8702); }
  .mobile-mode-switch .buy.active { color: #fff; background: linear-gradient(180deg,#1772e8,#064cb5); }
  .calculator-grid { grid-template-columns: 1fr; }
  .calculator-card:not(.active) { display: none; }
  .calculator-grid::after { display: none; }
  .market-sidebar { display: none; }
  .overview-section { padding-top: 16px; }
  .compact-process { grid-template-columns: 1fr; gap: 25px; }
  .compact-process h2 { text-align: center; }
  .compact-benefits { grid-template-columns: 1fr 1fr; }
  .compact-benefits > div:nth-child(3n) { border-right: 1px solid #e7edf5; }
  .compact-benefits > div:nth-child(2n) { border-right: 0; }
  .compact-benefits > div:nth-child(n+4) { border-bottom: 1px solid #e7edf5; }
  .compact-benefits > div:nth-child(n+5) { border-bottom: 0; }
  .verified-facts { grid-template-columns: 1fr 1fr; }
  .verified-facts > div { border-bottom: 1px solid #e7edf5; }
  .verified-facts > div:nth-child(2n) { border-right: 0; }
  .verified-facts > div:last-child { grid-column: 1/-1; border-bottom: 0; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .stats-grid > div:nth-child(2) { border-right: 0; }
  .stats-grid > div:nth-child(-n+2) { border-bottom: 1px solid #e8eef6; }
  .steps { grid-template-columns: 1fr 1fr; }
  .steps::before { display: none; }
  .benefits-layout, .faq-layout { grid-template-columns: 1fr; gap: 48px; }
  .wizard-body { grid-template-columns: 1fr; }
  .wizard-summary { display: none; }
  .case-grid { grid-template-columns: 1fr; }
  .section-heading.left { max-width: 680px; }
  .contact-card { align-items: flex-start; flex-direction: column; padding: 45px 38px; }
  .footer-inner { grid-template-columns: 1fr auto; }
  .footer-inner > p { grid-row: 2; text-align: left; }
  .mutual-benefit-section { padding: 56px 0; }
  .mutual-benefit-bg { height: 950px; background-size: auto 950px; }
  .mutual-benefit-heading h2 { font-size: clamp(34px,8vw,50px); }
  .mutual-benefit-heading p { font-size: 15px; }
  .mutual-comparison { grid-template-columns: 1fr; gap: 12px; }
  .mutual-exchange { min-height: 175px; }
  .mutual-exchange p { margin-top: 14px; }
  .mutual-calculator { grid-template-columns: 1fr; }
  .mutual-calculator > * { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.18); }
  .mutual-calculator > *:last-child { border-bottom: 0; }
  .mutual-factors { grid-column: auto; grid-template-columns: 1fr; }
  .mutual-factors ul { grid-template-columns: 1fr 1fr; }
  .mutual-lower { grid-template-columns: 1fr; }
}

@media (min-width: 861px) and (max-width: 1000px) {
  .calculator-grid { grid-template-columns: 1fr; }
  .calculator-grid::after { display: none; }
  .form-grid { grid-template-columns: 90px minmax(150px,1.4fr) minmax(135px,1.2fr) 125px; }
}

@media (max-width: 560px) {
  .container { width: calc(100% - 32px); }
  .site-header { background: rgba(255,255,255,.96); }
  .site-header .brand-lockup { gap: 6px; }
  .site-header .brand-lockup > img { width: 35px; height: 35px; }
  .site-header .brand-type strong { font-size: 17px; }
  .site-header .brand-type small { display: none; }
  .hero { padding-bottom: 34px; }
  .hero-bg { height: 440px; background-size: auto 440px; background-position: 63% top; opacity: .3; }
  .hero-inner { padding-top: 35px; }
  .hero-copy .eyebrow { font-size: 9px; }
  .hero-copy h1 { margin: 13px 0 14px; font-size: 36px; line-height: 1.08; }
  .hero-copy > p { font-size: 15px; line-height: 1.55; }
  .hero-points { display: none; }
  .calculator-shell { margin-top: 30px; }
  .calculator-card { padding: 22px 16px 17px; border-radius: 14px; }
  .card-heading { margin-bottom: 18px; }
  .card-icon { width: 42px; height: 42px; }
  .card-heading h3 { font-size: 16px; }
  .card-heading p { font-size: 10px; }
  .form-grid { grid-template-columns: 1fr; gap: 13px; }
  html[lang="hy"] .form-grid { grid-template-columns: 1fr; gap: 13px; }
  .field > span:first-child { font-size: 11px; }
  .field select, .input-wrap { height: 54px; }
  .frequency-field { grid-column: auto; }
  .frequency-trigger { height: 54px; font-size: 12px; }
  .frequency-menu { width: min(248px,calc(100vw - 44px)); }
  .quick-values { display: grid; grid-template-columns: repeat(5,1fr); gap: 4px; margin: 10px 0 15px; }
  .quick-values button { min-width: 0; padding: 0 3px; height: 34px; font-size: 8px; }
  .result-box { grid-template-columns: 1fr; gap: 13px; padding: 15px; }
  .rate-result { padding: 0 0 13px; border-right: 0; border-bottom: 1px solid #dbe4ef; }
  .result-box span { font-size: 10px; }
  .rate-result strong { font-size: 22px; }
  .financial-result > strong { font-size: 29px; }
  .financial-result p { font-size: 9px; line-height: 1.5; }
  .primary-action { height: 57px; font-size: 12px; }
  .calculation-disclaimer { font-size: 8px; line-height: 1.5; text-align: left; }
  .stats-grid { grid-template-columns: 1fr; }
  .stats-grid > div { min-height: 94px; border-right: 0; border-bottom: 1px solid #e8eef6; padding-inline: 18px; }
  .stats-grid > div:last-child { border-bottom: 0; }
  .overview-wrap { width: calc(100% - 24px); }
  .compact-process { padding: 24px 16px; }
  .compact-process h2 { font-size: 22px; }
  .compact-process ol { grid-template-columns: 1fr; gap: 16px; }
  .compact-process li { display: grid; grid-template-columns: 48px 1fr; gap: 12px; align-items: start; text-align: left; }
  .compact-process li:not(:last-child)::after { display: none; }
  .compact-process li > img { grid-row: 1; width: 42px; height: 42px; margin: 0; }
  .compact-process li strong { margin: 0 0 7px; font-size: 12px; }
  .compact-process li p { max-width: none; margin: 0; font-size: 10px; }
  .compact-benefits { grid-template-columns: 1fr; }
  .compact-benefits > div, .compact-benefits > div:nth-child(3n), .compact-benefits > div:nth-child(2n) { min-height: 72px; border-right: 0; border-bottom: 1px solid #e7edf5; }
  .compact-benefits > div:last-child { border-bottom: 0; }
  .verified-facts { grid-template-columns: 1fr; padding: 0 16px; }
  .verified-facts > div, .verified-facts > div:nth-child(2n), .verified-facts > div:last-child { grid-column: auto; min-height: 82px; padding: 16px 10px; border-right: 0; border-bottom: 1px solid #e7edf5; }
  .verified-facts > div:last-child { border-bottom: 0; }
  .section { padding: 75px 0; }
  .section-heading { margin-bottom: 35px; text-align: left; }
  .section-heading h2 { font-size: 34px; }
  .section-heading p { font-size: 14px; }
  .steps, .benefits-grid { grid-template-columns: 1fr; }
  .comparison-board { grid-template-columns: 1fr; }
  .comparison-side { padding: 25px 17px 22px; }
  .rate-flow { gap: 6px; }
  .rate-flow > div { padding: 12px 10px; }
  .rate-flow strong { font-size: 19px; }
  .comparison-metrics { grid-template-columns: 1fr; }
  .comparison-metrics > div { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border-right: 0; border-bottom: 1px solid #e8eef6; }
  .comparison-metrics > div:last-child { border-bottom: 0; }
  .comparison-metrics strong { margin: 0; text-align: right; }
  .wizard-shell { min-height: 620px; display: flex; flex-direction: column; border-radius: 14px; }
  .wizard-topbar { height: 74px; padding: 0 18px; }
  .wizard-brand .brand-lockup > img { width: 42px; height: 42px; }
  .wizard-brand .brand-type strong { font-size: 20px; }
  .wizard-brand .brand-type small { font-size: 5.2px; }
  .wizard-counter { font-size: 11px; }
  .wizard-progress { --wizard-progress-scale: .1111; position: relative; display: block; height: 24px; padding: 0; }
  .wizard-progress::before, .wizard-progress::after { content: ""; position: absolute; top: 10px; right: 18px; left: 18px; height: 4px; border-radius: 999px; }
  .wizard-progress::before { background: #e6edf6; }
  .wizard-progress::after { background: linear-gradient(90deg,#0877e8,#0862d4); transform: scaleX(var(--wizard-progress-scale)); transform-origin: left center; transition: transform .22s ease; }
  .wizard-progress button { display: none; }
  .wizard-body { flex: 1 1 auto; min-height: 0; }
  .wizard-content { padding: 22px 18px 18px; }
  .wizard-step { min-height: 0; }
  .wizard-step h3 { margin-top: 8px; font-size: 22px; }
  .wizard-step > p { margin-bottom: 18px; }
  .currency-options { grid-template-columns: 1fr 1fr; }
  .wizard-options { gap: 8px; }
  .wizard-options button { min-height: 76px; padding: 9px; }
  .wizard-options button img { width: 26px; height: 18px; margin-bottom: 4px; }
  .wizard-options button strong { font-size: 14px; }
  .wizard-field { margin-top: 13px; }
  .wizard-input, .wizard-field select { height: 52px; }
  .wizard-quick { grid-template-columns: repeat(4,1fr); gap: 6px; margin-top: 10px; }
  .wizard-quick button { height: 40px; padding: 0 4px; font-size: 8.5px; }
  .wizard-info { margin-top: 12px !important; padding: 12px; font-size: 10px !important; }
  .wizard-radio-list { gap: 6px; }
  .wizard-radio-list button { min-height: 42px; }
  .wizard-result-list > div { padding: 10px 8px; }
  .wizard-contact-grid { gap: 9px; }
  .wizard-contact-grid input { height: 48px; }
  .wizard-actions { padding: 0 18px 18px; border-top: 0; background: #fff; }
  .wizard-actions .wizard-back { flex: 0 0 108px; min-width: 0; }
  .wizard-actions .wizard-back:disabled { display: none; }
  .wizard-actions .wizard-next { flex: 1 1 auto; min-width: 0; }
  .wizard-actions button { height: 48px; }
  .wizard-contact-grid { grid-template-columns: 1fr 1fr; }
  .wizard-contact-grid .wide { grid-column: 1/-1; }
  .wizard-success { margin-inline: 16px; }
  .steps li, .benefits-grid article { min-height: 0; }
  .faq-layout { gap: 30px; }
  .faq-list summary { padding-block: 20px; font-size: 14px; }
  .faq-list details p { margin-right: 22px; font-size: 13px; }
  .contact-section { padding-bottom: 60px; }
  .contact-card { padding: 36px 24px; border-radius: 16px; }
  .contact-card h2 { font-size: 31px; }
  .contact-action { width: 100%; justify-content: center; padding: 0 14px; }
  .footer-inner { grid-template-columns: 1fr; }
  .footer-inner > p { grid-row: auto; }
  .dialog-content { padding: 38px 20px 24px; }
  .dialog-content h2 { font-size: 29px; }
  .lead-form fieldset { flex-wrap: wrap; }
  .lead-form fieldset label { min-width: calc(50% - 4px); }
  .mutual-benefit-section { padding: 46px 0; }
  .mutual-benefit-heading { margin-bottom: 24px; }
  .mutual-benefit-heading h2 { font-size: 31px; line-height: 1.08; }
  .mutual-benefit-heading p { font-size: 13px; }
  .mutual-benefit-heading br { display: none; }
  .mutual-side { padding: 20px 15px 16px; }
  .mutual-side-heading h3 { font-size: 16px; }
  .mutual-rate-row { grid-template-columns: 1fr 20px 1fr; gap: 7px; }
  .mutual-gain { grid-column: 1/-1; min-height: 90px; }
  .mutual-rate-row > div:not(.mutual-gain) { padding-inline: 9px; }
  .mutual-rate-row > div > strong { font-size: 18px; }
  .mutual-metrics { grid-template-columns: 1fr; }
  .mutual-metrics > div { display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 8px; min-height: 70px; padding: 10px 0; border-right: 0; border-bottom: 1px solid #e7edf5; text-align: left; }
  .mutual-metrics > div:last-child { border-bottom: 0; }
  .mutual-metrics img { grid-row: 1/4; margin: 0; }
  .mutual-metrics strong { margin: 0; white-space: normal; }
  .mutual-calc-form, .mutual-calculator > * { padding: 20px 15px; }
  .mutual-calc-fields { grid-template-columns: 1fr; }
  .mutual-direction { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
  .mutual-direction > span { grid-column: 1/-1; }
  .mutual-calc-button { width: 100%; }
  .mutual-factors ul { grid-template-columns: 1fr; }
  .mutual-lower { gap: 12px; }
  .mutual-steps, .mutual-why { min-height: 0; padding: 18px 16px; }
  .mutual-lower h3 { margin-bottom: 16px; font-size: 12px; }
  .mutual-step-list { grid-template-columns: 1fr 1fr; gap: 12px; align-items: stretch; }
  .mutual-step-list > div { grid-template-columns: 38px 1fr; gap: 8px; min-height: 76px; padding: 10px 8px; border: 1px solid #e5edf7; border-radius: 10px; background: #f8fbff; }
  .mutual-step-list > div > span { width: 38px; height: 38px; }
  .mutual-step-list > div > span img { width: 22px; height: 22px; }
  .mutual-step-list strong, .mutual-step-list small { font-size: 8px; line-height: 1.35; }
  .mutual-step-arrow { display: none; }
  .mutual-why > div { grid-template-columns: 1fr 1fr; gap: 8px; }
  .mutual-why p { gap: 8px; }
  .mutual-why p span { min-height: 43px; padding: 7px 8px; border: 1px solid #e5edf7; border-radius: 9px; background: #f8fbff; font-size: 8px; line-height: 1.3; }
  .mutual-why p img { flex: 0 0 auto; width: 16px; height: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media (max-width: 350px) {
  .mutual-step-list > div { grid-template-columns: 1fr; align-content: center; justify-items: center; min-height: 112px; text-align: center; }
  .mutual-step-list > div > span { width: 34px; height: 34px; }
  .mutual-step-list > div > span img { width: 20px; height: 20px; }
  .mutual-why p span { align-items: flex-start; font-size: 7px; }
}