/* Shared presentation for all supported site languages. */
.site-modern {
  --rs-ink: #1d1d1f;
  --rs-muted: #626267;
  --rs-page: #fff;
  --rs-soft: #f5f5f7;
  --rs-card: #fff;
  --rs-line: #dedee3;
  --rs-blue: #0066cc;
  --rs-accent: #0071e3;
  --rs-tint: #eaf3fc;
  background: var(--rs-page);
  color: var(--rs-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 17px;
  line-height: 1.55;
  letter-spacing: -.015em;
  padding: 0;
  margin: 0;
  color-scheme: light;
}
html[data-mode="dark"] .site-modern {
  --rs-ink: #f5f5f7;
  --rs-muted: #ababaf;
  --rs-page: #101012;
  --rs-soft: #19191c;
  --rs-card: #232326;
  --rs-line: #3c3c40;
  --rs-blue: #69b2ff;
  --rs-tint: #162335;
  background: var(--rs-page);
  color-scheme: dark;
}
.site-modern *, .site-modern *::before, .site-modern *::after { box-sizing: border-box; }
.site-modern [hidden] { display: none !important; }
.site-modern :is(h1,h2,h3,h4,p,ul,ol,figure) { margin-top: 0; }
.site-modern :is(h1,h2,h3,h4) { color: var(--rs-ink); font-family: inherit; font-weight: 600; letter-spacing: -.045em; text-wrap: balance; }
html:not([lang="en"]) .site-modern :is(h1,h2,h3,h4,h5,h6) { overflow-wrap: anywhere; hyphens: auto; }
.site-modern:is(:lang(ar),:lang(he),:lang(ja),:lang(zh),:lang(ko)), .site-modern:is(:lang(ar),:lang(he),:lang(ja),:lang(zh),:lang(ko)) :is(h1,h2,h3,h4,.rs-eyebrow) { letter-spacing: normal; }
.site-modern p { color: var(--rs-muted); font-size: inherit; line-height: inherit; }
.site-modern a { color: var(--rs-blue); text-decoration: none; }
.site-modern a:hover { text-decoration: underline; text-underline-offset: .22em; }
.site-modern :focus-visible { outline: 3px solid var(--rs-blue); outline-offset: 5px; }
.site-modern button, .site-modern select, .site-modern input { font: inherit; }
.site-modern button, .site-modern summary { -webkit-tap-highlight-color: transparent; }
.site-modern img { max-width: 100%; height: auto; }
.site-modern main { min-height: 65vh; }
.site-modern :is([id], a[name]) { scroll-margin-top: 116px; }
.rs-shell { width: min(1200px, calc(100% - 80px)); margin-inline: auto; }
.rs-section { padding-block: 100px; }
.rs-section--soft { background: var(--rs-soft); }
.rs-section--end { padding-bottom: 100px; }
.rs-eyebrow { font-size: 12px !important; font-weight: 650; letter-spacing: .11em; text-transform: uppercase; margin-bottom: 20px; color: var(--rs-muted); }
.rs-visually-hidden, .rs-skip:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.rs-skip:focus { position: fixed; z-index: 1000; top: 10px; inset-inline-start: 10px; padding: 12px 24px; background: var(--rs-card); border-radius: 10px; }
.rs-header { position: sticky; top: 0; z-index: 100; background: color-mix(in srgb, var(--rs-page) 88%, transparent); backdrop-filter: saturate(160%) blur(20px); -webkit-backdrop-filter: saturate(160%) blur(20px); border-bottom: 1px solid color-mix(in srgb, var(--rs-line) 60%, transparent); }
.rs-header__inner { height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-modern .rs-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--rs-ink); font-size: 15px; font-weight: 650; letter-spacing: -.025em; white-space: nowrap; text-decoration: none; }
.rs-brand img { border-radius: 8px; width: 30px; height: 30px; }
.rs-nav { display: flex; align-items: center; gap: 32px; }
.rs-nav a { color: var(--rs-ink); font-size: 13px; padding: 12px 0; }
.rs-nav a[aria-current] { color: var(--rs-blue); }
.rs-nav .rs-nav__download { background: var(--rs-ink); color: var(--rs-page); padding: 8px 17px; border-radius: 22px; font-size: 12px; }
.rs-nav__download span { margin-inline-start: 12px; }
.rs-menu-toggle { align-items: center; gap: 8px; border: 0; background: none; color: var(--rs-ink); padding-block: 10px; padding-inline: 10px 0; font-size: 13px !important; cursor: pointer; }
.rs-menu-toggle svg { stroke: currentColor; stroke-width: 1.5; fill: none; }
.rs-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.site-modern .rs-button { display: inline-flex; justify-content: center; align-items: center; gap: 20px; min-height: 48px; padding: 12px 24px; background: #0071e3; color: #fff; border-radius: 30px; font-size: 15px; font-weight: 500; line-height: 1.4; border: 1px solid transparent; text-decoration: none; transition: background .2s, transform .2s, box-shadow .2s; }
.site-modern .rs-button:hover { background: #0077ed; transform: translateY(-2px); box-shadow: 0 6px 20px #0071e326; }
.site-modern .rs-button--secondary { background: transparent; border-color: var(--rs-line); color: var(--rs-blue); }
.site-modern .rs-button--small { min-height: 34px; padding: 6px 16px; font-size: 12px; gap: 10px; }
.site-modern .rs-text-link { display: inline-flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 500; padding-block: 10px; }
.rs-home-hero { padding-top: 76px; text-align: center; }
.rs-home-hero h1 { font-size: clamp(56px, 7vw, 94px); line-height: 1.02; margin-bottom: 25px; letter-spacing: -.065em; }
.site-modern:is(:lang(ja),:lang(ko)) .rs-home-hero h1 { font-size: clamp(34px,6vw,76px); word-break: keep-all; }
.site-modern:lang(ko) { word-break: keep-all; }
.rs-home-hero h1 span, .rs-page-intro h1 span { color: #6b6b73; }
html[data-mode="dark"] .rs-home-hero h1 span, html[data-mode="dark"] .rs-page-intro h1 span { color: #a8a8b0; }
.rs-home-hero__intro { font-size: 20px !important; line-height: 1.5; margin-bottom: 28px; }
.rs-home-hero .rs-actions { justify-content: center; }
.rs-home-hero > .rs-visual { margin-top: 54px; height: 510px; }
.rs-home-hero__caption { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 24px 0 42px; text-align: start; font-size: 13px; color: var(--rs-muted); }
.rs-home-hero__caption a { font-weight: 500; }
.rs-press { padding-block: 24px 64px; }
.rs-press__heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.rs-press__heading h2 { font-size: 28px; margin-bottom: 0; }
.rs-press__logos { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 16px; }
.rs-press__logo { display: flex; align-items: center; justify-content: center; min-height: 96px; padding: 24px 20px; border: 1px solid var(--rs-line); border-radius: 18px; transition: background .2s, transform .2s; }
.rs-press__logo:hover { background: var(--rs-soft); transform: translateY(-2px); }
.rs-press__logo img { width: 180px; height: 48px; object-fit: contain; filter: grayscale(1); }
html[data-mode="dark"] .rs-press__logo img { filter: grayscale(1) invert(1) brightness(1.7); }
.rs-press__more { margin-top: 24px; }
.rs-press__more summary { display: flex; align-items: center; gap: 12px; width: fit-content; min-height: 44px; color: var(--rs-blue); font-size: 14px; cursor: pointer; list-style: none; }
.rs-press__more summary::-webkit-details-marker { display: none; }
.rs-press__more summary > span { font-size: 22px; line-height: 1; transition: transform .2s; }
.rs-press__more[open] summary > span { transform: rotate(45deg); }
.site-modern .rs-press__more ul { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px 28px; padding: 16px 0 0; margin: 0; list-style: none; }
.rs-press__more li a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding-block: 10px; border-bottom: 1px solid var(--rs-line); font-size: 14px; }
@media (max-width: 1050px) { .rs-press__logos { grid-template-columns: repeat(3,minmax(0,1fr)); }.site-modern .rs-press__more ul { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 760px) { .rs-press { padding-block: 12px 44px; }.rs-press__heading { gap: 16px; }.rs-press__heading h2 { font-size: 25px; }.rs-press__heading .rs-text-link { font-size: 13px; gap: 8px; }.rs-press__logos { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.rs-press__logo { min-height: 84px; padding: 18px; }.rs-press__logo img { height: 42px; }.site-modern .rs-press__more ul { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px 20px; } }
.rs-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 42px; }
.rs-section-heading h2 { font-size: clamp(32px, 4vw, 48px); line-height: 1.12; margin-bottom: 0; }
.rs-section-heading .rs-eyebrow { margin-bottom: 14px; }
.rs-section-heading > a { flex-shrink: 0; }
.rs-product-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.rs-product-card { display: flex; flex-direction: column; padding: 38px; border-radius: 26px; background: var(--rs-card); border: 1px solid color-mix(in srgb, var(--rs-line) 45%, transparent); transition: transform .3s ease, box-shadow .3s ease; }
.rs-product-card:hover { transform: translateY(-5px); box-shadow: 0 18px 46px #0000000a; }
.rs-product-card__top { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 32px; }
.rs-product-card__top img { width: 72px; height: 72px; border-radius: 22%; box-shadow: 0 6px 15px #00000013; }
.rs-product-card__top > span { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--rs-muted); }
.rs-product-card h3 { font-size: 27px; line-height: 1.15; margin-bottom: 15px; }
.rs-product-card h3 a { color: var(--rs-ink); }
.rs-product-card p { max-width: 33em; margin-bottom: 24px; }
.rs-product-card__platforms { font-size: 12px; color: var(--rs-muted); margin-top: auto; padding-bottom: 10px; }
.rs-product-card .rs-text-link { align-self: flex-start; }
.rs-feature-story { display: grid; grid-template-columns: 1fr 1.1fr; align-items: center; overflow: hidden; min-height: 580px; }
.rs-feature-story > div:first-child { padding-block: 64px; padding-inline: 56px 0; position: relative; z-index: 1; }
.rs-feature-story h2, .rs-values h2 { font-size: clamp(34px, 4.5vw, 54px); line-height: 1.05; }
.rs-feature-story p { max-width: 26em; }
.rs-feature-story .rs-text-link { display: flex; margin-top: 12px; }
.rs-values { padding-top: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; }
.rs-values p { max-width: 33em; }
.rs-values__cards { display: grid; gap: 32px; }
.rs-values__cards article { border-bottom: 1px solid var(--rs-line); padding-bottom: 16px; }
.rs-values__cards h3 { font-size: 23px; margin: 12px 0; }
.rs-icon { color: var(--rs-blue); }
.rs-preferred { border-block: 1px solid var(--rs-line); padding: 40px 0; display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.rs-preferred h2 { font-size: 27px; margin-bottom: 10px; }
.rs-preferred p { font-size: 15px; max-width: 36em; margin-bottom: 0; }
.rs-preferred .rs-eyebrow { margin-bottom: 12px; }
.site-modern .rs-source-button { color: var(--rs-ink); flex-shrink: 0; display: flex; align-items: center; gap: 16px; padding: 14px 20px; border: 1px solid var(--rs-line); border-radius: 14px; font-size: 14px; font-weight: 550; text-decoration: none; background: var(--rs-card); transition: box-shadow .2s; }
.rs-source-button:hover { box-shadow: 0 4px 18px #00000010; }
.rs-source-mark { font-size: 27px; font-weight: 700; color: #4285f4; }
.rs-source-button__caption { display: block; font-size: 10px; color: var(--rs-muted); font-weight: 400; margin-top: 3px; }
.rs-footer { background: var(--rs-soft); padding: 52px 0 22px; font-size: 12px; }
.rs-footer__top { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--rs-line); padding-bottom: 28px; margin-bottom: 32px; gap: 20px; }
.rs-footer__top p { margin: 0; font-size: 13px; }
.rs-footer__grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 28px; }
.rs-footer__grid h2 { font-size: 12px; font-weight: 650; letter-spacing: 0; margin-bottom: 13px; }
.rs-footer__grid a { display: block; color: var(--rs-muted); padding-block: 5px; }
.rs-footer__bottom { margin-top: 36px; padding-top: 22px; border-top: 1px solid var(--rs-line); display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.rs-footer__bottom p { margin: 0; font-size: 11px; }
.rs-footer__bottom > div { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.rs-footer__bottom a { color: var(--rs-muted); }
.rs-theme-toggle, .rs-language select { border: 0; background: transparent; color: var(--rs-muted); padding: 8px 0; font-size: 11px !important; cursor: pointer; }
.rs-theme-toggle span { margin-inline-start: 5px; color: var(--rs-ink); }
[dir="rtl"] :is(.rs-button,.rs-text-link,.rs-toc__help,.rs-source-button,.rs-home-hero__caption a,.rs-press__more li a,.rs-quick-links a,.rs-hub-card a) > span[aria-hidden="true"] { display: inline-block; transform: scaleX(-1); }
.rs-page-intro { padding: 80px 0 50px; }
.rs-page-intro h1 { font-size: clamp(46px, 6.3vw, 78px); line-height: 1.04; max-width: 13em; }
.site-modern:is(:lang(ja),:lang(ko)) .rs-page-intro h1 { font-size: clamp(34px,6vw,72px); word-break: keep-all; }
.rs-page-intro > p:not(.rs-eyebrow) { max-width: 32em; font-size: 21px; }
.rs-catalog { padding-bottom: 88px; }
.rs-catalog .rs-product-card { background: var(--rs-soft); border: 0; }
.rs-product-grid--catalog { grid-template-columns: repeat(3,minmax(0,1fr)); }
.rs-product-grid--catalog .rs-product-card { padding: 30px; }
.rs-product-grid--catalog .rs-product-card__top { flex-direction: column; align-items: flex-start; gap: 24px; }
.rs-product-grid--catalog h3 { font-size: 24px; }
.rs-filters { display: flex; flex-wrap: wrap; gap: 10px; padding-bottom: 32px; }
.rs-filters button { border: 1px solid var(--rs-line); border-radius: 30px; padding: 10px 19px; background: var(--rs-page); color: var(--rs-ink); font-size: 13px; cursor: pointer; }
.rs-filters button[aria-pressed="true"] { color: var(--rs-page); background: var(--rs-ink); border-color: var(--rs-ink); }
.rs-helper-banner { margin-top: 50px; padding: 40px; border: 1px solid var(--rs-line); border-radius: 26px; display: flex; align-items: center; gap: 28px; }
.rs-helper-banner > img { border-radius: 22%; flex-shrink: 0; }
.rs-helper-banner > div { flex: 1; }
.rs-helper-banner h2 { font-size: 28px; margin-bottom: 10px; }
.rs-helper-banner p { font-size: 15px; margin-bottom: 0; }
.rs-helper-banner .rs-eyebrow { margin-bottom: 8px; }
.rs-helper-banner .rs-button { flex-shrink: 0; }
.rs-product-nav { border-bottom: 1px solid var(--rs-line); }
.rs-product-nav > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 60px; }
.rs-product-nav > div > a { color: var(--rs-ink); font-size: 15px; font-weight: 600; }
.rs-product-nav > div > div { display: flex; align-items: center; gap: 24px; font-size: 12px; }
.rs-product-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: center; padding-block: 80px; }
.rs-app-icon { border-radius: 22%; box-shadow: 0 8px 24px #00000015; margin-bottom: 26px; }
.rs-product-hero .rs-eyebrow { font-size: 13px !important; text-transform: none; letter-spacing: -.01em; color: var(--rs-ink); margin-bottom: 15px; }
.rs-product-hero h1 { font-size: clamp(40px,4.4vw,62px); line-height: 1.07; margin-bottom: 28px; }
.rs-product-name { display: block; font-size: 13px; line-height: 1.5; letter-spacing: -.01em; font-weight: 500; margin-bottom: 15px; }
.rs-product-hero__summary { font-size: 19px !important; max-width: 28em; margin-bottom: 28px; }
.site-modern .rs-product-hero__platforms { font-size: 12px !important; margin-top: 24px; margin-bottom: 0; }
.rs-product-hero .rs-visual { height: 530px; }
.rs-feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 64px; }
.rs-feature-grid h2 { font-size: 27px; line-height: 1.15; margin: 20px 0 15px; }
.rs-feature-grid p { font-size: 16px; margin-bottom: 0; }
.rs-editions { border: 1px solid var(--rs-line); border-radius: 24px; padding: 36px 40px; display: flex; align-items: center; gap: 48px; margin-bottom: 60px; }
.rs-editions h2 { font-size: 28px; }
.rs-editions p { font-size: 15px; margin-bottom: 0; }
.rs-editions .rs-eyebrow { margin-bottom: 8px; }
.rs-editions .rs-button { flex-shrink: 0; }
.rs-product-help { padding-block: 60px 90px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-top: 1px solid var(--rs-line); }
.rs-product-help h2 { font-size: 32px; }
.rs-product-help p { margin-bottom: 0; }
.rs-product-help .rs-eyebrow { margin-bottom: 14px; }
/* Product visuals use original screenshots and lightweight, responsive HTML/CSS. */
.rs-window-dots { direction: ltr; }
.rs-visual { position: relative; height: 450px; isolation: isolate; overflow: hidden; }
.rs-visual__halo { position: absolute; z-index: -1; inset: 12%; border-radius: 50%; background: radial-gradient(ellipse, #c7d9ef 0%, #e9f0f900 70%); }
.rs-accent-violet .rs-visual__halo { background: radial-gradient(ellipse, #d7c8fa, #e9f0f900 70%); }
.rs-accent-mint .rs-visual__halo { background: radial-gradient(ellipse, #b9e9d8, #e9f0f900 70%); }
.rs-accent-rose .rs-visual__halo { background: radial-gradient(ellipse, #f3cbd2, #e9f0f900 70%); }
.rs-visual:is(.rs-visual--remote, .rs-visual--tv) > .rs-visual__halo { display: none; }
/* Device photography and original app screenshots are separate responsive layers. */
.rs-visual__computer, .rs-visual__television { position: absolute; filter: drop-shadow(0 18px 20px #1b243a20); }
.rs-visual__computer img, .rs-visual__television img { display: block; width: 100%; height: auto; }
.rs-visual__computer { width: 70%; max-width: 700px; left: 9%; top: 5%; }
.rs-visual__phone { position: absolute; width: 23%; height: auto; right: 14%; bottom: 3%; filter: drop-shadow(0 20px 25px #1b243a30); transform: rotate(6deg); }
.rs-visual__pill { position: absolute; bottom: 10%; left: 11%; border-radius: 30px; background: #ffffffdb; border: 1px solid #ffffff; padding: 9px 18px; font-size: 12px; color: #424854; backdrop-filter: blur(10px); box-shadow: 0 10px 25px #2936490a; }
.rs-product-hero .rs-visual__computer { width: 94%; left: 0; top: 16%; }
.rs-product-hero .rs-visual__phone { width: 30%; right: 3%; bottom: 9%; }
.rs-product-hero .rs-visual__pill { bottom: 10%; left: 5%; font-size: 11px; }
.rs-visual__television { width: 91%; left: 1%; top: 9%; }
.rs-tv-phone { position: absolute; width: 28%; aspect-ratio: 1470 / 3000; right: 5%; bottom: 8%; transform: rotate(5deg); filter: drop-shadow(0 18px 20px #1b243a30); direction: ltr; }
/* Frameit iPhone 17 Pro Max: 1320 × 2868 screen at (75, 66) in a 1470 × 3000 frame. */
.rs-tv-phone__screen { position: absolute; left: 5.102041%; top: 2.2%; width: 89.795918%; height: 95.6%; border-radius: 11% / 5.062762%; }
.rs-tv-phone__frame { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.rs-product-hero .rs-visual__television { top: 13%; }
.rs-product-hero .rs-tv-phone { width: 30%; bottom: 10%; }
.rs-app-screenshot { position: absolute; height: 92%; aspect-ratio: 1470 / 3000; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(3deg); filter: drop-shadow(0 16px 18px #1b243a26); direction: ltr; }
.rs-app-screenshot__screen { position: absolute; left: 5.102041%; top: 2.2%; width: 89.795918%; height: 95.6%; border-radius: 11% / 5.062762%; }
.rs-app-screenshot__frame { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
/* Original Frameit apertures: iPhone 14 (152, 217, 1290, 2796), iPhone 13 (201, 202, 1284, 2778). */
.rs-app-screenshot--iphone-14-pro-max-space-black { aspect-ratio: 1595 / 3230; }
.rs-app-screenshot--iphone-14-pro-max-space-black .rs-app-screenshot__screen { left: 9.529781%; top: 6.718266%; width: 80.877743%; height: 86.563467%; border-radius: 12% / 5.536481%; }
.rs-app-screenshot--iphone-13-pro-max-graphite { aspect-ratio: 1684 / 3178; }
.rs-app-screenshot--iphone-13-pro-max-graphite .rs-app-screenshot__screen { left: 11.935867%; top: 6.356199%; width: 76.247031%; height: 87.413468%; border-radius: 11% / 5.084233%; }
.rs-art-label { font-size: 17px; font-weight: 600; letter-spacing: -.03em; }
.rs-strings-art { position: absolute; inset: 50% 5% auto; padding: 30px; background: #fbfaff; color: #34324c; border: 1px solid #dedce9; border-radius: 20px; box-shadow: 5px 10px 0 #cfccdf,15px 22px 40px #30224820; transform: translateY(-50%) perspective(1000px) rotateY(-10deg) rotateZ(3deg); }
.rs-window-dots { display: flex; gap: 6px; margin-bottom: 22px; }.rs-window-dots i { width: 8px; height: 8px; border-radius: 50%; background: #d6d1e6; }
.rs-strings-art > div:not(.rs-window-dots) { display: grid; gap: 5px; margin-top: 20px; }.rs-strings-art > div > span { font-size: 30px; line-height: 1.15; font-weight: 500; color: #736294; }.rs-strings-art small { display: block; margin-top: 20px; font-size: 11px; color: #746e87; }
/* Documentation keeps its original URLs and content, with a shared reading layout. */
.rs-article-intro { padding-block: 34px 55px; }
.rs-breadcrumbs { display: flex; gap: 10px; flex-wrap: wrap; font-size: 11px; color: var(--rs-muted); margin-bottom: 55px; }
.rs-breadcrumbs a { color: var(--rs-muted); }
.rs-article-intro h1 { font-size: clamp(34px,4.5vw,58px); line-height: 1.1; max-width: 18em; margin-bottom: 22px; }
.rs-article-intro__summary { font-size: 20px !important; max-width: 41em; margin-bottom: 20px; }
.rs-quick-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.rs-quick-links a { border: 1px solid var(--rs-line); border-radius: 22px; padding: 8px 15px; font-size: 12px; }
.rs-quick-links span { margin-inline-start: 8px; }
.rs-article-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 64px; align-items: start; padding-bottom: 80px; }
.rs-article-layout:has(.rs-toc[hidden]) { grid-template-columns: minmax(0, 820px); justify-content: center; }
.rs-toc { position: sticky; top: 96px; max-height: calc(100vh - 128px); overflow-y: auto; padding-block: 6px 8px; padding-inline: 0 8px; scrollbar-width: thin; }
.rs-toc p { font-size: 12px; color: var(--rs-ink); font-weight: 600; margin-bottom: 12px; }
.rs-toc nav { display: grid; border-inline-start: 1px solid var(--rs-line); }
.rs-toc nav a { padding-block: 7px; padding-inline: 16px 0; color: var(--rs-muted); font-size: 12px; line-height: 1.4; }
.rs-toc nav a:hover, .rs-toc nav a[aria-current="location"] { color: var(--rs-blue); }
.rs-toc nav a[aria-current="location"] { font-weight: 700; }
.rs-toc .rs-toc__help { display: inline-block; font-size: 12px; margin-top: 24px; }
.site-modern .rs-prose { min-width: 0; font-size: 17px; line-height: 1.75; overflow-wrap: break-word; color: var(--rs-ink); }
.site-modern .rs-prose > :first-child { margin-top: 0; }
.site-modern .rs-prose h2 { font-size: 29px; line-height: 1.2; margin: 52px 0 20px; letter-spacing: -.035em; }
.site-modern .rs-prose h3 { font-size: 22px; line-height: 1.3; margin: 32px 0 14px; letter-spacing: -.025em; }
.site-modern .rs-prose p { font-size: 17px; margin-bottom: 20px; color: var(--rs-muted); }
.site-modern .rs-prose li { margin-inline: 20px 0; margin-bottom: 8px; color: var(--rs-muted); font-size: 16px; }
.site-modern .rs-prose :is(ul,ol) { padding-inline: 23px 0; margin-bottom: 26px; }
.site-modern .rs-prose a { text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; }
.site-modern .rs-prose strong { color: var(--rs-ink); font-weight: 600; }
.site-modern .rs-prose blockquote { border: 0; border-inline-start: 3px solid var(--rs-blue); margin: 28px 0; padding: 18px 24px; background: var(--rs-soft); border-radius: 0; border-start-end-radius: 14px; border-end-end-radius: 14px; }
.site-modern .rs-prose blockquote p:last-child { margin-bottom: 0; }
.site-modern .rs-prose > p > img { max-height: 580px; object-fit: contain; display: block; margin: 32px auto; border-radius: 16px; }
.site-modern .rs-prose .container { max-width: 100%; padding: 0; }
.site-modern .rs-prose table { border-collapse: separate; border-spacing: 0; width: 100%; margin: 0; font-size: 14px; border: 0; }
.site-modern .rs-prose th { background: var(--rs-soft); color: var(--rs-ink); font-size: 12px; font-weight: 600; text-align: start; }
.site-modern .rs-prose :is(th,td) { padding: 15px 18px; border: 0; border-bottom: 1px solid var(--rs-line); vertical-align: top; color: var(--rs-muted); }
.site-modern .rs-prose tr:last-child td { border-bottom: 0; }
.rs-table-scroll { overflow-x: auto; border: 1px solid var(--rs-line); border-radius: 16px; margin: 24px 0 32px; -webkit-overflow-scrolling: touch; }
.rs-table-scroll table { min-width: min(580px, 100%); }
.site-modern .rs-prose.content .rs-table-scroll > table { display: table; overflow: visible; width: 100%; max-width: none; margin: 0; border: 0; border-radius: 0; box-shadow: none; }
.rs-table-scroll:has(img) { border: 0; }.site-modern .rs-prose td img { max-height: 450px; width: auto; object-fit: contain; }
.site-modern .rs-prose pre { background: var(--rs-soft); border: 1px solid var(--rs-line); border-radius: 14px; padding: 20px; max-width: 100%; overflow-x: auto; }
.site-modern :is(pre,code,kbd,samp) { direction: ltr; unicode-bidi: isolate; text-align: left; }
.site-modern .rs-prose .language-text :is(pre,code) { direction: inherit; unicode-bidi: plaintext; text-align: start; white-space: pre-wrap; overflow-wrap: anywhere; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 15px; line-height: 1.65; letter-spacing: normal; }
html[data-mode="dark"] .site-modern .highlight :is(.nt,.o,.kn,.ow,.gd) { color: #ff76a2; }
.site-modern .rs-prose code { color: var(--rs-ink); font-size: .86em; }
.site-modern .rs-prose .remote-guide-shot { margin: 32px auto; }.site-modern .rs-prose .image-carousel { margin-block: 32px; }
.rs-faq { margin-top: 48px; border-top: 1px solid var(--rs-line); }
.rs-faq details { border-bottom: 1px solid var(--rs-line); padding: 18px 0; }
.rs-faq summary { font-size: 17px; font-weight: 550; cursor: pointer; color: var(--rs-ink); list-style: none; position: relative; padding-inline-end: 32px; }
.rs-faq summary::-webkit-details-marker { display: none; }.rs-faq summary::after { content: "+"; position: absolute; inset-inline-end: 5px; font-size: 22px; line-height: 1.3; color: var(--rs-muted); }.rs-faq details[open] summary::after { content: "−"; }
.site-modern .rs-faq p { margin-block: 15px 0; margin-inline: 0 32px; font-size: 16px; }
.rs-article-help { padding-block: 38px 65px; border-top: 1px solid var(--rs-line); display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.rs-article-help h2 { font-size: 25px; margin-bottom: 12px; }.rs-article-help p { font-size: 15px; margin: 0; }
.site-modern .helper-download { padding-top: 65px; }.site-modern .helper-download__intro h1 { font-family: inherit; }.site-modern .helper-download .container { max-width: 1160px; }
.site-modern a.helper-download__button, .site-modern a.helper-download__button:hover { color: #fff; }
.site-modern .helper-apps__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.site-modern .rs-prose a.button-primary, .site-modern .rs-prose a.button-dark { color: #fff; text-decoration: none; }
.rs-home-hero .rs-visual__phone { width: 19.5%; }
.site-modern .rs-prose #quick-answer + p { background: var(--rs-soft); padding: 24px; border-radius: 18px; color: var(--rs-ink); }
/* Guide graphics keep their labels in HTML for translation and accessibility. */
.site-modern .rs-guide-visual { margin: 32px 0; }
.rs-guide-visual__image { display: block; width: fit-content; max-width: 100%; margin-inline: auto; }
.site-modern .rs-guide-visual__image img { display: block; width: auto; max-width: 100%; height: auto; max-height: 540px; margin: 0; object-fit: contain; border-radius: 12px; }
.rs-guide-visual--phone .rs-guide-visual__image img { max-height: 460px; border-radius: 22px; }
.rs-guide-visual--watch .rs-guide-visual__image img { max-height: 290px; border-radius: 32px; }
.rs-guide-visual--compact .rs-guide-visual__image img { max-height: 340px; }
.site-modern .rs-guide-visual figcaption { max-width: 65ch; margin: 16px auto 0; font-size: 14px; line-height: 1.6; color: var(--rs-muted); text-align: start; }
.site-modern .rs-guide-visual .rs-guide-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; padding: 0; margin: 0; list-style: none; }
.site-modern .rs-guide-steps:has(> :nth-child(4)) { grid-template-columns: repeat(2,minmax(0,1fr)); }
.site-modern .rs-guide-steps > li { position: relative; margin: 0; padding: 24px 20px; border: 1px solid var(--rs-line); border-radius: 16px; min-width: 0; }
.rs-guide-step__number { position: absolute; inset-block-start: 22px; inset-inline-end: 18px; color: var(--rs-muted); font-size: 13px; }
.rs-guide-steps .rs-icon { display: block; margin-bottom: 22px; }
.site-modern .rs-guide-steps strong { display: block; font-size: 17px; line-height: 1.35; }
.site-modern .rs-guide-steps p { margin: 12px 0 0; font-size: 14px; line-height: 1.6; }
.rs-guide-routes { display: grid; gap: 16px; }
.rs-guide-routes > div { border: 1px solid var(--rs-line); border-radius: 16px; padding: 24px; }
.site-modern .rs-guide-route { display: grid; grid-template-columns: 1fr auto 1fr; gap: 16px; align-items: center; margin-block: 18px; }
.rs-guide-route > span:not([aria-hidden]) { padding: 16px; border-radius: 12px; background: var(--rs-soft); color: var(--rs-ink); text-align: center; }
[dir="rtl"] .rs-guide-route > span[aria-hidden] { transform: scaleX(-1); }
.site-modern .rs-guide-routes > div > p:last-child { margin-bottom: 0; font-size: 14px; }
.rs-guide-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 24px; }
.site-modern .rs-guide-pair .rs-guide-visual { margin-top: 12px; }
.rs-tv-brands { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-block: 24px; }
.site-modern .rs-tv-brands a { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 20px 12px; border: 1px solid var(--rs-line); border-radius: 14px; text-align: center; font-size: 14px; line-height: 1.35; text-decoration: none; color: var(--rs-ink); }
.rs-tv-brands a:is(:hover,[aria-current="true"]) { background: var(--rs-soft); border-color: var(--rs-blue); }
.rs-tv-panel { padding: 28px; border: 1px solid var(--rs-line); border-radius: 20px; margin-block: 24px; scroll-margin-top: 100px; }
.rs-tv-panel__heading { display: flex; justify-content: space-between; align-items: start; gap: 20px; }
.site-modern .rs-tv-panel__heading h3 { margin-top: 0; }
.rs-tv-panel__heading > a { flex-shrink: 0; font-size: 14px; padding-block: 8px; }
.rs-tv-features { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 28px; margin-block: 8px 24px; }
.rs-tv-features > div { padding-block: 16px; border-bottom: 1px solid var(--rs-line); }
.rs-tv-features > div:first-child { grid-column: 1/-1; }
.rs-tv-features dt { font-size: 14px; font-weight: 600; }
.rs-tv-features dd { color: var(--rs-muted); font-size: 14px; line-height: 1.6; margin: 6px 0 0; }
.site-modern .rs-tv-panel > p:last-child { font-size: 14px; margin-bottom: 0; }
.rs-reference-details { border-block: 1px solid var(--rs-line); margin-block: 28px; padding-block: 18px; }
.rs-reference-details > summary { cursor: pointer; font-weight: 600; padding-block: 8px; }
.rs-app-choice { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin-block: 28px; }
.rs-app-choice article { min-width: 0; border: 1px solid var(--rs-line); border-radius: 20px; padding: 24px; }
.rs-app-choice__title { display: flex; align-items: center; gap: 14px; text-decoration: none !important; line-height: 1.3; }
.site-modern .rs-app-choice__title img { width: 48px; height: 48px; flex-shrink: 0; margin: 0; border-radius: 22%; }
.site-modern .rs-app-choice article > p { font-size: 15px; margin-block: 20px; }
.site-modern .rs-app-choice__screen { display: block; max-width: 100%; width: auto; height: 340px; object-fit: contain; margin: 0 auto; border-radius: 20px; }
.site-modern .rs-prose td .rs-choice-table-icon { width: 36px; height: 36px; max-height: none; border-radius: 22%; display: inline-block; vertical-align: middle; margin: 0; margin-inline-end: 10px; }
@media (max-width: 760px) {
  .site-modern .rs-guide-visual .rs-guide-steps { grid-template-columns: 1fr; }
  .site-modern .rs-guide-steps > li { padding-inline-start: 70px; padding-block: 20px; }
  .rs-guide-steps .rs-icon { position: absolute; inset-inline-start: 20px; inset-block-start: 20px; }
  .rs-guide-step__number { inset-block-start: 56px; inset-block-end: auto; inset-inline-start: 20px; inset-inline-end: auto; width: 24px; text-align: center; }
  .rs-guide-pair, .rs-app-choice { grid-template-columns: 1fr; }
  .rs-tv-brands { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .rs-tv-panel { padding: 20px; }
  .rs-tv-panel__heading { display: block; }
  .rs-tv-features { grid-template-columns: 1fr; }
  .rs-guide-routes > div { padding: 18px; }
  .site-modern .rs-guide-route { gap: 8px; font-size: 15px; }
  .rs-guide-route > span:not([aria-hidden]) { padding: 12px 8px; }
}
.rs-hub-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; margin-bottom: 50px; }
.rs-hub-card { border-radius: 22px; padding: 30px; background: var(--rs-soft); }
.rs-hub-card img { width: 56px; height: 56px; border-radius: 22%; margin-bottom: 22px; }.rs-hub-card h2 { font-size: 23px; line-height: 1.2; margin-bottom: 16px; }.rs-hub-card p { font-size: 15px; }.rs-hub-card a { display: block; font-size: 14px; padding-block: 6px; }
.rs-support-search { position: relative; max-width: 640px; margin-top: 28px; }.rs-support-search label { display: block; font-size: 12px; color: var(--rs-muted); margin-bottom: 8px; }.rs-support-search input { width: 100%; border: 1px solid var(--rs-line); background: var(--rs-soft); color: var(--rs-ink); padding: 15px 20px; border-radius: 16px; font-size: 16px; }.rs-search-results { background: var(--rs-card); border: 1px solid var(--rs-line); border-radius: 16px; margin-top: 8px; padding: 10px; max-height: 350px; overflow-y: auto; }.rs-search-results a { display: block; padding: 10px; font-size: 14px; }.rs-search-results p { font-size: 14px; padding: 10px; margin: 0; }
.rs-support-paths { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-bottom: 60px; }.rs-support-paths article { padding: 28px; border: 1px solid var(--rs-line); border-radius: 22px; }.rs-support-paths h2 { font-size: 22px; }.rs-support-paths p { font-size: 15px; }.rs-support-paths .rs-icon { margin-bottom: 20px; }
.rs-story__values { padding: 0; }.rs-story__values h2 { font-size: clamp(34px, 3.4vw, 46px); }.rs-story__icons { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; padding: 30px; width: min(90%, 400px); justify-self: center; transform: rotate(-7deg); }.rs-story__icons img { width: 100%; max-width: 90px; height: auto; aspect-ratio: 1; justify-self: center; border-radius: 23%; box-shadow: 0 14px 22px #1c233a13; }.rs-story .rs-article-layout { padding-bottom: 0; }.rs-contact-details { max-width: 760px; padding-bottom: 60px; }
@keyframes rs-enter { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: no-preference) {
  .rs-enter { animation: rs-enter .7s both; }.rs-enter:nth-child(2) { animation-delay: .07s; }.rs-enter:nth-child(3) { animation-delay: .13s; }.rs-enter:nth-child(4) { animation-delay: .2s; }
  .rs-reveal-ready { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s ease; }.rs-reveal-ready.is-visible { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) { .site-modern *, .site-modern *::before, .site-modern *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
@media (max-width: 1050px) {
  .site-modern .helper-apps__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rs-shell { width: calc(100% - 56px); }.rs-nav { gap: 22px; }.rs-product-grid--catalog { grid-template-columns: repeat(2,minmax(0,1fr)); }.rs-product-grid--catalog .rs-product-card__top { flex-direction: row; align-items: center; }.rs-feature-story > div:first-child { padding-block: 45px; padding-inline: 36px 0; }.rs-values { gap: 50px; }.rs-feature-grid { gap: 32px; }.rs-article-layout { grid-template-columns: 190px minmax(0,1fr); gap: 36px; }.rs-hub-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.rs-helper-banner { flex-wrap: wrap; }.rs-helper-banner > div { min-width: 50%; }.rs-product-hero .rs-visual { height: 470px; }.rs-preferred { gap: 24px; }.rs-preferred p { max-width: 30em; }
}
@media (max-width: 760px) {
  .site-modern .helper-apps__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rs-shell { width: calc(100% - 40px); }.rs-section { padding-block: 64px; }.rs-section--end { padding-bottom: 64px; }.rs-header__inner { min-height: 60px; height: auto; flex-wrap: wrap; gap: 0; }.rs-brand { min-height: 60px; }.rs-menu-toggle:not([hidden]) { display: flex; }.rs-nav { width: 100%; flex-direction: column; align-items: stretch; gap: 0; padding-block: 8px 22px; }.rs-nav a { padding: 14px 0; border-bottom: 1px solid var(--rs-line); font-size: 16px; }.rs-nav .rs-nav__download { margin-top: 16px; padding: 13px 20px; text-align: center; font-size: 14px; }.rs-nav[data-collapsed="true"] { display: none; }
  .rs-home-hero { padding-top: 50px; }.rs-home-hero .rs-eyebrow { font-size: 10px !important; }.rs-home-hero h1 { font-size: clamp(48px,10vw,72px); }.rs-home-hero__intro { font-size: 18px !important; }.rs-home-hero > .rs-visual { height: 380px; margin-top: 40px; }.rs-home-hero .rs-visual__computer { width: 91%; left: 0; top: 10%; max-width: 500px; }.rs-home-hero .rs-visual__phone { width: 29%; max-width: 170px; right: 5%; bottom: 8%; }.rs-home-hero .rs-visual__pill { left: 5%; bottom: 12%; padding: 8px 12px; font-size: 10px; }.rs-home-hero__caption { font-size: 11px; flex-direction: column; align-items: flex-start; gap: 8px; padding: 18px 0 30px; }
  .rs-section-heading { align-items: flex-start; flex-direction: column; gap: 16px; margin-bottom: 28px; }.rs-section-heading h2 { font-size: 35px; }.rs-section-heading .rs-text-link { padding: 0; }.rs-product-grid { gap: 16px; }.rs-product-card, .rs-product-grid--catalog .rs-product-card { padding: 28px; }.rs-product-card h3 { font-size: 26px; }.rs-product-card__top { margin-bottom: 24px; }.rs-product-card__top img { width: 64px; height: 64px; }.rs-product-card p { font-size: 16px; }.rs-product-card__top > span { font-size: 10px; }.rs-product-grid, .rs-product-grid--catalog { grid-template-columns: 1fr; }
  .rs-feature-story { grid-template-columns: 1fr; min-height: 0; }.rs-feature-story > div:first-child { padding: 36px 30px 0; }.rs-feature-story h2 { font-size: 43px; }.rs-feature-story .rs-visual { height: 350px; margin-top: 10px; }.rs-feature-story .rs-visual__television { top: 8%; left: 2%; width: 88%; max-width: 520px; }.rs-feature-story .rs-tv-phone { width: 29%; max-width: 140px; right: 6%; bottom: 8%; }.rs-values { grid-template-columns: 1fr; gap: 36px; padding-top: 0; }.rs-values h2 { font-size: 39px; }.rs-values__cards { gap: 24px; }.rs-preferred { flex-direction: column; align-items: flex-start; gap: 24px; padding-block: 32px; }.rs-source-button { max-width: 100%; }.rs-footer__top { flex-direction: column; align-items: flex-start; gap: 4px; }.rs-footer__grid { grid-template-columns: 1fr 1fr; gap: 30px 20px; }.rs-footer__bottom { flex-direction: column; align-items: flex-start; }.rs-footer__bottom > div { gap: 16px; }
  .rs-page-intro { padding-top: 48px; padding-bottom: 30px; }.rs-page-intro h1 { font-size: 53px; }.rs-page-intro > p:not(.rs-eyebrow) { font-size: 19px; }.rs-filters { gap: 8px; }.rs-filters button { padding: 9px 14px; font-size: 12px; }.rs-catalog { padding-bottom: 60px; }.rs-helper-banner { padding: 28px; gap: 22px; }.rs-helper-banner > img { width: 56px; height: 56px; }.rs-helper-banner > div { flex-basis: 100%; }.rs-helper-banner .rs-button { font-size: 13px; padding-inline: 18px; }
  .rs-product-nav > div { min-height: 57px; gap: 12px; }.rs-product-nav > div > a { font-size: 12px; max-width: 48%; }.rs-product-nav > div > div > a:not(.rs-button) { display: none; }.rs-product-nav .rs-button { font-size: 10px; padding: 6px 12px; }.rs-product-hero { grid-template-columns: 1fr; padding-block: 42px 20px; text-align: center; gap: 18px; }.rs-product-hero h1 { font-size: clamp(38px,8vw,54px); }.rs-product-hero__summary { font-size: 18px !important; margin-inline: auto; }.rs-product-hero .rs-actions { justify-content: center; gap: 16px; }.rs-product-hero .rs-app-icon { width: 68px; margin-bottom: 22px; }.rs-product-hero .rs-visual { width: min(100%, 500px); margin-inline: auto; height: 425px; text-align: start; }.rs-product-hero .rs-visual--remote { height: 390px; }.rs-product-hero .rs-visual__computer { top: 8%; }.rs-product-hero .rs-visual__phone { bottom: 8%; width: 31%; }.rs-product-hero .rs-visual__pill { bottom: 8%; }.rs-product-hero .rs-visual__television { top: 8%; }.rs-product-hero .rs-tv-phone { width: 31%; bottom: 11%; }.rs-feature-grid { grid-template-columns: 1fr; gap: 36px; }.rs-feature-grid h2 { margin-top: 15px; }.rs-product-details { padding-bottom: 0; }.rs-product-help, .rs-editions { flex-direction: column; align-items: flex-start; gap: 26px; }.rs-editions { padding: 28px; margin-bottom: 40px; }.rs-product-help { padding-block: 40px 60px; }.rs-product-help h2 { font-size: 28px; }
  .rs-article-intro { padding-block: 25px 32px; }.rs-breadcrumbs { margin-bottom: 32px; font-size: 10px; gap: 8px; }.rs-breadcrumbs > span:last-child { display: none; }.rs-breadcrumbs > span:nth-last-child(2) { display: none; }.rs-article-intro h1 { font-size: 38px; }.rs-article-intro__summary { font-size: 18px !important; }.rs-quick-links { margin-top: 22px; gap: 8px; }.rs-quick-links a { font-size: 11px; }.rs-article-layout { grid-template-columns: 1fr; gap: 32px; padding-bottom: 52px; }.rs-toc { position: static; max-height: 220px; padding: 20px; border-radius: 16px; background: var(--rs-soft); }.rs-toc nav { grid-template-columns: 1fr 1fr; border: 0; gap: 4px 15px; }.rs-toc nav a { padding: 4px 0; font-size: 11px; }.rs-toc .rs-toc__help { display: none; }.site-modern .rs-prose h2 { font-size: 27px; margin-top: 40px; }.site-modern .rs-prose :is(p,li) { font-size: 16px; }.site-modern .rs-prose :is(th,td) { padding: 12px; min-width: 120px; }.rs-article-help { flex-direction: column; align-items: flex-start; padding-block: 30px 45px; }.rs-hub-grid, .rs-support-paths { grid-template-columns: 1fr; gap: 16px; }.rs-hub-card { padding: 26px; }.site-modern .helper-download { padding-top: 45px; }
}
@media (max-width: 390px) { .rs-shell { width: calc(100% - 32px); }.rs-home-hero > .rs-visual { height: 300px; }.rs-home-hero .rs-visual__pill { font-size: 8px; }.rs-page-intro h1 { font-size: 46px; }.rs-button { gap: 12px !important; }.rs-product-hero .rs-visual { height: 375px; }.rs-product-hero .rs-visual--remote { height: 320px; } }
