.rb-page,.rb-page [data-theme="light"]{ --primary: #6255ff; --on-primary: #ffffff; --primary-container: #ebe7ff; --on-primary-container: #5144da; --secondary: #5e5c71; --on-secondary: #ffffff; --secondary-container: #e3e0f9; --on-secondary-container: #464559; --tertiary: #645e4b; --on-tertiary: #ffffff; --tertiary-container: #ddd7cd; --on-tertiary-container: #4c4634; --error: #ba1a1a; --on-error: #ffffff; --error-container: #ffdad6; --on-error-container: #93000a; --background: #ffffff; --on-background: #253044; --surface: #ffffff; --on-surface: #253044; --surface-variant: #e4e1f0; --on-surface-variant: #526174; --surface-dim: #dcd9e5; --surface-bright: #ffffff; --surface-container-lowest: #ffffff; --surface-container-low: #f7f6fd; --surface-container: #f5f3ff; --surface-container-high: #eae7f3; --surface-container-highest: #e4e1ee; --outline: #7a7d86; --outline-variant: #e0e2ec; --inverse-surface: #253044; --inverse-on-surface: #f3f2f7; --inverse-primary: #c4c0ff; --scrim: #00000052; --primary-text: #5144da; --link-hover: #5b57ff; --violet-border: #e2dcff; --gradient-start: #f1eeff; --gradient-end: #f9f8ff; --field-border: #c6cbd8; --star: #f6b800; --footer-bg: #f8f8f8; --footer-text: #565b64; --brand-violet: #6255ff; --brand-blue: #467ff7; --brand-ink: #253044; --brand-muted: #666b74; --brand-night: #111111; --brand-deep-space: #04060e; --brand-sand: #ddd7cd; --brand-sand-deep: #c4beb4; --brand-mist: #f7f7fb; --white: #ffffff; --white-muted: #ffffffe0; --white-outline: #ffffff73; --elevation-1: 0 1px 2px #23252b3d, 0 1px 3px 1px #23252b1f; --elevation-2: 0 1px 2px #23252b3d, 0 2px 6px 2px #23252b1f; --elevation-3: 0 1px 3px #23252b3d, 0 4px 8px 3px #23252b1f; --elevation-4: 0 2px 3px #23252b3d, 0 6px 10px 4px #23252b1f; --elevation-5: 0 4px 4px #23252b3d, 0 8px 12px 6px #23252b1f; --glow-primary: 0 8px 32px #6255ff59; --shadow-card: 0 12px 30px #2530440a; --shadow-cta: 0 7px 20px #6255ff21; --shadow-review: 0 10px 24px #16161e09; --header-hairline: 0 1px 0 #12142314; }
.rb-page{ --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-7: 28px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px; --space-24: 96px; --space-32: 128px; --section-y: 76px; --section-x: 56px; --card-pad: 30px; --radius-none: 0px; --radius-xs: 4px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-lg-increased: 20px; --radius-xl: 28px; --radius-xl-increased: 32px; --radius-xxl: 48px; --radius-input: 10px; --radius-media: 14px; --radius-icon-chip: 15px; --radius-review: 18px; --radius-card: 25px; --radius-panel: 30px; --radius-full: 9999px; --state-hover: 0.08; --state-focus: 0.10; --state-pressed: 0.10; --state-dragged: 0.16; --state-disabled-content: 0.38; --state-disabled-container: 0.12; --header-height: 88px; --content-max: 1456px; --layout-full: 1920px; --reading-max: 720px; --touch-target: 48px; --button-s: 40px; --button-m: 48px; --button-l: 56px; --field-height: 56px; --z-sticky: 100; --z-sheet: 200; --z-scrim: 290; --z-dialog: 300; --z-toast: 500;     }
.rb-page{
  
  --rt-ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --rt-ease-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
  --rt-ease-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
  --rt-ease-spring: cubic-bezier(0.34, 1.36, 0.64, 1);
  --rt-dur-short: 150ms;
  --rt-dur-medium: 300ms;
  --rt-dur-long: 500ms;
}
.rb-page,.rb-page [data-theme="light"]{ --rt-filled-bg: var(--primary); --rt-filled-fg: var(--on-primary); }
.rb-page [data-theme="dark"]{ --rt-filled-bg: var(--primary-container); --rt-filled-fg: var(--on-primary-container); }
.rb-page{
  margin: 0;
  font-family:var(--rt-font-sans);
  background: var(--surface);
  color: var(--on-surface);
  -webkit-font-smoothing: antialiased;
}
.rb-page .rt-icon{
  font-family:var(--rt-font-sans);
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  width: 1em;
  height: 1em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  direction: ltr;
  font-feature-settings: 'liga';
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  user-select: none;
  flex: none;
  overflow: hidden;
}
.rb-page .rt-icon--filled{ font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
.rb-page .rt-sl{ position: relative; isolation: isolate; overflow: hidden; }
.rb-page .rt-sl::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: currentColor;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--rt-dur-short) linear;
}
.rb-page .rt-sl:hover::before{ opacity: var(--state-hover); }
.rb-page .rt-sl:focus-visible::before{ opacity: var(--state-focus); }
.rb-page .rt-sl:active::before{ opacity: var(--state-pressed); }
.rb-page .rt-sl:disabled::before,.rb-page .rt-sl[aria-disabled="true"]::before{ opacity: 0; }
.rb-page .rt-btn:focus-visible,.rb-page .rt-icon-btn:focus-visible,.rb-page .rt-fab:focus-visible,.rb-page .rt-chip:focus-visible,.rb-page .rt-card--interactive:focus-visible,.rb-page .rt-li--interactive:focus-visible,.rb-page .rt-header__link:focus-visible,.rb-page .rt-navbar__item:focus-visible,.rb-page .rt-project:focus-visible{
  outline: 3px solid var(--primary);
  outline-offset: 2px;
}
.rb-page .rt-btn{
  --_h: var(--button-m);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  height: var(--_h);
  min-width: 48px;
  padding: 0 var(--space-6);
  border: 0;
  border-radius: var(--radius-full);
  box-sizing: border-box;
  font-family:var(--rt-font-sans);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.006em;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: border-radius var(--rt-dur-medium) var(--rt-ease-spring), box-shadow var(--rt-dur-short) linear;
}
.rb-page .rt-btn .rt-icon{ font-size: 20px; }
.rb-page .rt-btn--s{ --_h: var(--button-s); padding: 0 var(--space-4); font-size: 14px; line-height: 20px; }
.rb-page .rt-btn--l{ --_h: var(--button-l); padding: 0 var(--space-8); }
.rb-page .rt-btn:active:not(:disabled){ border-radius: var(--radius-md); }
.rb-page .rt-btn--filled{ background: var(--rt-filled-bg); color: var(--rt-filled-fg); }
.rb-page .rt-btn--filled:hover:not(:disabled){ box-shadow: var(--elevation-1); }
.rb-page .rt-btn--tonal{ background: var(--secondary-container); color: var(--on-secondary-container); }
.rb-page .rt-btn--outlined{ background: transparent; color: var(--on-surface-variant); box-shadow: inset 0 0 0 1px var(--outline-variant); }
.rb-page .rt-btn--text{ background: transparent; color: var(--primary); padding: 0 var(--space-4); }
.rb-page .rt-btn--elevated{ background: var(--surface-container-low); color: var(--primary); box-shadow: var(--elevation-1); }
.rb-page .rt-btn--elevated:hover:not(:disabled){ box-shadow: var(--elevation-2); }
.rb-page .rt-btn--on-image{ background: transparent; color: var(--white); box-shadow: inset 0 0 0 1px var(--white-outline); }
.rb-page .rt-btn--glow{ box-shadow: var(--glow-primary); }
.rb-page .rt-btn:disabled,.rb-page .rt-btn[aria-disabled="true"]{
  background: color-mix(in srgb, var(--on-surface) 12%, transparent);
  color: color-mix(in srgb, var(--on-surface) 38%, transparent);
  box-shadow: none;
  cursor: not-allowed;
}
.rb-page .rt-btn--text:disabled,.rb-page .rt-btn--outlined:disabled{ background: transparent; }
.rb-page .rt-btn--outlined:disabled{ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--on-surface) 12%, transparent); }
.rb-page .rt-icon-btn{
  display: inline-grid;
  place-items: center;
  width: 40px;
  height: 40px;
  margin: 4px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-full);
  background: transparent;
  color: var(--on-surface-variant);
  cursor: pointer;
  transition: border-radius var(--rt-dur-medium) var(--rt-ease-spring);
}
.rb-page .rt-icon-btn:active{ border-radius: var(--radius-md); }
.rb-page .rt-icon-btn--selected{ color: var(--primary); }
.rb-page .rt-icon-btn--filled{ background: var(--rt-filled-bg); color: var(--rt-filled-fg); }
.rb-page .rt-icon-btn--tonal{ background: var(--secondary-container); color: var(--on-secondary-container); }
.rb-page .rt-icon-btn--outlined{ box-shadow: inset 0 0 0 1px var(--outline-variant); }
.rb-page .rt-icon-btn--outlined.rt-icon-btn--selected{ background: var(--inverse-surface); color: var(--inverse-on-surface); box-shadow: none; }
.rb-page .rt-icon-btn:disabled{ color: color-mix(in srgb, var(--on-surface) 38%, transparent); background: transparent; cursor: not-allowed; }
.rb-page .rt-fab{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  min-width: 56px;
  height: 56px;
  padding: 0 16px;
  border: 0;
  border-radius: var(--radius-lg);
  box-sizing: border-box;
  background: var(--primary-container);
  color: var(--on-primary-container);
  box-shadow: var(--elevation-3);
  font: 700 16px/24px var(--rt-font-sans);
  cursor: pointer;
  transition: box-shadow var(--rt-dur-short) linear, border-radius var(--rt-dur-medium) var(--rt-ease-spring);
}
.rb-page .rt-fab:hover{ box-shadow: var(--elevation-4); }
.rb-page .rt-fab--extended{ padding: 0 20px 0 16px; }
.rb-page .rt-fab--secondary{ background: var(--secondary-container); color: var(--on-secondary-container); }
.rb-page .rt-fab--surface{ background: var(--surface-container-high); color: var(--primary); }
.rb-page .rt-fab--large{ min-width: 96px; height: 96px; border-radius: var(--radius-xl); }
.rb-page .rt-fab--large .rt-icon{ font-size: 36px; }
.rb-page .rt-card{
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  box-sizing: border-box;
  min-width: 0;
  padding: var(--space-6);
  border-radius: var(--radius-xl);
  color: var(--on-surface);
  text-decoration: none;
  overflow: hidden;
}
.rb-page .rt-card--elevated{ background: var(--surface-container-low); box-shadow: var(--elevation-1); }
.rb-page .rt-card--filled{ background: var(--surface-container-highest); }
.rb-page .rt-card--outlined{ background: var(--surface); box-shadow: inset 0 0 0 1px var(--outline-variant); }
.rb-page .rt-card--sand{ background: var(--tertiary-container); color: var(--on-tertiary-container); border-radius: var(--radius-xl-increased); padding: var(--space-8); }
.rb-page .rt-card--interactive{ cursor: pointer; transition: box-shadow var(--rt-dur-medium) var(--rt-ease-emphasized); }
.rb-page .rt-card--elevated.rt-card--interactive:hover{ box-shadow: var(--elevation-2); }
.rb-page .rt-card__media{ margin: calc(-1 * var(--space-6)) calc(-1 * var(--space-6)) var(--space-2); aspect-ratio: 16 / 9; background: var(--surface-container-high); overflow: hidden; }
.rb-page .rt-card__media img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.rb-page .rt-card__overline{ margin: 0; font: 500 11px/16px var(--rt-font-sans); letter-spacing: 0.08em; text-transform: uppercase; color: var(--on-surface-variant); }
.rb-page .rt-card--sand .rt-card__overline{ color: var(--on-tertiary-container); }
.rb-page .rt-card__headline{ margin: 0; font: 700 22px/28px var(--rt-font-sans); color: inherit; }
.rb-page .rt-card__text{ margin: 0; font: 400 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-card--sand .rt-card__text{ color: var(--on-tertiary-container); font-size: 16px; line-height: 24px; }
.rb-page .rt-card__actions{ display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-2); }
.rb-page .rt-project{
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-radius: var(--radius-xl);
  overflow: hidden;
  background: var(--brand-night);
  color: var(--white);
  text-decoration: none;
}
.rb-page .rt-project__media{ aspect-ratio: 16 / 10; overflow: hidden; background: var(--brand-deep-space); }
.rb-page .rt-project__media img,.rb-page .rt-project__media svg{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 600ms var(--rt-ease-emphasized); }
.rb-page .rt-project:hover .rt-project__media img,.rb-page .rt-project:hover .rt-project__media svg{ transform: scale(1.03); }
.rb-page .rt-project__body{ display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-6); }
.rb-page .rt-project__title{ margin: 0; font: 700 22px/28px var(--rt-font-sans); color: var(--white); }
.rb-page .rt-project__text{ margin: 0; font: 400 14px/20px var(--rt-font-sans); color: var(--white-muted); }
.rb-page .rt-project__tags{ display: flex; flex-wrap: wrap; gap: var(--space-2); margin: var(--space-2) 0 0; padding: 0; list-style: none; }
.rb-page .rt-project__tags li{ height: 28px; padding: 0 12px; border-radius: var(--radius-sm); box-shadow: inset 0 0 0 1px var(--white-outline); font: 500 12px/28px var(--rt-font-sans); color: var(--white-muted); }
.rb-page .rt-ph-violet{ fill: var(--brand-violet); }
.rb-page .rt-ph-sand{ fill: var(--brand-sand); }
.rb-page .rt-ph-blue{ fill: var(--brand-blue); }
.rb-page .rt-ph-ground{ fill: var(--brand-deep-space); }
.rb-page .rt-field{ --_bg: var(--surface); display: flex; flex-direction: column; gap: 4px; width: 100%; max-width: 360px; min-width: 0; font-family:var(--rt-font-sans); }
.rb-page .rt-field__box{
  position: relative;
  display: flex;
  align-items: center;
  height: var(--field-height);
  border-radius: var(--radius-xs);
  box-shadow: inset 0 0 0 1px var(--outline);
  transition: box-shadow var(--rt-dur-short) linear;
  cursor: text;
}
.rb-page .rt-field__box:hover{ box-shadow: inset 0 0 0 1px var(--on-surface); }
.rb-page .rt-field__box:focus-within{ box-shadow: inset 0 0 0 2px var(--primary); }
.rb-page .rt-field__lead,.rb-page .rt-field__trail{ color: var(--on-surface-variant); margin: 0 12px; }
.rb-page .rt-field__lead + .rt-field__input{ padding-left: 0; }
.rb-page .rt-field__input{
  flex: 1;
  min-width: 0;
  height: 100%;
  padding: 0 16px;
  border: 0;
  outline: none;
  background: transparent;
  font: 400 16px/24px var(--rt-font-sans);
  color: var(--on-surface);
  caret-color: var(--primary);
}
.rb-page .rt-field__label{
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 4px;
  background: var(--_bg);
  font: 400 16px/24px var(--rt-font-sans);
  color: var(--on-surface-variant);
  pointer-events: none;
  white-space: nowrap;
  transition: top var(--rt-dur-short) var(--rt-ease-emphasized), font-size var(--rt-dur-short) var(--rt-ease-emphasized), line-height var(--rt-dur-short) var(--rt-ease-emphasized), left var(--rt-dur-short) var(--rt-ease-emphasized);
}
.rb-page .rt-field--lead .rt-field__label{ left: 48px; }
.rb-page .rt-field__input:focus ~ .rt-field__label,.rb-page .rt-field__input:not(:placeholder-shown) ~ .rt-field__label{ top: 0; left: 12px; font-size: 12px; line-height: 16px; }
.rb-page .rt-field__input:focus ~ .rt-field__label{ color: var(--primary); }
.rb-page .rt-field__support{ display: flex; justify-content: space-between; gap: var(--space-4); padding: 0 16px; font: 400 12px/16px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-field__req{ color: var(--error); }
.rb-page .rt-field--filled .rt-field__box{ background: var(--surface-container-highest); border-radius: var(--radius-xs) var(--radius-xs) 0 0; box-shadow: inset 0 -1px 0 var(--on-surface-variant); }
.rb-page .rt-field--filled .rt-field__box:hover{ box-shadow: inset 0 -1px 0 var(--on-surface); }
.rb-page .rt-field--filled .rt-field__box:focus-within{ box-shadow: inset 0 -2px 0 var(--primary); }
.rb-page .rt-field--filled .rt-field__input{ padding-top: 18px; }
.rb-page .rt-field--filled .rt-field__label{ background: transparent; }
.rb-page .rt-field--filled .rt-field__input:focus ~ .rt-field__label,.rb-page .rt-field--filled .rt-field__input:not(:placeholder-shown) ~ .rt-field__label{ top: 16px; }
.rb-page .rt-field--filled.rt-field--lead .rt-field__input:focus ~ .rt-field__label,.rb-page .rt-field--filled.rt-field--lead .rt-field__input:not(:placeholder-shown) ~ .rt-field__label{ left: 48px; }
.rb-page .rt-field--error .rt-field__box,.rb-page .rt-field--error .rt-field__box:hover,.rb-page .rt-field--error .rt-field__box:focus-within{ box-shadow: inset 0 0 0 2px var(--error); }
.rb-page .rt-field--filled.rt-field--error .rt-field__box{ box-shadow: inset 0 -2px 0 var(--error); }
.rb-page .rt-field--error .rt-field__label,.rb-page .rt-field--error .rt-field__input:focus ~ .rt-field__label,.rb-page .rt-field--error .rt-field__support,.rb-page .rt-field--error .rt-field__trail{ color: var(--error); }
.rb-page .rt-field--error .rt-field__input{ caret-color: var(--error); }
.rb-page .rt-chip{
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  height: 32px;
  padding: 0 16px;
  border: 0;
  border-radius: var(--radius-sm);
  box-sizing: border-box;
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--outline-variant);
  color: var(--on-surface-variant);
  font: 500 14px/20px var(--rt-font-sans);
  letter-spacing: 0.007em;
  white-space: nowrap;
  cursor: pointer;
}
.rb-page .rt-chip .rt-icon{ font-size: 18px; color: var(--primary); }
.rb-page .rt-chip--lead{ padding-left: 8px; }
.rb-page .rt-chip--trail{ padding-right: 8px; }
.rb-page .rt-chip--selected{ background: var(--secondary-container); color: var(--on-secondary-container); box-shadow: none; }
.rb-page .rt-chip--selected .rt-icon{ color: var(--on-secondary-container); }
.rb-page .rt-chip__remove{ display: grid; place-items: center; width: 18px; height: 18px; padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; border-radius: var(--radius-full); }
.rb-page .rt-chip__remove .rt-icon{ color: inherit; }
.rb-page .rt-chip__avatar{ width: 24px; height: 24px; margin-left: -4px; border-radius: 50%; background: var(--primary-container); color: var(--on-primary-container); display: grid; place-items: center; font: 500 12px/1 var(--rt-font-sans); }
.rb-page .rt-chip--dark{ color: var(--white-muted); box-shadow: inset 0 0 0 1px var(--white-outline); }
.rb-page .rt-switch{ position: relative; display: inline-flex; align-items: center; gap: var(--space-4); min-height: 48px; cursor: pointer; font: 400 16px/24px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-switch__input{ position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.rb-page .rt-switch__track{ position: relative; flex: none; width: 52px; height: 32px; box-sizing: border-box; border-radius: var(--radius-full); background: var(--surface-container-highest); box-shadow: inset 0 0 0 2px var(--outline); transition: background var(--rt-dur-short) linear; }
.rb-page .rt-switch__thumb{ position: absolute; top: 50%; left: 16px; width: 16px; height: 16px; border-radius: 50%; background: var(--outline); transform: translate(-50%, -50%); display: grid; place-items: center; transition: left var(--rt-dur-medium) var(--rt-ease-spring), width var(--rt-dur-medium) var(--rt-ease-spring), height var(--rt-dur-medium) var(--rt-ease-spring), background var(--rt-dur-short) linear; }
.rb-page .rt-switch__thumb .rt-icon{ font-size: 16px; color: var(--primary); opacity: 0; transition: opacity var(--rt-dur-short) linear; }
.rb-page .rt-switch__input:checked + .rt-switch__track{ background: var(--primary); box-shadow: none; }
.rb-page .rt-switch__input:checked + .rt-switch__track .rt-switch__thumb{ left: 36px; width: 24px; height: 24px; background: var(--on-primary); }
.rb-page .rt-switch__input:checked + .rt-switch__track .rt-icon{ opacity: 1; }
.rb-page .rt-switch:active .rt-switch__thumb{ width: 28px; height: 28px; }
.rb-page .rt-switch__input:focus-visible + .rt-switch__track{ outline: 3px solid var(--primary); outline-offset: 2px; }
.rb-page .rt-switch__input:disabled + .rt-switch__track{ opacity: var(--state-disabled-content); }
.rb-page .rt-switch--disabled{ cursor: not-allowed; color: color-mix(in srgb, var(--on-surface) 38%, transparent); }
.rb-page .rt-check{ display: inline-flex; align-items: center; gap: var(--space-3); min-height: 48px; cursor: pointer; font: 400 16px/24px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-check__input{
  appearance: none;
  -webkit-appearance: none;
  flex: none;
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  margin: 0 3px;
  border-radius: 2px;
  box-shadow: inset 0 0 0 2px var(--on-surface-variant);
  cursor: pointer;
  transition: background var(--rt-dur-short) linear, box-shadow var(--rt-dur-short) linear;
}
.rb-page .rt-check__input:checked{ background: var(--primary); box-shadow: none; }
.rb-page .rt-check__input:checked::after{ content: ""; width: 10px; height: 5px; border-left: 2px solid var(--on-primary); border-bottom: 2px solid var(--on-primary); transform: translateY(-1px) rotate(-45deg); }
.rb-page .rt-check--error .rt-check__input{ box-shadow: inset 0 0 0 2px var(--error); }
.rb-page .rt-check--error .rt-check__input:checked{ background: var(--error); }
.rb-page .rt-radio .rt-check__input{ width: 20px; height: 20px; margin: 0 2px; border-radius: 50%; }
.rb-page .rt-radio .rt-check__input:checked{ background: transparent; box-shadow: inset 0 0 0 2px var(--primary); }
.rb-page .rt-radio .rt-check__input:checked::after{ width: 10px; height: 10px; border: 0; border-radius: 50%; background: var(--primary); transform: none; }
.rb-page .rt-check__input:focus-visible{ outline: 3px solid var(--primary); outline-offset: 4px; }
.rb-page .rt-check__input:disabled{ opacity: var(--state-disabled-content); cursor: not-allowed; }
.rb-page .rt-li{
  display: flex;
  align-items: center;
  gap: var(--space-4);
  min-height: 56px;
  padding: var(--space-2) var(--space-6) var(--space-2) var(--space-4);
  box-sizing: border-box;
  color: var(--on-surface);
  text-decoration: none;
}
.rb-page .rt-li--two{ min-height: 72px; }
.rb-page .rt-li--three{ min-height: 88px; align-items: flex-start; padding-top: var(--space-3); padding-bottom: var(--space-3); }
.rb-page .rt-li--interactive{ cursor: pointer; }
.rb-page .rt-li--divider{ box-shadow: inset 0 -1px 0 var(--outline-variant); }
.rb-page .rt-li__lead{ color: var(--on-surface-variant); }
.rb-page .rt-li__avatar{ flex: none; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: var(--primary-container); color: var(--on-primary-container); font: 500 16px/1 var(--rt-font-sans); }
.rb-page .rt-li__thumb{ flex: none; width: 56px; height: 56px; border-radius: var(--radius-sm); object-fit: cover; background: var(--surface-container-high); }
.rb-page .rt-li__text{ flex: 1; min-width: 0; display: flex; flex-direction: column; }
.rb-page .rt-li__overline{ font: 500 11px/16px var(--rt-font-sans); letter-spacing: 0.045em; color: var(--on-surface-variant); }
.rb-page .rt-li__headline{ font: 400 16px/24px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-li__supporting{ font: 400 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-li--three .rt-li__supporting{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rb-page .rt-li__trailing{ font: 500 11px/16px var(--rt-font-sans); letter-spacing: 0.045em; color: var(--on-surface-variant); white-space: nowrap; }
.rb-page .rt-dialog-scrim{ position: fixed; inset: 0; z-index: var(--z-dialog); display: grid; place-items: center; padding: var(--space-6); background: var(--scrim); }
.rb-page .rt-dialog{
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: min(560px, 100%);
  min-width: 280px;
  box-sizing: border-box;
  padding: var(--space-6);
  border-radius: var(--radius-xl);
  background: var(--surface-container-high);
  color: var(--on-surface);
  box-shadow: var(--elevation-3);
}
.rb-page .rt-dialog--icon{ align-items: center; text-align: center; }
.rb-page .rt-dialog__icon{ color: var(--secondary); }
.rb-page .rt-dialog__headline{ margin: 0; font: 500 24px/32px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-dialog__body{ margin: 0; font: 400 14px/20px var(--rt-font-sans); letter-spacing: 0.018em; color: var(--on-surface-variant); }
.rb-page .rt-dialog__actions{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-2); align-self: stretch; margin-top: var(--space-2); }
.rb-page .rt-snackbar{
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  max-width: 560px;
  min-height: 48px;
  box-sizing: border-box;
  padding: var(--space-1) var(--space-2) var(--space-1) var(--space-4);
  border-radius: var(--radius-xs);
  background: var(--inverse-surface);
  color: var(--inverse-on-surface);
  box-shadow: var(--elevation-3);
  font: 400 14px/20px var(--rt-font-sans);
}
.rb-page .rt-snackbar__msg{ flex: 1; min-width: 0; padding: 10px 0; }
.rb-page .rt-snackbar__action{ height: 40px; padding: 0 12px; border: 0; border-radius: var(--radius-full); background: transparent; color: var(--inverse-primary); font: 500 14px/20px var(--rt-font-sans); cursor: pointer; }
.rb-page .rt-snackbar .rt-icon-btn{ color: var(--inverse-on-surface); margin: 0; }
.rb-page .rt-badge-anchor{ position: relative; display: inline-flex; }
.rb-page .rt-badge{ display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px; box-sizing: border-box; border-radius: var(--radius-full); background: var(--error); color: var(--on-error); font: 500 11px/16px var(--rt-font-sans); letter-spacing: 0.045em; }
.rb-page .rt-badge--dot{ min-width: 6px; width: 6px; height: 6px; padding: 0; }
.rb-page .rt-badge-anchor > .rt-badge{ position: absolute; top: -2px; left: calc(100% - 12px); }
.rb-page .rt-badge-anchor > .rt-badge--dot{ top: 0; left: calc(100% - 6px); }
.rb-page .rt-progress{ display: flex; align-items: center; width: 100%; min-width: 0; height: 10px; }
.rb-page .rt-progress__active{ height: 4px; border-radius: var(--radius-full); background: var(--primary); flex: none; }
.rb-page .rt-progress--wavy .rt-progress__active{
  height: 10px;
  border-radius: 0;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='10' viewBox='0 0 40 10'%3E%3Cpath d='M-20 5 Q-10 9 0 5 T20 5 T40 5 T60 5' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") 0 0 / 40px 10px repeat-x;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='10' viewBox='0 0 40 10'%3E%3Cpath d='M-20 5 Q-10 9 0 5 T20 5 T40 5 T60 5' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") 0 0 / 40px 10px repeat-x;
  animation: rt-wave 1.2s linear infinite;
}
.rb-page .rt-progress__track{ flex: 1; min-width: 0; height: 4px; margin-left: 4px; border-radius: var(--radius-full); background: var(--secondary-container); position: relative; }
.rb-page .rt-progress__stop{ position: absolute; right: 0; top: 0; width: 4px; height: 4px; border-radius: 50%; background: var(--primary); }
.rb-page .rt-progress--indeterminate{ position: relative; overflow: hidden; }
.rb-page .rt-progress--indeterminate .rt-progress__track{ margin-left: 0; }
.rb-page .rt-progress--indeterminate .rt-progress__active{ position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 40%; animation: rt-indet 1.6s var(--rt-ease-emphasized) infinite; }
.rb-page .rt-progress--indeterminate.rt-progress--wavy .rt-progress__active{ animation: rt-indet 1.6s var(--rt-ease-emphasized) infinite, rt-wave 1.2s linear infinite; }
@keyframes rt-wave{ to { -webkit-mask-position: 40px 0; mask-position: 40px 0; } }
@keyframes rt-indet{ from { transform: translateX(-100%); } to { transform: translateX(250%); } }
.rb-page .rt-search{ display: flex; align-items: center; gap: var(--space-4); width: 100%; max-width: 720px; height: var(--field-height); box-sizing: border-box; padding: 0 var(--space-2) 0 var(--space-4); border-radius: var(--radius-full); background: var(--surface-container-high); color: var(--on-surface-variant); }
.rb-page .rt-search:focus-within{ box-shadow: var(--elevation-2); }
.rb-page .rt-search__input{ flex: 1; min-width: 0; height: 100%; border: 0; outline: none; background: transparent; font: 400 16px/24px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-search__input::placeholder{ color: var(--on-surface-variant); }
.rb-page .rt-search__input:focus-visible{ outline: none; }
.rb-page .rt-search:has(.rt-search__input:focus-visible){ outline: 3px solid var(--primary); outline-offset: 2px; }
.rb-page .rt-search__avatar{ width: 32px; height: 32px; margin: 0 4px; border-radius: 50%; display: grid; place-items: center; background: var(--primary-container); color: var(--on-primary-container); font: 500 14px/1 var(--rt-font-sans); }
.rb-page .rt-header{
  position: sticky;
  top: 0;
  z-index: var(--z-sticky);
  display: flex;
  align-items: center;
  gap: var(--space-6);
  height: var(--header-height);
  box-sizing: border-box;
  padding: 0 clamp(18px, 2.7vw, 48px);
  background: var(--surface);
  color: var(--on-surface);
  transition: background var(--rt-dur-medium) linear, box-shadow var(--rt-dur-medium) linear;
}
.rb-page .rt-header--scrolled{ background: var(--surface-container); box-shadow: var(--elevation-2); }
.rb-page .rt-header--transparent{ background: transparent; }
.rb-page .rt-header__logo{ display: inline-flex; flex: none; }
.rb-page .rt-header__logo img{ display: block; height: 36px; width: auto; }
.rb-page .rt-logo--on-dark{ display: none !important; }
.rb-page [data-theme="dark"] .rt-logo--on-light{ display: none !important; }
.rb-page [data-theme="dark"] .rt-logo--on-dark{ display: block !important; }
.rb-page .rt-header__nav{ display: flex; align-items: center; gap: var(--space-1); margin-left: auto; }
.rb-page .rt-header__link{ position: relative; display: inline-flex; align-items: center; height: 40px; padding: 0 var(--space-3); border-radius: var(--radius-full); font: 700 15px/20px var(--rt-font-sans); color: var(--on-surface); text-decoration: none; }
.rb-page .rt-header__link[aria-current="page"]{ color: var(--primary); }
.rb-page .rt-header__link[aria-current="page"]::after{ content: ""; position: absolute; left: 12px; right: 12px; bottom: 2px; height: 3px; border-radius: var(--radius-full); background: var(--primary); }
.rb-page .rt-header__menu{ display: none !important; }
@media (max-width: 839px){.rb-page .rt-header{ height: 64px; }
.rb-page .rt-header__nav,.rb-page .rt-header__cta{ display: none !important; }
.rb-page .rt-header__menu{ display: inline-grid !important; margin-left: auto; }}
.rb-page .rt-navbar{ display: flex; height: 80px; box-sizing: border-box; padding: 12px 0 16px; background: var(--surface-container); }
.rb-page .rt-navbar__item{ flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0; border: 0; background: transparent; color: var(--on-surface-variant); font: 500 12px/16px var(--rt-font-sans); letter-spacing: 0.042em; text-decoration: none; cursor: pointer; }
.rb-page .rt-navbar__ind{ display: grid; place-items: center; width: 64px; height: 32px; border-radius: var(--radius-full); transition: background var(--rt-dur-medium) var(--rt-ease-spring); }
.rb-page .rt-navbar__item[aria-current="page"]{ color: var(--on-surface); font-weight: 700; }
.rb-page .rt-navbar__item[aria-current="page"] .rt-navbar__ind{ background: var(--secondary-container); color: var(--on-secondary-container); }
.rb-page .rt-hero{ position: relative; overflow: hidden; isolation: isolate; background: var(--brand-deep-space); color: var(--white); }
.rb-page .rt-hero__media{ position: absolute; inset: 0; z-index: -2; }
.rb-page .rt-hero__media img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.rb-page .rt-hero__scrim{ position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, #04060e00 0%, #04060eb8 100%); }
.rb-page .rt-hero__planet{ position: absolute; z-index: -1; right: -12%; top: 50%; width: min(58vw, 560px); aspect-ratio: 1; transform: translateY(-50%); border-radius: 50%; background: var(--brand-violet); }
.rb-page .rt-hero__ring{ position: absolute; z-index: -1; right: -18%; top: 50%; width: min(76vw, 740px); aspect-ratio: 1; transform: translateY(-50%); border-radius: 50%; box-shadow: inset 0 0 0 1px var(--white-outline); }
.rb-page .rt-hero__inner{ display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-6); max-width: var(--content-max); margin: 0 auto; padding: var(--space-24) var(--space-7) var(--space-16); box-sizing: border-box; }
.rb-page .rt-hero__title{ margin: 0; max-width: 12ch; font-family:var(--rt-font-sans); font-weight: 400; font-size: clamp(56px, 6.5vw, 88px); line-height: 0.92; letter-spacing: -0.01em; color: var(--white); text-wrap: balance; }
.rb-page .rt-hero__line{ display: block; overflow: hidden; padding-bottom: 0.04em; }
.rb-page .rt-hero__line > span{ display: block; animation: rt-rise 600ms var(--rt-ease-decelerate) both; }
.rb-page .rt-hero__lead{ margin: 0; max-width: 46ch; font: 400 18px/28px var(--rt-font-sans); color: var(--white-muted); text-wrap: pretty; }
.rb-page .rt-hero__actions{ display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-2); }
@keyframes rt-rise{ from { transform: translateY(100%); } to { transform: none; } }
@media (max-width: 1099px){.rb-page .rt-hero__planet{ top: auto; bottom: -18%; right: -30%; width: min(64vw, 420px); transform: none; }
.rb-page .rt-hero__ring{ display: none; }}
@media (max-width: 599px){.rb-page .rt-hero__inner{ padding: var(--space-16) var(--space-4) calc(var(--space-16) + 120px); }
.rb-page .rt-hero__planet{ bottom: -36%; right: -24%; width: 72vw; }}
@media (prefers-reduced-motion: reduce){.rb-page .rt-hero__line > span,.rb-page .rt-progress__active{ animation: none !important; }
.rb-page .rt-btn,.rb-page .rt-icon-btn,.rb-page .rt-fab,.rb-page .rt-switch__thumb,.rb-page .rt-navbar__ind,.rb-page .rt-project__media img,.rb-page .rt-project__media svg{ transition-duration: 1ms !important; }}
.rb-page .rt-ph{ width: 100%; height: 100%; display: block; }
.rb-page .rt-bgroup{ display: inline-flex; flex-wrap: wrap; gap: var(--space-2); }
.rb-page .rt-bgroup--connected{ flex-wrap: nowrap; gap: 2px; }
.rb-page .rt-bgroup--connected > .rt-btn{ border-radius: var(--radius-sm); padding: 0 var(--space-4); }
.rb-page .rt-bgroup--connected > .rt-btn:first-child{ border-top-left-radius: var(--radius-full); border-bottom-left-radius: var(--radius-full); }
.rb-page .rt-bgroup--connected > .rt-btn:last-child{ border-top-right-radius: var(--radius-full); border-bottom-right-radius: var(--radius-full); }
.rb-page .rt-bgroup--connected > .rt-btn[aria-pressed="true"]{ border-radius: var(--radius-full); }
.rb-page .rt-btn--toggle{ background: var(--surface-container-high); color: var(--on-surface-variant); }
.rb-page .rt-btn--toggle[aria-pressed="true"]{ background: var(--rt-filled-bg); color: var(--rt-filled-fg); border-radius: var(--radius-md); }
.rb-page .rt-bgroup--connected > .rt-btn--toggle[aria-pressed="true"]{ border-radius: var(--radius-full); }
.rb-page .rt-seg{ display: inline-flex; max-width: 100%; }
.rb-page .rt-seg__btn{
  display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2);
  min-width: 48px; height: 40px; padding: 0 var(--space-3); margin-left: -1px;
  border: 1px solid var(--outline); background: transparent; color: var(--on-surface);
  font: 500 14px/20px var(--rt-font-sans); letter-spacing: 0.007em; white-space: nowrap; cursor: pointer;
}
.rb-page .rt-seg__btn:first-child{ margin-left: 0; border-radius: var(--radius-full) 0 0 var(--radius-full); padding-left: var(--space-4); }
.rb-page .rt-seg__btn:last-child{ border-radius: 0 var(--radius-full) var(--radius-full) 0; padding-right: var(--space-4); }
.rb-page .rt-seg__btn--on{ background: var(--secondary-container); color: var(--on-secondary-container); }
.rb-page .rt-seg__btn:focus-visible{ outline: 3px solid var(--primary); outline-offset: 2px; z-index: 1; }
.rb-page .rt-seg__btn:disabled{ color: color-mix(in srgb, var(--on-surface) 38%, transparent); border-color: color-mix(in srgb, var(--on-surface) 12%, transparent); cursor: not-allowed; }
.rb-page .rt-menu{
  display: flex; flex-direction: column; gap: 2px;
  min-width: 112px; max-width: 280px; width: max-content; box-sizing: border-box;
  padding: var(--space-1); border-radius: var(--radius-lg);
  background: var(--surface-container); color: var(--on-surface); box-shadow: var(--elevation-2);
  z-index: var(--z-sheet);
}
.rb-page .rt-menu__item{
  display: flex; align-items: center; gap: var(--space-3); width: 100%; height: 44px; padding: 0 var(--space-3);
  border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--on-surface);
  font: 500 14px/20px var(--rt-font-sans); text-align: left; cursor: pointer;
}
.rb-page .rt-menu__item .rt-icon{ font-size: 20px; color: var(--on-surface-variant); }
.rb-page .rt-menu__item[aria-checked="true"]{ background: var(--secondary-container); color: var(--on-secondary-container); border-radius: var(--radius-md); }
.rb-page .rt-menu__item[aria-checked="true"] .rt-icon{ color: var(--on-secondary-container); }
.rb-page .rt-menu__item:focus-visible{ outline: 3px solid var(--primary); outline-offset: -3px; }
.rb-page .rt-menu__item:disabled{ color: color-mix(in srgb, var(--on-surface) 38%, transparent); cursor: not-allowed; }
.rb-page .rt-menu__label{ flex: 1; min-width: 0; }
.rb-page .rt-menu__trail{ margin-left: var(--space-3); font: 500 12px/16px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-menu__divider{ height: 1px; margin: var(--space-1) var(--space-3); background: var(--outline-variant); }
.rb-page .rt-split{ position: relative; display: inline-flex; gap: 2px; }
.rb-page .rt-split > .rt-btn:first-child{ border-radius: var(--radius-full) var(--radius-sm) var(--radius-sm) var(--radius-full); padding-right: var(--space-4); }
.rb-page .rt-split__trail{ min-width: 48px; padding: 0 var(--space-3) !important; border-radius: var(--radius-sm) var(--radius-full) var(--radius-full) var(--radius-sm) !important; }
.rb-page .rt-split__trail[aria-expanded="true"]{ border-radius: var(--radius-full) !important; }
.rb-page .rt-split__trail .rt-icon{ transition: transform var(--rt-dur-medium) var(--rt-ease-emphasized); }
.rb-page .rt-split__trail[aria-expanded="true"] .rt-icon{ transform: rotate(180deg); }
.rb-page .rt-split__menu{ position: absolute; top: calc(100% + 4px); right: 0; }
.rb-page .rt-fabmenu{ display: inline-flex; flex-direction: column; align-items: flex-end; gap: var(--space-2); }
.rb-page .rt-fabmenu__list{ display: flex; flex-direction: column; align-items: flex-end; gap: var(--space-1); }
.rb-page .rt-fabmenu__item{
  display: inline-flex; align-items: center; gap: var(--space-2); height: 56px; padding: 0 var(--space-6) 0 var(--space-4);
  border: 0; border-radius: var(--radius-full); background: var(--primary-container); color: var(--on-primary-container);
  font: 700 16px/24px var(--rt-font-sans); cursor: pointer; box-shadow: var(--elevation-1);
  animation: rt-pop var(--rt-dur-medium) var(--rt-ease-spring) both;
}
.rb-page .rt-fabmenu__item:focus-visible{ outline: 3px solid var(--primary); outline-offset: 2px; }
.rb-page .rt-fab--menu-open{ width: 56px; padding: 0; border-radius: var(--radius-full); background: var(--rt-filled-bg); color: var(--rt-filled-fg); }
@keyframes rt-pop{ from { opacity: 0; transform: translateY(12px) scale(0.92); } to { opacity: 1; transform: none; } }
.rb-page .rt-date{
  width: 328px; max-width: 100%; box-sizing: border-box; padding: var(--space-3) var(--space-3) var(--space-2);
  border-radius: var(--radius-xl); background: var(--surface-container-high); color: var(--on-surface); box-shadow: var(--elevation-3);
}
.rb-page .rt-date__top{ display: flex; flex-direction: column; gap: var(--space-6); padding: var(--space-3) var(--space-3) var(--space-3); margin: 0 calc(-1 * var(--space-3)) var(--space-2); box-shadow: inset 0 -1px 0 var(--outline-variant); }
.rb-page .rt-date__supporting{ font: 500 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); padding: 0 var(--space-3); }
.rb-page .rt-date__headline{ font: 500 32px/40px var(--rt-font-sans); color: var(--on-surface); padding: 0 var(--space-3); text-transform: capitalize; }
.rb-page .rt-date__head{ display: flex; align-items: center; justify-content: space-between; padding: 0 0 0 var(--space-3); }
.rb-page .rt-date__month{ font: 500 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); text-transform: capitalize; }
.rb-page .rt-date__grid{ display: grid; grid-template-columns: repeat(7, 1fr); row-gap: 2px; justify-items: center; padding: 0 var(--space-1); }
.rb-page .rt-date__wd{ display: grid; place-items: center; width: 40px; height: 40px; font: 400 14px/20px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-date__day{ width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--on-surface); font: 400 14px/20px var(--rt-font-sans); font-variant-numeric: tabular-nums; cursor: pointer; }
.rb-page .rt-date__day--today{ box-shadow: inset 0 0 0 1px var(--primary); color: var(--primary); }
.rb-page .rt-date__day[aria-selected="true"]{ background: var(--rt-filled-bg); color: var(--rt-filled-fg); box-shadow: none; }
.rb-page .rt-date__day:focus-visible{ outline: 3px solid var(--primary); outline-offset: 1px; }
.rb-page .rt-date__day:disabled{ color: color-mix(in srgb, var(--on-surface) 38%, transparent); cursor: not-allowed; }
.rb-page .rt-date__actions{ display: flex; justify-content: flex-end; gap: var(--space-2); padding-top: var(--space-2); }
.rb-page .rt-time{ display: inline-flex; flex-direction: column; gap: var(--space-5); box-sizing: border-box; padding: var(--space-6); border-radius: var(--radius-xl); background: var(--surface-container-high); color: var(--on-surface); box-shadow: var(--elevation-3); }
.rb-page .rt-time__supporting{ font: 500 12px/16px var(--rt-font-sans); letter-spacing: 0.042em; color: var(--on-surface-variant); }
.rb-page .rt-time__row{ display: flex; align-items: flex-start; gap: var(--space-1); }
.rb-page .rt-time__field{ display: flex; flex-direction: column; gap: var(--space-2); }
.rb-page .rt-time__input{
  width: 96px; height: 72px; box-sizing: border-box; border: 0; border-radius: var(--radius-sm);
  background: var(--surface-container-highest); color: var(--on-surface); text-align: center;
  font: 400 45px/52px var(--rt-font-sans); font-variant-numeric: tabular-nums; outline: none; caret-color: var(--primary);
}
.rb-page .rt-time__input:focus{ background: var(--primary-container); color: var(--on-primary-container); box-shadow: inset 0 0 0 2px var(--primary); }
.rb-page .rt-time__label{ font: 400 12px/16px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-time__colon{ width: 24px; text-align: center; font: 400 57px/72px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-loading{ display: inline-grid; place-items: center; flex: none; border-radius: 50%; }
.rb-page .rt-loading--contained{ background: var(--primary-container); }
.rb-page .rt-loading__shape{ width: 79%; height: 79%; background: var(--primary); animation: rt-morph 4.2s linear infinite; }
.rb-page .rt-loading--contained .rt-loading__shape{ width: 58%; height: 58%; background: var(--on-primary-container); }
@keyframes rt-morph{
  0.0% { clip-path: polygon(50.0% 8.0%, 55.9% 5.4%, 62.8% 2.2%, 68.7% 4.9%, 72.0% 11.9%, 75.7% 16.6%, 82.5% 17.5%, 89.6% 19.6%, 91.6% 26.0%, 89.9% 33.5%, 91.1% 39.0%, 96.6% 43.9%, 100.0% 50.0%, 96.6% 56.1%, 91.1% 61.0%, 89.9% 66.5%, 91.6% 74.0%, 89.6% 80.4%, 82.5% 82.5%, 75.7% 83.4%, 72.0% 88.1%, 68.7% 95.1%, 62.8% 97.8%, 55.9% 94.6%, 50.0% 92.0%, 44.1% 94.6%, 37.2% 97.8%, 31.3% 95.1%, 28.0% 88.1%, 24.3% 83.4%, 17.5% 82.5%, 10.4% 80.4%, 8.4% 74.0%, 10.1% 66.5%, 8.9% 61.0%, 3.4% 56.1%, 0.0% 50.0%, 3.4% 43.9%, 8.9% 39.0%, 10.1% 33.5%, 8.4% 26.0%, 10.4% 19.6%, 17.5% 17.5%, 24.3% 16.6%, 28.0% 11.9%, 31.3% 4.9%, 37.2% 2.2%, 44.1% 5.4%); transform: rotate(0deg); }
  14.29% { clip-path: polygon(50.0% 4.0%, 56.4% 1.6%, 62.5% 3.5%, 67.2% 8.6%, 71.5% 12.8%, 77.3% 14.4%, 84.0% 16.0%, 88.7% 20.3%, 89.8% 27.0%, 89.9% 33.5%, 92.4% 38.6%, 96.7% 43.8%, 99.0% 50.0%, 96.7% 56.2%, 92.4% 61.4%, 89.9% 66.5%, 89.8% 73.0%, 88.7% 79.7%, 84.0% 84.0%, 77.3% 85.6%, 71.5% 87.2%, 67.2% 91.4%, 62.5% 96.5%, 56.4% 98.4%, 50.0% 96.0%, 44.4% 92.9%, 38.6% 92.4%, 32.0% 93.6%, 25.5% 92.4%, 21.3% 87.4%, 19.0% 81.0%, 15.7% 76.3%, 10.2% 73.0%, 4.9% 68.7%, 3.5% 62.5%, 5.5% 55.9%, 7.0% 50.0%, 5.5% 44.1%, 3.5% 37.5%, 4.9% 31.3%, 10.2% 27.0%, 15.7% 23.7%, 19.0% 19.0%, 21.3% 12.6%, 25.5% 7.6%, 32.0% 6.4%, 38.6% 7.6%, 44.4% 7.1%); transform: rotate(102deg); }
  28.57% { clip-path: polygon(50.0% 0.0%, 56.1% 3.7%, 61.5% 7.0%, 66.5% 10.2%, 71.2% 13.3%, 75.7% 16.5%, 80.1% 19.9%, 84.6% 23.5%, 89.2% 27.3%, 94.3% 31.7%, 96.9% 37.4%, 95.4% 44.0%, 93.9% 50.0%, 92.4% 55.6%, 90.8% 60.9%, 89.1% 66.2%, 87.2% 71.5%, 85.1% 76.9%, 82.7% 82.7%, 80.0% 89.1%, 73.7% 91.0%, 67.2% 91.5%, 61.2% 91.9%, 55.5% 92.1%, 50.0% 92.2%, 44.5% 92.1%, 38.8% 91.9%, 32.8% 91.5%, 26.3% 91.0%, 20.0% 89.1%, 17.3% 82.7%, 14.9% 76.9%, 12.8% 71.5%, 10.9% 66.2%, 9.2% 60.9%, 7.6% 55.6%, 6.1% 50.0%, 4.6% 44.0%, 3.1% 37.4%, 5.7% 31.7%, 10.8% 27.3%, 15.4% 23.5%, 19.9% 19.9%, 24.3% 16.5%, 28.8% 13.3%, 33.5% 10.2%, 38.5% 7.0%, 43.9% 3.7%); transform: rotate(205deg); }
  42.86% { clip-path: polygon(50.0% 19.0%, 54.1% 19.1%, 58.2% 19.4%, 62.4% 20.0%, 66.9% 20.8%, 71.5% 22.0%, 76.3% 23.7%, 81.4% 25.9%, 86.6% 28.9%, 91.6% 32.8%, 95.9% 37.7%, 98.9% 43.6%, 100.0% 50.0%, 98.9% 56.4%, 95.9% 62.3%, 91.6% 67.2%, 86.6% 71.1%, 81.4% 74.1%, 76.3% 76.3%, 71.5% 78.0%, 66.9% 79.2%, 62.4% 80.0%, 58.2% 80.6%, 54.1% 80.9%, 50.0% 81.0%, 45.9% 80.9%, 41.8% 80.6%, 37.6% 80.0%, 33.1% 79.2%, 28.5% 78.0%, 23.7% 76.3%, 18.6% 74.1%, 13.4% 71.1%, 8.4% 67.2%, 4.1% 62.3%, 1.1% 56.4%, 0.0% 50.0%, 1.1% 43.6%, 4.1% 37.7%, 8.4% 32.8%, 13.4% 28.9%, 18.6% 25.9%, 23.7% 23.7%, 28.5% 22.0%, 33.1% 20.8%, 37.6% 20.0%, 41.8% 19.4%, 45.9% 19.1%); transform: rotate(308deg); }
  57.14% { clip-path: polygon(50.0% 0.0%, 55.9% 5.4%, 60.4% 11.4%, 67.2% 8.4%, 75.0% 6.7%, 77.4% 14.3%, 78.3% 21.7%, 85.7% 22.6%, 93.3% 25.0%, 91.6% 32.8%, 88.6% 39.6%, 94.6% 44.1%, 100.0% 50.0%, 94.6% 55.9%, 88.6% 60.4%, 91.6% 67.2%, 93.3% 75.0%, 85.7% 77.4%, 78.3% 78.3%, 77.4% 85.7%, 75.0% 93.3%, 67.2% 91.6%, 60.4% 88.6%, 55.9% 94.6%, 50.0% 100.0%, 44.1% 94.6%, 39.6% 88.6%, 32.8% 91.6%, 25.0% 93.3%, 22.6% 85.7%, 21.7% 78.3%, 14.3% 77.4%, 6.7% 75.0%, 8.4% 67.2%, 11.4% 60.4%, 5.4% 55.9%, 0.0% 50.0%, 5.4% 44.1%, 11.4% 39.6%, 8.4% 32.8%, 6.7% 25.0%, 14.3% 22.6%, 21.7% 21.7%, 22.6% 14.3%, 25.0% 6.7%, 32.8% 8.4%, 39.6% 11.4%, 44.1% 5.4%); transform: rotate(411deg); }
  71.43% { clip-path: polygon(50.0% 0.0%, 56.4% 1.1%, 62.3% 4.1%, 67.2% 8.4%, 71.2% 13.2%, 74.8% 17.7%, 78.3% 21.7%, 82.3% 25.2%, 86.8% 28.8%, 91.6% 32.8%, 95.9% 37.7%, 98.9% 43.6%, 100.0% 50.0%, 98.9% 56.4%, 95.9% 62.3%, 91.6% 67.2%, 86.8% 71.2%, 82.3% 74.8%, 78.3% 78.3%, 74.8% 82.3%, 71.2% 86.8%, 67.2% 91.6%, 62.3% 95.9%, 56.4% 98.9%, 50.0% 100.0%, 43.6% 98.9%, 37.7% 95.9%, 32.8% 91.6%, 28.8% 86.8%, 25.2% 82.3%, 21.7% 78.3%, 17.7% 74.8%, 13.2% 71.3%, 8.4% 67.2%, 4.1% 62.3%, 1.1% 56.4%, 0.0% 50.0%, 1.1% 43.6%, 4.1% 37.7%, 8.4% 32.8%, 13.2% 28.7%, 17.7% 25.2%, 21.7% 21.7%, 25.2% 17.7%, 28.7% 13.2%, 32.8% 8.4%, 37.7% 4.1%, 43.6% 1.1%); transform: rotate(514deg); }
  85.71% { clip-path: polygon(50.0% 2.0%, 56.3% 2.4%, 62.4% 3.6%, 68.4% 5.7%, 74.0% 8.4%, 79.2% 11.9%, 83.9% 16.1%, 88.1% 20.8%, 91.6% 26.0%, 94.3% 31.6%, 96.4% 37.6%, 97.6% 43.7%, 98.0% 50.0%, 97.6% 56.3%, 96.4% 62.4%, 94.3% 68.4%, 91.6% 74.0%, 88.1% 79.2%, 83.9% 83.9%, 79.2% 88.1%, 74.0% 91.6%, 68.4% 94.3%, 62.4% 96.4%, 56.3% 97.6%, 50.0% 98.0%, 43.7% 97.6%, 37.6% 96.4%, 31.6% 94.3%, 26.0% 91.6%, 20.8% 88.1%, 16.1% 83.9%, 11.9% 79.2%, 8.4% 74.0%, 5.7% 68.4%, 3.6% 62.4%, 2.4% 56.3%, 2.0% 50.0%, 2.4% 43.7%, 3.6% 37.6%, 5.7% 31.6%, 8.4% 26.0%, 11.9% 20.8%, 16.1% 16.1%, 20.8% 11.9%, 26.0% 8.4%, 31.6% 5.7%, 37.6% 3.6%, 43.7% 2.4%); transform: rotate(617deg); }
  100.0% { clip-path: polygon(50.0% 8.0%, 55.9% 5.4%, 62.8% 2.2%, 68.7% 4.9%, 72.0% 11.9%, 75.7% 16.6%, 82.5% 17.5%, 89.6% 19.6%, 91.6% 26.0%, 89.9% 33.5%, 91.1% 39.0%, 96.6% 43.9%, 100.0% 50.0%, 96.6% 56.1%, 91.1% 61.0%, 89.9% 66.5%, 91.6% 74.0%, 89.6% 80.4%, 82.5% 82.5%, 75.7% 83.4%, 72.0% 88.1%, 68.7% 95.1%, 62.8% 97.8%, 55.9% 94.6%, 50.0% 92.0%, 44.1% 94.6%, 37.2% 97.8%, 31.3% 95.1%, 28.0% 88.1%, 24.3% 83.4%, 17.5% 82.5%, 10.4% 80.4%, 8.4% 74.0%, 10.1% 66.5%, 8.9% 61.0%, 3.4% 56.1%, 0.0% 50.0%, 3.4% 43.9%, 8.9% 39.0%, 10.1% 33.5%, 8.4% 26.0%, 10.4% 19.6%, 17.5% 17.5%, 24.3% 16.6%, 28.0% 11.9%, 31.3% 4.9%, 37.2% 2.2%, 44.1% 5.4%); transform: rotate(720deg); }
}
.rb-page .rt-cprogress{ display: inline-block; flex: none; }
.rb-page .rt-cprogress svg{ display: block; transform: rotate(-90deg); overflow: visible; }
.rb-page .rt-cprogress circle{ fill: none; stroke-linecap: round; }
.rb-page .rt-cprogress__track{ stroke: var(--secondary-container); }
.rb-page .rt-cprogress__active{ stroke: var(--primary); transition: stroke-dasharray var(--rt-dur-medium) var(--rt-ease-emphasized); }
.rb-page .rt-cprogress--ind svg{ animation: rt-spin 1.2s linear infinite; }
@keyframes rt-spin{ from { transform: rotate(-90deg); } to { transform: rotate(270deg); } }
.rb-page .rt-rail{ display: flex; flex-direction: column; align-items: center; gap: var(--space-1); width: 96px; min-height: 100%; box-sizing: border-box; padding: var(--space-4) 0; background: var(--surface); transition: width var(--rt-dur-medium) var(--rt-ease-emphasized); }
.rb-page .rt-rail__top{ display: flex; flex-direction: column; align-items: center; gap: var(--space-2); margin-bottom: var(--space-6); }
.rb-page .rt-rail__item{ display: flex; flex-direction: column; align-items: center; gap: var(--space-1); width: 80px; margin-bottom: var(--space-2); padding: 0; border: 0; background: none; color: var(--on-surface-variant); font: 500 12px/16px var(--rt-font-sans); letter-spacing: 0.042em; cursor: pointer; }
.rb-page .rt-rail__ind{ display: grid; place-items: center; width: 56px; height: 32px; border-radius: var(--radius-full); transition: background var(--rt-dur-medium) var(--rt-ease-spring); }
.rb-page .rt-rail__item[aria-current="page"]{ color: var(--on-surface); font-weight: 700; }
.rb-page .rt-rail__item[aria-current="page"] .rt-rail__ind{ background: var(--secondary-container); color: var(--on-secondary-container); }
.rb-page .rt-rail__item:focus-visible{ outline: none; }
.rb-page .rt-rail__item:focus-visible .rt-rail__ind{ outline: 3px solid var(--primary); outline-offset: 2px; }
.rb-page .rt-rail--expanded{ width: 240px; align-items: stretch; padding: var(--space-4) var(--space-3); }
.rb-page .rt-rail--expanded .rt-rail__top{ align-items: flex-start; padding-left: var(--space-2); }
.rb-page .rt-rail--expanded .rt-rail__item{ flex-direction: row; gap: var(--space-3); width: auto; height: 56px; margin: 0; padding: 0 var(--space-4); border-radius: var(--radius-full); font-size: 14px; line-height: 20px; letter-spacing: 0.007em; position: relative; isolation: isolate; overflow: hidden; }
.rb-page .rt-rail--expanded .rt-rail__ind{ width: auto; height: auto; background: none !important; overflow: visible; }
.rb-page .rt-rail--expanded .rt-rail__ind::before{ display: none; }
.rb-page .rt-rail--expanded .rt-rail__item[aria-current="page"]{ background: var(--secondary-container); color: var(--on-secondary-container); }
.rb-page .rt-drawer{ display: flex; flex-direction: column; width: 360px; max-width: 100%; box-sizing: border-box; padding: var(--space-3); border-radius: 0 var(--radius-lg) var(--radius-lg) 0; background: var(--surface-container-low); color: var(--on-surface); }
.rb-page .rt-drawer--modal{ position: fixed; top: 0; bottom: 0; left: 0; max-width: calc(100% - 56px); border-radius: 0 var(--radius-lg-increased) var(--radius-lg-increased) 0; box-shadow: var(--elevation-1); overflow-y: auto; animation: rt-slide-in var(--rt-dur-long) var(--rt-ease-decelerate) both; }
.rb-page .rt-drawer__headline{ margin: 0; padding: var(--space-5) var(--space-4) var(--space-4); font: 700 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-drawer__title{ margin: 0; padding: var(--space-4) var(--space-4) var(--space-2); font: 700 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-drawer__divider{ margin: var(--space-2) var(--space-4); }
.rb-page .rt-drawer__item{ display: flex; align-items: center; gap: var(--space-3); height: 56px; padding: 0 var(--space-6) 0 var(--space-4); border-radius: var(--radius-full); color: var(--on-surface-variant); font: 500 14px/20px var(--rt-font-sans); text-decoration: none; }
.rb-page .rt-drawer__item[aria-current="page"]{ background: var(--secondary-container); color: var(--on-secondary-container); font-weight: 700; }
.rb-page .rt-drawer__item:focus-visible{ outline: 3px solid var(--primary); outline-offset: -3px; }
.rb-page .rt-drawer__label{ flex: 1; min-width: 0; }
.rb-page .rt-drawer__badge{ font: 500 14px/20px var(--rt-font-sans); }
@keyframes rt-slide-in{ from { transform: translateX(-100%); } to { transform: none; } }
.rb-page .rt-scrim{ position: fixed; inset: 0; z-index: var(--z-scrim); background: var(--scrim); animation: rt-fade var(--rt-dur-medium) linear both; }
.rb-page .rt-scrim--bottom{ display: flex; align-items: flex-end; justify-content: center; }
.rb-page .rt-scrim--end{ display: flex; justify-content: flex-end; }
@keyframes rt-fade{ from { opacity: 0; } to { opacity: 1; } }
.rb-page .rt-tabs{ min-width: 0; }
.rb-page .rt-tabs__list{ display: flex; box-shadow: inset 0 -1px 0 var(--outline-variant); }
.rb-page .rt-tabs__list--scroll{ overflow-x: auto; scrollbar-width: none; }
.rb-page .rt-tabs__list--scroll::-webkit-scrollbar{ display: none; }
.rb-page .rt-tab{ flex: 1 0 auto; display: flex; justify-content: center; min-width: 90px; height: 48px; padding: 0 var(--space-4); border: 0; background: transparent; color: var(--on-surface-variant); font: 700 14px/20px var(--rt-font-sans); letter-spacing: 0.007em; white-space: nowrap; cursor: pointer; }
.rb-page .rt-tabs__list--scroll .rt-tab{ flex: 0 0 auto; }
.rb-page .rt-tab__content{ position: relative; display: inline-flex; align-items: center; gap: var(--space-2); height: 100%; }
.rb-page .rt-tab[aria-selected="true"]{ color: var(--primary); }
.rb-page .rt-tab:focus-visible{ outline: 3px solid var(--primary); outline-offset: -3px; }
.rb-page .rt-tabs--primary .rt-tab[aria-selected="true"] .rt-tab__content::after{ content: ""; position: absolute; left: 2px; right: 2px; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--primary); }
.rb-page .rt-tabs--icons .rt-tab{ height: 64px; }
.rb-page .rt-tabs--icons .rt-tab__content{ flex-direction: column; justify-content: center; gap: 2px; }
.rb-page .rt-tabs--secondary .rt-tab{ position: relative; font-weight: 500; }
.rb-page .rt-tabs--secondary .rt-tab[aria-selected="true"]{ color: var(--on-surface); }
.rb-page .rt-tabs--secondary .rt-tab[aria-selected="true"]::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--primary); }
.rb-page .rt-tabs__panel{ padding-top: var(--space-6); }
.rb-page .rt-toolbar{ display: inline-flex; align-items: center; gap: var(--space-1); box-sizing: border-box; color: var(--on-surface-variant); }
.rb-page .rt-toolbar--floating{ height: 64px; padding: 0 var(--space-2); border-radius: var(--radius-full); background: var(--surface-container); box-shadow: var(--elevation-3); }
.rb-page .rt-toolbar--docked{ display: flex; justify-content: space-around; width: 100%; height: 64px; padding: 0 var(--space-4); background: var(--surface-container); }
.rb-page .rt-toolbar--vibrant{ background: var(--primary-container); color: var(--on-primary-container); }
.rb-page .rt-toolbar .rt-icon-btn{ color: inherit; margin: 0; width: 48px; height: 48px; }
.rb-page .rt-toolbar .rt-toolbar__on{ background: var(--secondary-container); color: var(--on-secondary-container); }
.rb-page .rt-toolbar--vibrant .rt-toolbar__on{ background: var(--surface-container-lowest); color: var(--primary); }
.rb-page .rt-toolbar-wrap{ display: inline-flex; align-items: center; gap: var(--space-2); }
.rb-page .rt-divider{ height: 1px; margin: 0; border: 0; background: var(--outline-variant); flex: none; }
.rb-page .rt-divider--start{ margin-left: var(--space-4); }
.rb-page .rt-divider--middle{ margin-left: var(--space-4); margin-right: var(--space-4); }
.rb-page .rt-divider--vertical{ width: 1px; height: auto; align-self: stretch; }
.rb-page .rt-sheet{ width: 100%; max-width: 640px; box-sizing: border-box; padding: 0 var(--space-6) var(--space-6); border-radius: var(--radius-xl) var(--radius-xl) 0 0; background: var(--surface-container-low); color: var(--on-surface); box-shadow: var(--elevation-1); }
.rb-page .rt-sheet--modal{ max-height: 90dvh; overflow-y: auto; animation: rt-sheet-up var(--rt-dur-long) var(--rt-ease-decelerate) both; }
.rb-page .rt-sheet__handle{ display: block; width: 32px; height: 4px; margin: 22px auto; border-radius: var(--radius-full); background: color-mix(in srgb, var(--on-surface-variant) 40%, transparent); }
.rb-page .rt-sheet__headline{ margin: 0 0 var(--space-4); font: 500 24px/32px var(--rt-font-sans); color: var(--on-surface); }
@keyframes rt-sheet-up{ from { transform: translateY(100%); } to { transform: none; } }
.rb-page .rt-side{ display: flex; flex-direction: column; width: 360px; max-width: 100%; box-sizing: border-box; background: var(--surface-container-low); color: var(--on-surface); border-radius: var(--radius-lg-increased) 0 0 var(--radius-lg-increased); }
.rb-page .rt-side--modal{ height: 100%; box-shadow: var(--elevation-1); animation: rt-slide-end var(--rt-dur-long) var(--rt-ease-decelerate) both; }
.rb-page .rt-side__head{ display: flex; align-items: center; gap: var(--space-1); padding: var(--space-3) var(--space-3) var(--space-2) var(--space-6); }
.rb-page .rt-side__head .rt-icon-btn:first-child{ margin-left: calc(-1 * var(--space-3)); }
.rb-page .rt-side__headline{ flex: 1; margin: 0; font: 700 22px/28px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-side__body{ flex: 1; min-height: 0; overflow-y: auto; padding: var(--space-2) var(--space-6) var(--space-6); font: 400 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-side__actions{ display: flex; gap: var(--space-2); padding: var(--space-4) var(--space-6) var(--space-6); box-shadow: inset 0 1px 0 var(--outline-variant); }
@keyframes rt-slide-end{ from { transform: translateX(100%); } to { transform: none; } }
.rb-page .rt-carousel{ min-width: 0; }
.rb-page .rt-carousel__track{ --rt-carousel-h: 280px; display: flex; gap: var(--space-2); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 0; outline: none; }
.rb-page .rt-carousel__track::-webkit-scrollbar{ display: none; }
.rb-page .rt-carousel__track:focus-visible{ outline: 3px solid var(--primary); outline-offset: 2px; border-radius: var(--radius-xl); }
.rb-page .rt-carousel__item{ position: relative; flex: none; width: min(320px, 72%); height: var(--rt-carousel-h); scroll-snap-align: start; color: var(--white); text-decoration: none; }
.rb-page .rt-carousel--hero .rt-carousel__item{ width: calc(100% - 64px); }
.rb-page .rt-carousel--uncontained .rt-carousel__item{ width: 260px; }
.rb-page .rt-carousel__mask{ position: absolute; inset: 0; overflow: hidden; border-radius: var(--radius-xl); clip-path: inset(0 var(--rt-mask-r, 0px) 0 var(--rt-mask-l, 0px) round var(--radius-xl)); background: var(--brand-deep-space); transition: clip-path 60ms linear; }
.rb-page .rt-carousel__mask img,.rb-page .rt-carousel__mask .rt-ph{ width: 100%; height: 100%; object-fit: cover; display: block; }
.rb-page .rt-carousel__item:has(.rt-carousel__label) .rt-carousel__mask::after{ content: ""; position: absolute; inset: 40% 0 0; background: linear-gradient(180deg, #04060e00 0%, #04060ecc 100%); pointer-events: none; }
.rb-page .rt-carousel__label{ position: absolute; z-index: 1; left: calc(var(--space-4) + var(--rt-mask-l, 0px)); bottom: var(--space-4); right: var(--space-4); font: 700 16px/24px var(--rt-font-sans); color: var(--white); text-shadow: 0 1px 8px #04060ecc; transition: opacity var(--rt-dur-short) linear; }
.rb-page .rt-carousel__item--small .rt-carousel__label{ opacity: 0; }
.rb-page .rt-carousel__item:focus-visible{ outline: none; }
.rb-page .rt-carousel__item:focus-visible .rt-carousel__mask{ box-shadow: inset 0 0 0 3px var(--primary); }
.rb-page .rt-slider{ display: flex; flex-direction: column; gap: var(--space-2); width: 100%; min-width: 0; font-family:var(--rt-font-sans); }
.rb-page .rt-slider__label{ display: flex; justify-content: space-between; font: 500 14px/20px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-slider__value{ color: var(--on-surface-variant); font-variant-numeric: tabular-nums; }
.rb-page .rt-slider__track{ position: relative; height: 44px; margin: 0 2px; touch-action: none; cursor: pointer; }
.rb-page .rt-slider__active,.rb-page .rt-slider__inactive{ position: absolute; top: 50%; height: 16px; transform: translateY(-50%); }
.rb-page .rt-slider__active{ left: 0; width: max(0px, calc(var(--rt-pct) * 100% - 6px)); border-radius: 8px 2px 2px 8px; background: var(--primary); }
.rb-page .rt-slider__inactive{ right: 0; width: max(0px, calc((1 - var(--rt-pct)) * 100% - 6px)); border-radius: 2px 8px 8px 2px; background: var(--secondary-container); }
.rb-page .rt-slider__stop{ position: absolute; top: 50%; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; transform: translateY(-50%); background: var(--on-secondary-container); }
.rb-page .rt-slider__stop--on{ background: var(--on-primary); }
.rb-page .rt-slider__handle{ position: absolute; top: 0; left: calc(var(--rt-pct) * 100%); width: 4px; height: 44px; margin-left: -2px; border-radius: 2px; background: var(--primary); outline: none; transition: width var(--rt-dur-short) var(--rt-ease-spring); }
.rb-page .rt-slider__handle:focus-visible{ box-shadow: 0 0 0 3px var(--surface), 0 0 0 6px var(--primary); }
.rb-page .rt-slider__track--drag .rt-slider__handle{ width: 2px; margin-left: -1px; }
.rb-page .rt-slider__bubble{ position: absolute; bottom: calc(100% + 4px); left: 50%; transform: translateX(-50%) scale(0.6); opacity: 0; min-width: 48px; height: 44px; padding: 0 var(--space-4); box-sizing: border-box; display: grid; place-items: center; border-radius: var(--radius-full); background: var(--inverse-surface); color: var(--inverse-on-surface); font: 500 14px/20px var(--rt-font-sans); font-variant-numeric: tabular-nums; pointer-events: none; transition: opacity var(--rt-dur-short) linear, transform var(--rt-dur-medium) var(--rt-ease-spring); }
.rb-page .rt-slider__handle:focus-visible .rt-slider__bubble,.rb-page .rt-slider__track--drag .rt-slider__bubble{ opacity: 1; transform: translateX(-50%) scale(1); }
.rb-page .rt-slider--disabled{ opacity: var(--state-disabled-content); }
.rb-page .rt-slider--disabled .rt-slider__track{ cursor: not-allowed; }
.rb-page .rt-tip{ position: relative; display: inline-flex; }
.rb-page .rt-tip__box{ position: absolute; left: 50%; bottom: calc(100% + 4px); z-index: var(--z-toast); transform: translateX(-50%) scale(0.9); opacity: 0; pointer-events: none; width: max-content; max-width: 200px; box-sizing: border-box; padding: 4px 8px; border-radius: var(--radius-xs); background: var(--inverse-surface); color: var(--inverse-on-surface); font: 400 12px/16px var(--rt-font-sans); letter-spacing: 0.033em; transition: opacity var(--rt-dur-short) linear, transform var(--rt-dur-short) var(--rt-ease-emphasized); }
.rb-page .rt-tip--bottom .rt-tip__box{ bottom: auto; top: calc(100% + 4px); }
.rb-page .rt-tip:hover .rt-tip__box,.rb-page .rt-tip:focus-within .rt-tip__box,.rb-page .rt-tip--open .rt-tip__box{ opacity: 1; transform: translateX(-50%) scale(1); pointer-events: auto; }
.rb-page .rt-tip__box--rich{ display: flex; flex-direction: column; gap: var(--space-1); max-width: 312px; padding: var(--space-3) var(--space-4) var(--space-2); border-radius: var(--radius-md); background: var(--surface-container); color: var(--on-surface-variant); box-shadow: var(--elevation-2); font-size: 14px; line-height: 20px; letter-spacing: 0.018em; }
.rb-page .rt-tip__title{ font: 700 14px/20px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-tip__action{ margin: var(--space-1) 0 0 calc(-1 * var(--space-4)); }
.rb-page .rt-section{ background: var(--surface); color: var(--on-surface); }
.rb-page .rt-section__inner{ max-width: var(--content-max); margin: 0 auto; box-sizing: border-box; padding: var(--space-24) var(--space-7); }
.rb-page .rt-section--low{ background: var(--surface-container-low); }
.rb-page .rt-section--sand{ background: var(--tertiary-container); color: var(--on-tertiary-container); }
.rb-page .rt-section--primary{ background: var(--primary-container); color: var(--on-primary-container); }
.rb-page .rt-section--dark{ background: var(--surface-container-lowest); color: var(--on-surface); }
@media (max-width: 839px){.rb-page .rt-section__inner{ padding: var(--space-16) var(--space-4); }}
.rb-page .rt-actions{ display: flex; flex-wrap: wrap; gap: var(--space-3); }
.rb-page .rt-shead{ display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); max-width: 760px; margin-bottom: var(--space-10); }
.rb-page .rt-shead--center{ align-items: center; text-align: center; margin-left: auto; margin-right: auto; }
.rb-page .rt-shead__overline{ margin: 0; font: 500 12px/16px var(--rt-font-sans); letter-spacing: 0.08em; text-transform: uppercase; color: var(--primary); }
.rb-page .rt-section--sand .rt-shead__overline,.rb-page .rt-section--primary .rt-shead__overline{ color: inherit; }
.rb-page .rt-shead__title{ margin: 0; font: 500 clamp(32px, 3.4vw, 48px)/1.08 var(--rt-font-sans); letter-spacing: -0.01em; color: inherit; text-wrap: balance; }
.rb-page .rt-shead__lead{ margin: 0; max-width: 60ch; font: 400 18px/28px var(--rt-font-sans); color: var(--on-surface-variant); text-wrap: pretty; }
.rb-page .rt-section--sand .rt-shead__lead,.rb-page .rt-section--primary .rt-shead__lead{ color: inherit; }
.rb-page .rt-split-row .rt-section__inner{ display: grid; grid-template-columns: 5fr 7fr; gap: var(--space-16); align-items: center; }
.rb-page .rt-split-row--reverse .rt-section__inner{ grid-template-columns: 7fr 5fr; }
.rb-page .rt-split-row--reverse .rt-split-row__text{ order: 2; }
.rb-page .rt-split-row__text{ min-width: 0; display: flex; flex-direction: column; gap: var(--space-8); }
.rb-page .rt-split-row__text .rt-shead{ margin-bottom: 0; }
.rb-page .rt-split-row__media{ min-width: 0; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--radius-xl-increased); background: var(--brand-deep-space); }
.rb-page .rt-split-row__media img{ width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 839px){.rb-page .rt-split-row .rt-section__inner,.rb-page .rt-split-row--reverse .rt-section__inner{ grid-template-columns: 1fr; gap: var(--space-10); }
.rb-page .rt-split-row--reverse .rt-split-row__text{ order: 0; }}
.rb-page .rt-bullets{ display: flex; flex-direction: column; gap: var(--space-5); margin: 0; padding: 0; list-style: none; }
.rb-page .rt-bullets__item{ display: flex; gap: var(--space-4); align-items: flex-start; }
.rb-page .rt-bullets__icon{ flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--primary-container); color: var(--on-primary-container); }
.rb-page .rt-bullets__title{ display: block; font: 700 16px/24px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-bullets__text{ display: block; font: 400 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-bento{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: minmax(220px, auto); gap: var(--space-4); }
.rb-page .rt-bento__tile{ position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: var(--space-2); min-width: 0; box-sizing: border-box; padding: var(--space-6); overflow: hidden; border-radius: var(--radius-xl-increased); color: var(--on-surface); text-decoration: none; }
.rb-page .rt-bento__tile--wide{ grid-column: span 2; }
.rb-page .rt-bento__tile--tall{ grid-row: span 2; }
.rb-page .rt-bento__tile--big{ grid-column: span 2; grid-row: span 2; }
.rb-page .rt-bento__tile--surface{ background: var(--surface-container-low); }
.rb-page .rt-bento__tile--primary{ background: var(--primary-container); color: var(--on-primary-container); }
.rb-page .rt-bento__tile--sand{ background: var(--tertiary-container); color: var(--on-tertiary-container); }
.rb-page .rt-bento__tile--dark{ background: var(--surface-container-high); color: var(--on-surface); }
.rb-page .rt-bento__tile--night{ background: var(--brand-night); color: var(--white); }
.rb-page .rt-bento__media{ position: absolute; inset: 0; z-index: -1; }
.rb-page .rt-bento__media img,.rb-page .rt-bento__media .rt-ph{ width: 100%; height: 100%; object-fit: cover; display: block; }
.rb-page .rt-bento__tile:has(.rt-bento__media){ isolation: isolate; color: var(--white); }
.rb-page .rt-bento__tile:has(.rt-bento__media)::after{ content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, #04060e00 30%, #04060ed9 100%); }
.rb-page .rt-bento__icon{ display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: auto; border-radius: 50%; background: var(--primary-container); color: var(--on-primary-container); }
.rb-page .rt-bento__tile--primary .rt-bento__icon{ background: var(--surface-container-lowest); color: var(--primary); }
.rb-page .rt-bento__title{ margin: var(--space-6) 0 0; font: 700 22px/28px var(--rt-font-sans); color: inherit; }
.rb-page .rt-bento__tile--big .rt-bento__title{ font: 400 clamp(28px, 3vw, 45px)/1.05 var(--rt-font-display); }
.rb-page .rt-bento__text{ margin: 0; max-width: 46ch; font: 400 14px/20px var(--rt-font-sans); color: inherit; opacity: 0.86; }
.rb-page .rt-bento__tile--surface .rt-bento__text,.rb-page .rt-bento__tile--dark .rt-bento__text{ color: var(--on-surface-variant); opacity: 1; }
.rb-page .rt-bento__more{ display: inline-flex; align-items: center; gap: var(--space-1); margin-top: var(--space-2); font: 500 14px/20px var(--rt-font-sans); }
.rb-page .rt-bento__tile:focus-visible{ outline: 3px solid var(--primary); outline-offset: 2px; }
@media (max-width: 1099px){.rb-page .rt-bento{ grid-template-columns: repeat(2, minmax(0, 1fr)); }}
@media (max-width: 599px){.rb-page .rt-bento{ grid-template-columns: 1fr; }
.rb-page .rt-bento__tile--wide,.rb-page .rt-bento__tile--big{ grid-column: auto; }
.rb-page .rt-bento__tile--tall,.rb-page .rt-bento__tile--big{ grid-row: auto; }}
.rb-page .rt-stats .rt-section__inner{ padding-top: var(--space-16); padding-bottom: var(--space-16); }
.rb-page .rt-stats__title{ margin: 0 0 var(--space-10); font: 500 24px/32px var(--rt-font-sans); color: inherit; }
.rb-page .rt-stats__list{ display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--space-8); margin: 0; }
.rb-page .rt-stats__item{ display: flex; flex-direction: column-reverse; gap: var(--space-2); }
.rb-page .rt-stats__value{ margin: 0; font: 400 clamp(45px, 5vw, 64px)/1 var(--rt-font-display); letter-spacing: -0.01em; font-variant-numeric: tabular-nums; color: inherit; }
.rb-page .rt-stats__label{ font: 500 16px/24px var(--rt-font-sans); color: inherit; }
.rb-page .rt-stats__note{ order: -1; margin: 0; font: 400 12px/16px var(--rt-font-sans); opacity: 0.8; }
.rb-page .rt-pricing__grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--space-4); align-items: stretch; }
.rb-page .rt-plan{ position: relative; display: flex; flex-direction: column; gap: var(--space-4); box-sizing: border-box; padding: var(--space-8) var(--space-6); border-radius: var(--radius-xl); background: var(--surface); box-shadow: inset 0 0 0 1px var(--outline-variant); color: var(--on-surface); }
.rb-page .rt-plan--rec{ background: var(--tertiary-container); color: var(--on-tertiary-container); box-shadow: none; }
.rb-page .rt-plan__badge{ position: absolute; top: var(--space-4); right: var(--space-4); display: inline-flex; align-items: center; gap: var(--space-1); height: 28px; padding: 0 var(--space-3); border-radius: var(--radius-full); background: var(--surface-container-lowest); color: var(--on-surface); font: 500 12px/16px var(--rt-font-sans); }
.rb-page .rt-plan__badge .rt-icon{ color: var(--primary); }
.rb-page .rt-plan__name{ margin: 0; font: 700 22px/28px var(--rt-font-sans); color: inherit; }
.rb-page .rt-plan__desc{ margin: 0; font: 400 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-plan--rec .rt-plan__desc{ color: inherit; }
.rb-page .rt-plan__price{ display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--space-2); margin: var(--space-2) 0 0; }
.rb-page .rt-plan__prefix,.rb-page .rt-plan__period{ font: 500 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-plan--rec .rt-plan__prefix,.rb-page .rt-plan--rec .rt-plan__period{ color: inherit; }
.rb-page .rt-plan__amount{ font: 400 45px/48px var(--rt-font-display); font-variant-numeric: tabular-nums; color: inherit; }
.rb-page .rt-plan__cta{ align-self: stretch; }
.rb-page .rt-plan__features{ display: flex; flex-direction: column; gap: var(--space-3); margin: var(--space-2) 0 0; padding: var(--space-4) 0 0; list-style: none; box-shadow: inset 0 1px 0 var(--outline-variant); font: 400 14px/20px var(--rt-font-sans); }
.rb-page .rt-plan--rec .rt-plan__features{ box-shadow: inset 0 1px 0 var(--brand-sand-deep); }
.rb-page .rt-plan__features li{ display: flex; gap: var(--space-3); align-items: flex-start; }
.rb-page .rt-plan__features .rt-icon{ color: var(--primary); }
.rb-page .rt-plan--rec .rt-plan__features .rt-icon{ color: var(--on-tertiary-container); }
.rb-page .rt-pricing__note{ margin: var(--space-6) 0 0; text-align: center; font: 400 12px/16px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-cmp{ overflow-x: auto; border-radius: var(--radius-xl); box-shadow: inset 0 0 0 1px var(--outline-variant); }
.rb-page .rt-cmp:focus-visible{ outline: 3px solid var(--primary); outline-offset: 2px; }
.rb-page .rt-cmp__table{ width: 100%; min-width: 640px; border-collapse: separate; border-spacing: 0; font: 400 14px/20px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-cmp__table th,.rb-page .rt-cmp__table td{ padding: var(--space-4); text-align: center; box-shadow: inset 0 -1px 0 var(--outline-variant); }
.rb-page .rt-cmp__table thead th{ position: sticky; top: 0; background: var(--surface-container-low); font: 700 16px/24px var(--rt-font-sans); vertical-align: bottom; }
.rb-page .rt-cmp__table tbody th{ text-align: left; font-weight: 500; }
.rb-page .rt-cmp__table th:first-child{ position: sticky; left: 0; z-index: 1; background: var(--surface); text-align: left; min-width: 180px; }
.rb-page .rt-cmp__table thead th:first-child{ background: var(--surface-container-low); z-index: 2; }
.rb-page .rt-cmp__corner{ color: var(--on-surface-variant); font-weight: 500 !important; font-size: 14px !important; }
.rb-page .rt-cmp__table tr:last-child > *{ box-shadow: none; }
.rb-page .rt-cmp__hl{ background: color-mix(in srgb, var(--primary-container) 55%, transparent); }
.rb-page .rt-cmp__table thead .rt-cmp__hl{ background: var(--primary-container); color: var(--on-primary-container); }
.rb-page .rt-cmp__hl-badge{ display: block; margin-bottom: var(--space-1); font: 500 11px/16px var(--rt-font-sans); letter-spacing: 0.08em; text-transform: uppercase; }
.rb-page .rt-cmp__group th{ background: var(--surface-container) !important; font: 700 12px/16px var(--rt-font-sans) !important; letter-spacing: 0.08em; text-transform: uppercase; color: var(--on-surface-variant); }
.rb-page .rt-cmp__yes{ color: var(--primary); }
.rb-page .rt-cmp__no{ color: var(--on-surface-variant); }
.rb-page .rt-ftabs__panel{ display: grid; grid-template-columns: 5fr 7fr; gap: var(--space-12); align-items: center; }
.rb-page .rt-ftabs__text{ display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; }
.rb-page .rt-ftabs__title{ margin: 0; font: 500 28px/36px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-ftabs__body{ margin: 0; font: 400 16px/24px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-ftabs__media{ min-width: 0; aspect-ratio: 16 / 10; overflow: hidden; border-radius: var(--radius-xl-increased); background: var(--brand-deep-space); }
.rb-page .rt-ftabs__media img{ width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 839px){.rb-page .rt-ftabs__panel{ grid-template-columns: 1fr; gap: var(--space-6); }}
.rb-page .rt-faq .rt-section__inner{ max-width: calc(var(--reading-max) + 2 * var(--space-7) + 160px); }
.rb-page .rt-faq__list{ box-shadow: inset 0 1px 0 var(--outline-variant); }
.rb-page .rt-faq__item{ box-shadow: inset 0 -1px 0 var(--outline-variant); }
.rb-page .rt-faq__q{ margin: 0; }
.rb-page .rt-faq__btn{ display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); width: 100%; min-height: 72px; padding: var(--space-4) var(--space-4) var(--space-4) var(--space-2); border: 0; border-radius: var(--radius-md); background: transparent; color: var(--on-surface); font: 700 18px/26px var(--rt-font-sans); text-align: left; cursor: pointer; }
.rb-page .rt-faq__btn:focus-visible{ outline: 3px solid var(--primary); outline-offset: -3px; }
.rb-page .rt-faq__chev{ color: var(--on-surface-variant); transition: transform var(--rt-dur-medium) var(--rt-ease-emphasized); }
.rb-page .rt-faq__item--open .rt-faq__chev{ transform: rotate(180deg); color: var(--primary); }
.rb-page .rt-faq__a{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--rt-dur-medium) var(--rt-ease-emphasized); }
.rb-page .rt-faq__item--open .rt-faq__a{ grid-template-rows: 1fr; }
.rb-page .rt-faq__a-inner{ overflow: hidden; }
.rb-page .rt-faq__a p{ margin: 0; padding: 0 var(--space-12) var(--space-6) var(--space-2); max-width: 72ch; font: 400 16px/24px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-faq__item:not(.rt-faq__item--open) .rt-faq__a-inner{ visibility: hidden; }
.rb-page .rt-quote{ position: relative; display: flex; flex-direction: column; gap: var(--space-6); margin: 0; box-sizing: border-box; padding: var(--space-10) var(--space-8) var(--space-8); border-radius: var(--radius-xl-increased); }
.rb-page .rt-quote--sand{ background: var(--tertiary-container); color: var(--on-tertiary-container); }
.rb-page .rt-quote--surface{ background: var(--surface-container-low); color: var(--on-surface); }
.rb-page .rt-quote--dark{ background: var(--brand-night); color: var(--white); }
.rb-page .rt-quote__mark{ font: 400 96px/0.6 var(--rt-font-display); color: var(--tertiary); height: 40px; }
.rb-page .rt-quote--dark .rt-quote__mark{ color: var(--brand-sand); }
.rb-page .rt-quote__text{ margin: 0; font: 500 clamp(20px, 2vw, 26px)/1.35 var(--rt-font-sans); color: inherit; text-wrap: pretty; }
.rb-page .rt-quote__by{ display: flex; align-items: center; gap: var(--space-3); }
.rb-page .rt-quote__avatar{ flex: none; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; object-fit: cover; background: var(--primary-container); color: var(--on-primary-container); font: 500 16px/1 var(--rt-font-sans); }
.rb-page .rt-quote__name{ display: block; font: 700 16px/24px var(--rt-font-sans); }
.rb-page .rt-quote__role{ display: block; font: 400 14px/20px var(--rt-font-sans); opacity: 0.86; }
.rb-page .rt-steps__list{ display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space-8); margin: 0; padding: 0; list-style: none; counter-reset: none; }
.rb-page .rt-steps__item{ display: flex; flex-direction: column; gap: var(--space-3); padding-top: var(--space-6); box-shadow: inset 0 2px 0 var(--outline-variant); }
.rb-page .rt-steps__item:first-child{ box-shadow: inset 0 2px 0 var(--primary); }
.rb-page .rt-steps__num{ font: 400 36px/40px var(--rt-font-display); color: var(--primary); font-variant-numeric: tabular-nums; }
.rb-page .rt-section--sand .rt-steps__num{ color: var(--on-tertiary-container); }
.rb-page .rt-steps__title{ margin: 0; font: 700 20px/28px var(--rt-font-sans); color: inherit; }
.rb-page .rt-steps__text{ margin: 0; font: 400 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-section--sand .rt-steps__text{ color: inherit; }
.rb-page .rt-logos .rt-section__inner{ padding-top: var(--space-12); padding-bottom: var(--space-12); }
.rb-page .rt-logos__title{ margin: 0 0 var(--space-6); text-align: center; font: 500 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-logos__list{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--space-6) var(--space-12); margin: 0; padding: 0; list-style: none; }
.rb-page .rt-logos__item img{ display: block; height: 36px; width: auto; max-width: 160px; object-fit: contain; filter: grayscale(1); opacity: 0.72; transition: opacity var(--rt-dur-short) linear, filter var(--rt-dur-short) linear; }
.rb-page .rt-logos__item img:hover{ filter: none; opacity: 1; }
.rb-page .rt-logos__ph{ display: grid; place-items: center; width: 140px; height: 40px; border-radius: var(--radius-sm); box-shadow: inset 0 0 0 1px var(--outline-variant); font: 500 12px/16px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-cta-wrap{ max-width: var(--content-max); margin: 0 auto; box-sizing: border-box; padding: var(--space-12) var(--space-7); }
.rb-page .rt-cta{ position: relative; overflow: hidden; isolation: isolate; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-8); box-sizing: border-box; padding: var(--space-16) var(--space-12); border-radius: var(--radius-xl-increased); }
.rb-page .rt-cta--primary{ background: var(--primary-container); color: var(--on-primary-container); }
.rb-page .rt-cta--sand{ background: var(--tertiary-container); color: var(--on-tertiary-container); }
.rb-page .rt-cta--dark{ background: var(--brand-deep-space); color: var(--white); }
.rb-page .rt-cta__text{ flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: var(--space-4); }
.rb-page .rt-cta__title{ margin: 0; max-width: 16ch; font: 400 clamp(36px, 4.4vw, 57px)/1 var(--rt-font-display); letter-spacing: -0.01em; color: inherit; text-wrap: balance; }
.rb-page .rt-cta__body{ margin: 0; max-width: 52ch; font: 400 18px/28px var(--rt-font-sans); color: inherit; opacity: 0.9; }
.rb-page .rt-cta--dark .rt-cta__body{ color: var(--white-muted); opacity: 1; }
.rb-page .rt-cta__planet{ position: absolute; z-index: -1; right: -80px; bottom: -160px; width: 360px; aspect-ratio: 1; border-radius: 50%; background: var(--brand-violet); }
@media (max-width: 839px){.rb-page .rt-cta-wrap{ padding: var(--space-8) var(--space-4); }
.rb-page .rt-cta{ padding: var(--space-10) var(--space-6); }
.rb-page .rt-cta__planet{ width: 240px; bottom: -140px; }}
.rb-page .rt-news{ --rt-news-bg: var(--surface-container-low); }
.rb-page .rt-news.rt-section--sand{ --rt-news-bg: var(--tertiary-container); }
.rb-page .rt-news .rt-section__inner{ display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-10); align-items: center; padding-top: var(--space-16); padding-bottom: var(--space-16); }
.rb-page .rt-news__text{ display: flex; flex-direction: column; gap: var(--space-3); }
.rb-page .rt-news__title{ margin: 0; font: 500 32px/40px var(--rt-font-sans); color: inherit; }
.rb-page .rt-news__body{ margin: 0; font: 400 16px/24px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-news__form{ display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
.rb-page .rt-news__row{ display: flex; gap: var(--space-3); align-items: flex-start; }
.rb-page .rt-news__row .rt-field{ max-width: none; flex: 1; }
.rb-page .rt-news__row .rt-btn{ height: 56px; }
.rb-page .rt-news__ok{ display: flex; align-items: center; gap: var(--space-3); margin: 0; font: 500 16px/24px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-news__ok .rt-icon{ color: var(--primary); }
@media (max-width: 839px){.rb-page .rt-news .rt-section__inner{ grid-template-columns: 1fr; }}
@media (max-width: 599px){.rb-page .rt-news__row{ flex-direction: column; align-items: stretch; }}
.rb-page .rt-footer{ background: var(--surface-container-low); color: var(--on-surface); }
.rb-page [data-theme="dark"].rt-footer{ background: var(--surface-container-lowest); }
.rb-page .rt-footer__inner{ display: grid; grid-template-columns: minmax(220px, 1fr) 2fr; gap: var(--space-12) var(--space-16); max-width: var(--content-max); margin: 0 auto; box-sizing: border-box; padding: var(--space-16) var(--space-7) var(--space-8); }
.rb-page .rt-footer__brand{ display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.rb-page .rt-footer__logo img{ display: block; height: 32px; width: auto; }
.rb-page .rt-footer__tagline{ margin: 0; max-width: 32ch; font: 400 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-footer__social{ display: flex; flex-wrap: wrap; gap: var(--space-2); margin: var(--space-2) 0 0; padding: 0; list-style: none; }
.rb-page .rt-footer__social .rt-chip{ text-decoration: none; }
.rb-page .rt-footer__cols{ display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--space-8); }
.rb-page .rt-footer__head{ margin: 0 0 var(--space-3); font: 700 14px/20px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-footer__col ul{ display: flex; flex-direction: column; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.rb-page .rt-footer__col a,.rb-page .rt-footer__legal a{ color: var(--on-surface-variant); font: 400 14px/20px var(--rt-font-sans); text-decoration: none; border-radius: var(--radius-xs); }
.rb-page .rt-footer__col a:hover,.rb-page .rt-footer__legal a:hover{ color: var(--primary); text-decoration: underline; text-underline-offset: 3px; }
.rb-page .rt-footer__col a:focus-visible,.rb-page .rt-footer__legal a:focus-visible{ outline: 3px solid var(--primary); outline-offset: 2px; }
.rb-page .rt-footer__legal{ grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-3) var(--space-6); padding-top: var(--space-6); box-shadow: inset 0 1px 0 var(--outline-variant); font: 400 12px/16px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-footer__legal-links{ display: flex; flex-wrap: wrap; gap: var(--space-4); }
.rb-page .rt-footer__legal a{ font-size: 12px; line-height: 16px; }
@media (max-width: 839px){.rb-page .rt-footer__inner{ grid-template-columns: 1fr; padding: var(--space-12) var(--space-4) var(--space-6); }}
@media (prefers-reduced-motion: reduce){.rb-page .rt-loading__shape,.rb-page .rt-cprogress--ind svg{ animation-duration: 12s !important; }
.rb-page .rt-fabmenu__item,.rb-page .rt-drawer--modal,.rb-page .rt-sheet--modal,.rb-page .rt-side--modal,.rb-page .rt-scrim{ animation: none !important; }
.rb-page .rt-faq__a,.rb-page .rt-faq__chev,.rb-page .rt-slider__bubble,.rb-page .rt-carousel__mask{ transition: none !important; }}
.rb-page{ background: var(--surface); color: var(--on-surface); }
.rb-page .rt-btn{ font-family:var(--rt-font-sans); font-weight: 700; letter-spacing: 0; }
.rb-page .rt-btn--filled:not(:disabled){ box-shadow: var(--shadow-cta); }
.rb-page .rt-btn--filled:hover:not(:disabled){ box-shadow: var(--shadow-cta), var(--elevation-1); }
.rb-page .rt-btn--text{ color: var(--primary-text); }
.rb-page [data-theme="dark"] .rt-btn--text{ color: var(--primary); }
.rb-page .rt-btn--inverse{ background: var(--surface-container-lowest); color: var(--primary-text); }
.rb-page .rt-btn--inverse:hover:not(:disabled){ box-shadow: var(--elevation-1); }
.rb-page .rt-btn--outlined{ color: var(--on-surface); box-shadow: inset 0 0 0 1px var(--field-border); }
.rb-page .rt-header{ background: var(--surface); box-shadow: var(--header-hairline); }
.rb-page .rt-header--scrolled{ background: var(--surface); box-shadow: var(--header-hairline), var(--elevation-1); }
.rb-page .rt-header--transparent{ box-shadow: none; }
.rb-page .rt-header__link{ font-weight: 500; font-size: 16px; color: var(--brand-ink); }
.rb-page .rt-header__link[aria-current="page"]{ color: var(--primary-text); }
.rb-page .rt-header__link[aria-current="page"]::after{ background: var(--primary); }
.rb-page .rt-header__cta{ height: auto; min-height: 48px; padding: 0 26px; border-radius: 50px; font-family:var(--rt-font-sans); font-weight: 500; font-size: 18px; line-height: 18px; box-shadow: inset 0 0 0 1px var(--brand-blue); }
.rb-page .rt-section__inner{ padding: var(--section-y) var(--section-x); }
.rb-page .rt-section--primary{ background: var(--primary); color: var(--on-primary); }
.rb-page .rt-section--tint{ background: radial-gradient(circle at 18% 22%, #6255ff29 0, #6255ff13 34%, #ffffff00 68%), var(--surface); }
@media (max-width: 839px){.rb-page .rt-section__inner{ padding: var(--space-12) var(--space-5); }}
.rb-page .rt-shead__overline{ font: 700 13px/21px var(--rt-font-sans); letter-spacing: 0.04em; color: var(--primary-text); }
.rb-page .rt-shead__title{ font: 700 clamp(30px, 3vw, 43px)/1.17 var(--rt-font-sans); letter-spacing: -0.005em; color: var(--on-surface); }
.rb-page .rt-shead__lead{ font: 400 19px/30px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-section--primary .rt-shead__title,.rb-page .rt-section--primary .rt-shead__lead,.rb-page .rt-section--primary .rt-shead__overline{ color: inherit; }
.rb-page .rt-card{ border-radius: var(--radius-card); }
.rb-page .rt-card--outlined,.rb-page .rt-card--elevated{ background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant), var(--shadow-card); padding: var(--card-pad); }
.rb-page .rt-card--filled{ background: var(--surface-container-low); padding: var(--card-pad); }
.rb-page .rt-card--elevated.rt-card--interactive:hover{ box-shadow: inset 0 0 0 1px var(--outline-variant), var(--elevation-2); }
.rb-page .rt-card__overline{ font: 700 13px/21px var(--rt-font-sans); letter-spacing: 0.04em; color: var(--primary-text); }
.rb-page .rt-card__headline{ font: 700 clamp(20px, 1.8vw, 26px)/1.25 var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-card__text{ font-size: 17px; line-height: 28px; color: var(--on-surface-variant); }
.rb-page .rt-card__media{ margin: calc(-1 * var(--card-pad)) calc(-1 * var(--card-pad)) var(--space-2); }
.rb-page .rt-bento__tile{ border-radius: var(--radius-card); padding: var(--card-pad); }
.rb-page .rt-bento__tile--surface{ background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant), var(--shadow-card); }
.rb-page .rt-bento__tile--primary{ background: var(--primary-container); color: var(--on-primary-container); }
.rb-page .rt-bento__tile--violet{ background: var(--primary); color: var(--on-primary); }
.rb-page .rt-bento__tile--violet .rt-bento__icon{ background: var(--surface-container-lowest); color: var(--primary-text); }
.rb-page .rt-bento__tile--primary .rt-bento__icon{ background: var(--surface-container-lowest); color: var(--primary-text); }
.rb-page .rt-bento__title{ font: 700 clamp(20px, 1.8vw, 26px)/1.25 var(--rt-font-sans); }
.rb-page .rt-bento__tile--big .rt-bento__title{ font: 700 clamp(26px, 2.6vw, 38px)/1.15 var(--rt-font-sans); }
.rb-page .rt-bento__text{ font-size: 17px; line-height: 28px; }
.rb-page .rt-bento__tile--surface .rt-bento__text{ color: var(--on-surface-variant); }
.rb-page .rt-bento__more{ color: var(--primary-text); }
.rb-page .rt-bento__tile--violet .rt-bento__more,.rb-page .rt-bento__tile--night .rt-bento__more{ color: inherit; }
.rb-page .rt-steps__list{ gap: var(--space-4); }
.rb-page .rt-steps__item,.rb-page .rt-steps__item:first-child{ padding: var(--card-pad); border-radius: var(--radius-card); background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant), var(--shadow-card); }
.rb-page .rt-steps__num,.rb-page .rt-section--sand .rt-steps__num{ display: grid; place-items: center; width: 45px; height: 45px; border-radius: var(--radius-icon-chip); background: var(--primary-container); color: var(--on-primary-container); font: 700 21px/1 var(--rt-font-sans); }
.rb-page .rt-steps__title{ margin-top: var(--space-2); font: 700 clamp(20px, 1.8vw, 26px)/1.25 var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-steps__text,.rb-page .rt-section--sand .rt-steps__text{ font-size: 17px; line-height: 28px; color: var(--on-surface-variant); }
.rb-page .rt-project{ gap: var(--space-4); padding: var(--card-pad); border-radius: var(--radius-card); background: var(--surface-container-lowest); color: var(--on-surface); box-shadow: inset 0 0 0 1px var(--outline-variant), var(--shadow-card); }
.rb-page .rt-project__media{ aspect-ratio: 16 / 10; border-radius: var(--radius-media); background: var(--surface-container-low); }
.rb-page .rt-project__media img{ object-fit: contain; }
.rb-page .rt-project:hover .rt-project__media img{ transform: scale(1.02); }
.rb-page .rt-project__body{ padding: 0; }
.rb-page .rt-project__title{ font: 700 clamp(20px, 1.8vw, 26px)/1.25 var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-project__text{ font-size: 17px; line-height: 28px; color: var(--on-surface-variant); }
.rb-page .rt-project__tags li{ box-shadow: inset 0 0 0 1px var(--outline-variant); color: var(--on-surface-variant); }
.rb-page .rt-project__cta{ display: inline-flex; align-items: center; gap: var(--space-1); margin-top: var(--space-2); font: 700 16px/26px var(--rt-font-sans); color: var(--primary-text); text-decoration: none; }
.rb-page .rt-project__cta:hover{ color: var(--link-hover); text-decoration: underline; text-underline-offset: 3px; }
.rb-page .rt-project--dark{ padding: 0; gap: 0; background: var(--brand-night); color: var(--white); box-shadow: none; }
.rb-page .rt-project--dark .rt-project__media{ border-radius: 0; background: var(--brand-deep-space); }
.rb-page .rt-project--dark .rt-project__body{ padding: var(--space-6); }
.rb-page .rt-project--dark .rt-project__title{ color: var(--white); }
.rb-page .rt-project--dark .rt-project__text,.rb-page .rt-project--dark .rt-project__cta{ color: var(--white-muted); }
.rb-page .rt-hero--light{ background: var(--surface); color: var(--on-surface); isolation: auto; }
.rb-page .rt-hero__grid{ display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-16); align-items: center; max-width: var(--content-max); margin: 0 auto; box-sizing: border-box; padding: var(--space-12) var(--section-x) var(--section-y); }
.rb-page .rt-hero__grid--solo{ grid-template-columns: minmax(0, 1fr); }
.rb-page .rt-hero__text{ display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-6); min-width: 0; }
.rb-page .rt-hero__eyebrow{ margin: 0; font: 700 13px/21px var(--rt-font-sans); letter-spacing: 0.04em; text-transform: uppercase; color: var(--primary-text); }
.rb-page .rt-hero--light .rt-hero__title{ max-width: 20ch; font: 700 clamp(36px, 3.6vw, 52px)/1.07 var(--rt-font-sans); letter-spacing: -0.01em; color: var(--on-surface); }
.rb-page .rt-hero--light .rt-hero__lead{ max-width: 62ch; font: 400 19px/30px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-hero__bullets{ display: flex; flex-direction: column; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.rb-page .rt-hero__bullets li{ display: flex; align-items: center; gap: var(--space-3); font: 500 17px/26px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-hero__check{ flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: var(--primary-container); color: var(--on-primary-container); }
.rb-page .rt-hero__cta{ display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.rb-page .rt-hero__note{ margin: 0; font: 400 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-hero__figure{ margin: 0; display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; padding: var(--space-5); border-radius: var(--radius-panel); background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end)); box-shadow: inset 0 0 0 1px var(--violet-border); }
.rb-page .rt-hero__figure img{ display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: contain; border-radius: var(--radius-media); }
.rb-page .rt-hero__figure figcaption{ font: 400 13px/18px var(--rt-font-sans); color: var(--on-surface-variant); }
@media (max-width: 1023px){.rb-page .rt-hero__grid{ grid-template-columns: minmax(0, 1fr); gap: var(--space-10); padding: var(--space-8) var(--space-5) var(--space-12); }}
.rb-page .rt-cta{ border-radius: var(--radius-panel); }
.rb-page .rt-cta--primary{ background: var(--primary); color: var(--on-primary); }
.rb-page .rt-cta__title{ font: 800 clamp(30px, 3.4vw, 48px)/1.1 var(--rt-font-sans); letter-spacing: -0.01em; }
.rb-page .rt-cta--dark .rt-cta__title{ font: 400 clamp(36px, 4.4vw, 57px)/1 var(--rt-font-display); }
.rb-page .rt-cta--primary .rt-cta__body{ opacity: 1; color: var(--on-primary); }
.rb-page .rt-cta--primary a:not([class]){ color: inherit; font-weight: 700; }
.rb-page .rt-stats__value{ font: 800 clamp(40px, 4.4vw, 62px)/1 var(--rt-font-sans); }
.rb-page .rt-plan{ border-radius: var(--radius-card); background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant), var(--shadow-card); }
.rb-page .rt-plan--rec{ background: var(--surface-container-lowest); color: var(--on-surface); box-shadow: inset 0 0 0 2px var(--primary), var(--shadow-card); }
.rb-page .rt-plan--rec .rt-plan__desc,.rb-page .rt-plan--rec .rt-plan__prefix,.rb-page .rt-plan--rec .rt-plan__period{ color: var(--on-surface-variant); }
.rb-page .rt-plan--rec .rt-plan__features{ box-shadow: inset 0 1px 0 var(--outline-variant); }
.rb-page .rt-plan--rec .rt-plan__features .rt-icon,.rb-page .rt-plan__features .rt-icon{ color: var(--primary-text); }
.rb-page .rt-plan__badge{ background: var(--primary-container); color: var(--on-primary-container); }
.rb-page .rt-plan__badge .rt-icon{ color: inherit; }
.rb-page .rt-plan__amount{ font: 800 45px/48px var(--rt-font-sans); }
.rb-page .rt-cmp{ border-radius: var(--radius-card); }
.rb-page .rt-faq__btn{ font: 700 18px/25px var(--rt-font-sans); }
.rb-page .rt-faq__a p{ font-size: 17px; line-height: 28px; }
.rb-page .rt-quote{ gap: var(--space-4); padding: var(--space-8); }
.rb-page .rt-quote--surface{ background: var(--surface-container-lowest); color: var(--on-surface); border-radius: var(--radius-review); box-shadow: inset 0 0 0 1px var(--outline-variant), var(--shadow-review); }
.rb-page .rt-quote__mark{ font: 900 64px/0.5 var(--rt-font-sans); color: var(--primary-text); height: 28px; }
.rb-page .rt-quote__text{ font: 400 18px/30px var(--rt-font-sans); }
.rb-page .rt-quote__avatar{ background: var(--brand-mist); color: var(--link-hover); box-shadow: inset 0 0 0 1px var(--outline-variant); font-weight: 800; }
.rb-page .rt-quote__name{ font-weight: 900; }
.rb-page .rt-quote__stars{ color: var(--star); letter-spacing: 2px; font-size: 18px; }
.rb-page .rt-field__box{ border-radius: var(--radius-input); box-shadow: inset 0 0 0 1px var(--field-border); }
.rb-page .rt-field__box:hover{ box-shadow: inset 0 0 0 1px var(--on-surface-variant); }
.rb-page .rt-field__box:focus-within{ box-shadow: inset 0 0 0 2px var(--primary); }
.rb-page .rt-check__input{ box-shadow: inset 0 0 0 2px var(--field-border); border-radius: 4px; }
.rb-page .rt-radio .rt-check__input{ border-radius: 50%; }
.rb-page .rt-footer{ background: var(--footer-bg); color: var(--footer-text); }
.rb-page .rt-footer__tagline,.rb-page .rt-footer__col a,.rb-page .rt-footer__legal,.rb-page .rt-footer__legal a,.rb-page .rt-footer__col li{ color: var(--footer-text); }
.rb-page .rt-footer__head{ color: var(--brand-ink); }
.rb-page .rt-footer__col a:hover,.rb-page .rt-footer__legal a:hover{ color: var(--primary-text); }
.rb-page .rt-shape{ display: grid; place-items: center; aspect-ratio: 1; }
.rb-page .rt-shape--soft-burst{ clip-path: polygon(50.0% 7.0%, 53.9% 5.9%, 58.2% 3.6%, 62.8% 2.2%, 67.0% 3.2%, 70.2% 6.8%, 72.4% 11.2%, 74.7% 14.7%, 78.2% 16.4%, 82.9% 17.1%, 87.7% 18.4%, 90.9% 21.4%, 91.8% 25.9%, 91.1% 30.9%, 90.6% 35.2%, 92.0% 38.7%, 95.2% 42.0%, 98.6% 45.8%, 100.0% 50.0%, 98.6% 54.2%, 95.2% 58.0%, 92.0% 61.3%, 90.6% 64.8%, 91.1% 69.1%, 91.8% 74.1%, 90.9% 78.6%, 87.7% 81.6%, 82.9% 82.9%, 78.2% 83.6%, 74.7% 85.3%, 72.4% 88.8%, 70.2% 93.2%, 67.0% 96.8%, 62.8% 97.8%, 58.2% 96.4%, 53.9% 94.1%, 50.0% 93.0%, 46.1% 94.1%, 41.8% 96.4%, 37.2% 97.8%, 33.0% 96.8%, 29.8% 93.2%, 27.6% 88.8%, 25.3% 85.3%, 21.8% 83.6%, 17.1% 82.9%, 12.3% 81.6%, 9.1% 78.6%, 8.2% 74.1%, 8.9% 69.1%, 9.4% 64.8%, 8.0% 61.3%, 4.8% 58.0%, 1.4% 54.2%, 0.0% 50.0%, 1.4% 45.8%, 4.8% 42.0%, 8.0% 38.7%, 9.4% 35.2%, 8.9% 30.9%, 8.2% 25.9%, 9.1% 21.4%, 12.3% 18.4%, 17.1% 17.1%, 21.8% 16.4%, 25.3% 14.7%, 27.6% 11.2%, 29.8% 6.8%, 33.0% 3.2%, 37.2% 2.2%, 41.8% 3.6%, 46.1% 5.9%); }
.rb-page .rt-shape--cookie{ clip-path: polygon(50.0% 2.5%, 54.3% 0.9%, 58.7% 0.8%, 62.8% 2.4%, 66.2% 5.4%, 69.3% 8.6%, 72.5% 11.0%, 76.2% 12.5%, 80.5% 13.6%, 84.8% 15.2%, 88.3% 17.9%, 90.4% 21.7%, 91.1% 26.2%, 91.4% 30.7%, 92.3% 34.6%, 94.2% 38.2%, 96.8% 41.8%, 99.1% 45.7%, 100.0% 50.0%, 99.1% 54.3%, 96.8% 58.2%, 94.2% 61.8%, 92.3% 65.4%, 91.4% 69.3%, 91.1% 73.7%, 90.4% 78.3%, 88.3% 82.1%, 84.8% 84.8%, 80.5% 86.4%, 76.2% 87.5%, 72.5% 89.0%, 69.3% 91.4%, 66.2% 94.6%, 62.8% 97.6%, 58.7% 99.2%, 54.3% 99.1%, 50.0% 97.5%, 46.0% 95.6%, 42.2% 94.3%, 38.2% 94.2%, 33.8% 94.6%, 29.2% 94.7%, 25.0% 93.3%, 21.7% 90.4%, 19.5% 86.4%, 17.7% 82.3%, 15.5% 78.9%, 12.5% 76.2%, 8.9% 73.8%, 5.3% 70.8%, 3.0% 67.1%, 2.4% 62.8%, 3.2% 58.2%, 4.4% 54.0%, 5.0% 50.0%, 4.4% 46.0%, 3.2% 41.8%, 2.4% 37.2%, 3.0% 32.9%, 5.3% 29.2%, 8.9% 26.3%, 12.5% 23.8%, 15.5% 21.1%, 17.7% 17.7%, 19.5% 13.6%, 21.7% 9.6%, 25.0% 6.7%, 29.2% 5.3%, 33.8% 5.4%, 38.2% 5.8%, 42.2% 5.7%, 46.0% 4.4%); }
.rb-page .rt-shape--clover{ clip-path: polygon(50.0% 0.0%, 54.3% 0.7%, 58.4% 2.6%, 61.9% 5.6%, 64.8% 9.2%, 67.2% 13.2%, 69.0% 17.1%, 70.6% 20.6%, 72.2% 23.6%, 74.0% 26.0%, 76.4% 27.8%, 79.4% 29.4%, 82.9% 31.0%, 86.8% 32.8%, 90.8% 35.2%, 94.4% 38.1%, 97.4% 41.6%, 99.3% 45.7%, 100.0% 50.0%, 99.3% 54.3%, 97.4% 58.4%, 94.4% 61.9%, 90.8% 64.8%, 86.8% 67.2%, 82.9% 69.0%, 79.4% 70.6%, 76.4% 72.2%, 74.0% 74.0%, 72.2% 76.4%, 70.6% 79.4%, 69.0% 82.9%, 67.2% 86.8%, 64.8% 90.8%, 61.9% 94.4%, 58.4% 97.4%, 54.3% 99.3%, 50.0% 100.0%, 45.7% 99.3%, 41.6% 97.4%, 38.1% 94.4%, 35.2% 90.8%, 32.8% 86.8%, 31.0% 82.9%, 29.4% 79.4%, 27.8% 76.4%, 26.0% 74.0%, 23.6% 72.2%, 20.6% 70.6%, 17.1% 69.0%, 13.2% 67.2%, 9.2% 64.8%, 5.6% 61.9%, 2.6% 58.4%, 0.7% 54.3%, 0.0% 50.0%, 0.7% 45.7%, 2.6% 41.6%, 5.6% 38.1%, 9.2% 35.2%, 13.2% 32.8%, 17.1% 31.0%, 20.6% 29.4%, 23.6% 27.8%, 26.0% 26.0%, 27.8% 23.6%, 29.4% 20.6%, 31.0% 17.1%, 32.8% 13.2%, 35.2% 9.2%, 38.1% 5.6%, 41.6% 2.6%, 45.7% 0.7%); }
.rb-page .rt-shape--sunny{ clip-path: polygon(50.0% 0.0%, 54.3% 0.6%, 58.4% 2.2%, 62.3% 4.2%, 65.9% 6.2%, 69.7% 7.8%, 73.7% 9.0%, 77.8% 10.2%, 81.9% 12.0%, 85.4% 14.6%, 88.0% 18.1%, 89.8% 22.2%, 91.0% 26.3%, 92.2% 30.3%, 93.8% 34.1%, 95.8% 37.7%, 97.8% 41.6%, 99.4% 45.7%, 100.0% 50.0%, 99.4% 54.3%, 97.8% 58.4%, 95.8% 62.3%, 93.8% 65.9%, 92.2% 69.7%, 91.0% 73.7%, 89.8% 77.8%, 88.0% 81.9%, 85.4% 85.4%, 81.9% 88.0%, 77.8% 89.8%, 73.7% 91.0%, 69.7% 92.2%, 65.9% 93.8%, 62.3% 95.8%, 58.4% 97.8%, 54.3% 99.4%, 50.0% 100.0%, 45.7% 99.4%, 41.6% 97.8%, 37.7% 95.8%, 34.1% 93.8%, 30.3% 92.2%, 26.3% 91.0%, 22.2% 89.8%, 18.1% 88.0%, 14.6% 85.4%, 12.0% 81.9%, 10.2% 77.8%, 9.0% 73.7%, 7.8% 69.7%, 6.2% 65.9%, 4.2% 62.3%, 2.2% 58.4%, 0.6% 54.3%, 0.0% 50.0%, 0.6% 45.7%, 2.2% 41.6%, 4.2% 37.7%, 6.2% 34.1%, 7.8% 30.3%, 9.0% 26.3%, 10.2% 22.2%, 12.0% 18.1%, 14.6% 14.6%, 18.1% 12.0%, 22.2% 10.2%, 26.3% 9.0%, 30.3% 7.8%, 34.1% 6.2%, 37.7% 4.2%, 41.6% 2.2%, 45.7% 0.6%); }
.rb-page .rt-shape--flower{ clip-path: polygon(50.0% 12.0%, 53.4% 11.3%, 57.1% 9.6%, 61.4% 7.5%, 66.1% 5.8%, 70.8% 5.4%, 75.0% 6.7%, 78.2% 9.7%, 80.2% 14.0%, 81.1% 18.9%, 81.4% 23.6%, 81.8% 27.7%, 82.9% 31.0%, 85.2% 33.6%, 88.5% 36.0%, 92.5% 38.6%, 96.3% 41.8%, 99.0% 45.7%, 100.0% 50.0%, 99.0% 54.3%, 96.3% 58.2%, 92.5% 61.4%, 88.5% 64.0%, 85.2% 66.4%, 82.9% 69.0%, 81.8% 72.3%, 81.4% 76.4%, 81.1% 81.1%, 80.2% 86.0%, 78.2% 90.3%, 75.0% 93.3%, 70.8% 94.6%, 66.1% 94.2%, 61.4% 92.5%, 57.1% 90.4%, 53.4% 88.7%, 50.0% 88.0%, 46.6% 88.7%, 42.9% 90.4%, 38.6% 92.5%, 33.9% 94.2%, 29.2% 94.6%, 25.0% 93.3%, 21.8% 90.3%, 19.8% 86.0%, 18.9% 81.1%, 18.6% 76.4%, 18.2% 72.3%, 17.1% 69.0%, 14.8% 66.4%, 11.5% 64.0%, 7.5% 61.4%, 3.7% 58.2%, 1.0% 54.3%, 0.0% 50.0%, 1.0% 45.7%, 3.7% 41.8%, 7.5% 38.6%, 11.5% 36.0%, 14.8% 33.6%, 17.1% 31.0%, 18.2% 27.7%, 18.6% 23.6%, 18.9% 18.9%, 19.8% 14.0%, 21.8% 9.7%, 25.0% 6.7%, 29.2% 5.4%, 33.9% 5.8%, 38.6% 7.5%, 42.9% 9.6%, 46.6% 11.3%); }
.rb-page .rt-shape--pill{ clip-path: inset(0 round 9999px); aspect-ratio: auto; }
.rb-page .rt-shape--spin{ animation: rt-shape-spin 24s linear infinite; }
@keyframes rt-shape-spin{ to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce){.rb-page .rt-shape--spin{ animation: none; }}
.rb-page .rt-deco{ position: absolute; z-index: 0; pointer-events: none; }
.rb-page .rt-bento__tile > :not(.rt-deco):not(.rt-bento__media){ position: relative; z-index: 1; }
.rb-page .rt-bento__tile--violet .rt-bento__text{ color: var(--on-primary); opacity: 1; }
.rb-page .rt-bento__tile--primary .rt-bento__title,.rb-page .rt-bento__tile--primary .rt-bento__text{ color: var(--on-primary-container); }
.rb-page .rt-bento__deco{ width: clamp(180px, 22vw, 300px); right: -18%; bottom: -26%; background: currentColor; opacity: 0.14; }
.rb-page .rt-bento__tile--surface .rt-bento__deco{ background: var(--primary-container); opacity: 1; }
.rb-page .rt-shead{ margin-bottom: var(--space-10); }
.rb-page .rt-steps__list{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-6); }
.rb-page .rt-steps__item,.rb-page .rt-steps__item:first-child{ position: relative; display: flex; flex-direction: column; gap: var(--space-3); padding: 0; border-radius: 0; background: none; box-shadow: none; }
.rb-page .rt-steps__num,.rb-page .rt-section--sand .rt-steps__num{ display: grid; place-items: center; width: 64px; height: 64px; border-radius: 0; clip-path: polygon(50.0% 2.5%, 54.3% 0.9%, 58.7% 0.8%, 62.8% 2.4%, 66.2% 5.4%, 69.3% 8.6%, 72.5% 11.0%, 76.2% 12.5%, 80.5% 13.6%, 84.8% 15.2%, 88.3% 17.9%, 90.4% 21.7%, 91.1% 26.2%, 91.4% 30.7%, 92.3% 34.6%, 94.2% 38.2%, 96.8% 41.8%, 99.1% 45.7%, 100.0% 50.0%, 99.1% 54.3%, 96.8% 58.2%, 94.2% 61.8%, 92.3% 65.4%, 91.4% 69.3%, 91.1% 73.7%, 90.4% 78.3%, 88.3% 82.1%, 84.8% 84.8%, 80.5% 86.4%, 76.2% 87.5%, 72.5% 89.0%, 69.3% 91.4%, 66.2% 94.6%, 62.8% 97.6%, 58.7% 99.2%, 54.3% 99.1%, 50.0% 97.5%, 46.0% 95.6%, 42.2% 94.3%, 38.2% 94.2%, 33.8% 94.6%, 29.2% 94.7%, 25.0% 93.3%, 21.7% 90.4%, 19.5% 86.4%, 17.7% 82.3%, 15.5% 78.9%, 12.5% 76.2%, 8.9% 73.8%, 5.3% 70.8%, 3.0% 67.1%, 2.4% 62.8%, 3.2% 58.2%, 4.4% 54.0%, 5.0% 50.0%, 4.4% 46.0%, 3.2% 41.8%, 2.4% 37.2%, 3.0% 32.9%, 5.3% 29.2%, 8.9% 26.3%, 12.5% 23.8%, 15.5% 21.1%, 17.7% 17.7%, 19.5% 13.6%, 21.7% 9.6%, 25.0% 6.7%, 29.2% 5.3%, 33.8% 5.4%, 38.2% 5.8%, 42.2% 5.7%, 46.0% 4.4%);; background: var(--primary-container); color: var(--on-primary-container); font: 800 22px/1 var(--rt-font-sans); font-variant-numeric: tabular-nums; }
.rb-page .rt-steps__item:first-child .rt-steps__num{ background: var(--primary); color: var(--on-primary); }
.rb-page .rt-steps__item:not(:last-child)::after{
  content: ""; position: absolute; top: 27px; left: 80px; right: calc(-1 * var(--space-6) + 12px); height: 10px;
  background: var(--primary); opacity: 0.3;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='10' viewBox='0 0 40 10'%3E%3Cpath d='M-20 5 Q-10 9 0 5 T20 5 T40 5 T60 5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") 0 0 / 40px 10px repeat-x;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='10' viewBox='0 0 40 10'%3E%3Cpath d='M-20 5 Q-10 9 0 5 T20 5 T40 5 T60 5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") 0 0 / 40px 10px repeat-x;
}
.rb-page .rt-steps__title{ margin: var(--space-3) 0 0; font: 700 clamp(20px, 1.6vw, 22px)/1.3 var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-steps__text{ margin: 0; font: 400 17px/28px var(--rt-font-sans); color: var(--on-surface-variant); }
@media (max-width: 899px){.rb-page .rt-steps__list{ grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
.rb-page .rt-steps__item,.rb-page .rt-steps__item:first-child{ padding-left: 88px; min-height: 64px; }
.rb-page .rt-steps__num{ position: absolute; left: 0; top: 0; }
.rb-page .rt-steps__title{ margin-top: var(--space-2); }
.rb-page .rt-steps__item:not(:last-child)::after{ top: 76px; bottom: calc(-1 * var(--space-8) + 12px); left: 27px; right: auto; width: 10px; height: auto;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='40' viewBox='0 0 10 40'%3E%3Cpath d='M5 -20 Q9 -10 5 0 T5 20 T5 40 T5 60' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") 0 0 / 10px 40px repeat-y;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='40' viewBox='0 0 10 40'%3E%3Cpath d='M5 -20 Q9 -10 5 0 T5 20 T5 40 T5 60' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") 0 0 / 10px 40px repeat-y; }}
.rb-page .rt-price{ display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-template-areas: "title figure" "text figure"; overflow: hidden; border-radius: var(--radius-panel); background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant), var(--shadow-card); }
.rb-page .rt-price__title{ grid-area: title; align-self: end; margin: 0; padding: var(--space-12) var(--space-12) var(--space-3); font: 700 clamp(30px, 3vw, 43px)/1.17 var(--rt-font-sans); color: var(--on-surface); text-wrap: balance; }
.rb-page .rt-price__text{ grid-area: text; align-self: start; margin: 0; padding: var(--space-3) var(--space-12) var(--space-12); max-width: 62ch; font: 400 19px/30px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-price__text a{ color: var(--primary-text); font-weight: 700; text-underline-offset: 3px; }
.rb-page .rt-price__figure{ grid-area: figure; display: flex; flex-direction: column; justify-content: center; gap: var(--space-2); margin: 0; padding: var(--space-12); background: var(--surface-container-low); box-shadow: inset 1px 0 0 var(--outline-variant); }
.rb-page .rt-price__from{ font: 500 17px/26px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-price__amount{ font: 800 clamp(56px, 6vw, 88px)/1 var(--rt-font-sans); letter-spacing: -0.03em; font-variant-numeric: tabular-nums; color: var(--on-surface); white-space: nowrap; }
.rb-page .rt-price__amount small{ font-size: 0.4em; letter-spacing: 0; color: var(--on-surface-variant); }
.rb-page .rt-price__rule{ display: block; width: 48px; height: 4px; margin-top: var(--space-4); border-radius: var(--radius-full); background: var(--primary); }
@media (max-width: 899px){.rb-page .rt-price{ grid-template-columns: minmax(0, 1fr); grid-template-areas: "title" "figure" "text"; }
.rb-page .rt-price__title{ padding: var(--space-8) var(--space-6) var(--space-4); }
.rb-page .rt-price__figure{ padding: var(--space-6); box-shadow: inset 0 1px 0 var(--outline-variant), inset 0 -1px 0 var(--outline-variant); }
.rb-page .rt-price__text{ padding: var(--space-4) var(--space-6) var(--space-8); }}
.rb-page .rt-reviews{ display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-6); align-items: stretch; }
.rb-page .rt-reviews__summary{ display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-10); border-radius: var(--radius-panel); background: var(--primary-container); color: var(--on-surface); }
.rb-page .rt-reviews__summary .rt-shead{ margin-bottom: var(--space-2); }
.rb-page .rt-reviews__rating{ display: flex; flex-direction: column; gap: var(--space-2); margin: auto 0 0; }
.rb-page .rt-reviews__score{ font: 900 clamp(72px, 7vw, 104px)/0.9 var(--rt-font-sans); letter-spacing: -0.03em; color: var(--primary-text); font-variant-numeric: tabular-nums; }
.rb-page .rt-reviews__meta{ font: 500 17px/26px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-reviews__stars{ font-size: 22px; letter-spacing: 3px; color: var(--star); }
.rb-page .rt-reviews__list{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.rb-page .rt-reviews__list > :first-child{ grid-column: 1 / -1; }
.rb-page .rt-reviews__list > :first-child .rt-quote__text{ font-size: 22px; line-height: 34px; }
.rb-page .rt-quote__avatar--shape{ border-radius: 0; clip-path: polygon(50.0% 2.5%, 54.3% 0.9%, 58.7% 0.8%, 62.8% 2.4%, 66.2% 5.4%, 69.3% 8.6%, 72.5% 11.0%, 76.2% 12.5%, 80.5% 13.6%, 84.8% 15.2%, 88.3% 17.9%, 90.4% 21.7%, 91.1% 26.2%, 91.4% 30.7%, 92.3% 34.6%, 94.2% 38.2%, 96.8% 41.8%, 99.1% 45.7%, 100.0% 50.0%, 99.1% 54.3%, 96.8% 58.2%, 94.2% 61.8%, 92.3% 65.4%, 91.4% 69.3%, 91.1% 73.7%, 90.4% 78.3%, 88.3% 82.1%, 84.8% 84.8%, 80.5% 86.4%, 76.2% 87.5%, 72.5% 89.0%, 69.3% 91.4%, 66.2% 94.6%, 62.8% 97.6%, 58.7% 99.2%, 54.3% 99.1%, 50.0% 97.5%, 46.0% 95.6%, 42.2% 94.3%, 38.2% 94.2%, 33.8% 94.6%, 29.2% 94.7%, 25.0% 93.3%, 21.7% 90.4%, 19.5% 86.4%, 17.7% 82.3%, 15.5% 78.9%, 12.5% 76.2%, 8.9% 73.8%, 5.3% 70.8%, 3.0% 67.1%, 2.4% 62.8%, 3.2% 58.2%, 4.4% 54.0%, 5.0% 50.0%, 4.4% 46.0%, 3.2% 41.8%, 2.4% 37.2%, 3.0% 32.9%, 5.3% 29.2%, 8.9% 26.3%, 12.5% 23.8%, 15.5% 21.1%, 17.7% 17.7%, 19.5% 13.6%, 21.7% 9.6%, 25.0% 6.7%, 29.2% 5.3%, 33.8% 5.4%, 38.2% 5.8%, 42.2% 5.7%, 46.0% 4.4%);; box-shadow: none; background: var(--primary-container); color: var(--on-primary-container); }
.rb-page .rt-quote__head{ display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.rb-page .rt-quote__glyph{ font: 900 56px/0.6 var(--rt-font-sans); color: var(--primary-container); height: 24px; }
@media (max-width: 1023px){.rb-page .rt-reviews{ grid-template-columns: minmax(0, 1fr); }}
@media (max-width: 699px){.rb-page .rt-reviews__list{ grid-template-columns: minmax(0, 1fr); }
.rb-page .rt-reviews__summary{ padding: var(--space-6); }}
.rb-page .rt-sectors{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.rb-page .rt-sectors__panel{ display: flex; flex-direction: column; padding: var(--space-2) 0; border-radius: var(--radius-card); background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant), var(--shadow-card); }
.rb-page .rt-sector{ display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; align-items: center; gap: var(--space-4); padding: var(--space-5) var(--space-6); color: var(--on-surface); text-decoration: none; box-shadow: inset 0 -1px 0 var(--outline-variant); }
.rb-page .rt-sector:last-child{ box-shadow: none; }
.rb-page .rt-sector:focus-visible{ outline: 3px solid var(--primary); outline-offset: -3px; border-radius: var(--radius-md); }
.rb-page .rt-sector__shape{ display: grid; place-items: center; width: 56px; height: 56px; background: var(--primary-container); color: var(--on-primary-container); }
.rb-page .rt-sector:hover .rt-sector__shape{ background: var(--primary); color: var(--on-primary); transition: background var(--rt-dur-short) linear; }
.rb-page .rt-sector__text{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rb-page .rt-sector__title{ margin: 0; font: 700 18px/26px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-sector__desc{ margin: 0; font: 400 15px/22px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rt-sector__cta{ display: inline-flex; align-items: center; gap: var(--space-1); font: 700 15px/22px var(--rt-font-sans); color: var(--primary-text); white-space: nowrap; }
@media (max-width: 1023px){.rb-page .rt-sectors{ grid-template-columns: minmax(0, 1fr); }}
@media (max-width: 599px){.rb-page .rt-sector{ grid-template-columns: 48px minmax(0, 1fr); padding: var(--space-4); }
.rb-page .rt-sector__cta{ grid-column: 2; }
.rb-page .rt-sector__shape{ width: 48px; height: 48px; }}
.rb-page .rt-projects{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.rb-page .rt-project--featured{ grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; gap: var(--space-10); }
.rb-page .rt-project--featured .rt-project__title{ font-size: clamp(24px, 2.4vw, 32px); line-height: 1.2; }
@media (max-width: 899px){.rb-page .rt-project--featured{ grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }}
@media (max-width: 699px){.rb-page .rt-projects{ grid-template-columns: minmax(0, 1fr); }}
.rb-page .rt-bento__icon--shape{ width: 56px; height: 56px; border-radius: 0; }
.rb-page .rt-bento__split{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr); gap: var(--space-8); align-items: center; height: 100%; }
@media (max-width: 899px){.rb-page .rt-bento__split{ grid-template-columns: minmax(0, 1fr); }}
.rb-page .rt-faq-list{ display: flex; flex-direction: column; box-shadow: inset 0 1px 0 var(--outline-variant); }
.rb-page .rt-faq-list details{ box-shadow: inset 0 -1px 0 var(--outline-variant); }
.rb-page .rt-faq-list summary{ list-style: none; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); min-height: 72px; padding: var(--space-4) var(--space-2); border-radius: var(--radius-md); cursor: pointer; font: 700 18px/25px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rt-faq-list summary::-webkit-details-marker{ display: none; }
.rb-page .rt-faq-list summary:hover{ background: color-mix(in srgb, var(--primary) 5%, transparent); }
.rb-page .rt-faq-list summary:focus-visible{ outline: 3px solid var(--primary); outline-offset: -3px; }
.rb-page .rt-faq-list__icon{ flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--radius-full); color: var(--on-surface-variant); transition: transform var(--rt-dur-medium) var(--rt-ease-emphasized), background var(--rt-dur-short) linear; }
.rb-page .rt-faq-list details[open] .rt-faq-list__icon{ transform: rotate(180deg); background: var(--primary-container); color: var(--on-primary-container); }
.rb-page .rt-faq-list details p{ margin: 0; padding: 0 var(--space-16) var(--space-6) var(--space-2); max-width: 72ch; font: 400 17px/28px var(--rt-font-sans); color: var(--on-surface-variant); }
@media (prefers-reduced-motion: reduce){.rb-page .rt-faq-list__icon{ transition: none; }}
.rb-page{ margin: 0; background: var(--surface); color: var(--on-surface); font-family:var(--rt-font-sans); -webkit-font-smoothing: antialiased; }
.rb-page a:not([class]){ color: var(--primary-text); text-underline-offset: 3px; }
.rb-page a:not([class]):hover{ color: var(--link-hover); }
.rb-page .rb-in{ max-width: 1440px; margin: 0 auto; padding: var(--section-y) var(--section-x); box-sizing: border-box; }
.rb-page .rb-low{ background: var(--surface-container-low); }
.rb-page .rb-h2{ margin: 0; font: 700 clamp(30px, 3vw, 43px)/1.17 var(--rt-font-sans); letter-spacing: -0.005em; color: var(--on-surface); text-wrap: balance; }
.rb-page .rb-h3{ margin: 0; font: 700 22px/1.3 var(--rt-font-sans); color: var(--on-surface); text-wrap: balance; }
.rb-page .rb-p{ margin: 0; font: 400 17px/28px var(--rt-font-sans); color: var(--on-surface-variant); text-wrap: pretty; }
.rb-page .rb-p b{ color: var(--on-surface); }
.rb-page .rb-lead{ margin: 0; font: 400 19px/30px var(--rt-font-sans); color: var(--on-surface-variant); text-wrap: pretty; }
.rb-page .rb-lbl{ margin: 0; display: inline-flex; align-items: center; gap: 6px; font: 700 13px/18px var(--rt-font-sans); letter-spacing: 0.04em; text-transform: uppercase; color: var(--primary-text); }
.rb-page .rb-stack{ display: flex; flex-direction: column; gap: var(--space-5); }
.rb-page .rb-head{ display: flex; flex-direction: column; gap: var(--space-4); max-width: 820px; margin-bottom: var(--space-10); }
.rb-page .rb-link{ display: inline-flex; align-items: center; gap: 4px; width: max-content; max-width: 100%; font: 700 16px/24px var(--rt-font-sans); color: var(--primary-text); text-decoration: none; border-radius: var(--radius-xs); }
.rb-page .rb-link:hover{ color: var(--link-hover); text-decoration: underline; text-underline-offset: 3px; }
.rb-page .rb-link:focus-visible{ outline: 3px solid var(--primary); outline-offset: 2px; }
.rb-page .rb-links{ display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-6); }
.rb-page .rb-bul{ display: flex; flex-direction: column; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.rb-page .rb-bul li{ display: flex; gap: var(--space-3); align-items: flex-start; font: 400 17px/27px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rb-bul li::before{ content: ""; flex: none; width: 8px; height: 8px; margin-top: 10px; border-radius: 50%; background: var(--primary); box-shadow: 0 0 0 4px rgba(98, 85, 255, 0.14); }
.rb-page .rb-bul b{ color: var(--on-surface); }
.rb-page .rb-todo{ display: inline-flex; align-items: center; gap: 6px; width: max-content; max-width: 100%; padding: 6px var(--space-3); border-radius: var(--radius-sm); background: #fff8e1; box-shadow: inset 0 0 0 1px #f0d589; font: 600 13px/18px var(--rt-font-sans); color: #6b5300; box-sizing: border-box; }
.rb-page .rb-seg{ display: inline-flex; flex-wrap: wrap; width: max-content; max-width: 100%; padding: 3px; border-radius: var(--radius-full); background: var(--surface-container-low); box-shadow: inset 0 0 0 1px var(--outline-variant); box-sizing: border-box; }
.rb-page .rb-seg button{ min-height: 40px; padding: 0 var(--space-4); border: 0; border-radius: var(--radius-full); background: transparent; font: 700 13px/18px var(--rt-font-sans); color: var(--on-surface-variant); cursor: pointer; transition: background 200ms ease, color 200ms ease; }
.rb-page .rb-seg button:hover{ color: var(--on-surface); }
.rb-page .rb-seg button:focus-visible{ outline: 3px solid var(--primary); outline-offset: 2px; }
.rb-page .rb-seg button.on{ background: var(--primary); color: #ffffff; box-shadow: var(--shadow-cta); }
.rb-page .rb-callout{ display: flex; gap: var(--space-4); align-items: flex-start; padding: var(--space-5) var(--space-6); border-radius: var(--radius-card); background: var(--surface-container-low); box-shadow: inset 0 0 0 1px var(--violet-border); }
.rb-page .rb-callout > span{ display: grid; place-items: center; width: 44px; height: 44px; flex: none; background: var(--primary-container); color: var(--on-primary-container); }
.rb-page .rb-callout .rb-p{ color: var(--on-surface); }
.rb-page .rb-chips{ display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.rb-page .rb-chips li{ display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 var(--space-3) 0 var(--space-2); border-radius: var(--radius-sm); background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant); font: 600 14px/20px var(--rt-font-sans); color: var(--on-surface); box-sizing: border-box; }
.rb-page .rb-chips li .rt-icon{ color: var(--primary-text); }
.rb-page .rb-hero{ position: relative; overflow: clip; background: radial-gradient(circle at 76% 50%, #e6e1ff 0, rgba(235, 231, 255, 0.55) 26%, rgba(255, 255, 255, 0) 56%), linear-gradient(180deg, #f7f6fd 0%, #ffffff 100%); }
.rb-page .rb-hero__inner{ display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: var(--space-12); align-items: center; max-width: 1440px; margin: 0 auto; padding: 72px var(--section-x) var(--section-y); box-sizing: border-box; }
.rb-page .rb-hero__text{ display: flex; flex-direction: column; gap: var(--space-6); }
.rb-page .rb-eyebrow{ display: inline-flex; align-items: center; gap: var(--space-2); width: max-content; max-width: 100%; min-height: 32px; margin: 0; padding: 6px var(--space-4); border-radius: var(--radius-full); background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--violet-border); font: 700 13px/18px var(--rt-font-sans); letter-spacing: 0.04em; text-transform: uppercase; color: var(--primary-text); box-sizing: border-box; }
.rb-page .rb-eyebrow i{ width: 8px; height: 8px; flex: none; border-radius: 50%; background: var(--primary); box-shadow: 0 0 0 4px rgba(98, 85, 255, 0.16); }
.rb-page .rb-hero__title{ margin: 0; font: 800 clamp(38px, 4vw, 56px)/1.08 var(--rt-font-sans); letter-spacing: -0.02em; color: var(--on-surface); text-wrap: balance; }
.rb-page .rb-hero__title span{ color: var(--primary-text); }
.rb-page .rb-hero__intro{ margin: 0; max-width: 640px; font: 400 18px/29px var(--rt-font-sans); color: var(--on-surface-variant); text-wrap: pretty; }
.rb-page .rb-points{ display: flex; flex-direction: column; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.rb-page .rb-points li{ display: flex; align-items: center; gap: var(--space-3); font: 600 16px/24px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rb-points li > span{ display: grid; place-items: center; width: 36px; height: 36px; flex: none; background: var(--primary-container); color: var(--on-primary-container); }
.rb-page .rb-points li:first-child > span{ background: var(--primary); color: var(--on-primary); }
.rb-page .rb-viz{ position: relative; padding: var(--space-10) 0 var(--space-12); }
.rb-page .rb-viz__ghost{ position: absolute; left: 50%; top: 48%; width: 620px; aspect-ratio: 1; transform: translate(-50%, -50%); background: var(--primary-container); pointer-events: none; }
.rb-page .rb-viz__ghost.rt-shape--spin{ animation-duration: 50s; }
.rb-page .rb-board{ position: relative; z-index: 1; margin: 0; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 28px; background: #1d1d1f; box-shadow: 0 30px 70px rgba(37, 48, 68, 0.22); }
.rb-page .rb-board img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.03); transition: opacity 800ms ease, transform 4200ms linear; }
.rb-page .rb-board img.on{ opacity: 1; transform: scale(1); }
.rb-page .rb-float{ position: absolute; z-index: 3; display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-3); border-radius: var(--radius-card); box-sizing: border-box; animation: rb-float 7s ease-in-out infinite; }
.rb-page .rb-float--logo{ left: -7%; top: -2%; width: 236px; background: var(--surface-container-lowest); box-shadow: 0 18px 40px rgba(37, 48, 68, 0.16), inset 0 0 0 1px var(--outline-variant); }
.rb-page .rb-float--logo .rb-lbl{ padding: 2px 6px 0; }
.rb-page .rb-float__logo{ position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 16px; background: var(--surface-container-low); }
.rb-page .rb-float__logo img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 600ms ease; }
.rb-page .rb-float__logo img.on{ opacity: 1; }
.rb-page .rb-float--pal{ right: -4%; bottom: 3%; flex-direction: row; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-5) var(--space-3) var(--space-3); border-radius: var(--radius-full); background: var(--primary); box-shadow: var(--shadow-cta), 0 18px 40px rgba(98, 85, 255, 0.3); animation-delay: -3.5s; }
.rb-page .rb-pal{ display: flex; }
.rb-page .rb-pal span{ width: 38px; height: 38px; margin-left: -10px; border-radius: 50%; box-shadow: 0 0 0 3px #6255FF; transition: background-color 600ms ease; }
.rb-page .rb-pal span:first-child{ margin-left: 0; }
.rb-page .rb-float--pal small{ display: flex; flex-direction: column; font: 700 13px/18px var(--rt-font-sans); color: #ffffff; }
.rb-page .rb-float--pal small em{ font: 600 12px/16px var(--rt-font-sans); font-style: normal; color: rgba(255, 255, 255, 0.88); font-variant-numeric: tabular-nums; }
@keyframes rb-float{ 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.rb-page .rb-viz__cap{ position: relative; z-index: 2; display: flex; align-items: center; gap: var(--space-3); margin: var(--space-5) 0 0; font: 600 14px/20px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rb-dots{ display: flex; gap: 6px; }
.rb-page .rb-dots i{ width: 8px; height: 8px; border-radius: 999px; background: var(--violet-border); transition: width 300ms ease, background-color 300ms ease; }
.rb-page .rb-dots i.on{ width: 22px; background: var(--primary); }
.rb-page .rb-what{ display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: var(--space-12); align-items: start; }
.rb-page .rb-signs{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.rb-page .rb-signs li{ display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-5); border-radius: var(--radius-card); background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant); font: 400 16px/25px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rb-signs li > span{ display: grid; place-items: center; width: 44px; height: 44px; background: var(--primary-container); color: var(--on-primary-container); }
.rb-page .rb-coh{ position: sticky; top: 120px; display: flex; flex-direction: column; gap: var(--space-5); padding: var(--space-8); border-radius: var(--radius-panel); background: linear-gradient(135deg, #f1eeff, #f9f8ff); box-shadow: inset 0 0 0 1px var(--violet-border); }
.rb-page .rb-coh__top{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); }
.rb-page .rb-coh__q{ margin: 0; font: 800 20px/1.3 var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rb-tp{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.rb-page .rb-tp > div{ display: flex; flex-direction: column; gap: var(--space-3); min-height: 150px; padding: var(--space-4); border-radius: 20px; background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant); box-sizing: border-box; }
.rb-page .rb-tp small{ display: flex; align-items: center; gap: 6px; font: 700 12px/16px var(--rt-font-sans); letter-spacing: 0.04em; text-transform: uppercase; color: var(--on-surface-variant); }
.rb-page .rb-tp i{ display: block; height: 7px; border-radius: 999px; background: var(--surface-container-high); }
.rb-page .rb-row{ display: flex; align-items: center; gap: var(--space-3); }
.rb-page .rb-row b{ font: 700 14px/1.2 var(--rt-font-sans); color: var(--on-surface); transition: font-family 0s, color 400ms ease; }
.rb-page .rb-mark{ display: grid; place-items: center; width: 44px; height: 44px; flex: none; font: 900 20px/1 var(--rt-font-sans); color: #ffffff; transition: background-color 500ms ease, border-radius 500ms ease, color 500ms ease, transform 500ms cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 500ms ease; }
.rb-page .rb-mark--a{ border-radius: 4px; background: #253044; font-family:var(--rt-font-sans); }
.rb-page .rb-mark--b{ border-radius: 50%; background: #467FF7; font-weight: 400; text-transform: lowercase; }
.rb-page .rb-mark--c{ border-radius: 12px; background: transparent; color: #526174; box-shadow: inset 0 0 0 2px #7a7d86; font-style: italic; transform: rotate(-8deg); }
.rb-page .rb-mark--d{ border-radius: 999px; width: 64px; background: #ddd7cd; color: #4c4634; font-family:var(--rt-font-sans); }
.rb-page .rb-mark--ok{ width: 44px; border-radius: 0; background: #6255FF; color: #ffffff; box-shadow: none; transform: none; font-family:var(--rt-font-sans); font-style: normal; font-weight: 900; text-transform: none; }
.rb-page .rb-serif{ font-family:var(--rt-font-sans); font-weight: 400 !important; }
.rb-page .rb-light{ font-weight: 400 !important; color: #7a7d86 !important; letter-spacing: 0.08em; text-transform: uppercase; }
.rb-page .rb-mini-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
.rb-page .rb-mini-grid span{ aspect-ratio: 1; border-radius: 6px; background: var(--surface-container-high); transition: background-color 500ms ease; }
.rb-page .rb-mini-grid--ok span:nth-child(odd){ background: var(--primary-container); }
.rb-page .rb-mini-grid--ok span:nth-child(2){ background: #6255FF; }
.rb-page .rb-coh__out{ display: flex; align-items: center; gap: var(--space-3); margin: 0; padding: var(--space-3) var(--space-4); border-radius: 16px; background: var(--surface-container-lowest); font: 700 15px/22px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rb-coh__out > span{ display: grid; place-items: center; width: 32px; height: 32px; flex: none; border-radius: 50%; }
.rb-page .rb-coh__out--no > span{ background: #ffdad6; color: #93000a; }
.rb-page .rb-coh__out--ok > span{ background: var(--primary); color: #ffffff; }
.rb-page .rb-levels{ display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: var(--space-12); align-items: start; }
.rb-page .rb-lv{ display: flex; flex-direction: column; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.rb-page .rb-lv > li{ display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-5) var(--space-6); border-radius: var(--radius-card); background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant); transition: background-color 240ms ease, box-shadow 240ms ease; }
.rb-page .rb-lv > li.on{ background: var(--primary-container); box-shadow: inset 0 0 0 1px var(--violet-border); }
.rb-page .rb-lv h3{ margin: 0; }
.rb-page .rb-lv h3 button{ display: flex; align-items: center; gap: var(--space-4); width: 100%; padding: 0; border: 0; background: none; text-align: left; font: 800 21px/1.3 var(--rt-font-sans); color: var(--on-surface); cursor: pointer; border-radius: var(--radius-sm); }
.rb-page .rb-lv h3 button:focus-visible{ outline: 3px solid var(--primary); outline-offset: 4px; }
.rb-page .rb-lv h3 button > span:first-child{ display: grid; place-items: center; width: 48px; height: 48px; flex: none; background: var(--surface-container); font: 900 17px/1 var(--rt-font-sans); color: var(--primary-text); transition: transform 420ms cubic-bezier(0.34, 1.56, 0.64, 1), background-color 240ms ease; }
.rb-page .rb-lv li.on h3 button > span:first-child{ background: var(--primary); color: #ffffff; transform: rotate(18deg); }
.rb-page .rb-lv .rb-p{ padding-left: 64px; }
.rb-page .rb-lv .rb-link{ margin-left: 64px; }
.rb-page .rb-rings-wrap{ position: sticky; top: 120px; display: flex; flex-direction: column; gap: var(--space-6); padding: var(--space-8); border-radius: var(--radius-panel); background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant), var(--shadow-card); }
.rb-page .rb-rings{ position: relative; width: min(420px, 100%); aspect-ratio: 1; margin: 0 auto; }
.rb-page .rb-ring{ position: absolute; display: flex; flex-direction: column; align-items: center; border-radius: 50%; box-sizing: border-box; transition: background-color 400ms ease, box-shadow 400ms ease, transform 500ms cubic-bezier(0.34, 1.56, 0.64, 1); }
.rb-page .rb-ring b{ font: 800 14px/18px var(--rt-font-sans); letter-spacing: 0.02em; transition: color 400ms ease; }
.rb-page .rb-ring small{ font: 500 12px/16px var(--rt-font-sans); text-align: center; transition: color 400ms ease; }
.rb-page .rb-ring--3{ inset: 0; padding-top: 18px; background: var(--surface-container-low); box-shadow: inset 0 0 0 2px var(--outline-variant); }
.rb-page .rb-ring--2{ inset: 17%; padding-top: 16px; background: var(--surface-container-lowest); box-shadow: inset 0 0 0 2px var(--outline-variant); }
.rb-page .rb-ring--1{ inset: 36%; justify-content: center; background: var(--surface-container-lowest); box-shadow: inset 0 0 0 2px var(--outline-variant); }
.rb-page .rb-ring b,.rb-page .rb-ring small{ color: var(--outline); }
.rb-page .rb-ring--3.lit{ background: #f1eeff; box-shadow: inset 0 0 0 2px var(--violet-border); }
.rb-page .rb-ring--2.lit{ background: var(--primary-container); box-shadow: inset 0 0 0 2px #c4c0ff; }
.rb-page .rb-ring--1.lit{ background: #6255FF; box-shadow: 0 12px 30px rgba(98, 85, 255, 0.35); transform: rotate(-6deg); }
.rb-page .rb-ring--3.lit b,.rb-page .rb-ring--2.lit b{ color: var(--primary-text); }
.rb-page .rb-ring--3.lit small,.rb-page .rb-ring--2.lit small{ color: var(--on-surface); }
.rb-page .rb-ring--1.lit b,.rb-page .rb-ring--1.lit small{ color: #ffffff; }
.rb-page .rb-cr{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.rb-page .rb-cr > div{ display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-4); border-radius: 18px; background: var(--surface-container-low); }
.rb-page .rb-cr ul{ display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }
.rb-page .rb-cr li{ display: flex; align-items: flex-start; gap: 6px; font: 500 14px/20px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rb-cr li .rt-icon{ flex: none; color: var(--primary-text); }
.rb-page .rb-grid12{ display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); margin: 0; padding: 0; list-style: none; }
.rb-page .rb-tile{ position: relative; overflow: hidden; display: flex; flex-direction: column; gap: var(--space-3); padding: var(--card-pad); border-radius: var(--radius-card); background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant), var(--shadow-card); transition: transform 240ms cubic-bezier(0.34, 1.56, 0.64, 1); }
.rb-page .rb-tile:hover{ transform: translateY(-4px); }
.rb-page .rb-tile--violet{ background: var(--primary); box-shadow: var(--shadow-cta); }
.rb-page .rb-tile--violet .rb-h3{ color: #ffffff; }
.rb-page .rb-tile--violet .rb-p{ color: rgba(255, 255, 255, 0.92); }
.rb-page .rb-tile--tonal{ background: var(--primary-container); box-shadow: inset 0 0 0 1px var(--violet-border); }
.rb-page .rb-tile--tonal .rb-p{ color: var(--on-surface); }
.rb-page .rb-tile__shape{ display: grid; place-items: center; width: 60px; height: 60px; margin-bottom: var(--space-2); background: var(--primary-container); color: var(--on-primary-container); transition: transform 420ms cubic-bezier(0.34, 1.56, 0.64, 1); }
.rb-page .rb-tile:hover .rb-tile__shape{ transform: rotate(18deg) scale(1.06); }
.rb-page .rb-tile--violet .rb-tile__shape,.rb-page .rb-tile--tonal .rb-tile__shape{ background: var(--surface-container-lowest); color: var(--primary-text); }
.rb-page .rb-tile__deco{ position: absolute; right: -80px; bottom: -100px; width: 280px; aspect-ratio: 1; background: rgba(255, 255, 255, 0.1); pointer-events: none; }
.rb-page .rb-tile > :not(.rb-tile__deco){ position: relative; }
.rb-page .rb-s4{ grid-column: span 4; }
.rb-page .rb-s5{ grid-column: span 5; }
.rb-page .rb-s7{ grid-column: span 7; }
.rb-page .rb-shot{ margin: var(--space-2) 0 0; display: flex; flex-direction: column; gap: var(--space-2); }
.rb-page .rb-shot img{ display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 18px; box-shadow: 0 12px 28px rgba(37, 48, 68, 0.14); }
.rb-page .rb-shot figcaption{ font: 600 13px/18px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rb-tile--tonal .rb-shot figcaption{ color: var(--on-surface); }
.rb-page .rb-tile__split{ display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: var(--space-6); align-items: center; }
.rb-page .rb-names{ display: flex; flex-direction: column; gap: 6px; margin: var(--space-2) 0 0; padding: var(--space-3); border-radius: 18px; background: var(--surface-container-low); list-style: none; }
.rb-page .rb-names li{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 8px 10px; border-radius: 12px; background: var(--surface-container-lowest); font: 800 14px/19px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rb-names li b{ flex: 1 1 auto; min-width: 90px; }
.rb-page .rb-names li span{ display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 8px; border-radius: var(--radius-full); background: var(--primary-container); font: 700 11px/16px var(--rt-font-sans); color: var(--on-primary-container); }
.rb-page .rb-names li span.q{ background: #fff8e1; color: #6b5300; box-shadow: inset 0 0 0 1px #f0d589; }
.rb-page .rb-swatch{ display: flex; align-items: center; gap: var(--space-3); margin-top: var(--space-2); }
.rb-page .rb-swatch span{ width: 48px; height: 48px; border-radius: 50%; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); }
.rb-page .rb-swatch b{ margin-left: auto; font: 900 44px/1 Georgia, 'Times New Roman', serif; color: #ffffff; }
.rb-page .rb-swatch em{ font: 800 44px/1 var(--rt-font-sans); font-style: normal; color: rgba(255, 255, 255, 0.85); }
.rb-page .rb-manual{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-2); margin-top: var(--space-2); }
.rb-page .rb-manual span{ display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-3); aspect-ratio: 3 / 4; padding: var(--space-3); border-radius: 12px; background: var(--surface-container-low); box-shadow: inset 0 0 0 1px var(--outline-variant); font: 700 12px/16px var(--rt-font-sans); color: var(--on-surface); box-sizing: border-box; }
.rb-page .rb-manual span .rt-icon{ color: var(--primary-text); }
.rb-page .rb-manual span:first-child{ background: #6255FF; color: #ffffff; box-shadow: none; }
.rb-page .rb-manual span:first-child .rt-icon{ color: #ffffff; }
.rb-page .rb-guide{ display: flex; flex-direction: column; gap: var(--space-2); margin: var(--space-2) 0 0; }
.rb-page .rb-guide__pages{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); padding: var(--space-3); border-radius: 18px; background: var(--surface-container-low); }
.rb-page .rb-guide__pg{ display: flex; flex-direction: column; gap: 6px; padding: 8px; border-radius: 10px; background: #ffffff; box-shadow: 0 6px 14px rgba(37, 48, 68, 0.08), inset 0 0 0 1px var(--outline-variant); }
.rb-page .rb-guide__pg small{ font: 700 11px/14px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rb-guide__pg > img{ display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 6px; }
.rb-page .rb-guide__sw{ display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 3px; aspect-ratio: 16 / 9; }
.rb-page .rb-guide__sw span{ display: flex; align-items: center; padding: 0 6px; border-radius: 4px; }
.rb-page .rb-guide__sw em{ font: 600 10px/1 var(--rt-font-sans); font-style: normal; color: #ffffff; }
.rb-page .rb-guide__do{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; aspect-ratio: 16 / 9; }
.rb-page .rb-guide__do span{ position: relative; overflow: hidden; border-radius: 6px; background: var(--surface-container-low); }
.rb-page .rb-guide__do img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.rb-page .rb-guide__do .no img{ transform: scaleX(1.7) skewX(-12deg); filter: hue-rotate(160deg); }
.rb-page .rb-guide__do b{ position: absolute; left: 3px; bottom: 3px; display: inline-flex; align-items: center; gap: 2px; height: 18px; padding: 0 5px 0 3px; border-radius: 999px; font: 700 10px/1 var(--rt-font-sans); color: #ffffff; }
.rb-page .rb-guide__do .ok b{ background: #6255FF; }
.rb-page .rb-guide__do .no b{ background: #ba1a1a; }
.rb-page .rb-guide figcaption{ font: 600 13px/18px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rb-ex{ display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-8); align-items: start; }
.rb-page .rb-ex__list{ display: flex; flex-direction: column; gap: var(--space-2); margin: 0; padding: 0; list-style: none; counter-reset: p; }
.rb-page .rb-ex__list button{ display: grid; grid-template-columns: 44px 72px minmax(0, 1fr) auto; align-items: center; gap: var(--space-3); width: 100%; min-height: 64px; padding: var(--space-2) var(--space-4) var(--space-2) var(--space-2); border: 0; border-radius: 20px; background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant); text-align: left; cursor: pointer; transition: background-color 200ms ease, box-shadow 200ms ease; }
.rb-page .rb-ex__list button:hover{ background: var(--surface-container-low); }
.rb-page .rb-ex__list button:focus-visible{ outline: 3px solid var(--primary); outline-offset: 2px; }
.rb-page .rb-ex__list button.on{ background: var(--primary-container); box-shadow: inset 0 0 0 2px #6255FF; }
.rb-page .rb-ex__n{ display: grid; place-items: center; width: 44px; height: 44px; background: var(--surface-container); font: 900 14px/1 var(--rt-font-sans); color: var(--primary-text); transition: transform 420ms cubic-bezier(0.34, 1.56, 0.64, 1); }
.rb-page .rb-ex__list button.on .rb-ex__n{ background: #6255FF; color: #ffffff; transform: rotate(18deg); }
.rb-page .rb-ex__thumb{ display: block; width: 72px; height: 40px; border-radius: 10px; object-fit: cover; background: var(--surface-container-high); }
.rb-page .rb-ex__thumb--none{ display: grid; place-items: center; color: var(--on-surface-variant); }
.rb-page .rb-ex__name{ display: flex; flex-direction: column; min-width: 0; }
.rb-page .rb-ex__name b{ font: 800 16px/1.25 var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rb-ex__name small{ font: 500 13px/18px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rb-ex__list .rt-icon{ color: var(--primary-text); }
.rb-page .rb-ex__panel{ position: sticky; top: 112px; display: flex; flex-direction: column; gap: var(--space-5); padding: var(--space-8); border-radius: var(--radius-panel); background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant), var(--shadow-card); }
.rb-page .rb-ex__stage{ position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 20px; background: #f7f5fd; box-shadow: inset 0 0 0 1px var(--outline-variant); }
.rb-page .rb-ex__stage > img{ display: block; width: 100%; height: 100%; object-fit: cover; animation: rb-in 420ms cubic-bezier(0.2, 0, 0, 1); }
.rb-page .rb-ex__stage > img.fit{ object-fit: contain; }
.rb-page .rb-props{ position: absolute; inset: 0; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--space-3); padding: var(--space-4); background: var(--surface-container-low); box-sizing: border-box; align-items: center; }
.rb-page .rb-prop{ position: relative; margin: 0; display: flex; flex-direction: column; gap: var(--space-2); animation: rb-in 420ms cubic-bezier(0.2, 0, 0, 1); }
.rb-page .rb-prop img{ display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--outline-variant); opacity: 0.62; filter: saturate(0.6); transition: opacity 300ms ease, filter 300ms ease; }
.rb-page .rb-prop figcaption{ display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); font: 700 13px/18px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rb-prop--pick img{ opacity: 1; filter: none; box-shadow: 0 0 0 3px #6255FF, 0 14px 30px rgba(98, 85, 255, 0.25); }
.rb-page .rb-prop--pick figcaption{ color: var(--on-surface); }
.rb-page .rb-prop__badge{ display: inline-flex; align-items: center; gap: 4px; height: 26px; padding: 0 10px 0 6px; border-radius: var(--radius-full); background: #6255FF; font: 700 12px/1 var(--rt-font-sans); color: #ffffff; }
.rb-page .rb-ex__top{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); }
.rb-page .rb-tag{ display: inline-flex; align-items: center; gap: 6px; width: max-content; max-width: 100%; min-height: 32px; padding: 4px var(--space-3); border-radius: var(--radius-sm); box-shadow: inset 0 0 0 1px var(--outline-variant); font: 600 13px/18px var(--rt-font-sans); color: var(--on-surface-variant); box-sizing: border-box; }
.rb-page .rb-ex__body{ display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-6); align-items: start; }
.rb-page .rb-did{ display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-4); border-radius: 18px; background: var(--surface-container-low); }
.rb-page .rb-did ul{ display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.rb-page .rb-did li{ display: inline-flex; align-items: center; gap: 4px; height: 30px; padding: 0 10px 0 6px; border-radius: var(--radius-sm); background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant); font: 600 13px/18px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rb-did li .rt-icon{ color: var(--primary-text); }
@keyframes rb-in{ from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.rb-page .rb-new{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-12); align-items: start; }
.rb-page .rb-new__three{ display: flex; flex-direction: column; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.rb-page .rb-new__three li{ display: flex; gap: var(--space-4); align-items: center; padding: var(--space-4) var(--space-5); border-radius: var(--radius-card); background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant); font: 500 16px/24px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rb-new__three li > span{ display: grid; place-items: center; width: 44px; height: 44px; flex: none; background: var(--primary-container); color: var(--on-primary-container); }
.rb-page .rb-blank{ display: flex; flex-direction: column; gap: var(--space-5); padding: var(--space-8); border-radius: var(--radius-panel); background: linear-gradient(135deg, #f1eeff, #f9f8ff); box-shadow: inset 0 0 0 1px var(--violet-border); }
.rb-page .rb-blank__head{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); }
.rb-page .rb-blank__count{ display: inline-flex; align-items: center; height: 28px; padding: 0 var(--space-3); border-radius: var(--radius-full); background: #253044; font: 700 12px/1 var(--rt-font-sans); color: #ffffff; font-variant-numeric: tabular-nums; }
.rb-page .rb-blank__steps{ position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.rb-page .rb-blank__track{ position: absolute; left: 10%; right: 10%; top: 26px; height: 4px; border-radius: 4px; background: var(--violet-border); pointer-events: none; }
.rb-page .rb-blank__track i{ display: block; height: 100%; border-radius: inherit; background: var(--primary); transition: width 700ms cubic-bezier(0.2, 0, 0, 1); }
.rb-page .rb-blank__steps button{ position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; width: 100%; padding: 0; border: 0; background: none; text-align: center; cursor: pointer; border-radius: var(--radius-sm); }
.rb-page .rb-blank__steps button:focus-visible{ outline: 3px solid var(--primary); outline-offset: 4px; }
.rb-page .rb-blank__dot{ display: grid; place-items: center; width: 52px; height: 52px; background: var(--surface-container-lowest); color: var(--on-surface-variant); box-shadow: inset 0 0 0 1px var(--violet-border); transition: background-color 300ms ease, color 300ms ease, transform 420ms cubic-bezier(0.34, 1.56, 0.64, 1); }
.rb-page .rb-blank__steps b{ font: 700 14px/19px var(--rt-font-sans); color: var(--on-surface-variant); transition: color 300ms ease; }
.rb-page .rb-blank__steps .done .rb-blank__dot{ background: var(--primary-container); color: var(--on-primary-container); box-shadow: none; }
.rb-page .rb-blank__steps .done b{ color: var(--on-surface); }
.rb-page .rb-blank__steps .now .rb-blank__dot{ background: var(--primary); color: #ffffff; box-shadow: var(--shadow-cta), 0 0 0 6px rgba(98, 85, 255, 0.16); transform: scale(1.12) rotate(12deg); }
.rb-page .rb-blank__steps .now b{ color: var(--primary-text); }
.rb-page .rb-blank__stage{ position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 20px; background: #fff8eb; box-shadow: 0 20px 44px rgba(37, 48, 68, 0.16); }
.rb-page .rb-blank__stage > img{ display: block; width: 100%; height: 100%; object-fit: cover; animation: rb-in 420ms cubic-bezier(0.2, 0, 0, 1); }
.rb-page .rb-blank__duo{ position: absolute; inset: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rb-page .rb-blank__duo img{ display: block; width: 100%; height: 100%; object-fit: cover; animation: rb-in 420ms cubic-bezier(0.2, 0, 0, 1); }
.rb-page .rb-blank__duo span{ position: absolute; top: var(--space-3); display: inline-flex; align-items: center; height: 28px; padding: 0 var(--space-3); border-radius: var(--radius-full); background: rgba(255, 255, 255, 0.92); font: 700 12px/1 var(--rt-font-sans); color: #253044; }
.rb-page .rb-blank__cap{ margin: 0; font: 500 16px/25px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rb-blank__cap b{ color: var(--primary-text); }
.rb-page .rb-diff{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-12); align-items: center; }
.rb-page .rb-defs{ display: flex; flex-direction: column; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.rb-page .rb-defs li{ display: flex; gap: var(--space-4); align-items: flex-start; padding: var(--space-5); border-radius: var(--radius-card); background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant); font: 400 16px/25px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rb-defs li > span:last-child{ flex: 1 1 auto; min-width: 0; padding-top: 9px; }
.rb-page .rb-defs li > span:first-child{ display: grid; place-items: center; width: 44px; height: 44px; flex: none; background: var(--primary-container); color: var(--on-primary-container); }
.rb-page .rb-defs b{ color: var(--on-surface); }
.rb-page .rb-venn{ display: flex; flex-direction: column; gap: var(--space-5); padding: var(--space-8); border-radius: var(--radius-panel); background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant), var(--shadow-card); }
.rb-page .rb-venn__box{ position: relative; height: 340px; border-radius: 28px; background: repeating-linear-gradient(135deg, #f7f6fd 0 12px, #f2f0fc 12px 24px); box-shadow: inset 0 0 0 2px var(--violet-border); overflow: hidden; }
.rb-page .rb-venn__tag{ position: absolute; left: var(--space-5); top: var(--space-4); display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 var(--space-3); border-radius: var(--radius-full); background: #253044; font: 700 12px/1 var(--rt-font-sans); letter-spacing: 0.04em; text-transform: uppercase; color: #ffffff; }
.rb-page .rb-circ{ position: absolute; top: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; width: 230px; height: 230px; margin-top: -105px; border-radius: 50%; text-align: center; box-sizing: border-box; padding: var(--space-6); transition: left 900ms cubic-bezier(0.2, 0, 0, 1), right 900ms cubic-bezier(0.2, 0, 0, 1); }
.rb-page .rb-circ b{ font: 800 18px/1.2 var(--rt-font-sans); }
.rb-page .rb-circ small{ font: 500 13px/18px var(--rt-font-sans); }
.rb-page .rb-circ--id{ left: 6%; background: rgba(98, 85, 255, 0.92); color: #ffffff; z-index: 1; }
.rb-page .rb-circ--im{ right: 6%; background: rgba(235, 231, 255, 0.92); box-shadow: inset 0 0 0 2px #c4c0ff; color: var(--on-surface); }
.rb-page .rb-venn--near .rb-circ--id{ left: calc(50% - 175px); }
.rb-page .rb-venn--near .rb-circ--im{ right: calc(50% - 175px); }
.rb-page .rb-gap{ position: absolute; left: 50%; top: 50%; display: inline-flex; align-items: center; gap: 6px; height: 30px; margin: 112px 0 0 -70px; width: 140px; justify-content: center; border-radius: var(--radius-full); background: #ffffff; box-shadow: 0 8px 20px rgba(37, 48, 68, 0.1); font: 700 12px/1 var(--rt-font-sans); color: var(--on-surface); transition: opacity 400ms ease; }
.rb-page .rb-band{ overflow: clip; background: var(--primary); color: #ffffff; }
.rb-page .rb-band .rb-h2{ color: #ffffff; }
.rb-page .rb-band .rb-lead{ color: rgba(255, 255, 255, 0.94); }
.rb-page .rb-team{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-12); align-items: center; }
.rb-page .rb-people{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); margin: 0; padding: 0; list-style: none; }
.rb-page .rb-person{ display: flex; flex-direction: column; overflow: hidden; border-radius: var(--radius-panel); background: #ffffff; color: var(--on-surface); box-shadow: 0 24px 50px rgba(20, 16, 90, 0.25); transition: transform 260ms cubic-bezier(0.34, 1.56, 0.64, 1); }
.rb-page .rb-person:hover{ transform: translateY(-6px); }
.rb-page .rb-person__ph{ position: relative; height: 300px; overflow: hidden; background: #5a55f9; }
.rb-page .rb-person__ph img{ position: absolute; left: 50%; bottom: -10px; width: 92%; transform: translateX(-50%); }
.rb-page .rb-person__ph span{ position: absolute; right: -40px; top: -40px; width: 160px; aspect-ratio: 1; background: rgba(255, 255, 255, 0.14); }
.rb-page .rb-person__b{ display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-6); }
.rb-page .rb-person__b b{ font: 800 20px/1.25 var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rb-person__b small{ font: 600 14px/20px var(--rt-font-sans); color: var(--primary-text); }
.rb-page .rb-person__b p{ margin: 0; font: 400 15px/23px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rb-one{ display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin: 0; padding: var(--space-4); border-radius: var(--radius-card); background: rgba(255, 255, 255, 0.1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.26); list-style: none; }
.rb-page .rb-one li{ display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 var(--space-3) 0 var(--space-2); border-radius: var(--radius-full); background: #ffffff; font: 700 14px/1 var(--rt-font-sans); color: #253044; }
.rb-page .rb-one li .rt-icon{ color: #5144DA; }
.rb-page .rb-one li.arr{ width: auto; padding: 0; background: none; color: #ffffff; }
.rb-page .rb-one li.arr .rt-icon{ color: #ffffff; }
.rb-page .rb-steps6{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; row-gap: var(--space-10) !important; }
.rb-page .rb-steps6 .rt-steps__item:nth-child(3)::after{ display: none; }
.rb-page .rb-time{ display: flex; flex-direction: column; gap: var(--space-4); margin-top: var(--space-12); padding: var(--space-8); border-radius: var(--radius-panel); background: linear-gradient(135deg, #f1eeff, #f9f8ff); box-shadow: inset 0 0 0 1px var(--violet-border); }
.rb-page .rb-time__head{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-3); }
.rb-page .rb-weeks{ display: grid; grid-template-columns: 220px repeat(10, minmax(0, 1fr)); gap: 6px var(--space-1); align-items: center; }
.rb-page .rb-weeks > small{ font: 700 12px/16px var(--rt-font-sans); color: var(--on-surface-variant); text-align: center; font-variant-numeric: tabular-nums; }
.rb-page .rb-weeks > b{ font: 700 15px/20px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rb-bar{ display: flex; align-items: center; height: 44px; padding: 0 var(--space-4); border-radius: var(--radius-full); font: 800 14px/1 var(--rt-font-sans); color: #ffffff; box-sizing: border-box; white-space: nowrap; }
.rb-page .rb-bar--a{ grid-column: 2 / span 4; background: #6255FF; border-radius: 999px 0 0 999px; }
.rb-page .rb-bar--a2{ grid-column: 6 / span 2; margin-left: -4px; background: repeating-linear-gradient(135deg, #c4c0ff 0 8px, #ebe7ff 8px 16px); border-radius: 0 999px 999px 0; color: #253044; justify-content: center; }
.rb-page .rb-bar--b{ grid-column: 2 / span 10; background: linear-gradient(90deg, #6255FF 0%, #6255FF 58%, #5144DA 100%); justify-content: space-between; }
.rb-page .rb-bar--b em{ font-style: normal; font: 700 12px/1 var(--rt-font-sans); opacity: 0.92; }
.rb-page .rb-price .rt-price__text{ display: flex; flex-direction: column; gap: var(--space-4); }
.rb-page .rb-price .rt-price__text p{ margin: 0; }
.rb-page .rb-tiers{ display: flex; flex-direction: column; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.rb-page .rb-tiers li{ display: flex; gap: var(--space-4); align-items: flex-start; padding: var(--space-4) var(--space-5); border-radius: 18px; background: var(--surface-container-low); font: 400 16px/25px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rb-tiers li > span:last-child{ flex: 1 1 auto; min-width: 0; padding-top: 7px; }
.rb-page .rb-tiers li > span:first-child{ display: grid; place-items: center; width: 40px; height: 40px; flex: none; background: var(--primary); color: #ffffff; }
.rb-page .rb-tiers b{ color: var(--on-surface); }
.rb-page .rb-price .rt-price__figure{ gap: var(--space-3); }
.rb-page .rb-price__alt{ display: flex; flex-direction: column; gap: 2px; margin-top: var(--space-4); padding-top: var(--space-4); box-shadow: inset 0 1px 0 var(--outline-variant); }
.rb-page .rb-price__alt span{ font: 500 15px/22px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rb-price__alt b{ font: 800 40px/1.05 var(--rt-font-sans); letter-spacing: -0.02em; color: var(--on-surface); font-variant-numeric: tabular-nums; }
.rb-page .rb-price__alt b small{ font-size: 0.45em; color: var(--on-surface-variant); }
.rb-page .rb-price__alt em{ font: 600 14px/20px var(--rt-font-sans); font-style: normal; color: var(--primary-text); }
.rb-page .rb-price .rt-price__figure .rt-actions{ margin-top: var(--space-5); }
.rb-page .rb-contact{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-10); align-items: start; padding: var(--space-12); border-radius: var(--radius-panel); background: linear-gradient(135deg, #f2eeff, #ffffff); box-shadow: inset 0 0 0 1px var(--violet-border); }
.rb-page .rb-contact__text{ display: flex; flex-direction: column; gap: var(--space-4); }
.rb-page .rb-badge{ display: inline-flex; align-items: center; gap: var(--space-2); width: max-content; max-width: 100%; min-height: 36px; padding: 0 var(--space-4) 0 var(--space-2); border-radius: var(--radius-full); background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--violet-border); font: 700 14px/20px var(--rt-font-sans); color: var(--on-surface); box-sizing: border-box; }
.rb-page .rb-badge span{ display: grid; place-items: center; width: 26px; height: 26px; flex: none; background: var(--primary); color: var(--on-primary); }
.rb-page .rb-orient{ display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.rb-page .rb-orient li{ display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 var(--space-3); border-radius: var(--radius-full); background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--violet-border); font: 700 13px/1 var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rb-orient li .rt-icon{ color: var(--primary-text); }
.rb-page .rb-form-panel{ padding: var(--card-pad); border-radius: 23px; background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant), var(--shadow-card); }
.rb-page .rb-form{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5) var(--space-4); }
.rb-page .rb-form .rt-field{ max-width: none; }
.rb-page .rb-full{ grid-column: 1 / -1; }
.rb-page .rb-area{ display: flex; flex-direction: column; gap: var(--space-2); }
.rb-page .rb-area label{ font: 500 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rb-area textarea{ box-sizing: border-box; width: 100%; min-height: 112px; padding: 14px 16px; border: 0; border-radius: 10px; background: transparent; box-shadow: inset 0 0 0 1px var(--field-border); font: 400 16px/24px var(--rt-font-sans); color: var(--on-surface); resize: vertical; }
.rb-page .rb-area textarea:focus{ outline: none; box-shadow: inset 0 0 0 2px var(--primary); }
.rb-page .rb-file{ position: relative; display: flex; align-items: center; gap: var(--space-4); padding: var(--space-4); border-radius: 14px; background: var(--surface-container-low); outline: 2px dashed var(--violet-border); outline-offset: -2px; cursor: pointer; }
.rb-page .rb-file:focus-within{ outline-color: var(--primary); }
.rb-page .rb-file > span:first-child{ display: grid; place-items: center; width: 44px; height: 44px; flex: none; background: var(--primary-container); color: var(--on-primary-container); }
.rb-page .rb-file b{ display: block; font: 700 15px/21px var(--rt-font-sans); color: var(--on-surface); }
.rb-page .rb-file small{ display: block; font: 400 13px/18px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rb-file input{ position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.rb-page .rb-privacy{ font: 400 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rb-page .rb-faq{ display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-10); align-items: start; }
.rb-page .rb-faq__head{ display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.rb-page .rb-faq .rt-faq__a-inner ul{ margin: 0 0 var(--space-3); padding-left: 20px; }
.rb-page .rb-faq .rt-faq__a-inner p + p{ margin-top: var(--space-2); }
.rb-page .rb-footer-contact li{ font: 400 14px/20px var(--rt-font-sans); color: var(--footer-text); }
@media (max-width: 1240px){.rb-page .hd__nav,.rb-page .hd__cta{ display: none; }
.rb-page .hd__burger{ display: inline-grid; }
.rb-page .hd__inner{ min-height: 80px; padding: 0 20px; }
.rb-page .hd__logo img{ width: 190px; }}
@media (max-width: 1100px){.rb-page .rb-hero__inner{ grid-template-columns: minmax(0, 1fr); gap: var(--space-8); padding-top: 56px; }
.rb-page .rb-viz{ max-width: 640px; width: 100%; margin: 0 auto; }
.rb-page .rb-what,.rb-page .rb-levels,.rb-page .rb-ex,.rb-page .rb-new,.rb-page .rb-diff,.rb-page .rb-team,.rb-page .rb-contact,.rb-page .rb-faq,.rb-page .rb-ex__body{ grid-template-columns: minmax(0, 1fr); }
.rb-page .rb-coh,.rb-page .rb-rings-wrap,.rb-page .rb-ex__panel{ position: relative; top: 0; }
.rb-page .rb-s4,.rb-page .rb-s5,.rb-page .rb-s7{ grid-column: 1 / -1; }
.rb-page .rb-ex__list{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rb-page .rb-steps6{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.rb-page .rb-steps6 .rt-steps__item:nth-child(3)::after{ display: block; }}
@media (max-width: 699px){.rb-page .rb-in{ padding: 56px 16px; }
.rb-page .hd__inner{ min-height: 72px; padding: 0 12px 0 16px; }
.rb-page .hd__logo img{ width: 160px; }
.rb-page .hd__burger{ width: 50px; height: 50px; padding: 11px; }
.rb-page .hd__burger i{ width: 24px; }
.rb-page .rb-hero__inner{ padding: 40px 16px var(--space-12); }
.rb-page .rb-float--logo{ left: 0; top: -6%; width: 168px; padding: var(--space-2); }
.rb-page .rb-float--pal{ right: 0; bottom: 0; padding: var(--space-2) var(--space-4) var(--space-2) var(--space-2); }
.rb-page .rb-pal span{ width: 30px; height: 30px; }
.rb-page .rb-signs,.rb-page .rb-tp,.rb-page .rb-cr,.rb-page .rb-people,.rb-page .rb-form,.rb-page .rb-ex__list{ grid-template-columns: minmax(0, 1fr); }
.rb-page .rb-coh,.rb-page .rb-rings-wrap,.rb-page .rb-ex__panel,.rb-page .rb-blank,.rb-page .rb-venn,.rb-page .rb-time,.rb-page .rb-contact{ padding: var(--space-6) var(--space-4); }
.rb-page .rb-lv .rb-p{ padding-left: 0; }
.rb-page .rb-lv .rb-link{ margin-left: 0; }
.rb-page .rb-tile__split{ grid-template-columns: minmax(0, 1fr); }
.rb-page .rb-manual{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rb-page .rb-props{ grid-auto-flow: row; grid-auto-columns: auto; position: relative; }
.rb-page .rb-ex__stage--prop{ aspect-ratio: auto; }
.rb-page .rb-blank__steps{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
.rb-page .rb-blank__steps b{ font-size: 11px; line-height: 14px; }
.rb-page .rb-blank__dot{ width: 40px; height: 40px; }
.rb-page .rb-blank__track{ top: 20px; }
.rb-page .rb-venn__box{ height: 420px; }
.rb-page .rb-circ{ width: 170px; height: 170px; margin-top: -85px; padding: var(--space-4); }
.rb-page .rb-circ--id{ left: 4%; top: 32%; }
.rb-page .rb-circ--im{ right: 4%; top: 64%; }
.rb-page .rb-venn--near .rb-circ--id{ left: calc(50% - 130px); top: 46%; }
.rb-page .rb-venn--near .rb-circ--im{ right: calc(50% - 130px); top: 54%; }
.rb-page .rb-gap{ margin-top: 160px; }
.rb-page .rb-person__ph{ height: 260px; }
.rb-page .rb-steps6{ grid-template-columns: minmax(0, 1fr) !important; }
.rb-page .rb-weeks{ grid-template-columns: repeat(10, minmax(0, 1fr)); }
.rb-page .rb-weeks > b{ grid-column: 1 / -1; margin-top: var(--space-2); }
.rb-page .rb-bar--a{ grid-column: 1 / span 4; }
.rb-page .rb-bar--a2{ grid-column: 5 / span 2; }
.rb-page .rb-bar--b{ grid-column: 1 / span 10; }
.rb-page .rb-weeks > .rb-wk0{ display: none; }
.rb-page .rb-seg{ width: 100%; }
.rb-page .rb-seg button{ flex: 1 1 auto; }}
@media (prefers-reduced-motion: reduce){.rb-page .rb-float,.rb-page .rb-ex__stage > img,.rb-page .rb-prop,.rb-page .rb-blank__stage > img,.rb-page .rb-blank__duo img{ animation: none; }
.rb-page .rb-board img,.rb-page .rb-mark,.rb-page .rb-circ,.rb-page .rb-tile,.rb-page .rb-tile__shape,.rb-page .hd__sub,.rb-page .hd__mega{ transition: none; }}
.rb-page{width:100%;max-width:none;margin:0;background:#fff;color:var(--on-surface);font-family:var(--rt-font-sans);isolation:isolate}
.rb-page *{box-sizing:border-box}.rb-page [hidden]{display:none!important}.rb-page>section{margin:0;max-width:none}.rb-page .rb-hero__inner{padding-top:140px}.rb-page .rb-hero{scroll-margin-top:0}.rb-page section[id]{scroll-margin-top:112px}
.rb-page .rt-icon{display:inline-block;flex-shrink:0;vertical-align:middle;font-family:var(--rt-font-sans);line-height:1;width:20px;height:20px;overflow:visible}.rb-page .rt-icon path{vector-effect:non-scaling-stroke}.rb-page .rt-btn{gap:9px;white-space:normal;text-align:center;text-decoration:none;max-width:100%}
.rb-page .rb-hero__title{font-size:clamp(38px,3.8vw,54px);font-weight:700;max-width:none}.rb-page .rb-hero__text{position:relative;z-index:2}.rb-page .rb-viz{z-index:1}.rb-page .rb-viz__ghost{translate:-50% -50%;transform:none;transform-origin:center;pointer-events:none}.rb-page .rb-dots{gap:7px;align-items:center}.rb-page .rb-dots button{border:0;padding:0;width:8px;height:8px;min-height:0;border-radius:10px;background:#dfd9ff;cursor:pointer}.rb-page .rb-dots button.on{width:20px;background:#6255ff}.rb-page .rb-dots button:focus-visible{outline:2px solid #5144da;outline-offset:4px}.rb-page .rb-hero-pause{border:0;background:transparent;color:var(--primary-text);font:600 12px/20px var(--rt-font-sans);padding:3px 7px;cursor:pointer;border-radius:6px}.rb-page .rb-viz__cap{flex-wrap:wrap}.rb-page .rb-viz__cap [data-hero-caption]{flex-basis:100%;text-align:center}
.rb-page .rb-project-mobile{display:none}.rb-page .rb-project-views{min-width:0;width:100%}.rb-page .rb-project-views .rb-ex__stage>img{object-fit:contain}.rb-page .rb-ex__thumb{object-fit:contain}.rb-page .rb-ex__panel{min-width:0}.rb-page .rb-props figure{margin:0;min-width:0}.rb-page .rb-prop img{object-fit:contain}.rb-page .rb-ex__stage{background:#fff}.rb-page .rb-blank__stage .rb-eos-view{width:100%;height:100%}.rb-page .rb-blank__stage .rb-eos-view>img{display:block;width:100%;height:100%;object-fit:contain}.rb-page .rb-blank__duo figure{margin:0;min-width:0}.rb-page .rb-blank__duo figcaption{padding:8px 12px;color:var(--on-surface);font:600 12px/18px var(--rt-font-sans)}.rb-page .rb-blank__duo img{width:100%;height:100%;object-fit:contain}.rb-page .rb-blank__duo{height:100%;gap:8px}.rb-page .rb-blank__duo figure{display:grid;grid-template-rows:1fr auto}
.rb-page .rb-hero__text>.rt-actions{gap:12px}.rb-page .rb-hero__text>.rt-actions .rt-btn{font-size:14px;padding:14px 20px;min-height:52px}
.rb-page .rb-cr{transition:none}.rb-page .rb-cr ul{min-height:86px}.rb-page .rb-native-reviews .rt-service-reviews{margin:0!important;padding:0!important}.rb-page .rb-native-reviews .rt-service-section-head{margin-bottom:32px}.rb-page .rb-native-reviews h2{font:700 clamp(30px,3vw,43px)/1.17 var(--rt-font-sans);color:var(--on-surface)}.rb-page .rb-native-reviews .rt-seo-m3{max-width:none;width:100%;padding:0;margin:0}
.rb-page .rb-form{margin:0}.rb-page .rb-form label{display:grid;gap:8px;font:500 14px/1.5 var(--rt-font-sans);color:var(--on-surface)}.rb-page .rb-form label>span{font:inherit}.rb-page .rb-form input:not([type=checkbox]):not([type=hidden]),.rb-page .rb-form textarea{width:100%;min-width:0;border:1px solid var(--field-border);border-radius:10px;background:#fff;padding:14px;font:400 16px/24px var(--rt-font-sans);color:var(--on-surface)}.rb-page .rb-form textarea{resize:vertical}.rb-page .rb-form input:focus-visible,.rb-page .rb-form textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.rb-page .rb-form .rt-seo-m3-audit-form__wide,.rb-page .rb-form .rt-seo-m3-audit-form__privacy,.rb-page .rb-form .rt-turnstile-field,.rb-page .rb-form button[type=submit]{grid-column:1/-1}.rb-page .rb-form .rt-seo-m3-audit-form__privacy{display:flex;align-items:flex-start;gap:10px;font-size:13px}.rb-page .rb-form input[type=checkbox]{width:18px;height:18px;flex-shrink:0;margin:1px 0 0;accent-color:var(--primary)}.rb-page .rb-form button[type=submit]{justify-self:start;border:0;min-height:48px;padding:14px 24px;border-radius:999px;background:var(--primary);color:#fff;font:700 15px/22px var(--rt-font-sans);cursor:pointer;box-shadow:var(--shadow-cta)}.rb-page .rb-form .rb-form-note{grid-column:1/-1;margin:0;font:400 13px/20px var(--rt-font-sans);color:var(--on-surface-variant)}
.rb-page .rt-faq__a-inner{min-width:0}.rb-page .rb-contact{min-width:0}.rb-page .rb-coh__out{min-height:42px}.rb-page .rb-venn__box{overflow:hidden}.rb-page .rb-venn__box b,.rb-page .rb-venn__box small{position:relative;z-index:1}
@media(max-width:1000px){.rb-page .rb-hero__inner{padding-top:132px}.rb-page .rb-project-mobile{display:grid;gap:8px;font:700 14px/20px var(--rt-font-sans)}.rb-page .rb-project-mobile select{max-width:100%;width:100%;min-height:50px;border:1px solid var(--outline-variant);border-radius:14px;padding:12px 14px;background:#fff;color:var(--on-surface);font:600 16px/22px var(--rt-font-sans)}.rb-page .rb-ex__list{display:none}.rb-page .rb-ex__panel{position:relative;top:0}.rb-page .rb-viz__cap{padding-left:0;padding-right:0}}
@media(max-width:600px){.rb-page .rb-hero__inner{padding-top:112px}.rb-page .rb-form{padding:20px 16px}.rb-page .rb-form label{grid-column:1/-1}.rb-page .rb-form button[type=submit]{width:100%;padding-left:14px;padding-right:14px}.rb-page .rb-hero__title{font-size:36px;line-height:1.1}.rb-page .rb-eyebrow{white-space:normal;line-height:1.6}.rb-page .rb-float--pal{max-width:calc(100% - 16px)}.rb-page .rb-pal{flex-shrink:0}.rb-page .rb-float--pal small{min-width:0}.rb-page .rb-float--pal em{font-size:10px;overflow-wrap:anywhere}.rb-page .rb-ex__stage{aspect-ratio:16/10}.rb-page .rb-ex__stage--prop{aspect-ratio:auto}.rb-page .rb-blank__steps{gap:4px}.rb-page .rb-blank__steps b{font-size:10px;line-height:1.3}.rb-page .rb-blank__dot{width:34px;height:34px}.rb-page .rb-blank__head .rb-lbl{max-width:75%;font-size:10px}.rb-page .rb-contact{padding:24px 16px}.rb-page .rb-seg{width:100%;border-radius:16px;gap:2px}.rb-page .rb-seg button{flex:1;padding:8px 10px;line-height:1.4}.rb-page .rb-cr{grid-template-columns:1fr 1fr}.rb-page .rb-cr ul{min-height:0}.rb-page .rt-steps__list{display:grid;grid-template-columns:1fr;gap:24px}.rb-page .rt-steps__item{padding-left:60px;position:relative;min-height:90px}.rb-page .rt-steps__num{position:absolute;left:0;top:0;width:38px;height:38px}.rb-page .rt-steps__item:not(:last-child)::after{content:"";position:absolute;left:18px;top:43px;width:2px;height:calc(100% + 5px);border:0;background:#d3ccff;transform:none;clip-path:none}.rb-page .rt-steps__item:last-child::after{display:none}.rb-page .rb-weeks{display:flex;flex-direction:column;gap:10px}.rb-page .rb-weeks>small,.rb-page .rb-wk0,.rb-page .rb-bar--a2{display:none}.rb-page .rb-weeks>b{margin-top:10px;max-width:none}.rb-page .rb-bar--a{width:60%;min-height:38px}.rb-page .rb-bar--b{width:100%;min-height:38px}.rb-page .rb-time{padding:20px 16px}.rb-page .rb-bar em{font-size:10px}.rb-page .rb-price .rt-price__amount{font-size:62px}.rb-page .rb-people{gap:20px}}
@media(prefers-reduced-motion:reduce){.rb-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.rb-page .rb-shot{height:auto;min-height:0;aspect-ratio:auto}.rb-page .rb-shot>img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:auto}.rb-page .rb-guide__pg>img{display:block;width:100%;height:auto;max-height:120px;object-fit:contain}.rb-page .rb-form{padding:0}.rb-page .rb-hero__title{font-size:clamp(38px,3.6vw,52px)}
@media(max-width:600px){.rb-page .rb-contact{padding:24px 12px}.rb-page .rb-form-panel{padding:20px 16px}.rb-page .rb-form{padding:0}.rb-page .rb-hero__title{font-size:36px}.rb-page .rb-shot{width:100%}.rb-page .rb-hero__text>.rt-actions .rt-btn{width:100%}}
.rb-page .rb-prop img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.rb-page .rb-props{min-height:0}.rb-page .rb-blank__duo figure{grid-template-rows:minmax(0,1fr) auto}.rb-page .rb-blank__duo img{min-height:0;max-height:100%}
.rb-page .rb-person__ph img{left:0;bottom:0;width:100%;height:100%;transform:none;object-fit:cover;object-position:center 32%}
.rb-page .rb-viz{padding-bottom:120px}


/* Reviews: match the existing service-page component, scoped to Rebranding. */
.rb-page .rb-reviews {margin:0;padding:0;background:#fff}
.rb-page .rb-reviews .rt-reviews {display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px;align-items:stretch}
.rb-page .rb-reviews .rt-reviews__summary {container-type:inline-size;display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;padding:40px;border-radius:28px;background:#ebe7ff;color:#253044}
.rb-page .rb-reviews .rt-shead {margin:0 0 8px}
.rb-page .rb-reviews .rt-reviews__summary .rb-h2 {margin:0;font-weight:700;font-size:clamp(30px,3vw,44px);line-height:1.14;text-wrap:balance}
.rb-page .rb-reviews .rt-reviews__rating {display:flex;flex-direction:column;gap:8px;margin:auto 0 0;padding-top:28px;max-width:100%}
.rb-page .rb-reviews .rt-reviews__stars {font-size:22px;line-height:1;letter-spacing:3px;color:#f4b400}
.rb-page .rb-reviews .rt-reviews__score {font-family:var(--rt-font-sans);font-size:clamp(54px,29cqi,104px);font-weight:900;line-height:.95;letter-spacing:-.03em;color:#5144da;white-space:nowrap;font-variant-numeric:tabular-nums}
.rb-page .rb-reviews .rt-reviews__meta {font:500 16px/24px var(--rt-font-sans);color:#253044}
.rb-page .rb-reviews .rt-reviews__summary>.rt-btn {height:auto;min-height:48px;padding:12px 20px;gap:8px;font:500 14px/20px var(--rt-font-sans);color:#253044;white-space:normal;text-align:left;max-width:100%;border-radius:999px}
.rb-page .rb-reviews .rt-reviews__list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-width:0}
.rb-page .rb-reviews .rt-reviews__list>.rt-quote:first-child {grid-column:1/-1}
.rb-page .rb-reviews .rt-quote {display:flex;flex-direction:column;gap:16px;margin:0;min-width:0;padding:32px;border:1px solid #e4e4ed;border-radius:20px;background:#fff;color:#253044;box-shadow:0 8px 24px rgba(37,48,68,.035)}
.rb-page .rb-reviews .rt-quote__head {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0}
.rb-page .rb-reviews .rt-quote__by {display:flex;align-items:center;gap:12px;min-width:0}
.rb-page .rb-reviews .rt-quote__avatar {display:grid;place-items:center;flex:none;width:48px;height:48px;background:#ebe7ff;color:#5144da;font:700 16px/1 var(--rt-font-sans)}
.rb-page .rb-reviews .rt-quote__name {display:block;font:700 16px/24px var(--rt-font-sans);overflow-wrap:anywhere}
.rb-page .rb-reviews .rt-quote__name a {color:inherit;text-decoration:none}
.rb-page .rb-reviews .rt-quote__name a:hover {text-decoration:underline;text-underline-offset:3px}
.rb-page .rb-reviews .rt-quote__role {display:block;font:400 14px/20px var(--rt-font-sans);color:#596273;opacity:1}
.rb-page .rb-reviews .rt-quote__glyph {flex:none;height:24px;color:#ebe7ff;font:900 56px/.6 var(--rt-font-sans)}
.rb-page .rb-reviews .rt-quote__stars {color:#f4b400;font-size:18px;line-height:1;letter-spacing:2px}
.rb-page .rb-reviews .rt-quote__text {margin:0;font:400 18px/30px var(--rt-font-sans);color:#465166;text-wrap:pretty;overflow-wrap:anywhere}
.rb-page .rb-reviews .rt-quote:first-child .rt-quote__text {font-size:22px;line-height:34px}
@media(max-width:1023px){.rb-page .rb-reviews .rt-reviews{grid-template-columns:minmax(0,1fr)}.rb-page .rb-reviews .rt-reviews__summary{container-type:normal}.rb-page .rb-reviews .rt-reviews__score{font-size:88px}.rb-page .rb-reviews .rt-reviews__rating{padding-top:12px}}
@media(max-width:699px){.rb-page .rb-reviews .rt-reviews{gap:20px}.rb-page .rb-reviews .rt-reviews__list{grid-template-columns:minmax(0,1fr);gap:16px}.rb-page .rb-reviews .rt-reviews__summary{padding:24px;border-radius:24px}.rb-page .rb-reviews .rt-reviews__summary .rb-h2{font-size:30px}.rb-page .rb-reviews .rt-reviews__score{font-size:clamp(60px,19vw,88px)}.rb-page .rb-reviews .rt-quote{padding:24px;border-radius:20px}.rb-page .rb-reviews .rt-quote:first-child .rt-quote__text{font-size:20px;line-height:30px}.rb-page .rb-reviews .rt-quote__text{font-size:17px;line-height:28px}.rb-page .rb-reviews .rt-quote__name{font-size:15px}.rb-page .rb-reviews .rt-quote__by{gap:10px}.rb-page .rb-reviews .rt-reviews__summary>.rt-btn{font-size:13px;padding:12px 16px}}