.robo-service-body {max-width: 960px; padding-top: 48px; padding-bottom: 64px; overflow-wrap: anywhere;}
.robo-service-body > * {margin-bottom: 24px;}
.robo-service-body h2 {font-size: 28px; line-height: 1.25; margin-top: 48px;}
.robo-service-body h3 {font-size: 21px; line-height: 1.4; margin-top: 28px;}
.robo-service-body p,.robo-service-body li {font-size: 17px; line-height: 1.8;}
.robo-service-body ul,.robo-service-body ol {padding-left: 24px;}
.robo-service-body li {margin-bottom: 12px;}
.robo-service-body blockquote {border-left: 4px solid #1D5ED8; padding: 20px 24px; margin: 24px 0; background: #F8FAFF; color: #071B3A;}
.robo-route-band {padding: 40px 0; border-block: 1px solid #dbe5f3; background: #F8FAFF;}
.robo-route-band .container {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px;}
.robo-route-band h2 {font-size: 22px; line-height: 1.4;}
.robo-route-band p {line-height: 1.7; margin: 12px 0;}
.robo-route-band a,.robo-service-body a {text-decoration: underline; text-underline-offset: 3px;}
.robo-route-band a:focus-visible,.robo-service-body a:focus-visible {outline: 3px solid #1D5ED8; outline-offset: 4px;}
.robo-guide-links {columns: 2; column-gap: 40px;}
.robo-guide-links li {break-inside: avoid; margin-bottom: 16px;}
.purple-price {column-gap: 12px; flex-wrap: wrap;}
.integration-hub > *, .integration-panel > * {min-width: 0;}
@media(max-width: 560px) {
 .integration-hub,.integration-panel {grid-template-columns: minmax(0,1fr);}
 .integration-preview {min-width: 0; overflow-wrap: anywhere;}
 .integration-flow {gap: 7px;}
 .integration-flow span {width: 38px; height: 38px;}
 .integration-flow > i {width: 16px;}
}
@media(max-width: 767px) {
 .robo-route-band .container {grid-template-columns: minmax(0,1fr);}
 .robo-service-body {padding-top: 28px; padding-bottom: 40px;}
 .robo-service-body h2 {font-size: 24px; margin-top: 32px;}
 .robo-guide-links {columns: 1;}
}