/* Reference: common/index/sevicep. Rem is the existing site's design unit. */
:root {
 --ui-yellow:#ffdd00; --ui-ink:#1c1f22; --ui-muted:#f6f5f2; --ui-white:#fff;
 --ui-container:1520rem; --ui-section:200rem; --ui-heading-gap:100rem;
 --ui-gap:40rem; --ui-card-padding:40rem; --ui-radius:40rem; --ui-pill:999px;
 --ui-title:64rem; --ui-label:max(16px,20rem); --ui-card-title:max(18px,32rem);
 --ui-body:max(14px,18rem); --ui-small:max(12px,16rem); --ui-feature-title:max(18px,24rem);
 --ui-hero-art-size:560rem; --ui-hero-art-size-tablet:260rem; --ui-hero-art-size-mobile:200px;
 --ui-ease:cubic-bezier(.22,1,.36,1); --ui-motion:300ms;
 --ui-font:Bounded,sans-serif; --ui-body-font:Roboto,sans-serif;
}
@media(max-width:1365px){:root{--ui-section:60rem;--ui-heading-gap:40rem;--ui-gap:24rem;--ui-card-padding:26rem;--ui-radius:20rem;--ui-title:36px;--ui-card-title:22px;--ui-body:16px;--ui-small:14px}}
@media(max-width:600px){:root{--ui-title:26px;--ui-label:18px;--ui-card-title:20px;--ui-section:60px;--ui-gap:20px;--ui-card-padding:24px;--ui-heading-gap:32px}}