/* Companion B2B: generous editorial rhythm, blue ink, lime accents. */
:root { --b-ink:var(--c-ink); --b-muted:var(--c-muted); --b-blue:var(--c-blue); --b-lime:var(--c-lime); --b-paper:var(--c-paper); --b-line:var(--c-line); }
html { scroll-padding-top:110px; }
body { color:var(--b-ink); background:var(--b-paper); }
a, button, input, textarea, select, summary { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid #3675ed; outline-offset:5px; }
.site-header { background:#fff; color:var(--b-ink); border-bottom:1px solid var(--b-line); }
.header-inner { min-height:88px; gap:24px; }
.brand { min-width:160px; }
.brand img { width:160px; height:auto; }
.site-nav { font-size:14px; letter-spacing:0; gap:14px; row-gap:2px; flex-wrap:nowrap; }
.site-nav a { white-space:nowrap; }
.site-nav a { color:var(--b-ink); padding:10px 0; font-weight:600; }
.site-nav a:hover,.site-nav a[aria-current=page] { color:var(--b-blue); border-color:var(--b-blue); }
.site-nav .header-meeting { padding:10px 15px; background:var(--b-ink); color:#fff; border:0; border-bottom:2px solid transparent; border-radius:7px; }
.site-nav .header-meeting:hover { background:var(--b-blue); color:#fff; }
.menu-toggle { color:var(--b-ink); border-color:var(--b-line); font:inherit; min-height:44px; }
.business-home { font-size:16px; line-height:1.6; overflow:clip; }
.business-home h1,.business-home h2,.business-home h3 { color:inherit; font-weight:600; }
.business-home h1 { font-size:clamp(2.75rem,4.6vw,4.25rem); line-height:1.08; letter-spacing:-.052em; margin:26px 0; }
.business-home h1 span { color:var(--b-blue); }
.business-home h2 { font-size:clamp(2rem,3.4vw,3.15rem); line-height:1.16; letter-spacing:-.042em; margin:15px 0 25px; }
.business-home h3 { letter-spacing:-.025em; }
.business-home p { margin-top:0; }
.b-eyebrow { display:flex; align-items:center; gap:10px; font-size:.8125rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--b-blue); }
.b-dot { width:9px; height:9px; background:var(--b-blue); border-radius:50%; flex-shrink:0; }
.b-intro { font-size:1.125rem; line-height:1.7; color:var(--b-muted); max-width:540px; }
.b-micro { font-size:.8125rem; color:var(--b-muted); margin:18px 0 0; }
.b-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:30px; }
.b-button { display:inline-flex; justify-content:space-between; align-items:center; gap:24px; background:var(--b-blue); border:0; border-radius:7px; padding:17px 23px; min-height:56px; color:#fff; font:inherit; font-size:.9375rem; font-weight:600; text-align:left; cursor:pointer; transition:background .18s, transform .18s; }
.b-button:hover { background:#174aaa; transform:translateY(-2px); }
.b-button:disabled { opacity:.65; cursor:wait; transform:none; }
.b-button span { font-size:1.35rem; line-height:1; }
.b-button-dark { background:var(--b-ink); }
.b-text-link { display:inline-flex; align-items:center; justify-content:space-between; gap:14px; color:var(--b-blue); font-size:.9375rem; font-weight:600; text-decoration:underline; text-decoration-color:transparent; text-underline-offset:5px; }
.b-text-link:hover { text-decoration-color:currentColor; }
.b-text-link span { font-size:1.3rem; }
.b-hero { padding-top:50px; background:#fff; }
.b-hero-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:60px; align-items:center; }
.b-hero-copy { padding:16px 0 24px; }
.b-hero-portrait { margin:0; min-width:0; width:100%; max-width:300px; justify-self:center; border-radius:10px; overflow:hidden; background:#162a42; }
.b-hero-portrait img { display:block; width:100%; height:320px; object-fit:cover; object-position:50% 20%; }
.b-hero-portrait figcaption { padding:22px 24px; color:#fff; }
.b-portrait-caption { display:block; font-size:1.2rem; line-height:1.3; letter-spacing:-.02em; font-weight:600; }
.b-person-name { display:block; font-size:.875rem; margin-top:14px; }
.b-person-name small { display:block; color:#d8e2ef; font-size:.8125rem; margin-top:3px; }
.b-metrics { display:grid; grid-template-columns:.8fr .85fr 1.05fr .9fr 1.1fr; align-items:center; gap:26px; padding:40px 0; margin-top:48px; border-top:1px solid var(--b-line); }
.b-metrics strong { display:block; font-size:2.4rem; line-height:1.1; font-weight:500; letter-spacing:-.04em; }
.b-metrics strong span { color:var(--b-blue); }
.b-metrics div p { margin:8px 0 0; font-size:.875rem; color:var(--b-muted); }
.b-metrics .b-metrics-note { padding-left:26px; border-left:2px solid var(--b-lime); font-size:.9375rem; margin:0; }
.b-section { padding:100px 0; }
.b-section-head { display:grid; grid-template-columns:1.6fr 1fr; gap:65px; align-items:end; margin-bottom:38px; }
.b-section-head > p { color:var(--b-muted); max-width:380px; margin-bottom:26px; }
.b-solutions-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.b-solution { display:flex; flex-direction:column; padding:34px 36px; border-radius:9px; background:#fff; border:1px solid var(--b-line); min-height:335px; }
.b-solution-top { display:flex; justify-content:space-between; gap:15px; margin-bottom:30px; font-size:.8125rem; font-weight:600; }
.b-solution-top span:first-child { opacity:.6; }
.b-solution h3 { font-size:1.8rem; line-height:1.2; margin:0 0 18px; }
.b-solution p { max-width:465px; color:var(--b-muted); }
.b-solution .b-text-link { margin-top:auto; align-self:flex-start; padding-top:14px; }
.b-solution-dms { color:#fff; background:var(--b-blue); border-color:transparent; }
.b-solution-dms p { color:#f0f5ff; }
.b-solution-dms .b-text-link { color:#fff; }
.b-solution-logistics { background:var(--b-ink); color:#fff; border-color:transparent; }
.b-solution-logistics p { color:#dbe4f1; }
.b-solution-logistics .b-text-link { color:var(--b-lime); }
.b-solution-small { min-height:270px; }
.b-solution-small h3 { font-size:1.6rem; }
.b-solution-small .b-solution-top { margin-bottom:20px; }
.b-section-bottom { display:flex; justify-content:space-between; gap:24px; align-items:center; margin-top:28px; color:var(--b-muted); font-size:.9375rem; }
.b-insights { background:#e8eef7; }
.b-insights h2 span { color:var(--b-blue); }
.b-insights-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; align-items:start; }
.b-insight { background:#fff; border:1px solid #d5dfec; border-radius:9px; transition:border-color .16s ease, box-shadow .16s ease; }
.b-insight[open] { border-color:#b6c9e4; box-shadow:0 6px 20px rgba(20,42,70,.07); }
.b-insight summary { display:grid; grid-template-columns:minmax(0,1fr) 20px; column-gap:16px; align-items:start; padding:20px 22px; cursor:pointer; list-style:none; }
.b-insight summary::-webkit-details-marker { display:none; }
.b-insight summary:focus-visible { outline:2px solid var(--b-blue); outline-offset:2px; border-radius:9px; }
.b-insight-type { grid-column:1; color:var(--b-blue); font-size:.75rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; }
.b-insight h3 { grid-column:1; margin:9px 0 0; min-height:2.6em; font-size:1.0625rem; line-height:1.3; letter-spacing:-.015em; }
/* Плюс, що на розкритій картці стає мінусом. */
.b-insight-mark { grid-column:2; grid-row:1 / span 2; align-self:center; position:relative; width:20px; height:20px; }
.b-insight-mark::before, .b-insight-mark::after { content:""; position:absolute; left:50%; top:50%; background:var(--b-blue); border-radius:1px; transition:transform .18s ease, opacity .18s ease; }
.b-insight-mark::before { width:13px; height:2px; transform:translate(-50%,-50%); }
.b-insight-mark::after { width:2px; height:13px; transform:translate(-50%,-50%); }
.b-insight[open] .b-insight-mark::after { transform:translate(-50%,-50%) rotate(90deg); opacity:0; }
.b-insight-body { padding:0 22px 22px; }
.b-insight-body p { margin:0; color:var(--b-muted); font-size:.9375rem; }
.b-insight-body .b-text-link { margin-top:16px; }
@media (prefers-reduced-motion:reduce) { .b-insight, .b-insight-mark::before, .b-insight-mark::after { transition:none; } }
.b-process { background:var(--b-ink); color:#fff; }
.b-process .b-eyebrow { color:var(--b-lime); }
.b-process .b-section-head > p { color:#c7d4e3; }
.b-process h2 span { color:#bfd784; }
.b-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; padding:0; list-style:none; margin:44px 0; }
.b-steps li { border-top:1px solid #536176; padding-top:22px; }
.b-step-no { display:block; font-size:1rem; color:var(--b-lime); margin-bottom:24px; }
.b-steps h3 { font-size:1.125rem; margin:0 0 14px; }
.b-steps p { color:#c7d4e3; font-size:.9375rem; }
.b-tender-note { display:grid; grid-template-columns:1fr 1fr; gap:40px; padding:28px 0; border-block:1px solid #536176; }
.b-tender-note p { margin:0; }
.b-tender-note strong { display:block; font-size:.9375rem; margin-bottom:8px; }
.b-tender-note span { display:block; max-width:470px; font-size:.9375rem; color:#c7d4e3; }
.b-disclosure { border-bottom:1px solid #536176; }
.b-disclosure summary { cursor:pointer; padding:24px 0; display:flex; justify-content:space-between; gap:24px; font-size:1rem; font-weight:600; list-style:none; }
.b-disclosure summary::-webkit-details-marker { display:none; }
.b-disclosure summary span { color:var(--b-lime); font-size:1.4rem; line-height:1; }
.b-disclosure[open] summary span { transform:rotate(45deg); }
.b-disclosure > p { max-width:850px; color:#c7d4e3; font-size:.9375rem; padding-bottom:16px; }
.b-support { background:#fff; }
.b-support-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:100px; }
.b-support .b-text-link { margin-top:16px; }
.b-service-standards { border-left:1px solid var(--b-line); padding-left:50px; }
.b-time { display:grid; grid-template-columns:1.25fr 1fr; gap:16px; align-items:center; padding:24px 0; border-bottom:1px solid var(--b-line); }
.b-time strong { font-size:2.6rem; line-height:1.1; font-weight:500; letter-spacing:-.04em; }
.b-time strong span { display:block; font-size:1.2rem; margin-top:7px; letter-spacing:0; }
.b-time p { margin:0; color:var(--b-muted); font-size:.9375rem; }
.b-small { font-size:.8125rem; color:var(--b-muted); margin:20px 0 0; }
.b-channels { display:flex; justify-content:space-between; align-items:baseline; gap:40px; margin-top:64px; padding-top:30px; border-top:1px solid var(--b-line); }
.b-channels p { font-size:.875rem; color:var(--b-muted); }
.b-channels ul { display:flex; flex-wrap:wrap; gap:12px 24px; padding:0; margin:0; list-style:none; font-size:.875rem; font-weight:600; }
.b-digital { background:#e8eef7; overflow:hidden; }
.b-digital-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:100px; align-items:center; }
.b-app-preview { height:580px; overflow:hidden; padding-top:65px; display:flex; justify-content:center; }
.b-app-preview img { height:auto; width:285px; max-width:90%; align-self:flex-start; border:8px solid var(--b-ink); border-radius:32px; box-shadow:0 20px 50px #142a4620; }
.b-digital-copy { padding:65px 0; }
.b-digital-compact .b-digital-grid { grid-template-columns:230px minmax(0,1fr); gap:62px; max-width:900px; }
.b-digital-compact .b-app-preview { height:360px; padding-top:42px; }
.b-digital-compact .b-app-preview img { width:176px; border-width:6px; border-radius:24px; }
.b-digital-compact .b-digital-copy { padding:52px 0; }
.b-digital-compact .b-digital-copy h2 { max-width:610px; }
.b-digital-compact .b-digital-copy .b-intro { max-width:610px; }
.b-feature-list { padding:0; margin:25px 0; list-style:none; }
.b-feature-list li { display:flex; gap:12px; margin:8px 0; font-size:.9375rem; }
.b-feature-list li::before { content:"✓"; color:var(--b-blue); font-weight:700; }
.b-meeting { background:#fff; }
.b-meeting-grid { display:grid; grid-template-columns:1fr 1fr; gap:95px; align-items:start; }
.b-meeting h2 { font-size:clamp(2.3rem,3.8vw,3.5rem); }
.b-meeting h2 span { color:var(--b-blue); }
.b-meeting-facts { margin:28px 0; border-left:3px solid var(--b-lime); padding-left:20px; font-size:.9375rem; }
.b-meeting-facts p { margin-bottom:9px; }
.b-meeting-phone { display:inline-flex; gap:20px; align-items:center; margin-top:10px; font-size:1.3rem; font-weight:600; }
.b-meeting-form { background:var(--b-paper); padding:32px; border:1px solid var(--b-line); border-radius:9px; }
.b-meeting-form h3 { margin:0 0 5px; font-size:1.4rem; }
.b-meeting-form > p { font-size:.875rem; color:var(--b-muted); }
.b-form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:25px; }
.b-field { display:flex; flex-direction:column; gap:8px; margin-bottom:18px; }
.b-field label { font-size:.875rem; font-weight:600; }
.b-field input,.b-field select,.b-field textarea { appearance:auto; min-width:0; width:100%; padding:13px 12px; font:inherit; font-size:1rem; color:var(--b-ink); background:#fff; border:1px solid #adb9c8; border-radius:5px; }
.b-field textarea { resize:vertical; }
.b-field small,.b-optional { font-size:.8125rem; color:var(--b-muted); font-weight:400; }
.b-optional { margin-left:6px; }
.b-field input::placeholder,.b-field textarea::placeholder { color:#667285; }
.b-consent { display:flex; align-items:flex-start; gap:10px; font-size:.8125rem; color:var(--b-muted); margin:10px 0 22px; cursor:pointer; }
.b-consent input { width:18px; height:18px; flex-shrink:0; margin:3px 0 0; accent-color:var(--b-blue); }
.b-meeting-form .b-button { width:100%; }
.b-meeting-form .b-form-status { margin:14px 0 0; font-size:.875rem; }
.b-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.site-footer { background:var(--b-ink); }
.footer-links { font-size:.9375rem; }
.business-page { background:#fff; color:var(--b-ink); font-size:16px; line-height:1.6; }
.business-page h1,.business-page h2,.business-page h3 { color:inherit; font-weight:600; }
.business-page .b-page-hero { background:var(--b-ink); color:#fff; padding:88px 0 82px; }
.business-page .b-page-hero-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:70px; align-items:end; }
.business-page .b-page-hero h1 { max-width:760px; margin:18px 0 24px; font-size:clamp(2.65rem,5.1vw,4.45rem); line-height:1.05; letter-spacing:-.055em; }
.business-page .b-page-hero h1 span { color:var(--b-lime); }
.business-page .b-page-hero p { max-width:560px; color:#d0dcea; font-size:1.125rem; }
.b-page-aside { border-left:1px solid #536176; padding-left:30px; color:#d0dcea; }
.b-page-aside strong { display:block; color:var(--b-lime); font-size:1.7rem; font-weight:500; letter-spacing:-.04em; }
.b-page-aside p { font-size:.9375rem !important; margin:6px 0 24px; }
.b-work-proof { border-bottom:1px solid var(--b-line); background:#fff; }
.b-work-proof-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.b-work-proof-grid > div { padding:28px 30px 30px 0; }
.b-work-proof-grid > div + div { padding-left:30px; border-left:1px solid var(--b-line); }
.b-work-proof strong { display:block; color:var(--b-blue); font-size:clamp(2rem,3.1vw,2.7rem); font-weight:600; line-height:1; letter-spacing:-.045em; font-variant-numeric:tabular-nums; }
.b-work-proof span { display:block; margin-top:9px; color:var(--b-muted); font-size:.9375rem; }
.b-work-section { padding:96px 0; }
.b-work-intro { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; }
.b-work-intro h2 { font-size:clamp(2rem,3.4vw,3.25rem); line-height:1.14; letter-spacing:-.045em; margin:14px 0; }
.b-work-intro .b-intro { margin-top:26px; }
.b-work-roles { display:grid; gap:0; border-top:1px solid var(--b-line); }
.b-work-role { display:grid; grid-template-columns:110px 1fr; gap:22px; padding:19px 0; border-bottom:1px solid var(--b-line); }
.b-work-role strong { font-size:.875rem; }
.b-work-role p { margin:0; color:var(--b-muted); font-size:.9375rem; }
.b-work-flow { background:var(--b-paper); }
.b-work-flow .b-work-section { padding-bottom:80px; }
.b-work-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; padding:0; margin:44px 0 0; list-style:none; counter-reset:work; }
.b-work-steps li { counter-increment:work; background:#fff; border:1px solid var(--b-line); border-radius:8px; padding:26px; min-height:258px; }
.b-work-steps li::before { content:"0" counter(work); display:block; margin-bottom:42px; color:var(--b-blue); font-size:.875rem; font-weight:700; }
.b-work-steps h3 { font-size:1.25rem; margin:0 0 12px; letter-spacing:-.025em; }
.b-work-steps p { margin:0; color:var(--b-muted); font-size:.9375rem; }
.b-work-note { display:grid; grid-template-columns:1fr 1fr; gap:36px; margin-top:34px; padding:25px 0; border-top:1px solid var(--b-line); border-bottom:1px solid var(--b-line); }
.b-work-note strong { display:block; margin-bottom:8px; }
.b-work-note p { margin:0; color:var(--b-muted); font-size:.9375rem; }
.b-work-commitment { background:var(--b-ink); color:#fff; }
.b-work-commitment .b-eyebrow { color:var(--b-lime); }
.b-work-commitment-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
.b-work-commitment h2 { font-size:clamp(2rem,3.3vw,3.1rem); line-height:1.16; letter-spacing:-.045em; margin:14px 0 22px; }
.b-work-commitment h2 span { color:#bfd784; }
.b-work-commitment p { color:#d0dcea; max-width:530px; }
.b-work-checklist { padding:0; margin:0; list-style:none; border-top:1px solid #536176; }
.b-work-checklist li { padding:21px 0 21px 31px; border-bottom:1px solid #536176; position:relative; color:#edf3fb; }
.b-work-checklist li::before { content:"✓"; position:absolute; left:0; color:var(--b-lime); font-weight:700; }
.b-work-app { padding:76px 0; background:var(--b-paper); }
.b-work-app-grid { display:grid; grid-template-columns:330px minmax(0,1fr); gap:52px; align-items:center; max-width:960px; }
.b-work-app img { display:block; width:186px; height:282px; justify-self:center; object-fit:cover; object-position:top; border:6px solid #dce6f3; border-radius:28px; box-shadow:0 18px 36px #22375024; }
.b-work-app h2 { max-width:650px; margin:14px 0 18px; font-size:clamp(2rem,3.3vw,3rem); line-height:1.14; letter-spacing:-.045em; }
.b-work-app p:not(.b-eyebrow) { max-width:650px; color:var(--b-muted); font-size:1.0625rem; }
.b-app-link { display:inline-flex; margin-top:24px; color:var(--b-blue); font-weight:650; }
.b-app-link:hover { color:#17489f; }
.b-work-cta { padding:82px 0; background:#fff; }
.b-work-cta-grid { display:flex; justify-content:space-between; align-items:center; gap:35px; }
.b-work-cta h2 { max-width:640px; margin:0; font-size:clamp(2rem,3.5vw,3.25rem); line-height:1.12; letter-spacing:-.045em; }
@media(max-width:1279px) { .business-page .b-page-hero { padding:65px 0; }.business-page .b-page-hero-grid,.b-work-intro,.b-work-commitment-grid,.b-work-app-grid { grid-template-columns:1fr; gap:32px; }.b-page-aside { border-left:0; border-top:1px solid #536176; padding:25px 0 0; }.b-work-proof-grid { max-width:620px; }.b-work-section { padding:68px 0; }.b-work-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }.b-work-app { padding:62px 0; }.b-work-app img { width:162px; height:246px; }.b-work-cta-grid { align-items:flex-start; flex-direction:column; } }
@media(max-width:600px) { .business-page .b-page-hero h1 { font-size:2.75rem; }.b-work-proof-grid { grid-template-columns:1fr; }.b-work-proof-grid > div { padding:18px 0; border-bottom:1px solid var(--b-line); }.b-work-proof-grid > div + div { padding-left:0; border-left:0; }.b-work-proof-grid > div:last-child { border-bottom:0; }.b-work-steps { grid-template-columns:1fr; margin-top:30px; }.b-work-steps li { min-height:0; }.b-work-steps li::before { margin-bottom:22px; }.b-work-note { grid-template-columns:1fr; gap:22px; }.b-work-role { grid-template-columns:90px 1fr; gap:14px; }.b-work-cta { padding:60px 0; }.b-work-cta .b-button { width:100%; } }
@media(min-width:1450px) { .b-hero { padding-top:60px; } }
@media(max-width:1420px) {
  .site-nav { gap:16px; }.header-inner { gap:20px; }.brand { min-width:150px; }.brand img { width:150px; }
  .b-hero-grid { gap:35px; grid-template-columns:1.25fr 1fr; }
  .b-hero h1 { font-size:clamp(2.6rem,4.8vw,3.7rem); }.b-support-grid,.b-digital-grid,.b-meeting-grid { gap:45px; }
  .b-section-head { gap:35px; }.b-time { grid-template-columns:1fr; }.b-metrics { gap:18px; }.b-metrics strong { font-size:2rem; }
  .b-section { padding:75px 0; }.b-steps { gap:22px; }.b-solution { padding:28px; }
}
@media(max-width:800px) {
  .header-inner { min-height:76px; flex-wrap:wrap; }.brand { flex:1; }.menu-toggle { display:block; }.site-nav { display:none; flex-wrap:wrap; width:100%; order:4; flex-direction:column; align-items:stretch; padding:0 0 22px; margin:0; gap:7px; font-size:1rem; }.site-nav.is-open { display:flex; }.site-nav a { padding:10px; }.site-nav .header-meeting { text-align:center; }
  .b-hero-grid { grid-template-columns:1fr 0.85fr; gap:26px; }.b-hero h1 { font-size:2.8rem; }.b-intro { font-size:1rem; }
  .b-metrics { grid-template-columns:repeat(4,1fr); }.b-metrics-note { display:none; }.b-section-head { grid-template-columns:1fr; gap:0; }.b-section-head > p { max-width:550px; margin-bottom:0; }.b-insights-grid { grid-template-columns:1fr; }
  .b-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }.b-support-grid,.b-digital-grid,.b-meeting-grid { gap:35px; }.b-service-standards { padding-left:25px; }.b-service-standards .b-eyebrow { font-size:.75rem; }.b-channels { flex-direction:column; gap:5px; }.b-digital-grid { grid-template-columns:.85fr 1fr; }.b-digital-compact .b-digital-grid { grid-template-columns:190px minmax(0,1fr); }.b-digital-compact .b-app-preview { height:330px; }.b-app-preview { height:570px; }.b-meeting-grid { grid-template-columns:1fr; }.b-meeting h2 br { display:none; }.b-meeting h2 br::after { content:" "; }.b-meeting h2 { max-width:520px; }.b-meeting-form { max-width:650px; width:100%; }
}
@media(max-width:600px) {
  html { scroll-padding-top:90px; }.business-home .shell { width:calc(100% - 40px); }.b-hero { padding-top:25px; }.b-hero-grid { grid-template-columns:1fr; gap:25px; }.b-hero h1 { font-size:clamp(2.65rem,9.3vw,3.45rem); }.b-hero-copy { padding:10px 0 0; }.b-hero-portrait { max-width:270px; }.b-hero-portrait img { height:285px; }.b-hero-portrait figcaption { padding:18px 20px; }.b-portrait-caption { font-size:1.125rem; }.b-person-name { margin-top:16px; }.b-actions { gap:18px; }.b-actions .b-button { width:100%; }.b-hero-copy .b-micro { margin-bottom:0; }
  .b-metrics { gap:20px 12px; margin-top:30px; padding:27px 0; grid-template-columns:1fr 1fr; }.b-metrics strong { font-size:2rem; }.b-metrics div p { font-size:.8125rem; }
  .b-section { padding:60px 0; }.business-home h2 { font-size:2rem; }.b-section-head { margin-bottom:28px; }.b-solutions-grid { grid-template-columns:1fr; gap:16px; }.b-solution,.b-solution-small { min-height:0; padding:26px; }.b-solution-top { margin-bottom:24px; }.b-solution h3 { font-size:1.65rem; }.b-solution p { font-size:1rem; }.b-section-bottom { align-items:flex-start; flex-direction:column; gap:10px; }
  .b-steps { grid-template-columns:1fr; gap:12px; margin-top:30px; }.b-steps li { position:relative; padding:22px 0 14px 43px; }.b-step-no { position:absolute; left:0; top:22px; }.b-steps h3 { margin-bottom:10px; }.b-steps p { margin-bottom:0; }.b-tender-note { grid-template-columns:1fr; gap:24px; }.b-support-grid { grid-template-columns:1fr; gap:35px; }.b-service-standards { border-left:0; border-top:1px solid var(--b-line); padding:25px 0 0; }.b-time { grid-template-columns:1fr 1fr; }.b-time strong span { display:inline; font-size:1.1rem; }.b-time strong { font-size:2.1rem; }.b-channels { margin-top:35px; }.b-channels ul { gap:10px 19px; }
  .b-digital-grid { display:flex; flex-direction:column-reverse; gap:0; }.b-digital-copy { padding:55px 0 0; }.b-digital-compact .b-digital-copy { padding:52px 0 0; }.b-app-preview { height:350px; width:100%; padding-top:35px; }.b-digital-compact .b-app-preview { height:280px; padding-top:28px; }.b-app-preview img { width:250px; }.b-digital-compact .b-app-preview img { width:150px; }.b-feature-list { margin:20px 0; }.b-meeting-grid { gap:35px; }.b-meeting h2 { font-size:2.4rem; }.b-meeting h2 br { display:block; }.b-meeting-form { padding:24px 20px; }.b-form-row { grid-template-columns:1fr; gap:0; }.b-meeting-phone { font-size:1.2rem; }.b-consent { font-size:.875rem; }.b-optional { display:block; margin-left:0; }
  .footer-grid { gap:26px; }.site-footer { padding-top:35px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.b-button { transition:none; }.b-button:hover { transform:none; } }

/* Після додавання «Логістики» та «Як ми працюємо» вісім пунктів перестали
   вміщуватись між 801 і 1000 px — вмикаємо кнопку «Меню» раніше. */
@media(max-width:1279px) {
  .header-inner { min-height:76px; flex-wrap:wrap; }
  .brand { flex:1; }
  .menu-toggle { display:block; }
  .site-nav { display:none; flex-wrap:wrap; width:100%; order:4; flex-direction:column; align-items:stretch; padding:0 0 22px; margin:0; gap:7px; font-size:1rem; }
  .site-nav.is-open { display:flex; }
  .site-nav a { padding:10px; }
  .site-nav .header-meeting { text-align:center; }
}

/* Стрілки між кроками: показують, що це послідовність, а не чотири окремі
   картки. На двох колонках стрілка в кінці рядка зайва, на одній — дивиться вниз. */
.b-work-steps li { position:relative; }
.b-work-steps li:not(:last-child)::after {
  content:""; position:absolute; top:50%; right:-15px; width:9px; height:9px;
  border-top:2px solid var(--b-blue); border-right:2px solid var(--b-blue);
  transform:translateY(-50%) rotate(45deg);
}
@media(max-width:800px) {
  .b-work-steps li:nth-child(2)::after { display:none; }
}
@media(max-width:600px) {
  .b-work-steps li:not(:last-child)::after {
    top:auto; bottom:-15px; right:auto; left:50%;
    transform:translateX(-50%) rotate(135deg);
  }
  .b-work-steps li:nth-child(2)::after { display:block; }
}

/* Десять питань однаковими прямокутниками: між 801 і 1180 px три колонки
   стискаються і висоти розходяться — там переходимо на дві. */
@media(min-width:1001px) and (max-width:1180px){
  .b-insights-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  
}
@media(min-width:801px) and (max-width:1000px){
  .b-insights-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  
}
@media(max-width:800px){
  
}

/* Логотипи клієнтів одразу під цифрами: «70+ компаній-клієнтів» отримує імена. */
.b-clients { padding:36px 0 4px; border-top:1px solid var(--b-line); }
.b-clients-label { margin:0 0 28px; font-size:.8125rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--b-muted); }
.b-clients-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:34px 26px; margin:0; padding:0; list-style:none; }
.b-clients-grid li { display:grid; place-items:center; min-height:64px; }
/* висота в кожного своя — щоб широкі й високі знаки важили на око однаково */
.b-clients-grid img { width:auto; max-width:100%; }
@media (max-width:900px) { .b-clients-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 20px; } }
@media (max-width:560px) { .b-clients-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.b-clients-link { display:inline-flex; margin-top:30px; }

/* Відгуки клієнтів: темна секція між світло-блакитним блоком і білою формою. */
.b-voices.b-section { padding:64px 0; }
.b-voices { background:var(--b-ink); color:#fff; }
.b-voices .b-eyebrow { color:var(--b-lime); }
.b-voices h2 { margin:14px 0 0; }
.b-voices-head { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:26px; }
.b-voices-nav { display:flex; align-items:center; gap:14px; flex-shrink:0; }
.b-voices-btn { display:grid; place-items:center; width:40px; height:40px; padding:0; border:1px solid rgba(255,255,255,.28); border-radius:50%; background:transparent; color:#fff; cursor:pointer; transition:background .16s ease, border-color .16s ease, opacity .16s ease; }
.b-voices-btn:hover:not(:disabled) { background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.5); }
.b-voices-btn:focus-visible { outline:2px solid var(--b-lime); outline-offset:3px; }
.b-voices-count { margin:0; font-size:15px; color:#9fb0c6; font-variant-numeric:tabular-nums; min-width:52px; text-align:center; }
.b-voices-count b { color:#fff; font-weight:700; }
/* доріжка: гортається пальцем і колесом, кожна картка «прилипає» до краю */
.b-voices .shell { width:min(1080px,calc(100% - 56px)); }
.b-voices-track { display:flex; gap:18px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; padding-bottom:4px; }
.b-voices-track::-webkit-scrollbar { display:none; }
.b-voices-track:focus-visible { outline:2px solid var(--b-lime); outline-offset:6px; border-radius:12px; }
.b-voice { flex:0 0 calc((100% - 18px) / 2); scroll-snap-align:start; display:flex; flex-direction:column; padding:26px 28px; border:0; border-radius:12px; background:#fff; box-shadow:0 10px 26px rgba(0,0,0,.28); }
.b-voice blockquote { margin:0; font-size:1rem; line-height:1.55; color:var(--b-ink); }
.b-voice blockquote::before { content:""; display:block; width:30px; height:3px; border-radius:2px; background:var(--b-blue); margin-bottom:15px; }
.b-voice-who { margin:auto 0 0; padding-top:18px; font-size:.9375rem; line-height:1.45; }
.b-voice-who b { display:block; color:var(--b-ink); font-weight:700; }
.b-voice-who span { color:var(--b-muted); }
.b-voice-co { margin:7px 0 0; font-size:.8125rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--b-blue); }
.b-voices-all { display:inline-flex; margin-top:24px; color:#fff; }
.b-voices-all:hover { color:var(--b-lime); }
@media (prefers-reduced-motion:reduce) { .b-voices-track { scroll-behavior:auto; } }
@media (max-width:860px) { .b-voices.b-section { padding:48px 0; } .b-voices-head { flex-direction:column; align-items:flex-start; gap:20px; } .b-voice { flex-basis:100%; padding:24px; } }
.b-insight-body .b-text-link + .b-text-link { margin-top:10px; }

/* Момент продовження договору — головний привід звернутися до брокера,
   раніше згадувався лише однією карткою в питаннях. */
.b-renewal { padding:56px 0; background:#e8eef7; border-top:1px solid #d5dfec; border-bottom:1px solid #d5dfec; }
.b-renewal-inner { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:56px; align-items:center; }
.b-renewal h2 { margin:14px 0 16px; font-size:2.1rem; line-height:1.15; letter-spacing:-.03em; }
.b-renewal-copy > p { margin:0; color:var(--b-muted); font-size:1.0625rem; line-height:1.65; max-width:660px; }
.b-renewal-time { margin-top:14px!important; font-size:.9375rem!important; color:var(--b-ink)!important; font-weight:600; }
.b-renewal-actions { display:grid; gap:16px; justify-items:start; }
.b-renewal-main { width:100%; justify-content:center; }
@media (max-width:900px) { .b-renewal-inner { grid-template-columns:1fr; gap:28px; } .b-renewal { padding:44px 0; } }

/* Блок підтверджень одразу після відгуків: логотипи клієнтів і цитати
   кажуть «нам довіряють», цей — «це можна перевірити». */
.b-proof { padding:56px 0 60px; background:#fff; border-top:1px solid var(--b-line); }
.b-proof-title { margin:0 0 34px; font-size:1.3rem; font-weight:700; letter-spacing:-.02em; }
.b-proof-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.b-proof-item { display:flex; flex-direction:column; padding:26px 26px 24px; border:1px solid var(--b-line); border-radius:12px; }
.b-proof-label { margin:0; font-size:.75rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--b-blue); }
.b-proof-fact { margin:12px 0 0; font-size:1.5rem; line-height:1.15; letter-spacing:-.03em; color:var(--b-ink); }
.b-proof-note { margin:12px 0 0; font-size:.9375rem; line-height:1.6; color:var(--b-muted); }
.b-proof-item .b-text-link { margin-top:auto; padding-top:20px; }
@media (max-width:900px) { .b-proof-grid { grid-template-columns:1fr; } .b-proof { padding:44px 0 46px; } }