.rua-sst { --rua-sst-teal:var(--e-global-color-primary,#35837e); --rua-sst-teal-dark:var(--e-global-color-secondary,#2b6965); --rua-sst-amber:var(--e-global-color-accent,#f9b926); color:#303030; font-family:Outfit,Arial,sans-serif; font-size:18px; line-height:1.65; }
.rua-sst * { box-sizing:border-box; }
.rua-sst__container { width:min(1140px,calc(100% - 64px)); margin-inline:auto; }
.rua-sst h1,.rua-sst h2,.rua-sst h3 { font-family:inherit; font-weight:600; line-height:1.12; letter-spacing:-.035em; margin:0 0 24px; }
.rua-sst h1 { font-size:clamp(40px,5vw,70px); color:#fff; }
.rua-sst h2 { color:var(--rua-sst-teal); font-size:clamp(32px,3.6vw,48px); }
.rua-sst h3 { color:var(--rua-sst-teal-dark); font-size:32px; }
.rua-sst p { margin:0 0 24px; }
.rua-sst__hero { padding:100px 0; color:#fff; background:linear-gradient(90deg,rgba(22,64,61,.96),rgba(22,64,61,.65)),url('/rua-sites/sst/hero-1.webp') center/cover; }
.rua-sst__hero p { max-width:620px; }
.rua-sst .rua-sst__eyebrow { font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.13em; margin-bottom:20px; color:var(--rua-sst-teal-dark); }
.rua-sst__hero .rua-sst__eyebrow { color:var(--rua-sst-amber); }
.rua-sst__button { display:inline-block; border:0; border-radius:6px; padding:15px 24px; background:var(--rua-sst-teal-dark); color:#fff; font:600 16px/1.4 Outfit,Arial,sans-serif; cursor:pointer; text-decoration:none; }
.rua-sst__hero .rua-sst__button { background:var(--rua-sst-amber); color:#262826; }
.rua-sst__hero .rua-sst__button:hover { background:#e5a719; color:#262826; }
.rua-sst__button:hover { background:#1a4a47; color:#fff; }
.rua-sst :is(a,button):focus-visible { outline:3px solid var(--rua-sst-amber); outline-offset:5px; }
.rua-sst__intro,.rua-sst__section { padding-block:80px; }
.rua-sst__intro>p { max-width:760px; }
.rua-sst__products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:40px; }
.rua-sst__products a { display:flex; flex-direction:column; gap:20px; color:inherit; padding:28px 0; border-top:2px solid var(--rua-sst-teal-dark); text-decoration:none; }
.rua-sst__products a:hover strong { color:var(--rua-sst-teal-dark); }
.rua-sst__products strong { font-size:27px; line-height:1.2; }
.rua-sst__products span { font-size:14px; }
.rua-sst__products span:last-child { color:var(--rua-sst-teal-dark); }
.rua-sst__section { scroll-margin-top:40px; }
.rua-sst__section--soft { background:#f3f7f6; }
.rua-sst__split { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.rua-sst ul { padding-left:22px; margin:0 0 30px; }
.rua-sst li { padding-left:6px; margin-bottom:10px; }
.rua-sst__highlight { padding:48px; background:#e3efed; border-radius:8px; }
.rua-sst__highlight--dark h3 { color:#fff; }
.rua-sst__highlight--dark { background:var(--rua-sst-teal-dark); color:#fff; }
.rua-sst__number { display:block; font-size:64px; font-weight:600; opacity:.55; margin-bottom:35px; line-height:1; }
.rua-sst__highlight p { margin-bottom:0; }
.rua-sst__image { text-align:center; }
.rua-sst__image img { width:100%; max-width:350px; height:auto; }
.rua-sst__actions { display:flex; flex-wrap:wrap; gap:24px; align-items:center; }
.rua-sst__actions a { color:var(--rua-sst-teal-dark); font-size:16px; text-underline-offset:4px; }
@media(max-width:767px) {
 .rua-sst__container { width:calc(100% - 40px); }
 .rua-sst__hero { padding:64px 0; }
 .rua-sst__intro,.rua-sst__section { padding-block:48px; }
 .rua-sst__products,.rua-sst__split { grid-template-columns:1fr; gap:28px; }
 .rua-sst__products a { gap:12px; padding:22px 0 0; }
 .rua-sst__highlight { padding:30px; }
 .rua-sst__image img { max-width:240px; }
}