/* Standalone companion to /rpaai. Product identity stays red; enquiries use SYS Velocity branding. */
.yss-page { --bg: #f7f6f2; background: var(--bg); font-family: 'Open Sans', Arial, sans-serif; }
.yss-page h1,.yss-page h2,.yss-page h3 { overflow-wrap: break-word; }
.yss-page .button { min-height: 50px; padding: 14px 23px; line-height: 1.5; font-family: inherit; font-size: .875rem; text-align: center; }
.yss-page :focus-visible { outline: 3px solid #b49acb; outline-offset: 5px; }
.skip-link { position: absolute; z-index: 10; top: -100px; left: 20px; padding: 12px; background: white; color: #17222b; }
.skip-link:focus { top: 12px; }
.yss-page .hero-band { padding: 58px 0 36px; }
.yss-page .hero-logo-image.yss-logo {
  width: min(340px, 65vw);
  height: auto;
  max-height: 220px;
  aspect-ratio: 1024 / 662;
  object-fit: contain;
}
.yss-page .hero-inner .hero-kicker-line { max-width: 760px; }
.yss-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 32px; }
.yss-promise { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px 42px; margin-top: 44px; border-top: 1px solid #ffffff25; padding-top: 26px; width: 100%; }
.yss-promise li { color: #fff; font-size: 1rem; }
.yss-promise li::before { content: '✓'; color: #f8435d; margin-right: 12px; }
.yss-section { padding: 88px 0; }
.yss-section h2 { font-size: clamp(2.1rem,3.7vw,3.5rem); line-height: 1.05; margin-bottom: 28px; }
.yss-section h3 { font-size: 1.65rem; line-height: 1.15; }
.yss-label { color: #aa1730; font-size: .8rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 18px; }
.yss-message { display: grid; grid-template-columns: 1.15fr .85fr; gap: 64px; align-items: start; }
.yss-letter > p { margin-top: 18px; }
.yss-letter > .yss-label { margin-top: 0; }
.yss-video { background: #eeece7; border: 1px solid #17222b15; padding: 22px; }
.video-frame { aspect-ratio: 16 / 9; background: #17222b; position: relative; }
.video-frame iframe { width: 100%; height: 100%; border: 0; display: block; }
.video-fallback { display: inline-block; font-size: .85rem; margin: 14px 0 32px; color: #56626f; }
.yss-video h3 { margin-bottom: 24px; }
.yss-checks { display: grid; gap: 18px; }
.yss-checks li { position: relative; padding-left: 26px; }
.yss-checks li::before { content: '✓'; position: absolute; left: 0; color: #cf102d; font-weight: 800; }
.yss-video .button { margin-top: 30px; }
.yss-split { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.yss-split h3 { margin-bottom: 30px; }
.yss-lead { font-size: 1.15rem; line-height: 1.75; margin-bottom: 32px; }
.yss-page .tech-band p,.yss-page .tech-band li { color: #e1e6ea; }
.yss-page .tech-band .yss-label { color: #f69aaa; }
.yss-page .tech-band .yss-checks li::before { color: #f8435d; }
.yss-section-heading { max-width: 880px; margin-bottom: 40px; }
.yss-benefits { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0 28px; }
.yss-benefits article { padding: 26px 0; border-top: 1px solid #17222b25; }
.yss-number { display: block; font-size: .875rem; font-weight: 700; color: #b9102a; letter-spacing: .1em; margin-bottom: 16px; }
.yss-benefits h3 { margin-bottom: 12px; }
.yss-benefits p { font-size: 1rem; }
.yss-course { background: #eae8e3; }
.yss-included { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; margin-bottom: 62px; }
.yss-included li { border-left: 2px solid #cf102d; padding-left: 18px; color: #303e4a; }
.yss-modules-heading { margin-bottom: 30px; }
.yss-modules { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.yss-modules article { padding: 30px; background: #faf9f6; border: 1px solid #17222b12; }
.yss-modules h3 { margin-bottom: 18px; font-size: 1.5rem; }
.yss-modules p { font-size: 1rem; }
.yss-final { text-align: center; }
.yss-final > div { position: relative; z-index: 1; }
.yss-about { display: grid; grid-template-columns: 280px 1fr; gap: 70px; align-items: center; }
.yss-about > img { width: 100%; height: auto; border-radius: 3px; }
.yss-about p + p { margin-top: 18px; }
@media(max-width: 980px) {
 .yss-message,.yss-split { gap: 36px; }
 .yss-benefits,.yss-included,.yss-modules { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .yss-about { gap: 36px; grid-template-columns: 220px 1fr; }
}
@media(max-width: 700px) {
 .yss-section { padding: 56px 0; }
 .yss-message,.yss-split,.yss-about { grid-template-columns: 1fr; }
 .yss-about > img { width: 240px; }
 .yss-modules { grid-template-columns: 1fr; }
 .yss-promise { gap: 12px; flex-direction: column; }
 .yss-included { gap: 22px; }
 .yss-included li,.yss-checks li { font-size: 1rem; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } .hero-band::before,.hero-band::after { animation: none; } }