:root {
    --canvas: #f7faff;
    --sheet: #ffffff;
    --violet-mist: #eef2ff;
    --sky: #eaf7fa;
    --blue: #496bb8;
    --blue-deep: #425e9a;
    --gold: #efc450;
    --mint: #b9e4d9;
    --mint-strong: #6db8b0;
    --ink: #536e88;
    --muted: #7189a0;
    --line: #d3e0ec;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--canvas); color: var(--ink); font: 16px/1.67 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--blue); }
a:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
h1, h2, h3, p { margin-top: 0; }
h1 { color: #4566a0; font-size: 40px; line-height: 1.16; letter-spacing: -.034em; font-weight: 820; margin-bottom: 18px; }
h2 { color: #4566a0; font-size: 28px; line-height: 1.28; letter-spacing: -.024em; font-weight: 820; margin-bottom: 17px; }
h3 { color: #496b9c; font-size: 21px; line-height: 1.32; font-weight: 790; margin-bottom: 10px; }
p { font-size: 16px; line-height: 1.68; margin-bottom: 15px; }
p:last-child { margin-bottom: 0; }
.frame { width: min(100% - 80px, 1330px); margin-inline: auto; }
.section-spacing { padding-block: 76px; }
.small-rule { display: inline-flex; gap: 10px; align-items: center; font-size: 11px; font-weight: 860; text-transform: uppercase; letter-spacing: .12em; color: var(--blue); }
.small-rule::before { content: ""; width: 21px; height: 4px; flex: 0 0 21px; background: var(--gold); }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 47px; padding: 10px 19px; text-align: center; font-size: 15px; font-weight: 800; line-height: 1.3; border: 2px solid transparent; border-radius: 2px; transition: background-color .15s, border-color .15s, color .15s; }
.btn-primary { color: #fff; background: var(--blue); border-color: var(--blue); }
.btn-primary:hover { color: #fff; background: #385b9e; border-color: #385b9e; }
.btn-primary:active { background: #375591; }
.btn-stroke { background: #fff; color: var(--blue); border-color: #aabce0; }
.btn-stroke:hover { background: #edf2ff; border-color: var(--blue); }

.status-line { background: #e7f0f8; border-bottom: 1px solid #d2e1ed; }
.status-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 34px; color: #6b8299; font-size: 12px; font-weight: 720; }
.status-inner i { color: var(--blue); font-style: normal; margin-inline: 7px; }
.header { background: #fff; border-bottom: 3px solid var(--gold); }
.header-core { display: flex; align-items: center; gap: 34px; min-height: 88px; }
.identity { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 11px; white-space: nowrap; font-size: 22px; font-weight: 750; letter-spacing: -.04em; color: var(--blue-deep); }
.identity:hover { color: var(--blue-deep); }
.identity strong { font-weight: 870; color: #568da1; }
.identity-ring { position: relative; width: 37px; height: 37px; border-radius: 50%; border: 7px solid var(--blue); box-shadow: inset 0 0 0 5px #eef6fc; }
.identity-ring::before { content: ""; position: absolute; inset: 6px; border-radius: 50%; background: var(--gold); }
.identity-ring::after { content: ""; position: absolute; right: -9px; bottom: -6px; width: 14px; height: 6px; transform: rotate(-42deg); border-radius: 1px; background: var(--mint-strong); }
.main-nav { display: flex; align-items: center; justify-content: center; gap: 26px; margin-left: auto; }
.main-nav a { position: relative; padding: 13px 0; font-size: 14px; font-weight: 740; white-space: nowrap; }
.main-nav a::after { content: ""; position: absolute; height: 3px; background: var(--gold); bottom: 5px; left: 0; width: 0; transition: width .15s; }
.main-nav a.current, .main-nav a:hover { color: var(--blue); }
.main-nav a.current::after, .main-nav a:hover::after { width: 100%; }
.header-phone { flex: 0 0 auto; }

.signal-hero { padding: 44px 0 58px; background: linear-gradient(135deg, #f5f8ff 45%, #e4f3f7); }
.hero-caption { display: flex; align-items: center; gap: 16px; justify-content: space-between; margin-bottom: 21px; }
.hero-caption-end { font-size: 12px; font-weight: 750; color: #7e92a9; }
.hero-columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 31px; align-items: stretch; }
.hero-copy { display: flex; flex-direction: column; align-items: start; justify-content: center; min-width: 0; padding: 8px 0; }
.hero-copy h1 { max-width: 690px; }
.hero-copy p { max-width: 680px; }
.hero-intro { font-weight: 760; color: #4b70a3; }
.hero-buttons { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 11px; }
.hero-trust { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; margin-top: 21px; font-size: 12px; font-weight: 760; color: #6a87a1; }
.hero-trust span::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--mint-strong); vertical-align: middle; }
.robot-module { background: #fff; border: 1px solid #d2e1e9; border-bottom: 5px solid var(--gold); display: flex; flex-direction: column; min-width: 0; }
.module-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; border-bottom: 1px solid var(--line); padding: 13px 18px; color: #6b88a6; font-size: 11px; letter-spacing: .06em; }
.module-head strong { font-weight: 840; }
.module-body { display: grid; grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr); gap: 9px; align-items: center; flex: 1; padding: 19px 21px 20px; }
.robot-illustration { display: grid; place-items: center; position: relative; width: min(100%, 250px); aspect-ratio: 1; min-width: 0; margin-inline: auto; }
.robot-floor { position: absolute; bottom: 13%; left: 3%; width: 93%; height: 20%; background: repeating-linear-gradient(165deg, #deedf6 0 8px, transparent 8px 24px); transform: skewX(-12deg); }
.robot-shell { position: absolute; width: 77%; aspect-ratio: 1; top: 6%; left: 11%; border: 12px solid #81b9c0; border-radius: 50%; background: #d2ece9; box-shadow: 11px 10px 0 #f3d47a; }
.robot-sensor { position: absolute; width: 24%; aspect-ratio: 1; top: 6%; left: 38%; border: 7px solid #7aa6bf; border-radius: 50%; background: #edf7fb; }
.robot-ring { position: absolute; inset: 25%; border: 6px solid #9fcfc8; border-radius: 50%; }
.robot-center { position: absolute; width: 23%; height: 10%; top: 53%; left: 38%; border-radius: 25px; background: var(--blue); }
.robot-wheel { position: absolute; bottom: 13%; right: 21%; width: 26%; height: 9px; border-radius: 10px; background: #6d9dac; }
.module-repairs { min-width: 0; }
.module-repairs h2 { font-size: 28px; margin: 13px 0 10px; }
.module-repairs p { margin-bottom: 14px; }
.module-repairs a { font-size: 14px; font-weight: 830; color: var(--blue); text-decoration: underline; text-underline-offset: 4px; }
.module-foot { text-align: center; padding: 12px; background: #f1f7fc; font-size: 13px; font-weight: 750; color: #69839b; }
.module-foot span { padding: 0 8px; color: #679bad; }

.service-territory { padding: 44px 0 46px; background: #fff; border-bottom: 1px solid var(--line); }
.section-heading { margin-bottom: 26px; }
.section-heading h2 { margin: 10px 0 0; }
.territory-heading { margin-bottom: 21px; }
.territory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
.territory-cell { background: #eef5fb; border-left: 5px solid #8eb7ca; padding: 19px 21px; }
.territory-cell:nth-child(2) { background: #eaf7f3; border-color: var(--mint-strong); }
.territory-cell:nth-child(3) { background: #faf5df; border-color: var(--gold); }
.territory-cell > strong { display: block; font-size: 18px; color: #526e9e; margin-bottom: 10px; }
.territory-cell p { margin: 0; }
.territory-cell p strong { color: var(--blue); }

.device-section { background: #f7faff; }
.device-heading { display: block; }
.device-heading .small-rule { display: inline-flex; margin-bottom: 12px; }
.device-heading h2 { margin: 0 0 14px; }
.device-heading p { margin: 0; max-width: 1130px; }
.device-schedule { border-top: 4px solid var(--blue); border-bottom: 1px solid #c8d8e9; }
.device-line { display: grid; grid-template-columns: 69px minmax(0, .48fr) minmax(0, 1fr); gap: 21px; align-items: center; padding: 19px 22px; border-bottom: 1px solid #cbd9e6; background: #fff; }
.device-line:nth-child(even) { background: #ecf6f9; }
.device-line:last-child { border-bottom: 0; }
.device-index { display: grid; place-items: center; width: 39px; height: 39px; border-radius: 50%; color: var(--blue); background: #e4eafb; font-size: 13px; font-weight: 890; }
.device-line h3 { margin: 0; }
.device-line p { margin: 0; }

.sequence-section { background: #e9f1fa; }
.sequence-intro { margin-bottom: 28px; }
.sequence-intro h2 { margin: 11px 0 15px; }
.sequence-intro p { max-width: 1130px; }
.sequence-rows { border-top: 5px solid var(--gold); }
.sequence-pair { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid #c5d6e7; }
.sequence-step { display: grid; grid-template-columns: 57px minmax(0, 1fr); gap: 3px 17px; padding: 24px 19px; background: #fff; }
.sequence-step:first-child { border-right: 1px solid #c5d6e7; }
.sequence-pair:nth-child(even) .sequence-step { background: #f9fcfe; }
.sequence-step > span { grid-row: span 2; font-size: 28px; font-weight: 870; line-height: 1.2; color: var(--blue); }
.sequence-step strong { font-size: 18px; line-height: 1.35; color: #536e94; }
.sequence-step p { margin: 0; }

.workshop-notes { background: #fff; }
.notes-grid { display: grid; grid-template-columns: minmax(0, 1.07fr) minmax(0, .93fr); gap: 35px; }
.notes-grid h2 { margin-top: 13px; }
.notes-aside { display: flex; flex-direction: column; align-items: start; justify-content: center; padding: 27px 30px; background: #e8f5f1; border-top: 6px solid var(--mint-strong); }
.notes-aside h3 { margin-top: 14px; }
.notes-aside p { margin-bottom: 17px; }
.notes-aside .btn { margin-top: 3px; }
.last-call { background: #f5d66f; padding-block: 37px; }
.last-call-inner { display: flex; align-items: center; gap: 28px; justify-content: space-between; }
.last-call h2 { margin: 11px 0 10px; }
.last-call p { margin: 0; max-width: 900px; }
.last-call .btn { flex: 0 0 auto; }

.laundry-opening { padding: 50px 0 45px; background: #edf5fc; }
.laundry-opening h1 { margin: 15px 0 23px; }
.laundry-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.laundry-intro p { margin: 0; }
.laundry-action { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 22px; margin-top: 24px; }
.laundry-action span { font-size: 14px; color: #728aa3; font-weight: 770; }
.two-machines { background: #fff; }
.two-machines h2 { margin-bottom: 25px; }
.machine-duo { display: grid; grid-template-columns: 1fr; gap: 17px; }
.machine-topic { display: grid; grid-template-columns: minmax(250px, .28fr) minmax(0, .72fr); grid-template-rows: auto auto auto; gap: 0 32px; padding: 26px 29px; background: #f0f7fb; border-left: 7px solid #78b6be; min-width: 0; }
.machine-topic-yellow { background: #fff7df; border-bottom-color: var(--gold); }
.machine-topic-yellow { border-left-color: var(--gold); }
.machine-topic-head { display: flex; flex-direction: column; align-items: start; justify-content: space-between; gap: 22px; grid-column: 1; grid-row: 1 / 4; padding-right: 22px; border-right: 1px solid #cbdde8; }
.machine-topic-head h3 { font-size: 24px; margin: 10px 0 0; }
.machine-topic > p:first-of-type { grid-column: 2; grid-row: 1; margin-bottom: 17px; }
.machine-tasks { display: grid; grid-column: 2; grid-row: 2; gap: 5px; padding: 14px 16px; background: #dfeff4; border-left: 4px solid #79b2bd; }
.machine-topic-yellow .machine-tasks { background: #f8edc5; border-left-color: var(--gold); }
.machine-tasks strong { color: #55749d; font-size: 14px; }
.machine-tasks span { line-height: 1.55; font-size: 15px; }
.machine-topic > p:last-child { grid-column: 2; grid-row: 3; margin: 18px 0 0; }
.drum-art, .spray-art { flex: 0 0 115px; width: 115px; height: 110px; border: 6px solid #79acbb; background: #d3eaf1; border-radius: 3px; position: relative; }
.drum-top { position: absolute; width: 100%; height: 22%; top: 0; left: 0; border-bottom: 5px solid #79acbb; }
.drum-top::after { content: ""; position: absolute; top: 5px; right: 8px; width: 26px; height: 7px; background: #f0c95a; }
.drum-door { position: absolute; width: 66%; aspect-ratio: 1; top: 30%; left: 17%; border: 9px solid #79acbb; border-radius: 50%; background: #eaf5f8; box-shadow: inset 0 0 0 5px #a9d4da; }
.spray-art { background: #e6efe0; border-color: #aebba9; }
.spray-bar { position: absolute; width: 75%; height: 8px; left: 12%; top: 30px; background: var(--blue); }
.spray-bar::before, .spray-bar::after { content: ""; position: absolute; width: 9px; height: 20px; background: #7fb5c1; top: 8px; }
.spray-bar::before { left: 15%; }
.spray-bar::after { right: 15%; }
.spray-dish { position: absolute; left: 25%; top: 56%; width: 50%; height: 28%; border: 6px solid #e9ca60; border-top: 0; border-radius: 0 0 50% 50%; }
.spray-line { position: absolute; left: 10%; right: 10%; bottom: 8%; height: 5px; background: #83b5bd; }
.symptom-tracks { background: #edf5fa; }
.symptom-tracks h2 { margin: 10px 0 28px; }
.track-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.track-item { min-width: 0; padding: 19px 21px; background: #fff; border-left: 4px solid var(--blue); }
.track-item:nth-child(2), .track-item:nth-child(3) { border-left-color: var(--mint-strong); }
.track-item strong { display: block; margin-bottom: 8px; font-size: 17px; color: #4f6c97; }
.track-item p { margin: 0; }
.track-caption { margin: 20px 0 0; }
.home-contact { background: #f5d66f; padding: 39px 0; }
.home-contact-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 32px; }
.home-contact h2 { margin-top: 10px; }
.home-contact p { margin: 0; max-width: 930px; }
.home-contact-buttons { display: flex; flex-direction: column; gap: 11px; }

.service-header { background: #eaf6f5; padding: 48px 0 57px; }
.service-header h1 { margin: 14px 0 25px; }
.service-hero-grid { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); gap: 30px; align-items: stretch; }
.service-hero-text { display: flex; flex-direction: column; justify-content: center; }
.service-hero-buttons { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 13px; }
.heater-module { display: grid; grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr); align-items: center; gap: 14px; background: #fff; padding: 24px 21px; border: 1px solid #c4dce4; border-right: 6px solid var(--gold); }
.heater-art { display: grid; place-items: center; }
.heater-case { position: relative; width: min(100%, 210px); aspect-ratio: 1; border: 10px solid #94c4c5; background: #e9f6f5; border-radius: 50%; }
.heater-case::before { content: ""; position: absolute; inset: 12%; border-radius: 50%; border: 5px dashed #8fb7c2; }
.heater-coil { position: absolute; top: 40%; left: 14%; width: 72%; height: 22%; border: 9px double var(--blue); border-radius: 55%; transform: rotate(-17deg); }
.heater-contact { position: absolute; top: 9%; width: 12px; height: 26%; background: var(--gold); border-radius: 5px; }
.heater-contact.left { left: 33%; }
.heater-contact.right { right: 33%; }
.heater-gauge { position: absolute; width: 18%; height: 18%; right: 12%; bottom: 13%; border: 5px solid var(--blue); border-radius: 50%; background: #fff; }
.heater-caption strong { display: block; font-size: 20px; color: #507598; line-height: 1.32; margin-bottom: 11px; }
.heater-caption p { margin-bottom: 15px; }
.heater-caption > span { font-size: 11px; font-weight: 860; letter-spacing: .09em; color: var(--blue); }
.service-diagnostics { background: #fff; }
.service-diagnostics h2 { margin: 12px 0 25px; }
.diagnostic-register { border-top: 4px solid var(--blue); }
.diagnostic-record { display: grid; grid-template-columns: minmax(0, .65fr) minmax(0, 1fr); gap: 28px; align-items: center; padding: 23px 20px; border-bottom: 1px solid #cadae6; }
.diagnostic-record:nth-child(even) { background: #f0f7fb; }
.diagnostic-name > span { display: block; margin-bottom: 9px; font-size: 12px; font-weight: 870; letter-spacing: .08em; text-transform: uppercase; color: var(--blue); }
.diagnostic-name h3 { margin: 0; }
.diagnostic-record p { margin: 0; }
.service-agreement { background: #eaf2fc; }
.agreement-layout { display: grid; grid-template-columns: minmax(0, 1.13fr) minmax(0, .87fr); gap: 34px; }
.agreement-copy h2 { margin-top: 13px; }
.agreement-contact { display: flex; flex-direction: column; align-items: start; justify-content: center; padding: 26px 29px; background: #fff; border-top: 6px solid var(--gold); }
.agreement-contact h3 { margin-top: 12px; }
.agreement-contact p { margin-bottom: 17px; }
.service-last { background: #d9efe7; padding: 35px 0; }
.service-last-inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.service-last h2 { margin-bottom: 10px; }
.service-last p { margin: 0; max-width: 890px; }
.service-last .btn { flex: 0 0 auto; }

.footer { background: #e1eaf8; border-top: 1px solid #c4d6eb; padding: 30px 0; }
.footer-layout { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 27px; }
.footer-logo { font-size: 19px; color: #4d6f9e; font-weight: 740; white-space: nowrap; }
.footer-logo strong { color: #5d999c; }
.footer-layout p { margin: 0; color: #6a849e; }
.footer-layout nav { display: flex; flex-wrap: wrap; align-items: center; gap: 9px 25px; margin-left: auto; }
.footer-layout nav a { font-size: 14px; font-weight: 760; color: #587aaa; }
.footer-layout nav a:hover { color: var(--blue-deep); }

@media (max-width: 1200px) {
    .frame { width: min(100% - 56px, 1330px); }
    .header-core { gap: 23px; }
    .main-nav { gap: 17px; }
    .hero-columns, .service-hero-grid { gap: 18px; }
    .module-body { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); padding-inline: 14px; }
    .robot-shell { border-width: 9px; }
    .machine-topic-head h3 { font-size: 22px; }
}

@media (max-width: 1000px) {
    .header-core { gap: 14px; flex-wrap: wrap; padding-block: 15px; }
    .identity { flex: 1 0 auto; }
    .main-nav { order: 3; flex: 1 0 100%; justify-content: start; margin-left: 0; }
    .header-phone { margin-left: auto; }
    .hero-columns, .service-hero-grid { grid-template-columns: 1fr; }
    .hero-copy { display: block; }
    .hero-copy h1, .hero-copy p { max-width: none; }
    .robot-module { width: 100%; }
    .module-body { grid-template-columns: 230px minmax(0, 1fr); }
    .robot-illustration { width: 200px; }
    .device-heading { grid-template-columns: 1fr; gap: 13px; }
    .device-line { grid-template-columns: 48px minmax(0, .5fr) minmax(0, 1fr); gap: 18px; padding-inline: 15px; }
    .heater-module { grid-template-columns: 240px minmax(0, 1fr); }
    .heater-case { width: 170px; }
    .notes-grid, .agreement-layout { gap: 21px; }
}

@media (max-width: 790px) {
    .frame { width: min(100% - 34px, 1330px); }
    .section-spacing { padding-block: 55px; }
    .signal-hero { padding: 34px 0 47px; }
    .hero-caption-end { display: none; }
    .hero-columns { gap: 26px; }
    .territory-grid, .notes-grid, .laundry-intro, .machine-duo, .agreement-layout { grid-template-columns: 1fr; }
    .device-line { grid-template-columns: 50px minmax(0, 1fr); gap: 8px 14px; }
    .device-line p { grid-column: 2; }
    .sequence-intro p { max-width: none; }
    .sequence-step { padding: 18px 12px; grid-template-columns: 40px minmax(0, 1fr); gap: 4px 10px; }
    .sequence-step > span { font-size: 21px; }
    .sequence-step strong { font-size: 16px; }
    .notes-aside, .agreement-contact { padding: 25px; }
    .last-call-inner, .service-last-inner { display: block; }
    .last-call .btn, .service-last .btn { margin-top: 21px; }
    .laundry-opening, .service-header { padding: 37px 0 45px; }
    .laundry-intro { gap: 14px; }
    .machine-duo { gap: 18px; }
    .machine-topic { display: block; }
    .machine-topic-head { flex-direction: row; align-items: center; justify-content: space-between; gap: 14px; min-height: 0; padding: 0 0 15px; margin-bottom: 20px; border-right: 0; border-bottom: 1px solid #cbdde8; }
    .track-list { grid-template-columns: 1fr; }
    .home-contact-inner { grid-template-columns: 1fr; gap: 20px; }
    .home-contact-buttons { flex-direction: row; flex-wrap: wrap; }
    .diagnostic-record { grid-template-columns: 1fr; gap: 9px; }
    .footer-layout nav { margin-left: 0; }
}

@media (max-width: 500px) {
    .status-inner { flex-wrap: wrap; justify-content: center; padding-block: 8px; gap: 1px; }
    .identity { font-size: 20px; }
    .identity-ring { width: 31px; height: 31px; border-width: 6px; }
    .header-phone { font-size: 14px; padding-inline: 11px; }
    .main-nav { justify-content: space-between; flex-wrap: wrap; gap: 3px 14px; }
    .main-nav a { padding: 7px 0; font-size: 13px; }
    .hero-buttons, .service-hero-buttons { gap: 9px; }
    .module-body { grid-template-columns: 1fr; gap: 14px; padding: 19px; }
    .robot-illustration { width: 205px; }
    .module-repairs h2 { margin-top: 10px; }
    .module-foot span { padding-inline: 3px; }
    .service-territory { padding: 35px 0; }
    .territory-cell { padding: 17px; }
    .device-line { padding: 15px 10px; }
    .sequence-pair { grid-template-columns: 1fr; }
    .sequence-step:first-child { border-right: 0; border-bottom: 1px solid #c5d6e7; }
    .machine-topic { padding: 20px 16px; }
    .machine-topic-head { gap: 8px; }
    .machine-topic-head h3 { font-size: 20px; }
    .drum-art, .spray-art { transform: scale(.83); transform-origin: center right; flex-basis: 100px; }
    .heater-module { grid-template-columns: 1fr; padding: 18px; }
    .heater-case { width: 175px; }
    .heater-caption strong { font-size: 19px; }
    .last-call, .home-contact, .service-last { padding-block: 29px; }
}

@media (max-width: 360px) {
    .frame { width: min(100% - 24px, 1330px); }
    .header-core { gap: 9px; }
    .identity { font-size: 18px; }
    .header-phone { flex: 1 0 100%; }
    .btn { font-size: 14px; padding-inline: 12px; }
    .hero-trust { gap: 7px 9px; }
    .machine-topic-head h3 { font-size: 19px; }
    .drum-art, .spray-art { flex-basis: 88px; transform: scale(.7); margin-left: -16px; }
}