/* Sdelka Logistic — editorial layout and interactive presentation. */
:root {
  --purple: #7351eb;
  --purple-dark: #6040d5;
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --ink: #211e29;
}
::selection { background: #cab8ff; color: #211334; }
body { background: #fdfcfe; }
h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }
.shell { width: min(1320px, calc(100% - 96px)); }
.section { padding-top: 112px; padding-bottom: 112px; }
.eyebrow { font-weight: 550; letter-spacing: .09em; }
.dark-eyebrow { color: #777180; }
.button { min-height: 54px; border-radius: 8px; transition: background 180ms ease, color 180ms ease, transform 140ms var(--ease-out), box-shadow 180ms ease; }
.button-purple { box-shadow: 0 2px 3px #2a15561a, inset 0 1px #ffffff20; }
.button-purple:focus-visible { outline-color: #442296; }
.button:active { transform: scale(.96); }
.reading-progress { position: fixed; inset: 0 0 auto; height: 2px; z-index: 60; pointer-events: none; }
.reading-progress span { display: block; width: 100%; height: 100%; background: #9b7bff; transform: scaleX(0); transform-origin: left; }
.header { height: 84px; background: #17141dec; color: #fff; border-color: #ffffff12; transition: background 200ms ease, color 200ms ease, border-color 200ms ease; }
.header .brand img { filter: invert(1); }
.header .brand span { color: #c4b8de; border-color: #ffffff38; }
.header .desktop-nav { color: #c7c1cf; }
.header .header-cta { min-height: 42px; color: #fff; background: #ffffff10; border-color: #ffffff38; }
.header .menu-button { border-color: #ffffff25; }
.header .menu-button span { background: white; }
.header .desktop-nav a { position: relative; padding: 10px 0; }
.header .desktop-nav a::after { content: ''; position: absolute; bottom: 2px; left: 0; right: 0; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform 180ms var(--ease-out); }
.header .desktop-nav a[aria-current='location']::after { transform: scaleX(1); }
.header.is-scrolled { background: #fffffff5; color: var(--ink); border-color: #e9e5ef; }
.header.is-scrolled .brand img { filter: none; }
.header.is-scrolled .brand span { color: #746985; border-color: #d5cddf; }
.header.is-scrolled .desktop-nav { color: #716979; }
.header.is-scrolled .header-cta { background: var(--ink); color: white; border-color: transparent; }
.header.is-scrolled .menu-button span { background: var(--ink); }
.header .mobile-nav { color: var(--ink); }
.hero { min-height: 698px; background: #17141d; }
.hero-picture img { object-position: center 56%; }
.hero-shade { background: linear-gradient(90deg, #15121ee8 0%, #15121eb3 28%, #15121e12 65%), linear-gradient(0deg, #15121ecc, #15121e00 40%, #15121e18 75%, #15121e88); }
.hero-content { position: relative; padding-top: 63px; padding-bottom: 125px; }
.hero .eyebrow { color: #d7cce7; font-size: .75rem; }
.eyebrow-line { width: 32px; background: #b89aff; }
.hero h1 { font-size: clamp(4.5rem, 7.1vw, 6.75rem); line-height: 1.035; letter-spacing: -.035em; font-weight: 500; margin-top: 28px; }
.hero-title-accent { color: #d7c5ff; }
.hero-description { margin-top: 25px; margin-bottom: 28px; max-width: 430px; color: #d7d1df; line-height: 1.7; font-size: 1rem; }
.hero-actions { display: flex; align-items: center; gap: 27px; }
.hero-actions .button { min-height: 53px; padding: 0 25px; }
.hero-secondary { font-size: .875rem; color: #e0dbe8; padding: 12px 0; border-bottom: 1px solid #ffffff40; }
.hero-bottom { margin-top: 60px; font-size: .75rem; letter-spacing: .07em; color: #c4bbd1; }
.hero-route { position: absolute; right: max(48px, calc((100vw - 1320px)/2)); bottom: 106px; width: 365px; padding: 23px; border: 1px solid #ffffff24; border-radius: 12px; background: #19142176; backdrop-filter: blur(16px); box-shadow: 0 15px 50px #00000018; }
.hero-route-caption { font-size: .75rem; letter-spacing: .075em; color: #ddd5e9; }
.hero-route>div { display: flex; align-items: center; gap: 10px; margin-top: 20px; }
.hero-route>div>span:not(.route-connector) { font-size: .75rem; color: #ece7f5; }
.hero-route strong { font-size: .875rem; font-weight: 550; color: #ddc9ff; }
.route-connector { flex: 1; height: 1px; background: #ffffff3a; }
.hero-route i { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #c4a6ff; margin-right: 5px; }
.quote-shell { margin-top: -55px; }
.quote-card { padding: 31px 34px 24px; border: 1px solid #e7e0ef; box-shadow: 0 1px 2px #27134004, 0 14px 40px #29194409; border-radius: 16px; }
.quote-top { margin-bottom: 25px; }
.quote-index { display: block; color: #796688; font-size: .75rem; letter-spacing: .08em; margin-bottom: 8px; }
.quote-top h2 { font-size: 1.5rem; letter-spacing: -.035em; }
.quote-step { display: flex; align-items: center; gap: 9px; color: #aaa0b4!important; font-size: .75rem!important; }
.quote-step b { width: 25px; height: 25px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; background: #ede6fd; color: #6842c3; font-size: .75rem; font-weight: 550; }
.quote-step i { height: 1px; width: 28px; background: #dfd7e9; margin: 0 3px; }
.route-grid { gap: 12px; grid-template-columns: 1.1fr 28px 1.1fr 1.12fr 1.05fr; }
.route-field { background: #fbfafd; border-color: #e7e1ed; height: 76px; }
.route-field input::placeholder { color: #867e91; }
.route-field>span { color: #746a81; }
.route-field:focus-within { background: #fff; }
.route-submit { min-height: 76px; }
.route-examples { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; padding-top: 17px; }
.route-examples>span { color: #7d6b88; font-size: .75rem; margin-right: 2px; }
.route-examples button { padding: 7px 10px; border: 1px solid #e9e2f1; border-radius: 5px; background: transparent; color: #81758f; font-size: .75rem; transition: color 150ms ease, background 150ms ease, border-color 150ms ease; }
.quote-bottom { padding-top: 15px; border-top: 1px solid #f0ebf5; margin-top: 16px; color: #7e6a89; }
.section-heading { align-items: end; margin-bottom: 42px; }
.section-heading h2 { font-size: clamp(2.4rem, 4vw, 3.7rem); font-weight: 520; letter-spacing: -.035em; }
.section-intro { max-width: 330px; color: #77667f; line-height: 1.7; }
.service-explorer { display: grid; grid-template-columns: .82fr 1.4fr; gap: 54px; }
.service-choices { padding-top: 6px; }
.format-tab { display: flex; align-items: center; width: 100%; border: 0; border-bottom: 1px solid #e5dfea; padding: 27px 16px 27px 0; background: transparent; text-align: left; gap: 21px; position: relative; transition: background 200ms ease, padding 220ms var(--ease-out); }
.format-tab:first-child { border-top: 1px solid #e5dfea; }
.format-number { font-size: .75rem; color: #9f94ae; align-self: flex-start; padding-top: 5px; font-variant-numeric: tabular-nums; }
.format-tab strong { display: block; font-size: 1.375rem; letter-spacing: -.035em; font-weight: 530; color: #746c7e; line-height: 1.25; }
.format-tab small { display: block; color: #7e6c89; font-size: .8125rem; margin-top: 9px; line-height: 1.5; }
.format-indicator { margin-left: auto; color: #9886ae; font-size: 1.4rem; font-weight: 300; }
.format-tab[aria-selected='true'] { padding-left: 21px; padding-right: 21px; background: #f0ebfb; border-radius: 8px; border-color: transparent; }
.format-tab[aria-selected='true'] strong { color: #513286; }
.format-tab[aria-selected='true'] .format-number { color: #8962d1; }
.format-tab[aria-selected='true'] .format-indicator { transform: rotate(45deg); color: #7351be; }
.format-tab[aria-selected='true'] small { color: #715d82; }
.format-help { font-size: .875rem; line-height: 1.7; color: #786582; padding-top: 27px; }
.format-panel { background: #f3f0f6; border-radius: 13px; overflow: hidden; border: 1px solid #e8e2ed; }
.format-image { position: relative; height: 318px; overflow: hidden; background: #d6d5d8; }
.format-image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, #1912235c, transparent 35%, transparent 65%, #19122333); pointer-events: none; }
.format-image img { width: 100%; height: 100%; object-fit: cover; object-position: center 49%; transition: transform 650ms var(--ease-out); }
.format-panel[data-format='ltl'] .format-image img { transform: scale(1.12) translate(1%, -3%); }
.format-panel[data-format='regular'] .format-image img { transform: scale(1.06) translate(-2%, 1%); }
.format-image-label { position: absolute; inset: 22px 23px auto; display: flex; justify-content: space-between; gap: 20px; color: #fff; z-index: 1; font-size: .75rem; letter-spacing: .08em; }
.format-image-number { position: absolute; right: 22px; bottom: 5px; font-size: 6rem; font-weight: 460; color: #ffffffa6; letter-spacing: -.07em; z-index: 1; font-variant-numeric: tabular-nums; }
.format-description { padding: 29px 31px 31px; }
.format-description h3 { font-size: 1.6rem; font-weight: 520; letter-spacing: -.03em; }
.format-description p { margin-top: 12px; font-size: .9375rem; line-height: 1.7; color: #71607b; max-width: 510px; min-height: 76px; }
.format-facts { display: flex; flex-wrap: wrap; gap: 8px; margin: 19px 0 25px; }
.format-facts span { font-size: .75rem; color: #755c82; padding-left: 11px; position: relative; }
.format-facts span::before { content: ''; width: 3px; height: 3px; background: #9f7bc3; position: absolute; left: 0; top: .55em; border-radius: 50%; }
.format-facts span+span { margin-left: 8px; }
.format-description .button { min-height: 46px; font-size: .8125rem; }
.clarity-section { background: #f4f1f7; padding: 96px 0; }
.clarity-grid { gap: 100px; }
.clarity-heading h2 { font-size: clamp(2.2rem, 3.5vw, 3.25rem); letter-spacing: -.035em; }
.clarity-heading h2 span { color: #998ca8; }
.clarity-heading>p:not(.eyebrow) { color: #796786; max-width: 340px; }
.benefit-list { padding: 0; }
.benefit-list article { padding: 26px 0; gap: 28px; border-color: #e2d9ea; }
.benefit-list article:first-child { padding-top: 0; }
.benefit-num { color: #9c7fbd; font-size: .75rem; }
.benefit-list h3 { font-size: 1.3rem; font-weight: 530; }
.benefit-list p { color: #76637f; font-size: .9375rem; }
.process-section { background: #19141f; padding-top: 104px; }
.process-section .section-heading h2 { color: #f6efff; }
.process-section .section-intro { color: #9e90aa; }
.process-section .eyebrow { color: #ac96bd; }
.journey { margin-top: 48px; }
.journey-controls { display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; border-bottom: 1px solid #ffffff20; }
.journey-controls button { display: flex; align-items: center; gap: 14px; padding: 18px 20px 22px; color: #9c8aa9; background: transparent; border: 0; font-size: .9375rem; text-align: left; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: color 180ms ease, background 180ms ease; }
.journey-controls button>span { font-size: .75rem; color: #725d85; }
.journey-controls button[aria-selected='true'] { color: #efe3ff; border-bottom-color: #ac85f0; background: linear-gradient(0deg, #8e63bb18, transparent); }
.journey-controls button[aria-selected='true']>span { color: #b691ee; }
.journey-panel { display: grid; grid-template-columns: .82fr 1.3fr; gap: 58px; padding: 48px 0; min-height: 416px; }
.journey-counter { font-size: .75rem; color: #71607e; font-variant-numeric: tabular-nums; }
.journey-counter b { color: #cfaafa; font-weight: 450; }
.journey-info h3 { font-size: 2.25rem; font-weight: 500; line-height: 1.15; margin-top: 18px; letter-spacing: -.035em; color: #f0e7f9; }
.journey-info h3 { white-space: pre-line; }
.journey-info p { font-size: .9375rem; line-height: 1.7; color: #a494af; margin-top: 21px; max-width: 360px; min-height: 100px; }
.journey-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.journey-tags span { font-size: .75rem; padding: 7px 10px; border: 1px solid #ffffff1f; color: #ab96bc; border-radius: 4px; }
.journey-diagram { border: 1px solid #ffffff12; background: linear-gradient(140deg, #2f203f80, #22192b40); border-radius: 10px; padding: 23px 23px 18px; display: flex; flex-direction: column; }
.diagram-label { font-size: .75rem; letter-spacing: .12em; color: #947ea5; }
.journey-diagram svg { display: block; width: 100%; height: auto; margin: 0 auto; flex: 1; min-height: 240px; }
.journey-track { stroke: #6b517b; stroke-width: 1.5; fill: none; }
.journey-line { stroke: #c6a1fa; stroke-width: 2.5; fill: none; stroke-dasharray: 100; stroke-dashoffset: 100; transition: stroke-dashoffset 450ms var(--ease-out); }
.journey-station>circle:not(.station-core) { fill: #241b2e; stroke: #6e517d; stroke-width: 1.5; }
.journey-station .station-core { fill: #735286; }
.journey-station text { fill: #937fa3; font-family: Inter, sans-serif; font-size: 13px; }
.journey-station.is-current>circle:not(.station-core) { stroke: #d2b2fc; fill: #4b2c65; }
.journey-station.is-current .station-core { fill: #e2c9ff; }
.journey-station.is-current text { fill: #ead8ff; }
.journey-station.is-complete .station-core { fill: #b290d4; }
.diagram-footer { border-top: 1px solid #ffffff12; padding-top: 16px; display: flex; justify-content: space-between; gap: 20px; color: #9a84ab; font-size: .75rem; }
.diagram-footer>span:first-child { color: #c5b1d8; }
.process-footer { color: #9f8aaf; border-color: #ffffff12; padding: 25px 0 28px; }
.partner-card { background: #eae1f7; border-radius: 15px; padding: 62px; position: relative; overflow: hidden; }
.partner-card h2 { color: #443051; font-size: 3rem; font-weight: 510; letter-spacing: -.035em; }
.partner-card .eyebrow { color: #805e95; }
.partner-card p:not(.eyebrow) { color: #705b81; }
.partner-card .button-dark { background: #493057; }
.partner-panel { padding-left: 40px; border-color: #cdbddd; gap: 15px; }
.partner-panel>div { border-bottom: 1px solid #d4c5e4; padding-bottom: 15px; gap: 20px; }
.partner-panel>div:last-child { border: 0; padding-bottom: 0; }
.partner-panel>div>p { font-size: 1rem!important; color: #755a89!important; }
.partner-panel-label { color: #7d5b95; font-size: .75rem; letter-spacing: .075em; margin-bottom: 6px; }
.faq-section { grid-template-columns: .8fr 1.3fr; gap: 100px; }
.faq-section h2 { font-size: 3.3rem; letter-spacing: -.05em; }
.faq-list summary { padding: 25px 0; font-size: 1rem; color: #51455b; }
.faq-list details { border-color: #e8e0ee; }
.faq-list details:first-child { border-color: #e8e0ee; }
.faq-list details[open] summary { color: #7b52b5; }
.faq-list details p { font-size: .9375rem; line-height: 1.7; color: #74617e; }
.contact-band { position: relative; overflow: hidden; background: #201629; padding: 90px 0 180px; border: 0; color: #f2e9fa; }
.contact-band .shell { align-items: flex-end; position: relative; z-index: 1; }
.contact-band h2 { font-size: clamp(4rem, 7.5vw, 7rem); line-height: 1.02; font-weight: 500; letter-spacing: -.035em; }
.contact-band h2 span { color: #bd97e6; }
.contact-band p { color: #a88cbb; font-size: .75rem; letter-spacing: .09em; margin-bottom: 30px; }
.contact-band-action { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; margin-bottom: 12px; }
.contact-band-action .button { min-height: 57px; min-width: 235px; }
.contact-band-action>a:last-child { color: #b99bcc; font-size: .8125rem; }
.contact-word { position: absolute; font-size: clamp(8rem, 21.5vw, 23rem); line-height: .75; bottom: -12px; left: 0; right: 0; letter-spacing: -.05em; color: #ffffff04; text-align: center; font-weight: 650; white-space: nowrap; pointer-events: none; }
.footer { background: #201629; color: #c6b4d3; border-top: 1px solid #ffffff12; padding-top: 36px; }
.footer .brand img { filter: invert(1); opacity: .82; }
.footer .brand span { border-color: #ffffff30; color: #b59ac9; }
.footer-top>p { color: #9b81ad; }
.footer-contacts a:last-child { color: #a78dbc; }
.footer-bottom { border-color: #ffffff18; color: #9374a8; font-size: .75rem; }
.footer-bottom>a { font-size: .75rem; }
.mobile-quick { display: none; }
dialog { border: 1px solid #e4d9ed; border-radius: 18px; }
dialog::backdrop { background: #1c142abc; }
dialog[open] { animation: dialog-enter 220ms var(--ease-out); }
dialog .eyebrow { color: #9d7db5; }
.route-summary { background: #f2eafb; color: #8055a6; }
.form-note { color: #796483; }
.reveal-pending { opacity: 0; transform: translateY(18px); }
.reveal-ready { transition: opacity 600ms var(--ease-out), transform 650ms var(--ease-out); }
.reveal-visible { opacity: 1; transform: none; }
@keyframes dialog-enter { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
[data-input='keyboard'] dialog[open] { animation: none; }
[data-input='keyboard'] .format-image img, [data-input='keyboard'] .format-tab, [data-input='keyboard'] .journey-line { transition: none; }
@media (hover: hover) and (pointer: fine) {
  .header .desktop-nav a:hover { color: #b69bf3; }
  .header .desktop-nav a:hover::after { transform: scaleX(1); }
  .header .header-cta:hover { background: #7050af; }
  .format-tab:not([aria-selected='true']):hover { background: #f5f0fa; }
  .route-examples button:hover { background: #f0e8fc; border-color: #cfbfe8; color: #765099; }
  .journey-controls button:hover { color: #dbc4f4; }
  .hero-secondary:hover { color: #c8a7ff; }
  .button-purple:hover { box-shadow: 0 4px 15px #7651a82e, inset 0 1px #ffffff20; }
  .footer a:hover { color: #dfc1ff; }
}
@media (min-width: 1600px) {
  .hero { min-height: 758px; }
  .hero-content { padding-top: 84px; }
  .hero-route { bottom: 116px; }
}
@media (max-width: 1200px) {
  .shell { width: calc(100% - 64px); }
  .hero h1 { font-size: 5.5rem; }
  .hero-route { right: 32px; width: 320px; bottom: 112px; padding: 20px; }
  .hero-route>div { gap: 6px; }
  .hero-route>div>span:not(.route-connector) { font-size: .75rem; }
  .route-grid { grid-template-columns: 1fr 28px 1fr 1fr; }
  .route-submit { min-height: 49px; height: 49px; grid-column: 1/-1; }
  .service-explorer { gap: 32px; grid-template-columns: .9fr 1.3fr; }
  .format-tab { gap: 14px; }
  .format-tab strong { font-size: 1.2rem; }
  .format-tab small { font-size: .75rem; }
  .format-image { height: 275px; }
  .format-image-label { font-size: .75rem; }
  .format-description { padding: 25px; }
  .clarity-grid { gap: 60px; }
  .journey-panel { gap: 35px; }
  .journey-info h3 { font-size: 2rem; }
  .partner-card { padding: 45px; gap: 45px; }
  .partner-card h2 { font-size: 2.5rem; }
}
@media (max-width: 900px) {
  .shell { width: calc(100% - 48px); }
  .header { height: 73px; }
  .hero h1 { font-size: 5rem; }
  .hero { min-height: 700px; }
  .hero-picture img { object-position: 58% center; }
  .hero-shade { background: linear-gradient(90deg, #15121ee0 0%, #15121e99 45%, #15121e22), linear-gradient(0deg, #15121e99, transparent 50%); }
  .hero-route { display: none; }
  .hero-content { padding-top: 73px; }
  .quote-card { padding: 28px 25px 23px; }
  .section { padding-top: 80px; padding-bottom: 80px; }
  .section-heading h2 { font-size: 2.75rem; }
  .section-intro { max-width: 260px; font-size: .9375rem; }
  .service-explorer { gap: 24px; grid-template-columns: .9fr 1.2fr; }
  .format-tab { gap: 10px; padding: 24px 10px 24px 0; }
  .format-tab[aria-selected='true'] { padding-left: 14px; padding-right: 14px; }
  .format-tab strong { font-size: 1.1rem; }
  .format-tab small { font-size: .75rem; }
  .format-number { font-size: .75rem; }
  .format-image { height: 240px; }
  .format-image-label { inset: 18px; font-size: .75rem; }
  .format-image-label span:last-child { display: none; }
  .format-image-number { font-size: 4.5rem; }
  .format-description { padding: 24px; }
  .format-description h3 { font-size: 1.4rem; }
  .format-description p { font-size: .875rem; min-height: 115px; }
  .format-facts { margin: 18px 0 24px; gap: 10px; }
  .format-facts span { font-size: .75rem; }
  .format-facts span+span { margin-left: 0; }
  .format-description .button { width: 100%; }
  .clarity-section { padding: 80px 0; }
  .clarity-grid { gap: 40px; }
  .clarity-heading h2 { font-size: 2.4rem; }
  .process-section { padding-top: 80px; }
  .journey-controls button { padding: 18px 12px; gap: 10px; font-size: .8125rem; }
  .journey-panel { gap: 26px; grid-template-columns: 1fr 1.2fr; }
  .journey-info h3 { font-size: 1.9rem; }
  .journey-info p { font-size: .875rem; }
  .journey-diagram { padding: 18px 12px; }
  .journey-diagram svg { min-height: 180px; }
  .diagram-footer { display: block; line-height: 1.8; }
  .diagram-footer span { display: block; }
  .partner-card { padding: 35px; gap: 30px; }
  .partners-section { padding-bottom: 0; }
  .partner-card h2 { font-size: 2.3rem; }
  .partner-panel { padding-left: 25px; }
  .faq-section { gap: 40px; }
  .faq-section h2 { font-size: 2.75rem; }
  .contact-band { padding-top: 70px; padding-bottom: 135px; }
  .contact-band h2 { font-size: 4.5rem; }
  .contact-band p { font-size: .75rem; }
  .contact-band-action .button { min-width: 205px; }
  .contact-band-action>a:last-child { font-size: .75rem; }
}
@media (max-width: 640px) {
  html { scroll-padding-top: 90px; }
  .shell { width: calc(100% - 40px); }
  .header { height: 68px; }
  .hero { min-height: 735px; }
  .hero-content { padding-top: 38px; padding-bottom: 0; }
  .hero .eyebrow { font-size: .75rem; letter-spacing: .06em; gap: 8px; white-space: nowrap; }
  .eyebrow-line { width: 18px; }
  .hero h1 { font-size: clamp(3.5rem, 14vw, 5.5rem); line-height: 1.04; margin-top: 27px; }
  .hero-description { font-size: .9375rem; line-height: 1.65; margin-top: 23px; margin-bottom: 23px; max-width: 290px; }
  .hero-description br { display: none; }
  .hero-actions { gap: 21px; }
  .hero-actions .button { padding: 0 18px; min-height: 48px; font-size: .8125rem; }
  .hero-secondary { font-size: .75rem; }
  .hero-picture img { top: auto; bottom: 0; height: 420px; object-position: 67% bottom; }
  .hero-shade { background: linear-gradient(180deg, #17141d 0%, #17141d 35%, #17141de8 44%, #17141d00 66%, #17141d77 100%); }
  .hero-bottom { position: absolute; top: 603px; bottom: auto; left: 0; right: 0; margin: 0; font-size: .75rem; letter-spacing: .05em; gap: 10px; }
  .hero-bottom-line { flex: 1; width: auto; }
  .quote-shell { margin-top: -50px; }
  .quote-card { padding: 24px 19px 19px; }
  .quote-top { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
  .quote-top h2 { font-size: 1.25rem; }
  .quote-index { font-size: .75rem; letter-spacing: .075em; }
  .quote-step { display: none!important; }
  .route-grid { display: grid; grid-template-columns: 1fr; gap: 10px; }
  .route-field { height: 70px; }
  .route-field input,.route-field select { font-size: 1rem; }
  .swap-button { top: 61px; }
  .route-submit { min-height: 51px; font-size: .875rem; }
  .route-examples { gap: 7px; padding-top: 16px; }
  .route-examples>span { width: 100%; margin-bottom: 2px; font-size: .75rem; }
  .route-examples button { font-size: .75rem; padding: 7px 8px; }
  .route-examples button:last-child { display: none; }
  .quote-bottom { font-size: .75rem; padding-top: 13px; margin-top: 14px; }
  .section { padding-top: 68px; padding-bottom: 68px; }
  .section-heading h2 { font-size: 2.5rem; }
  .section-heading { margin-bottom: 30px; }
  .section-intro { margin-top: 20px; max-width: none; font-size: .9375rem; }
  .dark-eyebrow { font-size: .75rem; }
  .service-explorer { grid-template-columns: 1fr; gap: 25px; }
  .format-tab { padding: 20px 10px; gap: 16px; }
  .format-tab[aria-selected='true'] { padding-left: 17px; padding-right: 17px; }
  .format-tab strong { font-size: 1.125rem; }
  .format-tab small { font-size: .8125rem; margin-top: 6px; }
  .format-tab .format-number { font-size: .75rem; }
  .format-help { display: none; }
  .format-image { height: 228px; }
  .format-image-label { font-size: .75rem; }
  .format-image-number { font-size: 4.5rem; }
  .format-description { padding: 23px 22px 25px; }
  .format-description h3 { font-size: 1.5rem; }
  .format-description p { min-height: 102px; font-size: .9375rem; line-height: 1.65; }
  .format-facts { gap: 10px; min-height: 16px; }
  .format-facts span { font-size: .75rem; }
  .format-description .button { min-height: 49px; }
  .clarity-section { padding: 68px 0; }
  .clarity-grid { grid-template-columns: 1fr; gap: 40px; }
  .clarity-heading h2 { font-size: 2.4rem; }
  .clarity-heading>p:not(.eyebrow) { font-size: .9375rem; }
  .benefit-list article { gap: 20px; padding: 25px 0; }
  .benefit-list h3 { font-size: 1.2rem; }
  .benefit-list p { font-size: .9375rem; }
  .process-section { padding-top: 68px; }
  .process-section .eyebrow { font-size: .75rem; }
  .process-section .section-intro { font-size: .9375rem; }
  .journey { margin-top: 34px; }
  .journey-controls { gap: 0; }
  .journey-controls button { flex-direction: column; align-items: flex-start; padding: 15px 8px 18px; gap: 9px; font-size: .75rem; }
  .journey-controls button>span { font-size: .75rem; }
  .journey-panel { grid-template-columns: 1fr; padding: 30px 0; gap: 30px; }
  .journey-counter { font-size: .75rem; }
  .journey-info h3 { font-size: 2rem; margin-top: 15px; min-height: 74px; }
  .journey-info p { font-size: .9375rem; margin-top: 18px; min-height: 100px; max-width: none; }
  .journey-tags { margin-top: 20px; gap: 6px; }
  .journey-tags span { font-size: .75rem; padding: 6px 8px; }
  .journey-diagram { padding: 20px 14px 16px; }
  .journey-diagram svg { min-height: 176px; margin-top: 8px; }
  .diagram-label { font-size: .75rem; }
  .diagram-footer { display: flex; font-size: .75rem; gap: 10px; line-height: 1.6; }
  .process-footer { font-size: .875rem; padding: 27px 0 32px; }
  .process-footer .button { min-height: 49px; }
  .partners-section { padding-bottom: 0; }
  .partner-card { padding: 30px 24px; grid-template-columns: 1fr; }
  .partner-card h2 { font-size: 2.15rem; }
  .partner-card p:not(.eyebrow) { font-size: .9375rem; }
  .partner-panel { padding: 25px 0 0; border-top: 1px solid #cdbddd; }
  .partner-panel>div>p { font-size: .9375rem!important; }
  .partner-panel-label { font-size: .75rem; }
  .faq-section { grid-template-columns: 1fr; gap: 30px; }
  .faq-section h2 { font-size: 2.5rem; }
  .faq-list summary { font-size: .9375rem; padding: 22px 0; }
  .faq-list details p { font-size: .9375rem; }
  .contact-band { padding: 64px 0 110px; }
  .contact-band .shell { display: block; }
  .contact-band h2 { font-size: 3.75rem; }
  .contact-band p { font-size: .75rem; line-height: 1.8; max-width: 250px; margin-bottom: 24px; }
  .contact-band-action { margin: 30px 0 0; gap: 15px; }
  .contact-band-action .button { min-height: 52px; width: 100%; margin: 0; }
  .contact-band-action>a:last-child { font-size: .75rem; }
  .contact-word { font-size: 23vw; bottom: 7px; color: #ffffff08; }
  .footer { padding-bottom: 35px; }
  .footer-top { padding-bottom: 25px; }
  .footer-bottom,.footer-bottom>a { font-size: .75rem; }
  .mobile-quick:not([hidden]) { position: fixed; z-index: 28; left: 12px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 13px 12px 18px; background: #fffffff5; border: 1px solid #e4d9ed; box-shadow: 0 4px 30px #23103321; border-radius: 12px; backdrop-filter: blur(16px); }
  .mobile-quick>span { font-size: .875rem; font-weight: 550; }
  .mobile-quick small { display: block; margin-top: 4px; font-size: .75rem; font-weight: 400; color: #7d668b; }
  .mobile-quick .button { min-height: 43px; padding: 0 14px; font-size: .75rem; }
  body.dialog-open .mobile-quick { display: none; }
  #details-form .form-two:nth-of-type(2) { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation: none!important; transition: none!important; }
  .reveal-pending { opacity: 1; transform: none; }
}
/* Keep diagram captions readable as the SVG scales down. */
@media (max-width: 900px) {
  .journey-station text { font-size: 22px; }
}
@media (max-width: 640px) {
  .journey-station text { font-size: 30px; }
  .diagram-footer { flex-wrap: wrap; }
  .hero .eyebrow { white-space: normal; font-size: .75rem; }
  .mobile-quick small { font-size: .75rem; }
}

/* Refine the original composition: Cyrillic typography and readable secondary copy. */
h2, h3 { letter-spacing: -.03em; }
.hero h1 { letter-spacing: -.04em; }
.brand span { letter-spacing: -.02em; }
.quote-top h2 { letter-spacing: -.025em; font-weight: 550; }
.format-tab strong { letter-spacing: -.025em; }
.section-intro, .format-description p, .benefit-list p,
.clarity-heading>p:not(.eyebrow), .partner-card p:not(.eyebrow),
.faq-list details p { font-size: 1rem; line-height: 1.7; }
.section-intro, .format-description p, .benefit-list p,
.clarity-heading>p:not(.eyebrow) { color: #6c6175; }
.hero-description { color: #e1dce7; }
.process-section .section-intro, .journey-info p { color: #bcb0c8; }
.quote-step { color: #796e85!important; }
.button:active { transform: scale(.98); }
@media (max-width: 640px) {
  .hero h1 { line-height: 1.07; letter-spacing: -.04em; }
  .hero-description { line-height: 1.65; }
  .format-description p { min-height: 110px; }
}