:root {
  --ysc-blue: #1263b8;
  --ysc-blue-hover: #0d529d;
  --ysc-navy: #112c46;
  --ysc-text: #14273e;
  --ysc-muted: #536477;
  --ysc-surface: #fff;
  --ysc-tint: #f3f7fb;
  --ysc-border: #dce5ee;
  --ysc-field-border: #7e8fa0;
  --ysc-danger: #b42318;
  --ysc-success: #146c43;
  --ysc-width: 1240px;
  --ysc-gutter: 32px;
  --ysc-section-space: 88px;
  --ysc-radius: 6px;
  --ysc-header-height: 72px;
  --ysc-motion: 180ms;
  --ysc-motion-ease: cubic-bezier(.22,1,.36,1);
  --ysc-reveal-duration: 640ms;
  color-scheme: light;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--ysc-header-height) + 24px); }
body { margin: 0; color: var(--ysc-text); background: var(--ysc-surface); font: 16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif; -webkit-font-smoothing: antialiased; }
body, input, textarea, select, button { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif; }
button, input, textarea, select { font-size: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
img { display: block; max-width: 100%; height: auto; }
svg { display: block; width: 22px; height: 22px; flex: 0 0 22px; }
a { color: inherit; text-decoration: none; }
a, button { touch-action: manipulation; }
:where(a,button,input,select,textarea):focus-visible { outline: 3px solid var(--ysc-blue); outline-offset: 4px; }
[tabindex="-1"]:focus { outline: none; }
[hidden] { display: none !important; }
h1,h2,h3,p,figure,ul,dl,dd { margin: 0; }
h1,h2,h3 { color: var(--ysc-navy); line-height: 1.35; overflow-wrap: anywhere; }
ul { padding-left: 1.25em; }
.ysc-container { width: min(var(--ysc-width), calc(100% - var(--ysc-gutter) * 2)); margin-inline: auto; }
.ysc-section { padding-block: var(--ysc-section-space); }
.ysc-section--tinted { background: var(--ysc-tint); }
.ysc-eyebrow { color: var(--ysc-blue); font-size: 13px; font-weight: 700; line-height: 1.6; letter-spacing: .1em; }
.ysc-sr-only, .ysc-honeypot { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.ysc-skip { position: fixed; top: 10px; left: 16px; padding: 12px 20px; background: var(--ysc-navy); color: white; transform: translateY(-180%); z-index: 200; }
.ysc-skip:focus { transform: none; }
.ysc-button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 50px; padding: 12px 23px; border: 1px solid var(--ysc-blue); border-radius: var(--ysc-radius); color: white; background: var(--ysc-blue); font-size: 16px; font-weight: 600; line-height: 1.45; text-align: center; transition: background var(--ysc-motion),border-color var(--ysc-motion); }
.ysc-button:hover { background: var(--ysc-blue-hover); border-color: var(--ysc-blue-hover); }
.ysc-button--outline { background: transparent; color: var(--ysc-blue); }
.ysc-button--outline:hover { color: white; }
.ysc-button--white { color: var(--ysc-blue); background: white; border-color: white; }
.ysc-button--white:hover { color: var(--ysc-navy); background: #eaf2fa; border-color: #eaf2fa; }
.ysc-button:disabled { cursor: wait; opacity: .7; }
.ysc-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.ysc-text-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: var(--ysc-blue); font-size: 16px; font-weight: 600; }
.ysc-text-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.ysc-link-secondary { display: block; width: fit-content; margin-top: 14px; padding-block: 5px; color: var(--ysc-muted); font-size: 15px; text-decoration: underline; text-underline-offset: 4px; }
.ysc-section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; margin-bottom: 40px; }
.ysc-section-heading h2 { margin-top: 10px; font-size: 34px; font-weight: 650; }
.ysc-section-description { max-width: 720px; margin-top: 14px; color: var(--ysc-muted); font-size: 17px; }
.ysc-section-heading > .ysc-text-link { flex-shrink: 0; }
.ysc-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.ysc-card { min-width: 0; border: 1px solid var(--ysc-border); background: white; border-radius: var(--ysc-radius); transition: border-color var(--ysc-motion),box-shadow var(--ysc-motion); }
.ysc-card:hover { border-color: #a6bfd8; box-shadow: 0 8px 24px #112c4609; }
.ysc-card__link { display: flex; flex-direction: column; height: 100%; border-radius: inherit; }
.ysc-card__media { aspect-ratio: 1.5; padding: 24px; overflow: hidden; border-radius: var(--ysc-radius) var(--ysc-radius) 0 0; }
.ysc-card__media img { width: 100%; height: 100%; object-fit: contain; }
.ysc-card__no-image { display: flex; align-items: center; justify-content: center; height: 100%; padding: 20px; color: var(--ysc-muted); background: var(--ysc-tint); }
.ysc-card__body { display: flex; flex-direction: column; flex: 1; padding: 2px 25px 25px; }
.ysc-card__category { margin-bottom: 8px; font-size: 13px; color: var(--ysc-blue); }
.ysc-card h3 { font-size: 20px; line-height: 1.5; font-weight: 650; }
.ysc-card__summary { margin-top: 12px; color: var(--ysc-muted); font-size: 16px; line-height: 1.8; }
.ysc-card__more { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 22px; margin-top: auto; color: var(--ysc-blue); font-size: 14px; font-weight: 600; }
.ysc-cta { padding-block: 62px; background: var(--ysc-navy); color: #dbe8f5; }
.ysc-cta__inner { display: flex; gap: 50px; align-items: center; justify-content: space-between; }
.ysc-cta .ysc-eyebrow { color: #dbe8f5; }
.ysc-cta h2 { max-width: 790px; margin-top: 12px; font-size: 32px; color: white; line-height: 1.5; }
.ysc-cta h2 + p { margin-top: 12px; }
.ysc-cta .ysc-button { flex-shrink: 0; }
.ysc-cta :focus-visible { outline-color: white; }
.ysc-footer { padding-top: 62px; background: white; }
.ysc-footer__grid { display: grid; grid-template-columns: 1.2fr .7fr 1fr; gap: 70px; }
.ysc-footer__brand img { width: 118px; height: 76px; object-fit: contain; margin-bottom: 18px; }
.ysc-footer h2 { font-size: 16px; font-weight: 650; line-height: 1.7; }
.ysc-footer__brand > p { margin-top: 10px; font-size: 14px; color: var(--ysc-muted); }
.ysc-footer__nav ul { padding: 0; list-style: none; margin-top: 15px; }
.ysc-footer__nav a { display: inline-flex; align-items: center; min-height: 38px; color: var(--ysc-muted); font-size: 14px; }
.ysc-footer__nav a:hover { color: var(--ysc-blue); }
.ysc-footer__phone { display: inline-flex; align-items: center; min-height: 44px; margin-top: 8px; font-size: 24px; font-weight: 600; color: var(--ysc-blue); }
.ysc-contact-copy { overflow-wrap: anywhere; }
.ysc-contact-copy p { margin-top: 18px; color: var(--ysc-muted); }
.ysc-contact-copy strong { color: var(--ysc-text); font-weight: 600; }
.ysc-contact-copy a { color: var(--ysc-blue); text-decoration: underline; text-underline-offset: 4px; }
.ysc-footer .ysc-contact-copy { font-size: 16px; }
.ysc-footer .ysc-contact-copy p { margin-top: 10px; }
.ysc-footer__bottom { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-top: 46px; padding-block: 24px; border-top: 1px solid var(--ysc-border); color: var(--ysc-muted); font-size: 13px; }
.ysc-footer__bottom a { flex-shrink: 0; min-height: 44px; }
.ysc-footer__bottom span { margin-left: 16px; }
.ysc-mobile-contact { display: none; }
.ysc-breadcrumb { display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px 12px; padding-block: 5px; margin-bottom: 30px; color: var(--ysc-muted); font-size: 13px; overflow-wrap: anywhere; }
.ysc-breadcrumb a { display: inline-block; padding-block: 5px; }
.ysc-breadcrumb a:hover { color: var(--ysc-blue); text-decoration: underline; }
.ysc-list-section { padding-top: 42px; }
.ysc-categories { display: flex; flex-wrap: wrap; gap: 12px; padding-bottom: 30px; border-bottom: 1px solid var(--ysc-border); }
.ysc-categories a { display: flex; align-items: center; min-height: 46px; padding: 9px 20px; border: 1px solid var(--ysc-border); border-radius: 4px; }
.ysc-categories a[aria-current],.ysc-categories a:hover { background: var(--ysc-blue); border-color: var(--ysc-blue); color: white; }
.ysc-list-meta { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; padding-block: 28px; color: var(--ysc-muted); font-size: 14px; }
.ysc-list-meta a { color: var(--ysc-blue); }
.ysc-pagination { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 18px; margin-top: 48px; font-size: 15px; }
.ysc-pagination a,.ysc-pagination > span { display: inline-flex; align-items: center; min-height: 46px; padding: 8px 16px; }
.ysc-pagination a { border: 1px solid var(--ysc-border); border-radius: 4px; color: var(--ysc-blue); }
.ysc-pagination [aria-disabled] { color: var(--ysc-muted); }
.ysc-empty { padding-block: 55px; text-align: center; }
.ysc-empty h2 { margin-bottom: 16px; font-size: 26px; }
.ysc-empty p { margin-bottom: 25px; color: var(--ysc-muted); }
.ysc-detail-intro { padding-block: 28px 62px; background: var(--ysc-tint); }
.ysc-detail-hero { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 64px; }
.ysc-detail-hero__image { min-width: 0; padding: 28px; background: white; border-radius: var(--ysc-radius); }
.ysc-detail-hero__image img { width: 100%; aspect-ratio: 1.25; object-fit: contain; }
.ysc-detail-hero__copy h1 { margin-block: 15px 20px; font-size: 36px; line-height: 1.45; }
.ysc-detail-hero__copy > p:not(.ysc-eyebrow) { color: var(--ysc-muted); font-size: 17px; }
.ysc-detail-hero__copy > .ysc-button { margin-top: 28px; }
.ysc-specs { margin-top: 24px; border-top: 1px solid var(--ysc-border); font-size: 16px; }
.ysc-specs > div { display: grid; grid-template-columns: 86px 1fr; gap: 16px; padding-block: 13px; border-bottom: 1px solid var(--ysc-border); }
.ysc-specs dt { color: var(--ysc-muted); }
.ysc-detail-layout { display: grid; grid-template-columns: minmax(0,1fr) 310px; gap: 72px; align-items: start; }
.ysc-richtext { font-size: 17px; line-height: 1.95; overflow-wrap: anywhere; }
.ysc-richtext h2 { margin: 35px 0 18px; font-size: 27px; }
.ysc-richtext h2:first-child { margin-top: 0; }
.ysc-richtext h3 { margin: 28px 0 14px; font-size: 21px; }
.ysc-richtext p { margin-block: 16px; color: var(--ysc-muted); }
.ysc-richtext a { color: var(--ysc-blue); text-decoration: underline; text-underline-offset: 4px; }
.ysc-richtext img { height: auto; max-width: 100%; }
.ysc-richtext table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.ysc-richtext th,.ysc-richtext td { padding: 10px 15px; border: 1px solid var(--ysc-border); }
.ysc-article-gallery { margin-top: 42px; }
.ysc-article-gallery > h2 { margin-bottom: 25px; font-size: 27px; }
.ysc-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 22px; }
.ysc-gallery figure { min-width: 0; }
.ysc-gallery img { width: 100%; aspect-ratio: 1.2; object-fit: contain; background: var(--ysc-tint); }
.ysc-gallery figcaption { margin-top: 10px; font-size: 14px; color: var(--ysc-muted); line-height: 1.65; }
.ysc-detail-aside { position: sticky; top: calc(var(--ysc-header-height) + 28px); padding: 28px; border: 1px solid var(--ysc-border); border-radius: var(--ysc-radius); background: var(--ysc-tint); }
.ysc-detail-aside h2 { margin-top: 13px; font-size: 23px; }
.ysc-detail-aside > p:not(.ysc-eyebrow) { margin-top: 18px; font-size: 16px; color: var(--ysc-muted); }
.ysc-aside-phone { display: flex; align-items: center; gap: 8px; margin-top: 22px; min-height: 44px; font-size: 19px; font-weight: 600; color: var(--ysc-blue); }
.ysc-detail-aside .ysc-button { width: 100%; margin-top: 16px; }
.ysc-related-group + .ysc-related-group { margin-top: 60px; }
.ysc-adjacent { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; padding-block: 45px; border-bottom: 1px solid var(--ysc-border); }
.ysc-adjacent > a { padding-block: 12px; }
.ysc-adjacent span { display: block; margin-bottom: 8px; font-size: 13px; color: var(--ysc-muted); }
.ysc-adjacent strong { font-size: 16px; font-weight: 500; }
.ysc-adjacent > a:hover { color: var(--ysc-blue); }
.ysc-adjacent__back { display: inline-flex; align-items: center; gap: 10px; grid-column: 1/-1; color: var(--ysc-blue); }
.ysc-factory img { width: 100%; aspect-ratio: 2.31; object-fit: cover; }
.ysc-about-content { max-width: 870px; margin: 58px auto 0; }
.ysc-about-content > .ysc-eyebrow { margin-bottom: 28px; }
.ysc-contact-layout { display: grid; grid-template-columns: .85fr 1.4fr; gap: 74px; align-items: start; }
.ysc-contact-info h2 { margin-top: 15px; font-size: 31px; }
.ysc-contact-info > p:not(.ysc-eyebrow) { margin-top: 23px; color: var(--ysc-muted); }
.ysc-contact-info__phone { margin-top: 33px; }
.ysc-contact-info__phone span { display: block; font-weight: 600; }
.ysc-contact-info__phone a { display: inline-flex; align-items: center; min-height: 48px; color: var(--ysc-blue); font-size: 30px; font-weight: 650; }
.ysc-contact-info__hint { margin-top: 34px; padding-top: 27px; border-top: 1px solid var(--ysc-border); }
.ysc-contact-info__hint h3 { font-size: 18px; }
.ysc-contact-info__hint ul { margin-top: 13px; color: var(--ysc-muted); }
.ysc-contact-info__hint li { margin-block: 7px; }
.ysc-inquiry-panel { padding: 36px; background: var(--ysc-tint); border: 1px solid var(--ysc-border); border-radius: var(--ysc-radius); scroll-margin-top: calc(var(--ysc-header-height) + 24px); }
.ysc-inquiry-panel h2 { font-size: 29px; }
.ysc-form-intro { margin-top: 12px; margin-bottom: 29px; color: var(--ysc-muted); font-size: 16px; }
.ysc-standalone-form { max-width: 890px; }
.ysc-form__fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 23px 20px; }
.ysc-field { min-width: 0; }
.ysc-field--wide { grid-column: 1/-1; }
.ysc-field > label { display: block; margin-bottom: 9px; font-size: 16px; font-weight: 600; }
.ysc-required { color: var(--ysc-danger); }
.ysc-field__optional { margin-left: 8px; color: var(--ysc-muted); font-size: 12px; font-weight: 400; }
.ysc-field input:not([type="checkbox"]),.ysc-field select,.ysc-field textarea { display: block; width: 100%; min-height: 48px; padding: 11px 13px; border: 1px solid var(--ysc-field-border); border-radius: 4px; background: white; color: var(--ysc-text); line-height: 1.6; }
.ysc-field input::placeholder,.ysc-field textarea::placeholder { color: var(--ysc-muted); opacity: 1; }
.ysc-field textarea { resize: vertical; min-height: 150px; }
.ysc-field select { padding-right: 25px; }
.ysc-field input[type="checkbox"] { width: 22px; height: 22px; accent-color: var(--ysc-blue); }
.ysc-field [aria-invalid="true"] { border-color: var(--ysc-danger); }
.ysc-field__help,.ysc-field__error { margin-top: 7px; font-size: 13px; }
.ysc-field__help { color: var(--ysc-muted); }
.ysc-field__error { color: var(--ysc-danger); }
.ysc-form__submit { display: flex; align-items: flex-start; flex-direction: column; gap: 14px; margin-top: 26px; }
.ysc-form__submit > p { font-size: 13px; color: var(--ysc-muted); }
.ysc-feedback { margin-block: 15px 25px; padding: 18px; border: 1px solid var(--ysc-field-border); border-radius: 4px; background: white; font-size: 16px; scroll-margin-top: calc(var(--ysc-header-height) + 24px); }
.ysc-feedback--error { color: var(--ysc-danger); border-color: var(--ysc-danger); background: #fff6f5; }
.ysc-feedback--success { color: var(--ysc-success); border-color: var(--ysc-success); background: #f0faf5; }
.ysc-feedback p { margin-top: 7px; }
@media (max-width: 1199px) {
  .ysc-footer__grid { gap: 38px; }
  .ysc-detail-layout { gap: 40px; grid-template-columns: minmax(0,1fr) 280px; }
  .ysc-detail-hero { gap: 36px; }
  .ysc-contact-layout { gap: 40px; }
  .ysc-inquiry-panel { padding: 28px; }
}
@media (max-width: 1023px) {
  :root { --ysc-header-height: 72px; --ysc-section-space: 66px; }
  .ysc-js .ysc-navigation:not([data-open]) { display: none; }
  .ysc-js .ysc-navigation[data-open] { animation: ysc-menu-in 220ms var(--ysc-motion-ease); }
  .ysc-section-heading h2 { font-size: 29px; }
  .ysc-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ysc-cta__inner { gap: 28px; }
  .ysc-cta h2 { font-size: 27px; }
  .ysc-footer__grid { grid-template-columns: 1.1fr .8fr 1.1fr; gap: 28px; }
  .ysc-footer__phone { font-size: 21px; }
  .ysc-detail-hero__copy h1 { font-size: 29px; }
  .ysc-detail-hero__image { padding: 18px; }
  .ysc-detail-layout { grid-template-columns: minmax(0,1fr); }
  .ysc-detail-aside { position: static; max-width: 600px; }
  .ysc-detail-aside .ysc-button { width: auto; }
  .ysc-contact-layout { grid-template-columns: 1fr; }
  .ysc-contact-info { max-width: 600px; }
  .ysc-inquiry-panel { padding: 36px; }
}
@media (max-width: 767px) {
  :root { --ysc-gutter: 20px; --ysc-section-space: 48px; --ysc-header-height: 70px; }
  body { padding-bottom: calc(76px + env(safe-area-inset-bottom,0px)); }
  .ysc-eyebrow { font-size: 12px; }
  .ysc-section-heading { display: block; margin-bottom: 28px; }
  .ysc-section-heading h2 { font-size: 27px; line-height: 1.5; }
  .ysc-section-description { margin-top: 13px; font-size: 16px; }
  .ysc-section-heading > .ysc-text-link { margin-top: 15px; }
  .ysc-card-grid { grid-template-columns: 1fr; gap: 24px; }
  .ysc-card__media { padding: 22px; aspect-ratio: 1.5; }
  .ysc-card__body { padding: 0 22px 24px; }
  .ysc-card h3 { font-size: 21px; }
  .ysc-card__summary { font-size: 16px; }
  .ysc-cta { padding-block: 43px; }
  .ysc-cta__inner { flex-direction: column; align-items: flex-start; gap: 25px; }
  .ysc-cta h2 { font-size: 27px; }
  .ysc-cta h2 + p { font-size: 16px; }
  .ysc-footer { padding-top: 40px; }
  .ysc-footer__grid { grid-template-columns: 1fr; gap: 28px; }
  .ysc-footer__brand img { width: 102px; height: 65px; }
  .ysc-footer__nav ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 24px; }
  .ysc-footer__nav a { min-height: 44px; }
  .ysc-footer__phone { font-size: 26px; }
  .ysc-footer .ysc-contact-copy { font-size: 16px; }
  .ysc-footer__bottom { display: block; margin-top: 30px; }
  .ysc-footer__bottom a { display: inline-flex; align-items: center; margin-top: 14px; }
  .ysc-mobile-contact { display: flex; position: fixed; z-index: 40; bottom: 0; left: 0; right: 0; gap: 12px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom,0px)); background: white; border-top: 1px solid var(--ysc-border); box-shadow: 0 -4px 18px #112c4608; }
  .ysc-mobile-contact a { display: flex; flex: 1; align-items: center; justify-content: center; gap: 9px; min-height: 46px; border: 1px solid var(--ysc-blue); border-radius: 4px; color: var(--ysc-blue); font-size: 15px; font-weight: 600; }
  .ysc-mobile-contact .ysc-mobile-contact__primary { background: var(--ysc-blue); color: white; }
  .ysc-mobile-contact svg { width: 19px; height: 19px; flex-basis: 19px; }
  .ysc-breadcrumb { gap: 4px 8px; margin-bottom: 20px; font-size: 12px; }
  .ysc-list-section { padding-top: 28px; }
  .ysc-categories { gap: 10px; padding-bottom: 23px; }
  .ysc-categories a { padding: 9px 13px; font-size: 14px; }
  .ysc-list-meta { padding-block: 24px; }
  .ysc-pagination { gap: 5px; margin-top: 35px; font-size: 13px; }
  .ysc-pagination a,.ysc-pagination > span { padding: 8px 11px; }
  .ysc-detail-intro { padding-block: 16px 38px; }
  .ysc-detail-hero { grid-template-columns: 1fr; gap: 28px; }
  .ysc-detail-hero__image { padding: 20px; }
  .ysc-detail-hero__image img { aspect-ratio: 1.35; }
  .ysc-detail-hero__copy h1 { font-size: 29px; margin-block: 13px 17px; }
  .ysc-detail-hero__copy > p:not(.ysc-eyebrow) { font-size: 16px; }
  .ysc-specs { font-size: 16px; }
  .ysc-specs > div { grid-template-columns: 75px 1fr; gap: 12px; }
  .ysc-richtext { font-size: 16px; }
  .ysc-richtext h2,.ysc-article-gallery > h2 { font-size: 24px; }
  .ysc-gallery { grid-template-columns: 1fr; gap: 26px; }
  .ysc-gallery img { aspect-ratio: auto; max-height: 500px; }
  .ysc-detail-aside { padding: 24px; }
  .ysc-related-group + .ysc-related-group { margin-top: 42px; }
  .ysc-adjacent { grid-template-columns: 1fr; gap: 12px; padding-block: 28px; }
  .ysc-factory img { aspect-ratio: 1.65; }
  .ysc-about-content { margin-top: 35px; }
  .ysc-about-content > .ysc-eyebrow { font-size: 13px; letter-spacing: 0; }
  .ysc-contact-layout { gap: 40px; }
  .ysc-contact-info h2 { font-size: 27px; }
  .ysc-contact-info__phone a { font-size: 29px; }
  .ysc-inquiry-panel { padding: 24px 18px; }
  .ysc-inquiry-panel h2 { font-size: 26px; }
  .ysc-form__fields { grid-template-columns: 1fr; gap: 23px; }
  .ysc-form__submit .ysc-button { width: 100%; }
  .ysc-feedback { padding: 14px; }
}
/* Shared interaction motion. Scroll reveals are owned by motion.js, with no hidden CSS state. */
.ysc-button { transition: background var(--ysc-motion),border-color var(--ysc-motion),transform 260ms var(--ysc-motion-ease),box-shadow 260ms ease; }
.ysc-card { transition: border-color var(--ysc-motion),box-shadow 300ms ease,transform 300ms var(--ysc-motion-ease); }
.ysc-card__media img { transition: transform 420ms var(--ysc-motion-ease); }
.ysc-button svg,.ysc-text-link svg,.ysc-card__more svg { transition: transform 260ms var(--ysc-motion-ease); }
.ysc-button:active:not(:disabled) { transform: translateY(1px); }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .ysc-card:hover,.ysc-card:focus-within { transform: translateY(-6px); box-shadow: 0 14px 30px #112c4612; }
  .ysc-button:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 6px 16px #1263b821; }
  .ysc-button:active:not(:disabled) { transform: translateY(1px); }
}
@keyframes ysc-menu-in {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}
@media print {
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .ysc-button:active:not(:disabled) { transform: none; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}

/* Reference reconstruction: site chrome. CTA / footer above retain their original contract. */
.ysc-header { position: sticky; top: 0; z-index: 50; border-top: 2px solid #42bcc9; background: var(--ysc-blue); color: white; transition: box-shadow 250ms, background 250ms; }
.ysc-header[data-scrolled] { background: #1263b8f5; box-shadow: 0 6px 24px #112c4620; backdrop-filter: blur(10px); }
.ysc-header__inner { width: min(1674px,calc(100% - 40px)); margin-inline: auto; min-height: calc(var(--ysc-header-height) - 2px); display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.ysc-header::after { content: ''; position: absolute; inset: auto 0 -1px; height: 2px; background: #79dbe5; transform-origin: left; transform: scaleX(var(--ysc-header-progress,0)); pointer-events: none; }
.ysc-header :focus-visible { outline-color: white; }
.ysc-brand { display: flex; gap: 14px; align-items: center; flex-shrink: 0; }
.ysc-brand img { width: 100px; height: 58px; object-fit: contain; background: white; }
.ysc-brand__tagline { font-size: 20px; font-weight: 650; letter-spacing: .14em; line-height: 1.4; white-space: nowrap; }
.ysc-brand__tagline span { display: block; font-size: 11px; font-weight: 400; letter-spacing: .07em; margin-top: 4px; }
.ysc-navigation { margin-left: auto; }
.ysc-navigation ul { display: flex; padding: 0; list-style: none; }
.ysc-navigation a { position: relative; display: flex; align-items: center; justify-content: center; min-height: calc(var(--ysc-header-height) - 2px); padding-inline: clamp(17px,2vw,30px); font-size: 16px; font-weight: 600; white-space: nowrap; transition: background 180ms; }
.ysc-navigation a:hover,.ysc-navigation a[aria-current] { color: white; background: #ffffff1a; }
.ysc-navigation a::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: white; transform: scaleX(0); transition: transform 250ms var(--ysc-motion-ease); }
.ysc-navigation a:is([aria-current],:hover,:focus-visible)::after { transform: scaleX(1); }
.ysc-header__phone { display: flex; align-items: center; gap: 12px; min-height: 44px; font-size: 16px; white-space: nowrap; }
.ysc-menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid #ffffff66; border-radius: 4px; color: white; background: transparent; align-items: center; justify-content: center; flex-direction: column; gap: 5px; }
.ysc-menu-toggle span { width: 21px; height: 2px; background: currentColor; transition: transform 180ms; }
.ysc-menu-toggle[aria-expanded=true] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.ysc-menu-toggle[aria-expanded=true] span:nth-child(2) { opacity: 0; }
.ysc-menu-toggle[aria-expanded=true] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
@media(max-width:1250px) { .ysc-brand__tagline { display: none; } .ysc-navigation a { padding-inline: 20px; } }
@media(max-width:1023px) {
 .ysc-header__inner { flex-wrap: wrap; gap: 16px; }
 .ysc-js .ysc-menu-toggle { display: flex; }
 .ysc-header__phone { margin-left: auto; }
 .ysc-brand__tagline { display: block; }
 .ysc-navigation { width: 100%; order: 3; }
 .ysc-navigation ul { flex-wrap: wrap; }
 .ysc-navigation a { min-height: 48px; }
 .ysc-js .ysc-navigation { position: absolute; top: 100%; right: 20px; width: min(320px,calc(100% - 40px)); background: white; color: var(--ysc-text); padding: 12px; border-radius: 0 0 6px 6px; box-shadow: 0 12px 28px #112c4629; max-height: calc(100svh - 150px); overflow-y: auto; }
 .ysc-js .ysc-navigation:not([data-open]) { display: none; }
 .ysc-js .ysc-navigation ul { display: block; }
 .ysc-js .ysc-navigation a { min-height: 52px; justify-content: flex-start; }
 .ysc-js .ysc-navigation a:is(:hover,[aria-current]) { color: var(--ysc-blue); background: var(--ysc-tint); }
 .ysc-js .ysc-navigation a::after { display: none; }
 .ysc-js .ysc-navigation :focus-visible { outline-color: var(--ysc-blue); }
 .ysc-js .ysc-navigation[data-open] { animation: ysc-menu-in 220ms var(--ysc-motion-ease); }
}
@media(max-width:560px) { .ysc-header__inner { width: calc(100% - 28px); gap: 12px; } .ysc-brand img { width: 82px; height: 54px; } .ysc-brand__tagline { font-size: 17px; letter-spacing: .08em; } .ysc-brand__tagline span { font-size: 10px; } .ysc-header__phone span { display: none; } .ysc-header__phone { width: 30px; justify-content: center; } }

/* Full-width hero, native two-slide rotation. */
.ysc-banner-slider { position: relative; height: clamp(660px,72vh,720px); background: #e8f1f9; overflow: hidden; }
.ysc-banner-slider__slide { position: absolute; inset: 0; overflow: hidden; animation: ysc-banner-in 750ms ease both; }
.ysc-banner-slider__image { position: absolute; height: 100%; width: 100%; object-fit: cover; }
.ysc-banner-slider__slide--equipment .ysc-banner-slider__image { width: 65%; right: 0; object-fit: contain; object-position: center; mix-blend-mode: multiply; }
.ysc-banner-slider__shade { position: absolute; inset: 0; background: linear-gradient(90deg,#0c3158 0%,#174c77f2 25%,#49779a66 48%,transparent 68%); }
.ysc-banner-slider__slide--photo .ysc-banner-slider__shade { background: linear-gradient(90deg,#0b2c4cec,#0b2c4cba 40%,#0b2c4c30); }
.ysc-banner-slider__copy { position: relative; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; color: white; padding-block: 65px 90px; }
.ysc-banner-slider__copy .ysc-eyebrow { color: #c3e1ff; font-size: 13px; letter-spacing: .17em; }
.ysc-banner-slider__copy h1,.ysc-banner-slider__copy h2 { color: white; font-size: clamp(42px,4vw,62px); line-height: 1.35; margin-block: 23px; font-weight: 650; letter-spacing: .04em; }
.ysc-banner-slider__copy > p:not(.ysc-eyebrow) { max-width: 520px; font-size: 18px; line-height: 1.8; color: #eff7ff; }
.ysc-banner-slider__copy .ysc-actions { margin-top: 35px; }
.ysc-banner-slider__outline { background: transparent; border-color: #ffffff99; color: white; }
.ysc-banner-slider__outline:hover { background: white; color: var(--ysc-blue); border-color: white; }
.ysc-banner-slider__caption { margin-top: 36px; font-size: 13px; color: #c3d4e6; padding-left: 25px; position: relative; }
.ysc-banner-slider__caption::before { content: ''; width: 16px; height: 1px; background: currentColor; position: absolute; left: 0; top: 50%; }
.ysc-banner-slider__controls { position: absolute; bottom: 22px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 0; padding: 0; }
.ysc-banner-slider__controls button { width: 44px; height: 44px; color: white; background: none; border: 0; font-size: 27px; position: relative; }
.ysc-banner-slider__dot::after { content: ''; width: 7px; height: 7px; border-radius: 9px; background: #ffffff99; box-shadow: 0 1px 4px #0b2c4c55; position: absolute; top: 19px; left: 18px; transition: width 250ms,background 250ms; }
.ysc-banner-slider__dot[aria-pressed=true]::after { width: 23px; left: 10px; background: white; }
.ysc-banner-slider :focus-visible { outline-color: white; }
@keyframes ysc-banner-in { from { opacity: .3; transform: scale(1.015); } to { opacity: 1; transform: scale(1); } }
@media(max-width:1023px) { .ysc-banner-slider { height: 590px; } .ysc-banner-slider__copy h1,.ysc-banner-slider__copy h2 { font-size: 44px; } .ysc-banner-slider__copy > p:not(.ysc-eyebrow) { max-width: 380px; font-size: 16px; } .ysc-banner-slider__slide--equipment .ysc-banner-slider__image { width: 68%; right: -10%; } .ysc-banner-slider__shade { background: linear-gradient(90deg,#0c3158,#174c77e6 30%,#49779a33 66%,transparent); } }
@media(max-width:767px) {
 .ysc-banner-slider { height: 620px; }
 .ysc-banner-slider__slide--equipment .ysc-banner-slider__image { width: 100%; height: 49%; right: 0; bottom: 40px; }
 .ysc-banner-slider__shade { background: linear-gradient(180deg,#0c3158 0%,#154b79 40%,#49779a55 65%,transparent 85%); }
 .ysc-banner-slider__copy { justify-content: flex-start; padding-top: 34px; }
 .ysc-banner-slider__copy .ysc-eyebrow { font-size: 10px; letter-spacing: .11em; }
 .ysc-banner-slider__copy h1,.ysc-banner-slider__copy h2 { margin-block: 14px; font-size: 35px; line-height: 1.35; }
 .ysc-banner-slider__copy > p:not(.ysc-eyebrow) { max-width: 330px; font-size: 15px; }
 .ysc-banner-slider__copy .ysc-actions { margin-top: 21px; gap: 10px; }
 .ysc-banner-slider__copy .ysc-button { padding: 10px 13px; gap: 8px; min-height: 44px; font-size: 14px; }
 .ysc-banner-slider__caption { display: none; }
 .ysc-banner-slider__slide--photo .ysc-banner-slider__copy { justify-content: center; padding-block: 50px 80px; }
 .ysc-banner-slider__slide--photo .ysc-banner-slider__shade { background: #0b2c4cbf; }
 .ysc-banner-slider__controls { bottom: 13px; }
}

/* Heading shared only by the new homepage sections. */
.ysc-center-heading { max-width: 850px; margin: 0 auto 42px; text-align: center; }
.ysc-center-heading h2 { color: var(--ysc-blue); font-size: 40px; letter-spacing: .04em; margin-top: 9px; line-height: 1.35; }
.ysc-center-heading > p:not(.ysc-eyebrow) { color: var(--ysc-muted); margin-top: 20px; font-size: 17px; }
.ysc-center-heading > .ysc-button { margin-top: 25px; border-radius: 3px; min-height: 44px; padding: 10px 25px; }
@media(max-width:767px) { .ysc-center-heading { margin-bottom: 30px; } .ysc-center-heading h2 { font-size: 29px; } .ysc-center-heading > p:not(.ysc-eyebrow) { font-size: 16px; margin-top: 15px; } }

/* Equipment carousel: its internal geometry is owned here. */
.ysc-showcase { padding-bottom: 66px; }
.ysc-showcase__categories { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 28px; margin: -17px 0 30px; }
.ysc-showcase__categories a { display: flex; align-items: center; min-height: 44px; font-size: 15px; color: var(--ysc-muted); border-bottom: 1px solid var(--ysc-border); }
.ysc-showcase__categories a:hover { color: var(--ysc-blue); border-color: var(--ysc-blue); }
.ysc-showcase__carousel { --ysc-showcase-step: 305px; --ysc-showcase-card-width: 350px; position: relative; }
.ysc-showcase__track { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.ysc-showcase-card { position: relative; background: white; overflow: hidden; border: 1px solid #d7e2ed; border-radius: 13px; display: flex; flex-direction: column; }
.ysc-showcase-card__image { position: relative; padding: 30px 22px; background: linear-gradient(145deg,#e8f0f7,#f9fbfd); flex: 1; min-height: 270px; }
.ysc-showcase-card__image img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.ysc-showcase-card__number { position: absolute; top: 13px; left: 20px; font-size: 13px; font-weight: 600; color: #6c8298; }
.ysc-showcase-card__body { padding: 24px; background: var(--ysc-blue); color: white; min-height: 200px; }
.ysc-showcase-card__body > p { color: #d0e5fa; font-size: 13px; margin-bottom: 10px; }
.ysc-showcase-card__body h3 { font-size: 22px; color: white; line-height: 1.5; min-height: 66px; }
.ysc-showcase-card__link { display: flex; justify-content: space-between; align-items: center; margin-top: 19px; padding: 10px 16px; background: white; color: var(--ysc-blue); border-radius: 4px; font-size: 15px; }
.ysc-showcase__carousel[data-ready] .ysc-showcase__track { display: block; position: relative; height: 492px; overflow: hidden; }
.ysc-showcase__carousel[data-ready] .ysc-showcase-card { position: absolute; left: 50%; bottom: 6px; width: var(--ysc-showcase-card-width); height: 480px; transform-origin: center bottom; transform: translateX(calc(-50% + var(--ysc-showcase-position)*var(--ysc-showcase-step))); transition: transform 550ms var(--ysc-motion-ease),opacity 400ms; z-index: 3; }
.ysc-showcase__carousel[data-ready] .ysc-showcase-card[data-position="-1"],.ysc-showcase__carousel[data-ready] .ysc-showcase-card[data-position="1"] { transform: translateX(calc(-50% + var(--ysc-showcase-position)*var(--ysc-showcase-step))) scale(.82); z-index: 2; }
.ysc-showcase__carousel[data-ready] .ysc-showcase-card[data-position="-2"],.ysc-showcase__carousel[data-ready] .ysc-showcase-card[data-position="2"] { transform: translateX(calc(-50% + var(--ysc-showcase-position)*var(--ysc-showcase-step))) scale(.68); z-index: 1; }
.ysc-showcase__carousel[data-ready] .ysc-showcase-card[aria-hidden=true] { opacity: 0; pointer-events: none; }
.ysc-showcase-card:not([data-position="0"]):not(:only-child) .ysc-showcase-card__body { background: #163c5f; }
.ysc-showcase-card:focus-visible { outline-offset: -4px; }
.ysc-showcase-card[data-position="0"] { box-shadow: 0 6px 20px #123c5a17; }
.ysc-showcase__arrow { position: absolute; top: 48%; width: 48px; height: 48px; border: none; border-radius: 50%; display: grid; place-items: center; background: var(--ysc-navy); color: white; z-index: 5; box-shadow: 0 5px 18px #112c4630; }
.ysc-showcase__arrow--prev { left: 10px; }
.ysc-showcase__arrow--prev svg { transform: rotate(180deg); }
.ysc-showcase__arrow--next { right: 10px; }
.ysc-showcase__arrow:hover { background: var(--ysc-blue); }
.ysc-showcase__dots { display: flex; justify-content: center; gap: 0; margin-top: 17px; }
.ysc-showcase__dots button { display: grid; place-items: center; width: 44px; height: 44px; background: none; border: 0; }
.ysc-showcase__dots button::after { content: ''; width: 7px; height: 7px; border-radius: 9px; background: #c7d3df; transition: width 200ms; }
.ysc-showcase__dots button[aria-pressed=true]::after { width: 22px; background: var(--ysc-blue); }
@media(max-width:1023px) { .ysc-showcase__carousel { --ysc-showcase-step: 265px; --ysc-showcase-card-width: 320px; } }
@media(max-width:767px) {
 .ysc-showcase { padding-bottom: 40px; }
 .ysc-showcase__carousel { --ysc-showcase-step: 282px; --ysc-showcase-card-width: 278px; }
 .ysc-showcase__carousel[data-ready] .ysc-showcase__track { height: 455px; }
 .ysc-showcase__carousel[data-ready] .ysc-showcase-card { height: 440px; }
 .ysc-showcase-card__image { min-height: 220px; }
 .ysc-showcase-card__body { min-height: 200px; padding: 20px; }
 .ysc-showcase-card__body h3 { font-size: 21px; }
 .ysc-showcase__arrow { width: 44px; height: 44px; top: 40%; }
 .ysc-showcase__arrow--prev { left: -9px; } .ysc-showcase__arrow--next { right: -9px; }
 .ysc-showcase__categories { gap: 3px 15px; margin-bottom: 20px; }
 .ysc-showcase__categories a { font-size: 13px; }
 .ysc-showcase__track { grid-template-columns: 1fr; }
}

/* Company introduction and values. */
.ysc-company { padding: 32px 0 50px; }
.ysc-company__grid { display: grid; grid-template-columns: 1fr 1.05fr; gap: 76px; align-items: center; }
.ysc-company__copy h2 { font-size: 40px; color: var(--ysc-blue); margin: 9px 0 23px; }
.ysc-company__copy > p:not(.ysc-eyebrow) { color: var(--ysc-muted); font-size: 17px; line-height: 1.9; }
.ysc-company__capabilities { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 26px 0; }
.ysc-company__capabilities > div { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 19px 8px; border: 1px solid var(--ysc-border); border-radius: 4px; }
.ysc-company__capabilities svg { width: 33px; height: 33px; color: var(--ysc-blue); }
.ysc-company__capabilities strong { font-size: 15px; font-weight: 500; }
.ysc-company__image img { width: 100%; height: 360px; object-fit: cover; }
.ysc-company__image figcaption { color: var(--ysc-muted); font-size: 13px; margin-top: 12px; }
.ysc-values { position: relative; isolation: isolate; padding-top: 58px; }
.ysc-values::before { content: ''; position: absolute; z-index: -1; inset: 40px 15%; background-image: radial-gradient(#1263b824 .8px,transparent 1px); background-size: 6px 6px; mask-image: radial-gradient(ellipse,black,transparent 68%); }
.ysc-values__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; }
.ysc-values__item { text-align: center; padding-block: 10px; }
.ysc-values__item svg { width: 43px; height: 43px; color: var(--ysc-blue); margin: 0 auto 22px; }
.ysc-values__item h3 { color: var(--ysc-blue); font-size: 27px; }
.ysc-values__item p { margin-top: 12px; color: var(--ysc-muted); font-size: 15px; }
@media(max-width:1023px) { .ysc-company__grid { gap: 35px; } .ysc-company__image img { height: 330px; } }
@media(max-width:767px) { .ysc-company { padding-block: 15px 30px; } .ysc-company__grid { grid-template-columns: 1fr; gap: 28px; } .ysc-company__copy h2 { font-size: 30px; } .ysc-company__copy > p:not(.ysc-eyebrow) { font-size: 16px; } .ysc-company__image img { height: auto; aspect-ratio: 1.65; } .ysc-company__capabilities { gap: 10px; } .ysc-values { padding-top: 30px; } .ysc-values__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 20px; } .ysc-values__item h3 { font-size: 24px; } .ysc-values__item p { font-size: 14px; } }

/* Full-width application panels, accessible through buttons and focus. */
.ysc-applications { position: relative; isolation: isolate; background: var(--ysc-navy); color: white; }
.ysc-applications__background { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ysc-applications::before { content: ''; position: absolute; z-index: -1; inset: 0; background: #071f38a6; }
.ysc-applications__heading { padding: 45px max(40px,calc((100% - 1340px)/2)) 0; }
.ysc-applications__heading .ysc-eyebrow { color: #b8d9f7; }
.ysc-applications__heading h2 { color: white; font-size: 38px; margin: 12px 0; }
.ysc-applications__heading > p:not(.ysc-eyebrow) { color: #e4edf7; max-width: 600px; font-size: 16px; }
.ysc-applications__grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin-top: 35px; }
.ysc-application { position: relative; min-width: 0; border-left: 1px solid #ffffff38; transition: background 300ms,color 300ms; }
.ysc-application:last-child { border-right: 1px solid #ffffff38; }
.ysc-application__toggle { width: 100%; min-height: 235px; color: inherit; background: transparent; border: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 25px 20px; }
.ysc-application__toggle strong { font-size: 23px; font-weight: 600; line-height: 1.5; }
.ysc-application__number { font-size: 54px; color: #c6d4e2; line-height: 1; margin-bottom: 20px; }
.ysc-application__line { width: 1px; height: 65px; background: #d5e0eb; margin-bottom: 23px; }
.ysc-application__prompt { margin-top: 17px; font-size: 13px; font-weight: 400; color: #e2eefb; }
.ysc-application__panel { padding: 0 20px 25px; }
.ysc-application__link { display: block; padding: 14px; background: white; color: var(--ysc-blue); border-radius: 3px; }
.ysc-application__link img { width: 100%; height: 160px; object-fit: contain; }
.ysc-application__link > span { display: flex; align-items: center; justify-content: space-between; gap: 5px; margin-top: 15px; font-size: 14px; }
.ysc-applications[data-ready] .ysc-application { height: 520px; }
.ysc-applications[data-ready] .ysc-application__toggle { position: absolute; inset: 0; height: 100%; transition: color 300ms; justify-content: center; }
.ysc-applications[data-ready] .ysc-application__number,.ysc-applications[data-ready] .ysc-application__line { display: none; }
.ysc-applications[data-ready] .ysc-application__panel { position: absolute; bottom: 0; left: 0; right: 0; }
.ysc-applications[data-ready] .ysc-application[data-active] { color: var(--ysc-blue); background: white; box-shadow: inset 3px 0 #42bcc9,inset -3px 0 #42bcc9; }
.ysc-applications[data-ready] .ysc-application[data-active] .ysc-application__toggle { height: 55%; justify-content: flex-start; }
.ysc-applications[data-ready] .ysc-application[data-active] .ysc-application__number,.ysc-applications[data-ready] .ysc-application[data-active] .ysc-application__line { display: block; }
.ysc-applications[data-ready] .ysc-application[data-active] .ysc-application__toggle strong { font-size: 19px; }
.ysc-applications[data-ready] .ysc-application[data-active] .ysc-application__prompt { display: none; }
.ysc-application__toggle:focus-visible { outline: 3px solid #42bcc9; outline-offset: -6px; }
@media(max-width:1023px) { .ysc-application__toggle { padding-inline: 12px; } .ysc-application__toggle strong { font-size: 19px; } .ysc-application__panel { padding-inline: 12px; } .ysc-application__link { padding-inline: 0; } .ysc-applications__heading h2 { font-size: 33px; } }
@media(max-width:767px) {
 .ysc-applications__heading { padding: 34px 20px 0; }
 .ysc-applications__heading h2 { font-size: 28px; }
 .ysc-applications__grid { display: block; padding: 0 20px 28px; margin-top: 26px; }
 .ysc-application { border: 1px solid #ffffff38; }
 .ysc-application + .ysc-application { border-top: 0; }
 .ysc-applications[data-ready] .ysc-application { height: auto; }
 .ysc-applications[data-ready] .ysc-application__toggle,.ysc-applications[data-ready] .ysc-application[data-active] .ysc-application__toggle { position: relative; min-height: 78px; height: auto; flex-direction: row; justify-content: space-between; text-align: left; padding: 18px; gap: 12px; }
 .ysc-applications[data-ready] .ysc-application__toggle strong { font-size: 18px; }
 .ysc-applications[data-ready] .ysc-application[data-active] .ysc-application__number,.ysc-applications[data-ready] .ysc-application[data-active] .ysc-application__line { display: none; }
 .ysc-application__prompt { margin: 0; font-size: 0; flex-shrink: 0; }
 .ysc-application__prompt::after { content: '+'; font-size: 24px; }
 .ysc-applications[data-ready] .ysc-application__panel { position: static; padding: 0 18px 20px; }
 .ysc-application__link img { height: 180px; }
}

/* Service links and engineering result cards. */
.ysc-processing { padding-block: 30px; background: var(--ysc-tint); border-bottom: 1px solid var(--ysc-border); }
.ysc-processing__inner { display: flex; align-items: center; gap: 40px; }
.ysc-processing h2 { font-size: 23px; margin-top: 3px; }
.ysc-processing ul { display: flex; align-items: center; justify-content: center; flex: 1; gap: 30px; padding: 0; list-style: none; }
.ysc-processing a { display: flex; align-items: center; gap: 10px; min-height: 44px; color: var(--ysc-blue); font-size: 16px; }
.ysc-processing a svg { width: 18px; height: 18px; }
.ysc-processing a:hover { text-decoration: underline; text-underline-offset: 5px; }
.ysc-processing__all { white-space: nowrap; }
.ysc-results__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; }
.ysc-result { min-width: 0; }
.ysc-result__image { border-radius: 7px; overflow: hidden; background: var(--ysc-tint); border: 1px solid var(--ysc-border); aspect-ratio: 1.6; }
.ysc-result__image img { width: 100%; height: 100%; object-fit: contain; transition: transform 450ms var(--ysc-motion-ease); }
.ysc-result h3 { font-size: 18px; margin-top: 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ysc-result h3 svg { color: var(--ysc-blue); width: 18px; height: 18px; }
.ysc-result > p { font-size: 14px; line-height: 1.8; margin-top: 9px; color: var(--ysc-muted); }
.ysc-result:hover h3 { color: var(--ysc-blue); }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .ysc-result:hover img { transform: scale(1.035); } }
@media(max-width:1023px) { .ysc-processing__inner { flex-wrap: wrap; gap: 10px 30px; } .ysc-processing ul { gap: 20px; justify-content: flex-end; } .ysc-processing__all { display: none; } .ysc-results__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; } }
@media(max-width:767px) { .ysc-processing__inner { display: block; } .ysc-processing ul { display: block; margin-top: 14px; } .ysc-processing li + li { border-top: 1px solid var(--ysc-border); } .ysc-processing ul a { justify-content: space-between; padding-block: 13px; } .ysc-results__grid { grid-template-columns: 1fr; gap: 32px; } .ysc-result__image { aspect-ratio: 1.65; } }

/* Internal page banners and the catalog own their layout; shared cards remain separate. */
.ysc-page-banner { position: relative; isolation: isolate; height: 300px; overflow: hidden; background: #e9f0f7; }
.ysc-page-banner__image { position: absolute; right: 0; height: 100%; width: 55%; object-fit: contain; mix-blend-mode: multiply; z-index: -2; }
.ysc-page-banner::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,#e9f0f7 10%,#e9f0f7f0 33%,#e9f0f700 75%); }
.ysc-page-banner__copy { height: 100%; display: flex; flex-direction: column; justify-content: center; }
.ysc-page-banner__title { max-width: 65%; font-size: 40px; color: var(--ysc-blue); font-weight: 650; line-height: 1.4; margin-top: 9px; }
.ysc-page-banner__description { max-width: 53%; font-size: 17px; line-height: 1.85; margin-top: 18px; color: var(--ysc-muted); }
.ysc-page-banner--photo .ysc-page-banner__image { width: 100%; object-fit: cover; object-position: center 48%; mix-blend-mode: normal; }
.ysc-page-banner--photo::after { background: linear-gradient(90deg,#092c4fea,#12385fc9 40%,#12385f33); }
.ysc-page-banner--photo .ysc-page-banner__title { color: white; }
.ysc-page-banner--photo .ysc-eyebrow { color: #c4e3ff; }
.ysc-page-banner--photo .ysc-page-banner__description { color: #eff6fd; }
.ysc-route-breadcrumb { padding-top: 20px; }
.ysc-route-breadcrumb .ysc-breadcrumb { margin-bottom: 0; }
.ysc-list-section { padding-top: 24px; }
.ysc-categories { border: 1px solid var(--ysc-border); border-radius: 4px; padding: 15px; gap: 12px; }
.ysc-categories a { font-size: 15px; min-height: 42px; }
.ysc-catalog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px 30px; }
.ysc-catalog-card { border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.ysc-catalog-card:hover,.ysc-catalog-card:focus-within { transform: none; box-shadow: none; }
.ysc-catalog-card__link { display: flex; flex-direction: column; height: 100%; }
.ysc-catalog-card__link h2 { position: relative; padding-left: 22px; margin-bottom: 18px; font-size: 20px; font-weight: 550; line-height: 1.55; }
.ysc-catalog-card__link h2::before { content: ''; width: 9px; height: 9px; position: absolute; left: 0; top: .6em; background: var(--ysc-blue); }
.ysc-catalog-card__image { aspect-ratio: 1.5; background: #f4f7fa; border-radius: 4px; border: 1px solid var(--ysc-border); overflow: hidden; padding: 20px; }
.ysc-catalog-card__image img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; transition: transform 400ms; }
.ysc-catalog-card__link > p { color: var(--ysc-muted); font-size: 16px; line-height: 1.8; margin-block: 17px; }
.ysc-catalog-card__more { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--ysc-blue); margin-top: auto; padding-bottom: 15px; border-bottom: 1px solid var(--ysc-border); font-size: 14px; }
.ysc-detail-intro { background: linear-gradient(white,#f1f5fa); padding-bottom: 50px; }
.ysc-detail-hero { grid-template-columns: .9fr 1.2fr; gap: 48px; }
.ysc-detail-hero__copy h1 { font-size: 36px; }
.ysc-detail-hero__image { border: 1px solid var(--ysc-border); }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .ysc-catalog-card:hover .ysc-catalog-card__image img { transform: scale(1.04); } }
@media(max-width:1023px) { .ysc-catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .ysc-page-banner__title { font-size: 34px; } .ysc-page-banner__description { font-size: 16px; } .ysc-detail-hero { gap: 30px; } .ysc-detail-hero__copy h1 { font-size: 29px; } }
@media(max-width:767px) {
 .ysc-page-banner { height: 290px; }
 .ysc-page-banner__image { width: 100%; right: -40%; opacity: .32; }
 .ysc-page-banner::after { background: linear-gradient(90deg,#e9f0f7,#e9f0f700); }
 .ysc-page-banner__title { max-width: 100%; font-size: 30px; }
 .ysc-page-banner__description { max-width: 95%; font-size: 16px; margin-top: 12px; }
 .ysc-page-banner--photo .ysc-page-banner__image { right: 0; opacity: 1; }
 .ysc-page-banner--photo::after { background: #0b315bd9; }
 .ysc-route-breadcrumb { padding-top: 13px; }
 .ysc-catalog-grid { grid-template-columns: 1fr; gap: 32px; }
 .ysc-catalog-card__link h2 { margin-bottom: 13px; }
 .ysc-catalog-card__link > p { margin-block: 14px; }
 .ysc-categories { padding: 10px; gap: 8px; }
 .ysc-categories a { font-size: 14px; padding: 8px 10px; }
 .ysc-detail-hero { grid-template-columns: 1fr; }
 .ysc-detail-intro { padding-top: 15px; }
 .ysc-detail-hero__copy h1 { font-size: 28px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { transition: none !important; animation: none !important; } .ysc-header::after { display: none; } }

@media(max-width:767px) { .ysc-values__title-break { display: block; font-size: 0; height: 7px; } }