.rl-page,.rl-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; }
.rl-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;     }
.rl-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;
}
.rl-page,.rl-page [data-theme="light"]{ --rt-filled-bg: var(--primary); --rt-filled-fg: var(--on-primary); }
.rl-page [data-theme="dark"]{ --rt-filled-bg: var(--primary-container); --rt-filled-fg: var(--on-primary-container); }
.rl-page{
  margin: 0;
  font-family:var(--rt-font-sans);
  background: var(--surface);
  color: var(--on-surface);
  -webkit-font-smoothing: antialiased;
}
.rl-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;
}
.rl-page .rt-icon--filled{ font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
.rl-page .rt-sl{ position: relative; isolation: isolate; overflow: hidden; }
.rl-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;
}
.rl-page .rt-sl:hover::before{ opacity: var(--state-hover); }
.rl-page .rt-sl:focus-visible::before{ opacity: var(--state-focus); }
.rl-page .rt-sl:active::before{ opacity: var(--state-pressed); }
.rl-page .rt-sl:disabled::before,.rl-page .rt-sl[aria-disabled="true"]::before{ opacity: 0; }
.rl-page .rt-btn:focus-visible,.rl-page .rt-icon-btn:focus-visible,.rl-page .rt-fab:focus-visible,.rl-page .rt-chip:focus-visible,.rl-page .rt-card--interactive:focus-visible,.rl-page .rt-li--interactive:focus-visible,.rl-page .rt-header__link:focus-visible,.rl-page .rt-navbar__item:focus-visible,.rl-page .rt-project:focus-visible{
  outline: 3px solid var(--primary);
  outline-offset: 2px;
}
.rl-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;
}
.rl-page .rt-btn .rt-icon{ font-size: 20px; }
.rl-page .rt-btn--s{ --_h: var(--button-s); padding: 0 var(--space-4); font-size: 14px; line-height: 20px; }
.rl-page .rt-btn--l{ --_h: var(--button-l); padding: 0 var(--space-8); }
.rl-page .rt-btn:active:not(:disabled){ border-radius: var(--radius-md); }
.rl-page .rt-btn--filled{ background: var(--rt-filled-bg); color: var(--rt-filled-fg); }
.rl-page .rt-btn--filled:hover:not(:disabled){ box-shadow: var(--elevation-1); }
.rl-page .rt-btn--tonal{ background: var(--secondary-container); color: var(--on-secondary-container); }
.rl-page .rt-btn--outlined{ background: transparent; color: var(--on-surface-variant); box-shadow: inset 0 0 0 1px var(--outline-variant); }
.rl-page .rt-btn--text{ background: transparent; color: var(--primary); padding: 0 var(--space-4); }
.rl-page .rt-btn--elevated{ background: var(--surface-container-low); color: var(--primary); box-shadow: var(--elevation-1); }
.rl-page .rt-btn--elevated:hover:not(:disabled){ box-shadow: var(--elevation-2); }
.rl-page .rt-btn--on-image{ background: transparent; color: var(--white); box-shadow: inset 0 0 0 1px var(--white-outline); }
.rl-page .rt-btn--glow{ box-shadow: var(--glow-primary); }
.rl-page .rt-btn:disabled,.rl-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;
}
.rl-page .rt-btn--text:disabled,.rl-page .rt-btn--outlined:disabled{ background: transparent; }
.rl-page .rt-btn--outlined:disabled{ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--on-surface) 12%, transparent); }
.rl-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);
}
.rl-page .rt-icon-btn:active{ border-radius: var(--radius-md); }
.rl-page .rt-icon-btn--selected{ color: var(--primary); }
.rl-page .rt-icon-btn--filled{ background: var(--rt-filled-bg); color: var(--rt-filled-fg); }
.rl-page .rt-icon-btn--tonal{ background: var(--secondary-container); color: var(--on-secondary-container); }
.rl-page .rt-icon-btn--outlined{ box-shadow: inset 0 0 0 1px var(--outline-variant); }
.rl-page .rt-icon-btn--outlined.rt-icon-btn--selected{ background: var(--inverse-surface); color: var(--inverse-on-surface); box-shadow: none; }
.rl-page .rt-icon-btn:disabled{ color: color-mix(in srgb, var(--on-surface) 38%, transparent); background: transparent; cursor: not-allowed; }
.rl-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);
}
.rl-page .rt-fab:hover{ box-shadow: var(--elevation-4); }
.rl-page .rt-fab--extended{ padding: 0 20px 0 16px; }
.rl-page .rt-fab--secondary{ background: var(--secondary-container); color: var(--on-secondary-container); }
.rl-page .rt-fab--surface{ background: var(--surface-container-high); color: var(--primary); }
.rl-page .rt-fab--large{ min-width: 96px; height: 96px; border-radius: var(--radius-xl); }
.rl-page .rt-fab--large .rt-icon{ font-size: 36px; }
.rl-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;
}
.rl-page .rt-card--elevated{ background: var(--surface-container-low); box-shadow: var(--elevation-1); }
.rl-page .rt-card--filled{ background: var(--surface-container-highest); }
.rl-page .rt-card--outlined{ background: var(--surface); box-shadow: inset 0 0 0 1px var(--outline-variant); }
.rl-page .rt-card--sand{ background: var(--tertiary-container); color: var(--on-tertiary-container); border-radius: var(--radius-xl-increased); padding: var(--space-8); }
.rl-page .rt-card--interactive{ cursor: pointer; transition: box-shadow var(--rt-dur-medium) var(--rt-ease-emphasized); }
.rl-page .rt-card--elevated.rt-card--interactive:hover{ box-shadow: var(--elevation-2); }
.rl-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; }
.rl-page .rt-card__media img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.rl-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); }
.rl-page .rt-card--sand .rt-card__overline{ color: var(--on-tertiary-container); }
.rl-page .rt-card__headline{ margin: 0; font: 700 22px/28px var(--rt-font-sans); color: inherit; }
.rl-page .rt-card__text{ margin: 0; font: 400 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rt-card--sand .rt-card__text{ color: var(--on-tertiary-container); font-size: 16px; line-height: 24px; }
.rl-page .rt-card__actions{ display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-2); }
.rl-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;
}
.rl-page .rt-project__media{ aspect-ratio: 16 / 10; overflow: hidden; background: var(--brand-deep-space); }
.rl-page .rt-project__media img,.rl-page .rt-project__media svg{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 600ms var(--rt-ease-emphasized); }
.rl-page .rt-project:hover .rt-project__media img,.rl-page .rt-project:hover .rt-project__media svg{ transform: scale(1.03); }
.rl-page .rt-project__body{ display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-6); }
.rl-page .rt-project__title{ margin: 0; font: 700 22px/28px var(--rt-font-sans); color: var(--white); }
.rl-page .rt-project__text{ margin: 0; font: 400 14px/20px var(--rt-font-sans); color: var(--white-muted); }
.rl-page .rt-project__tags{ display: flex; flex-wrap: wrap; gap: var(--space-2); margin: var(--space-2) 0 0; padding: 0; list-style: none; }
.rl-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); }
.rl-page .rt-ph-violet{ fill: var(--brand-violet); }
.rl-page .rt-ph-sand{ fill: var(--brand-sand); }
.rl-page .rt-ph-blue{ fill: var(--brand-blue); }
.rl-page .rt-ph-ground{ fill: var(--brand-deep-space); }
.rl-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); }
.rl-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;
}
.rl-page .rt-field__box:hover{ box-shadow: inset 0 0 0 1px var(--on-surface); }
.rl-page .rt-field__box:focus-within{ box-shadow: inset 0 0 0 2px var(--primary); }
.rl-page .rt-field__lead,.rl-page .rt-field__trail{ color: var(--on-surface-variant); margin: 0 12px; }
.rl-page .rt-field__lead + .rt-field__input{ padding-left: 0; }
.rl-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);
}
.rl-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);
}
.rl-page .rt-field--lead .rt-field__label{ left: 48px; }
.rl-page .rt-field__input:focus ~ .rt-field__label,.rl-page .rt-field__input:not(:placeholder-shown) ~ .rt-field__label{ top: 0; left: 12px; font-size: 12px; line-height: 16px; }
.rl-page .rt-field__input:focus ~ .rt-field__label{ color: var(--primary); }
.rl-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); }
.rl-page .rt-field__req{ color: var(--error); }
.rl-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); }
.rl-page .rt-field--filled .rt-field__box:hover{ box-shadow: inset 0 -1px 0 var(--on-surface); }
.rl-page .rt-field--filled .rt-field__box:focus-within{ box-shadow: inset 0 -2px 0 var(--primary); }
.rl-page .rt-field--filled .rt-field__input{ padding-top: 18px; }
.rl-page .rt-field--filled .rt-field__label{ background: transparent; }
.rl-page .rt-field--filled .rt-field__input:focus ~ .rt-field__label,.rl-page .rt-field--filled .rt-field__input:not(:placeholder-shown) ~ .rt-field__label{ top: 16px; }
.rl-page .rt-field--filled.rt-field--lead .rt-field__input:focus ~ .rt-field__label,.rl-page .rt-field--filled.rt-field--lead .rt-field__input:not(:placeholder-shown) ~ .rt-field__label{ left: 48px; }
.rl-page .rt-field--error .rt-field__box,.rl-page .rt-field--error .rt-field__box:hover,.rl-page .rt-field--error .rt-field__box:focus-within{ box-shadow: inset 0 0 0 2px var(--error); }
.rl-page .rt-field--filled.rt-field--error .rt-field__box{ box-shadow: inset 0 -2px 0 var(--error); }
.rl-page .rt-field--error .rt-field__label,.rl-page .rt-field--error .rt-field__input:focus ~ .rt-field__label,.rl-page .rt-field--error .rt-field__support,.rl-page .rt-field--error .rt-field__trail{ color: var(--error); }
.rl-page .rt-field--error .rt-field__input{ caret-color: var(--error); }
.rl-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;
}
.rl-page .rt-chip .rt-icon{ font-size: 18px; color: var(--primary); }
.rl-page .rt-chip--lead{ padding-left: 8px; }
.rl-page .rt-chip--trail{ padding-right: 8px; }
.rl-page .rt-chip--selected{ background: var(--secondary-container); color: var(--on-secondary-container); box-shadow: none; }
.rl-page .rt-chip--selected .rt-icon{ color: var(--on-secondary-container); }
.rl-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); }
.rl-page .rt-chip__remove .rt-icon{ color: inherit; }
.rl-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); }
.rl-page .rt-chip--dark{ color: var(--white-muted); box-shadow: inset 0 0 0 1px var(--white-outline); }
.rl-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); }
.rl-page .rt-switch__input{ position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.rl-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; }
.rl-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; }
.rl-page .rt-switch__thumb .rt-icon{ font-size: 16px; color: var(--primary); opacity: 0; transition: opacity var(--rt-dur-short) linear; }
.rl-page .rt-switch__input:checked + .rt-switch__track{ background: var(--primary); box-shadow: none; }
.rl-page .rt-switch__input:checked + .rt-switch__track .rt-switch__thumb{ left: 36px; width: 24px; height: 24px; background: var(--on-primary); }
.rl-page .rt-switch__input:checked + .rt-switch__track .rt-icon{ opacity: 1; }
.rl-page .rt-switch:active .rt-switch__thumb{ width: 28px; height: 28px; }
.rl-page .rt-switch__input:focus-visible + .rt-switch__track{ outline: 3px solid var(--primary); outline-offset: 2px; }
.rl-page .rt-switch__input:disabled + .rt-switch__track{ opacity: var(--state-disabled-content); }
.rl-page .rt-switch--disabled{ cursor: not-allowed; color: color-mix(in srgb, var(--on-surface) 38%, transparent); }
.rl-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); }
.rl-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;
}
.rl-page .rt-check__input:checked{ background: var(--primary); box-shadow: none; }
.rl-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); }
.rl-page .rt-check--error .rt-check__input{ box-shadow: inset 0 0 0 2px var(--error); }
.rl-page .rt-check--error .rt-check__input:checked{ background: var(--error); }
.rl-page .rt-radio .rt-check__input{ width: 20px; height: 20px; margin: 0 2px; border-radius: 50%; }
.rl-page .rt-radio .rt-check__input:checked{ background: transparent; box-shadow: inset 0 0 0 2px var(--primary); }
.rl-page .rt-radio .rt-check__input:checked::after{ width: 10px; height: 10px; border: 0; border-radius: 50%; background: var(--primary); transform: none; }
.rl-page .rt-check__input:focus-visible{ outline: 3px solid var(--primary); outline-offset: 4px; }
.rl-page .rt-check__input:disabled{ opacity: var(--state-disabled-content); cursor: not-allowed; }
.rl-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;
}
.rl-page .rt-li--two{ min-height: 72px; }
.rl-page .rt-li--three{ min-height: 88px; align-items: flex-start; padding-top: var(--space-3); padding-bottom: var(--space-3); }
.rl-page .rt-li--interactive{ cursor: pointer; }
.rl-page .rt-li--divider{ box-shadow: inset 0 -1px 0 var(--outline-variant); }
.rl-page .rt-li__lead{ color: var(--on-surface-variant); }
.rl-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); }
.rl-page .rt-li__thumb{ flex: none; width: 56px; height: 56px; border-radius: var(--radius-sm); object-fit: cover; background: var(--surface-container-high); }
.rl-page .rt-li__text{ flex: 1; min-width: 0; display: flex; flex-direction: column; }
.rl-page .rt-li__overline{ font: 500 11px/16px var(--rt-font-sans); letter-spacing: 0.045em; color: var(--on-surface-variant); }
.rl-page .rt-li__headline{ font: 400 16px/24px var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rt-li__supporting{ font: 400 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rt-li--three .rt-li__supporting{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rl-page .rt-li__trailing{ font: 500 11px/16px var(--rt-font-sans); letter-spacing: 0.045em; color: var(--on-surface-variant); white-space: nowrap; }
.rl-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); }
.rl-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);
}
.rl-page .rt-dialog--icon{ align-items: center; text-align: center; }
.rl-page .rt-dialog__icon{ color: var(--secondary); }
.rl-page .rt-dialog__headline{ margin: 0; font: 500 24px/32px var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rt-dialog__body{ margin: 0; font: 400 14px/20px var(--rt-font-sans); letter-spacing: 0.018em; color: var(--on-surface-variant); }
.rl-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); }
.rl-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);
}
.rl-page .rt-snackbar__msg{ flex: 1; min-width: 0; padding: 10px 0; }
.rl-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; }
.rl-page .rt-snackbar .rt-icon-btn{ color: var(--inverse-on-surface); margin: 0; }
.rl-page .rt-badge-anchor{ position: relative; display: inline-flex; }
.rl-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; }
.rl-page .rt-badge--dot{ min-width: 6px; width: 6px; height: 6px; padding: 0; }
.rl-page .rt-badge-anchor > .rt-badge{ position: absolute; top: -2px; left: calc(100% - 12px); }
.rl-page .rt-badge-anchor > .rt-badge--dot{ top: 0; left: calc(100% - 6px); }
.rl-page .rt-progress{ display: flex; align-items: center; width: 100%; min-width: 0; height: 10px; }
.rl-page .rt-progress__active{ height: 4px; border-radius: var(--radius-full); background: var(--primary); flex: none; }
.rl-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;
}
.rl-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; }
.rl-page .rt-progress__stop{ position: absolute; right: 0; top: 0; width: 4px; height: 4px; border-radius: 50%; background: var(--primary); }
.rl-page .rt-progress--indeterminate{ position: relative; overflow: hidden; }
.rl-page .rt-progress--indeterminate .rt-progress__track{ margin-left: 0; }
.rl-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; }
.rl-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%); } }
.rl-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); }
.rl-page .rt-search:focus-within{ box-shadow: var(--elevation-2); }
.rl-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); }
.rl-page .rt-search__input::placeholder{ color: var(--on-surface-variant); }
.rl-page .rt-search__input:focus-visible{ outline: none; }
.rl-page .rt-search:has(.rt-search__input:focus-visible){ outline: 3px solid var(--primary); outline-offset: 2px; }
.rl-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); }
.rl-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;
}
.rl-page .rt-header--scrolled{ background: var(--surface-container); box-shadow: var(--elevation-2); }
.rl-page .rt-header--transparent{ background: transparent; }
.rl-page .rt-header__logo{ display: inline-flex; flex: none; }
.rl-page .rt-header__logo img{ display: block; height: 36px; width: auto; }
.rl-page .rt-logo--on-dark{ display: none !important; }
.rl-page [data-theme="dark"] .rt-logo--on-light{ display: none !important; }
.rl-page [data-theme="dark"] .rt-logo--on-dark{ display: block !important; }
.rl-page .rt-header__nav{ display: flex; align-items: center; gap: var(--space-1); margin-left: auto; }
.rl-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; }
.rl-page .rt-header__link[aria-current="page"]{ color: var(--primary); }
.rl-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); }
.rl-page .rt-header__menu{ display: none !important; }
@media (max-width: 839px){.rl-page .rt-header{ height: 64px; }
.rl-page .rt-header__nav,.rl-page .rt-header__cta{ display: none !important; }
.rl-page .rt-header__menu{ display: inline-grid !important; margin-left: auto; }}
.rl-page .rt-navbar{ display: flex; height: 80px; box-sizing: border-box; padding: 12px 0 16px; background: var(--surface-container); }
.rl-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; }
.rl-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); }
.rl-page .rt-navbar__item[aria-current="page"]{ color: var(--on-surface); font-weight: 700; }
.rl-page .rt-navbar__item[aria-current="page"] .rt-navbar__ind{ background: var(--secondary-container); color: var(--on-secondary-container); }
.rl-page .rt-hero{ position: relative; overflow: hidden; isolation: isolate; background: var(--brand-deep-space); color: var(--white); }
.rl-page .rt-hero__media{ position: absolute; inset: 0; z-index: -2; }
.rl-page .rt-hero__media img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.rl-page .rt-hero__scrim{ position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, #04060e00 0%, #04060eb8 100%); }
.rl-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); }
.rl-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); }
.rl-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; }
.rl-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; }
.rl-page .rt-hero__line{ display: block; overflow: hidden; padding-bottom: 0.04em; }
.rl-page .rt-hero__line > span{ display: block; animation: rt-rise 600ms var(--rt-ease-decelerate) both; }
.rl-page .rt-hero__lead{ margin: 0; max-width: 46ch; font: 400 18px/28px var(--rt-font-sans); color: var(--white-muted); text-wrap: pretty; }
.rl-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){.rl-page .rt-hero__planet{ top: auto; bottom: -18%; right: -30%; width: min(64vw, 420px); transform: none; }
.rl-page .rt-hero__ring{ display: none; }}
@media (max-width: 599px){.rl-page .rt-hero__inner{ padding: var(--space-16) var(--space-4) calc(var(--space-16) + 120px); }
.rl-page .rt-hero__planet{ bottom: -36%; right: -24%; width: 72vw; }}
@media (prefers-reduced-motion: reduce){.rl-page .rt-hero__line > span,.rl-page .rt-progress__active{ animation: none !important; }
.rl-page .rt-btn,.rl-page .rt-icon-btn,.rl-page .rt-fab,.rl-page .rt-switch__thumb,.rl-page .rt-navbar__ind,.rl-page .rt-project__media img,.rl-page .rt-project__media svg{ transition-duration: 1ms !important; }}
.rl-page .rt-ph{ width: 100%; height: 100%; display: block; }
.rl-page .rt-bgroup{ display: inline-flex; flex-wrap: wrap; gap: var(--space-2); }
.rl-page .rt-bgroup--connected{ flex-wrap: nowrap; gap: 2px; }
.rl-page .rt-bgroup--connected > .rt-btn{ border-radius: var(--radius-sm); padding: 0 var(--space-4); }
.rl-page .rt-bgroup--connected > .rt-btn:first-child{ border-top-left-radius: var(--radius-full); border-bottom-left-radius: var(--radius-full); }
.rl-page .rt-bgroup--connected > .rt-btn:last-child{ border-top-right-radius: var(--radius-full); border-bottom-right-radius: var(--radius-full); }
.rl-page .rt-bgroup--connected > .rt-btn[aria-pressed="true"]{ border-radius: var(--radius-full); }
.rl-page .rt-btn--toggle{ background: var(--surface-container-high); color: var(--on-surface-variant); }
.rl-page .rt-btn--toggle[aria-pressed="true"]{ background: var(--rt-filled-bg); color: var(--rt-filled-fg); border-radius: var(--radius-md); }
.rl-page .rt-bgroup--connected > .rt-btn--toggle[aria-pressed="true"]{ border-radius: var(--radius-full); }
.rl-page .rt-seg{ display: inline-flex; max-width: 100%; }
.rl-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;
}
.rl-page .rt-seg__btn:first-child{ margin-left: 0; border-radius: var(--radius-full) 0 0 var(--radius-full); padding-left: var(--space-4); }
.rl-page .rt-seg__btn:last-child{ border-radius: 0 var(--radius-full) var(--radius-full) 0; padding-right: var(--space-4); }
.rl-page .rt-seg__btn--on{ background: var(--secondary-container); color: var(--on-secondary-container); }
.rl-page .rt-seg__btn:focus-visible{ outline: 3px solid var(--primary); outline-offset: 2px; z-index: 1; }
.rl-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; }
.rl-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);
}
.rl-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;
}
.rl-page .rt-menu__item .rt-icon{ font-size: 20px; color: var(--on-surface-variant); }
.rl-page .rt-menu__item[aria-checked="true"]{ background: var(--secondary-container); color: var(--on-secondary-container); border-radius: var(--radius-md); }
.rl-page .rt-menu__item[aria-checked="true"] .rt-icon{ color: var(--on-secondary-container); }
.rl-page .rt-menu__item:focus-visible{ outline: 3px solid var(--primary); outline-offset: -3px; }
.rl-page .rt-menu__item:disabled{ color: color-mix(in srgb, var(--on-surface) 38%, transparent); cursor: not-allowed; }
.rl-page .rt-menu__label{ flex: 1; min-width: 0; }
.rl-page .rt-menu__trail{ margin-left: var(--space-3); font: 500 12px/16px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rt-menu__divider{ height: 1px; margin: var(--space-1) var(--space-3); background: var(--outline-variant); }
.rl-page .rt-split{ position: relative; display: inline-flex; gap: 2px; }
.rl-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); }
.rl-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; }
.rl-page .rt-split__trail[aria-expanded="true"]{ border-radius: var(--radius-full) !important; }
.rl-page .rt-split__trail .rt-icon{ transition: transform var(--rt-dur-medium) var(--rt-ease-emphasized); }
.rl-page .rt-split__trail[aria-expanded="true"] .rt-icon{ transform: rotate(180deg); }
.rl-page .rt-split__menu{ position: absolute; top: calc(100% + 4px); right: 0; }
.rl-page .rt-fabmenu{ display: inline-flex; flex-direction: column; align-items: flex-end; gap: var(--space-2); }
.rl-page .rt-fabmenu__list{ display: flex; flex-direction: column; align-items: flex-end; gap: var(--space-1); }
.rl-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;
}
.rl-page .rt-fabmenu__item:focus-visible{ outline: 3px solid var(--primary); outline-offset: 2px; }
.rl-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; } }
.rl-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);
}
.rl-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); }
.rl-page .rt-date__supporting{ font: 500 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); padding: 0 var(--space-3); }
.rl-page .rt-date__headline{ font: 500 32px/40px var(--rt-font-sans); color: var(--on-surface); padding: 0 var(--space-3); text-transform: capitalize; }
.rl-page .rt-date__head{ display: flex; align-items: center; justify-content: space-between; padding: 0 0 0 var(--space-3); }
.rl-page .rt-date__month{ font: 500 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); text-transform: capitalize; }
.rl-page .rt-date__grid{ display: grid; grid-template-columns: repeat(7, 1fr); row-gap: 2px; justify-items: center; padding: 0 var(--space-1); }
.rl-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); }
.rl-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; }
.rl-page .rt-date__day--today{ box-shadow: inset 0 0 0 1px var(--primary); color: var(--primary); }
.rl-page .rt-date__day[aria-selected="true"]{ background: var(--rt-filled-bg); color: var(--rt-filled-fg); box-shadow: none; }
.rl-page .rt-date__day:focus-visible{ outline: 3px solid var(--primary); outline-offset: 1px; }
.rl-page .rt-date__day:disabled{ color: color-mix(in srgb, var(--on-surface) 38%, transparent); cursor: not-allowed; }
.rl-page .rt-date__actions{ display: flex; justify-content: flex-end; gap: var(--space-2); padding-top: var(--space-2); }
.rl-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); }
.rl-page .rt-time__supporting{ font: 500 12px/16px var(--rt-font-sans); letter-spacing: 0.042em; color: var(--on-surface-variant); }
.rl-page .rt-time__row{ display: flex; align-items: flex-start; gap: var(--space-1); }
.rl-page .rt-time__field{ display: flex; flex-direction: column; gap: var(--space-2); }
.rl-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);
}
.rl-page .rt-time__input:focus{ background: var(--primary-container); color: var(--on-primary-container); box-shadow: inset 0 0 0 2px var(--primary); }
.rl-page .rt-time__label{ font: 400 12px/16px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rt-time__colon{ width: 24px; text-align: center; font: 400 57px/72px var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rt-loading{ display: inline-grid; place-items: center; flex: none; border-radius: 50%; }
.rl-page .rt-loading--contained{ background: var(--primary-container); }
.rl-page .rt-loading__shape{ width: 79%; height: 79%; background: var(--primary); animation: rt-morph 4.2s linear infinite; }
.rl-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); }
}
.rl-page .rt-cprogress{ display: inline-block; flex: none; }
.rl-page .rt-cprogress svg{ display: block; transform: rotate(-90deg); overflow: visible; }
.rl-page .rt-cprogress circle{ fill: none; stroke-linecap: round; }
.rl-page .rt-cprogress__track{ stroke: var(--secondary-container); }
.rl-page .rt-cprogress__active{ stroke: var(--primary); transition: stroke-dasharray var(--rt-dur-medium) var(--rt-ease-emphasized); }
.rl-page .rt-cprogress--ind svg{ animation: rt-spin 1.2s linear infinite; }
@keyframes rt-spin{ from { transform: rotate(-90deg); } to { transform: rotate(270deg); } }
.rl-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); }
.rl-page .rt-rail__top{ display: flex; flex-direction: column; align-items: center; gap: var(--space-2); margin-bottom: var(--space-6); }
.rl-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; }
.rl-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); }
.rl-page .rt-rail__item[aria-current="page"]{ color: var(--on-surface); font-weight: 700; }
.rl-page .rt-rail__item[aria-current="page"] .rt-rail__ind{ background: var(--secondary-container); color: var(--on-secondary-container); }
.rl-page .rt-rail__item:focus-visible{ outline: none; }
.rl-page .rt-rail__item:focus-visible .rt-rail__ind{ outline: 3px solid var(--primary); outline-offset: 2px; }
.rl-page .rt-rail--expanded{ width: 240px; align-items: stretch; padding: var(--space-4) var(--space-3); }
.rl-page .rt-rail--expanded .rt-rail__top{ align-items: flex-start; padding-left: var(--space-2); }
.rl-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; }
.rl-page .rt-rail--expanded .rt-rail__ind{ width: auto; height: auto; background: none !important; overflow: visible; }
.rl-page .rt-rail--expanded .rt-rail__ind::before{ display: none; }
.rl-page .rt-rail--expanded .rt-rail__item[aria-current="page"]{ background: var(--secondary-container); color: var(--on-secondary-container); }
.rl-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); }
.rl-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; }
.rl-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); }
.rl-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); }
.rl-page .rt-drawer__divider{ margin: var(--space-2) var(--space-4); }
.rl-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; }
.rl-page .rt-drawer__item[aria-current="page"]{ background: var(--secondary-container); color: var(--on-secondary-container); font-weight: 700; }
.rl-page .rt-drawer__item:focus-visible{ outline: 3px solid var(--primary); outline-offset: -3px; }
.rl-page .rt-drawer__label{ flex: 1; min-width: 0; }
.rl-page .rt-drawer__badge{ font: 500 14px/20px var(--rt-font-sans); }
@keyframes rt-slide-in{ from { transform: translateX(-100%); } to { transform: none; } }
.rl-page .rt-scrim{ position: fixed; inset: 0; z-index: var(--z-scrim); background: var(--scrim); animation: rt-fade var(--rt-dur-medium) linear both; }
.rl-page .rt-scrim--bottom{ display: flex; align-items: flex-end; justify-content: center; }
.rl-page .rt-scrim--end{ display: flex; justify-content: flex-end; }
@keyframes rt-fade{ from { opacity: 0; } to { opacity: 1; } }
.rl-page .rt-tabs{ min-width: 0; }
.rl-page .rt-tabs__list{ display: flex; box-shadow: inset 0 -1px 0 var(--outline-variant); }
.rl-page .rt-tabs__list--scroll{ overflow-x: auto; scrollbar-width: none; }
.rl-page .rt-tabs__list--scroll::-webkit-scrollbar{ display: none; }
.rl-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; }
.rl-page .rt-tabs__list--scroll .rt-tab{ flex: 0 0 auto; }
.rl-page .rt-tab__content{ position: relative; display: inline-flex; align-items: center; gap: var(--space-2); height: 100%; }
.rl-page .rt-tab[aria-selected="true"]{ color: var(--primary); }
.rl-page .rt-tab:focus-visible{ outline: 3px solid var(--primary); outline-offset: -3px; }
.rl-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); }
.rl-page .rt-tabs--icons .rt-tab{ height: 64px; }
.rl-page .rt-tabs--icons .rt-tab__content{ flex-direction: column; justify-content: center; gap: 2px; }
.rl-page .rt-tabs--secondary .rt-tab{ position: relative; font-weight: 500; }
.rl-page .rt-tabs--secondary .rt-tab[aria-selected="true"]{ color: var(--on-surface); }
.rl-page .rt-tabs--secondary .rt-tab[aria-selected="true"]::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--primary); }
.rl-page .rt-tabs__panel{ padding-top: var(--space-6); }
.rl-page .rt-toolbar{ display: inline-flex; align-items: center; gap: var(--space-1); box-sizing: border-box; color: var(--on-surface-variant); }
.rl-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); }
.rl-page .rt-toolbar--docked{ display: flex; justify-content: space-around; width: 100%; height: 64px; padding: 0 var(--space-4); background: var(--surface-container); }
.rl-page .rt-toolbar--vibrant{ background: var(--primary-container); color: var(--on-primary-container); }
.rl-page .rt-toolbar .rt-icon-btn{ color: inherit; margin: 0; width: 48px; height: 48px; }
.rl-page .rt-toolbar .rt-toolbar__on{ background: var(--secondary-container); color: var(--on-secondary-container); }
.rl-page .rt-toolbar--vibrant .rt-toolbar__on{ background: var(--surface-container-lowest); color: var(--primary); }
.rl-page .rt-toolbar-wrap{ display: inline-flex; align-items: center; gap: var(--space-2); }
.rl-page .rt-divider{ height: 1px; margin: 0; border: 0; background: var(--outline-variant); flex: none; }
.rl-page .rt-divider--start{ margin-left: var(--space-4); }
.rl-page .rt-divider--middle{ margin-left: var(--space-4); margin-right: var(--space-4); }
.rl-page .rt-divider--vertical{ width: 1px; height: auto; align-self: stretch; }
.rl-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); }
.rl-page .rt-sheet--modal{ max-height: 90dvh; overflow-y: auto; animation: rt-sheet-up var(--rt-dur-long) var(--rt-ease-decelerate) both; }
.rl-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); }
.rl-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; } }
.rl-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); }
.rl-page .rt-side--modal{ height: 100%; box-shadow: var(--elevation-1); animation: rt-slide-end var(--rt-dur-long) var(--rt-ease-decelerate) both; }
.rl-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); }
.rl-page .rt-side__head .rt-icon-btn:first-child{ margin-left: calc(-1 * var(--space-3)); }
.rl-page .rt-side__headline{ flex: 1; margin: 0; font: 700 22px/28px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-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); }
.rl-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; } }
.rl-page .rt-carousel{ min-width: 0; }
.rl-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; }
.rl-page .rt-carousel__track::-webkit-scrollbar{ display: none; }
.rl-page .rt-carousel__track:focus-visible{ outline: 3px solid var(--primary); outline-offset: 2px; border-radius: var(--radius-xl); }
.rl-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; }
.rl-page .rt-carousel--hero .rt-carousel__item{ width: calc(100% - 64px); }
.rl-page .rt-carousel--uncontained .rt-carousel__item{ width: 260px; }
.rl-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; }
.rl-page .rt-carousel__mask img,.rl-page .rt-carousel__mask .rt-ph{ width: 100%; height: 100%; object-fit: cover; display: block; }
.rl-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; }
.rl-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; }
.rl-page .rt-carousel__item--small .rt-carousel__label{ opacity: 0; }
.rl-page .rt-carousel__item:focus-visible{ outline: none; }
.rl-page .rt-carousel__item:focus-visible .rt-carousel__mask{ box-shadow: inset 0 0 0 3px var(--primary); }
.rl-page .rt-slider{ display: flex; flex-direction: column; gap: var(--space-2); width: 100%; min-width: 0; font-family:var(--rt-font-sans); }
.rl-page .rt-slider__label{ display: flex; justify-content: space-between; font: 500 14px/20px var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rt-slider__value{ color: var(--on-surface-variant); font-variant-numeric: tabular-nums; }
.rl-page .rt-slider__track{ position: relative; height: 44px; margin: 0 2px; touch-action: none; cursor: pointer; }
.rl-page .rt-slider__active,.rl-page .rt-slider__inactive{ position: absolute; top: 50%; height: 16px; transform: translateY(-50%); }
.rl-page .rt-slider__active{ left: 0; width: max(0px, calc(var(--rt-pct) * 100% - 6px)); border-radius: 8px 2px 2px 8px; background: var(--primary); }
.rl-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); }
.rl-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); }
.rl-page .rt-slider__stop--on{ background: var(--on-primary); }
.rl-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); }
.rl-page .rt-slider__handle:focus-visible{ box-shadow: 0 0 0 3px var(--surface), 0 0 0 6px var(--primary); }
.rl-page .rt-slider__track--drag .rt-slider__handle{ width: 2px; margin-left: -1px; }
.rl-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); }
.rl-page .rt-slider__handle:focus-visible .rt-slider__bubble,.rl-page .rt-slider__track--drag .rt-slider__bubble{ opacity: 1; transform: translateX(-50%) scale(1); }
.rl-page .rt-slider--disabled{ opacity: var(--state-disabled-content); }
.rl-page .rt-slider--disabled .rt-slider__track{ cursor: not-allowed; }
.rl-page .rt-tip{ position: relative; display: inline-flex; }
.rl-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); }
.rl-page .rt-tip--bottom .rt-tip__box{ bottom: auto; top: calc(100% + 4px); }
.rl-page .rt-tip:hover .rt-tip__box,.rl-page .rt-tip:focus-within .rt-tip__box,.rl-page .rt-tip--open .rt-tip__box{ opacity: 1; transform: translateX(-50%) scale(1); pointer-events: auto; }
.rl-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; }
.rl-page .rt-tip__title{ font: 700 14px/20px var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rt-tip__action{ margin: var(--space-1) 0 0 calc(-1 * var(--space-4)); }
.rl-page .rt-section{ background: var(--surface); color: var(--on-surface); }
.rl-page .rt-section__inner{ max-width: var(--content-max); margin: 0 auto; box-sizing: border-box; padding: var(--space-24) var(--space-7); }
.rl-page .rt-section--low{ background: var(--surface-container-low); }
.rl-page .rt-section--sand{ background: var(--tertiary-container); color: var(--on-tertiary-container); }
.rl-page .rt-section--primary{ background: var(--primary-container); color: var(--on-primary-container); }
.rl-page .rt-section--dark{ background: var(--surface-container-lowest); color: var(--on-surface); }
@media (max-width: 839px){.rl-page .rt-section__inner{ padding: var(--space-16) var(--space-4); }}
.rl-page .rt-actions{ display: flex; flex-wrap: wrap; gap: var(--space-3); }
.rl-page .rt-shead{ display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); max-width: 760px; margin-bottom: var(--space-10); }
.rl-page .rt-shead--center{ align-items: center; text-align: center; margin-left: auto; margin-right: auto; }
.rl-page .rt-shead__overline{ margin: 0; font: 500 12px/16px var(--rt-font-sans); letter-spacing: 0.08em; text-transform: uppercase; color: var(--primary); }
.rl-page .rt-section--sand .rt-shead__overline,.rl-page .rt-section--primary .rt-shead__overline{ color: inherit; }
.rl-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; }
.rl-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; }
.rl-page .rt-section--sand .rt-shead__lead,.rl-page .rt-section--primary .rt-shead__lead{ color: inherit; }
.rl-page .rt-split-row .rt-section__inner{ display: grid; grid-template-columns: 5fr 7fr; gap: var(--space-16); align-items: center; }
.rl-page .rt-split-row--reverse .rt-section__inner{ grid-template-columns: 7fr 5fr; }
.rl-page .rt-split-row--reverse .rt-split-row__text{ order: 2; }
.rl-page .rt-split-row__text{ min-width: 0; display: flex; flex-direction: column; gap: var(--space-8); }
.rl-page .rt-split-row__text .rt-shead{ margin-bottom: 0; }
.rl-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); }
.rl-page .rt-split-row__media img{ width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 839px){.rl-page .rt-split-row .rt-section__inner,.rl-page .rt-split-row--reverse .rt-section__inner{ grid-template-columns: 1fr; gap: var(--space-10); }
.rl-page .rt-split-row--reverse .rt-split-row__text{ order: 0; }}
.rl-page .rt-bullets{ display: flex; flex-direction: column; gap: var(--space-5); margin: 0; padding: 0; list-style: none; }
.rl-page .rt-bullets__item{ display: flex; gap: var(--space-4); align-items: flex-start; }
.rl-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); }
.rl-page .rt-bullets__title{ display: block; font: 700 16px/24px var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rt-bullets__text{ display: block; font: 400 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rt-bento{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: minmax(220px, auto); gap: var(--space-4); }
.rl-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; }
.rl-page .rt-bento__tile--wide{ grid-column: span 2; }
.rl-page .rt-bento__tile--tall{ grid-row: span 2; }
.rl-page .rt-bento__tile--big{ grid-column: span 2; grid-row: span 2; }
.rl-page .rt-bento__tile--surface{ background: var(--surface-container-low); }
.rl-page .rt-bento__tile--primary{ background: var(--primary-container); color: var(--on-primary-container); }
.rl-page .rt-bento__tile--sand{ background: var(--tertiary-container); color: var(--on-tertiary-container); }
.rl-page .rt-bento__tile--dark{ background: var(--surface-container-high); color: var(--on-surface); }
.rl-page .rt-bento__tile--night{ background: var(--brand-night); color: var(--white); }
.rl-page .rt-bento__media{ position: absolute; inset: 0; z-index: -1; }
.rl-page .rt-bento__media img,.rl-page .rt-bento__media .rt-ph{ width: 100%; height: 100%; object-fit: cover; display: block; }
.rl-page .rt-bento__tile:has(.rt-bento__media){ isolation: isolate; color: var(--white); }
.rl-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%); }
.rl-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); }
.rl-page .rt-bento__tile--primary .rt-bento__icon{ background: var(--surface-container-lowest); color: var(--primary); }
.rl-page .rt-bento__title{ margin: var(--space-6) 0 0; font: 700 22px/28px var(--rt-font-sans); color: inherit; }
.rl-page .rt-bento__tile--big .rt-bento__title{ font: 400 clamp(28px, 3vw, 45px)/1.05 var(--rt-font-display); }
.rl-page .rt-bento__text{ margin: 0; max-width: 46ch; font: 400 14px/20px var(--rt-font-sans); color: inherit; opacity: 0.86; }
.rl-page .rt-bento__tile--surface .rt-bento__text,.rl-page .rt-bento__tile--dark .rt-bento__text{ color: var(--on-surface-variant); opacity: 1; }
.rl-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); }
.rl-page .rt-bento__tile:focus-visible{ outline: 3px solid var(--primary); outline-offset: 2px; }
@media (max-width: 1099px){.rl-page .rt-bento{ grid-template-columns: repeat(2, minmax(0, 1fr)); }}
@media (max-width: 599px){.rl-page .rt-bento{ grid-template-columns: 1fr; }
.rl-page .rt-bento__tile--wide,.rl-page .rt-bento__tile--big{ grid-column: auto; }
.rl-page .rt-bento__tile--tall,.rl-page .rt-bento__tile--big{ grid-row: auto; }}
.rl-page .rt-stats .rt-section__inner{ padding-top: var(--space-16); padding-bottom: var(--space-16); }
.rl-page .rt-stats__title{ margin: 0 0 var(--space-10); font: 500 24px/32px var(--rt-font-sans); color: inherit; }
.rl-page .rt-stats__list{ display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--space-8); margin: 0; }
.rl-page .rt-stats__item{ display: flex; flex-direction: column-reverse; gap: var(--space-2); }
.rl-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; }
.rl-page .rt-stats__label{ font: 500 16px/24px var(--rt-font-sans); color: inherit; }
.rl-page .rt-stats__note{ order: -1; margin: 0; font: 400 12px/16px var(--rt-font-sans); opacity: 0.8; }
.rl-page .rt-pricing__grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--space-4); align-items: stretch; }
.rl-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); }
.rl-page .rt-plan--rec{ background: var(--tertiary-container); color: var(--on-tertiary-container); box-shadow: none; }
.rl-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); }
.rl-page .rt-plan__badge .rt-icon{ color: var(--primary); }
.rl-page .rt-plan__name{ margin: 0; font: 700 22px/28px var(--rt-font-sans); color: inherit; }
.rl-page .rt-plan__desc{ margin: 0; font: 400 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rt-plan--rec .rt-plan__desc{ color: inherit; }
.rl-page .rt-plan__price{ display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--space-2); margin: var(--space-2) 0 0; }
.rl-page .rt-plan__prefix,.rl-page .rt-plan__period{ font: 500 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rt-plan--rec .rt-plan__prefix,.rl-page .rt-plan--rec .rt-plan__period{ color: inherit; }
.rl-page .rt-plan__amount{ font: 400 45px/48px var(--rt-font-display); font-variant-numeric: tabular-nums; color: inherit; }
.rl-page .rt-plan__cta{ align-self: stretch; }
.rl-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); }
.rl-page .rt-plan--rec .rt-plan__features{ box-shadow: inset 0 1px 0 var(--brand-sand-deep); }
.rl-page .rt-plan__features li{ display: flex; gap: var(--space-3); align-items: flex-start; }
.rl-page .rt-plan__features .rt-icon{ color: var(--primary); }
.rl-page .rt-plan--rec .rt-plan__features .rt-icon{ color: var(--on-tertiary-container); }
.rl-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); }
.rl-page .rt-cmp{ overflow-x: auto; border-radius: var(--radius-xl); box-shadow: inset 0 0 0 1px var(--outline-variant); }
.rl-page .rt-cmp:focus-visible{ outline: 3px solid var(--primary); outline-offset: 2px; }
.rl-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); }
.rl-page .rt-cmp__table th,.rl-page .rt-cmp__table td{ padding: var(--space-4); text-align: center; box-shadow: inset 0 -1px 0 var(--outline-variant); }
.rl-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; }
.rl-page .rt-cmp__table tbody th{ text-align: left; font-weight: 500; }
.rl-page .rt-cmp__table th:first-child{ position: sticky; left: 0; z-index: 1; background: var(--surface); text-align: left; min-width: 180px; }
.rl-page .rt-cmp__table thead th:first-child{ background: var(--surface-container-low); z-index: 2; }
.rl-page .rt-cmp__corner{ color: var(--on-surface-variant); font-weight: 500 !important; font-size: 14px !important; }
.rl-page .rt-cmp__table tr:last-child > *{ box-shadow: none; }
.rl-page .rt-cmp__hl{ background: color-mix(in srgb, var(--primary-container) 55%, transparent); }
.rl-page .rt-cmp__table thead .rt-cmp__hl{ background: var(--primary-container); color: var(--on-primary-container); }
.rl-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; }
.rl-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); }
.rl-page .rt-cmp__yes{ color: var(--primary); }
.rl-page .rt-cmp__no{ color: var(--on-surface-variant); }
.rl-page .rt-ftabs__panel{ display: grid; grid-template-columns: 5fr 7fr; gap: var(--space-12); align-items: center; }
.rl-page .rt-ftabs__text{ display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; }
.rl-page .rt-ftabs__title{ margin: 0; font: 500 28px/36px var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rt-ftabs__body{ margin: 0; font: 400 16px/24px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rt-ftabs__media{ min-width: 0; aspect-ratio: 16 / 10; overflow: hidden; border-radius: var(--radius-xl-increased); background: var(--brand-deep-space); }
.rl-page .rt-ftabs__media img{ width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 839px){.rl-page .rt-ftabs__panel{ grid-template-columns: 1fr; gap: var(--space-6); }}
.rl-page .rt-faq .rt-section__inner{ max-width: calc(var(--reading-max) + 2 * var(--space-7) + 160px); }
.rl-page .rt-faq__list{ box-shadow: inset 0 1px 0 var(--outline-variant); }
.rl-page .rt-faq__item{ box-shadow: inset 0 -1px 0 var(--outline-variant); }
.rl-page .rt-faq__q{ margin: 0; }
.rl-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; }
.rl-page .rt-faq__btn:focus-visible{ outline: 3px solid var(--primary); outline-offset: -3px; }
.rl-page .rt-faq__chev{ color: var(--on-surface-variant); transition: transform var(--rt-dur-medium) var(--rt-ease-emphasized); }
.rl-page .rt-faq__item--open .rt-faq__chev{ transform: rotate(180deg); color: var(--primary); }
.rl-page .rt-faq__a{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--rt-dur-medium) var(--rt-ease-emphasized); }
.rl-page .rt-faq__item--open .rt-faq__a{ grid-template-rows: 1fr; }
.rl-page .rt-faq__a-inner{ overflow: hidden; }
.rl-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); }
.rl-page .rt-faq__item:not(.rt-faq__item--open) .rt-faq__a-inner{ visibility: hidden; }
.rl-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); }
.rl-page .rt-quote--sand{ background: var(--tertiary-container); color: var(--on-tertiary-container); }
.rl-page .rt-quote--surface{ background: var(--surface-container-low); color: var(--on-surface); }
.rl-page .rt-quote--dark{ background: var(--brand-night); color: var(--white); }
.rl-page .rt-quote__mark{ font: 400 96px/0.6 var(--rt-font-display); color: var(--tertiary); height: 40px; }
.rl-page .rt-quote--dark .rt-quote__mark{ color: var(--brand-sand); }
.rl-page .rt-quote__text{ margin: 0; font: 500 clamp(20px, 2vw, 26px)/1.35 var(--rt-font-sans); color: inherit; text-wrap: pretty; }
.rl-page .rt-quote__by{ display: flex; align-items: center; gap: var(--space-3); }
.rl-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); }
.rl-page .rt-quote__name{ display: block; font: 700 16px/24px var(--rt-font-sans); }
.rl-page .rt-quote__role{ display: block; font: 400 14px/20px var(--rt-font-sans); opacity: 0.86; }
.rl-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; }
.rl-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); }
.rl-page .rt-steps__item:first-child{ box-shadow: inset 0 2px 0 var(--primary); }
.rl-page .rt-steps__num{ font: 400 36px/40px var(--rt-font-display); color: var(--primary); font-variant-numeric: tabular-nums; }
.rl-page .rt-section--sand .rt-steps__num{ color: var(--on-tertiary-container); }
.rl-page .rt-steps__title{ margin: 0; font: 700 20px/28px var(--rt-font-sans); color: inherit; }
.rl-page .rt-steps__text{ margin: 0; font: 400 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rt-section--sand .rt-steps__text{ color: inherit; }
.rl-page .rt-logos .rt-section__inner{ padding-top: var(--space-12); padding-bottom: var(--space-12); }
.rl-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); }
.rl-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; }
.rl-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; }
.rl-page .rt-logos__item img:hover{ filter: none; opacity: 1; }
.rl-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); }
.rl-page .rt-cta-wrap{ max-width: var(--content-max); margin: 0 auto; box-sizing: border-box; padding: var(--space-12) var(--space-7); }
.rl-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); }
.rl-page .rt-cta--primary{ background: var(--primary-container); color: var(--on-primary-container); }
.rl-page .rt-cta--sand{ background: var(--tertiary-container); color: var(--on-tertiary-container); }
.rl-page .rt-cta--dark{ background: var(--brand-deep-space); color: var(--white); }
.rl-page .rt-cta__text{ flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: var(--space-4); }
.rl-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; }
.rl-page .rt-cta__body{ margin: 0; max-width: 52ch; font: 400 18px/28px var(--rt-font-sans); color: inherit; opacity: 0.9; }
.rl-page .rt-cta--dark .rt-cta__body{ color: var(--white-muted); opacity: 1; }
.rl-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){.rl-page .rt-cta-wrap{ padding: var(--space-8) var(--space-4); }
.rl-page .rt-cta{ padding: var(--space-10) var(--space-6); }
.rl-page .rt-cta__planet{ width: 240px; bottom: -140px; }}
.rl-page .rt-news{ --rt-news-bg: var(--surface-container-low); }
.rl-page .rt-news.rt-section--sand{ --rt-news-bg: var(--tertiary-container); }
.rl-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); }
.rl-page .rt-news__text{ display: flex; flex-direction: column; gap: var(--space-3); }
.rl-page .rt-news__title{ margin: 0; font: 500 32px/40px var(--rt-font-sans); color: inherit; }
.rl-page .rt-news__body{ margin: 0; font: 400 16px/24px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rt-news__form{ display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
.rl-page .rt-news__row{ display: flex; gap: var(--space-3); align-items: flex-start; }
.rl-page .rt-news__row .rt-field{ max-width: none; flex: 1; }
.rl-page .rt-news__row .rt-btn{ height: 56px; }
.rl-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); }
.rl-page .rt-news__ok .rt-icon{ color: var(--primary); }
@media (max-width: 839px){.rl-page .rt-news .rt-section__inner{ grid-template-columns: 1fr; }}
@media (max-width: 599px){.rl-page .rt-news__row{ flex-direction: column; align-items: stretch; }}
.rl-page .rt-footer{ background: var(--surface-container-low); color: var(--on-surface); }
.rl-page [data-theme="dark"].rt-footer{ background: var(--surface-container-lowest); }
.rl-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); }
.rl-page .rt-footer__brand{ display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.rl-page .rt-footer__logo img{ display: block; height: 32px; width: auto; }
.rl-page .rt-footer__tagline{ margin: 0; max-width: 32ch; font: 400 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rt-footer__social{ display: flex; flex-wrap: wrap; gap: var(--space-2); margin: var(--space-2) 0 0; padding: 0; list-style: none; }
.rl-page .rt-footer__social .rt-chip{ text-decoration: none; }
.rl-page .rt-footer__cols{ display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--space-8); }
.rl-page .rt-footer__head{ margin: 0 0 var(--space-3); font: 700 14px/20px var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rt-footer__col ul{ display: flex; flex-direction: column; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.rl-page .rt-footer__col a,.rl-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); }
.rl-page .rt-footer__col a:hover,.rl-page .rt-footer__legal a:hover{ color: var(--primary); text-decoration: underline; text-underline-offset: 3px; }
.rl-page .rt-footer__col a:focus-visible,.rl-page .rt-footer__legal a:focus-visible{ outline: 3px solid var(--primary); outline-offset: 2px; }
.rl-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); }
.rl-page .rt-footer__legal-links{ display: flex; flex-wrap: wrap; gap: var(--space-4); }
.rl-page .rt-footer__legal a{ font-size: 12px; line-height: 16px; }
@media (max-width: 839px){.rl-page .rt-footer__inner{ grid-template-columns: 1fr; padding: var(--space-12) var(--space-4) var(--space-6); }}
@media (prefers-reduced-motion: reduce){.rl-page .rt-loading__shape,.rl-page .rt-cprogress--ind svg{ animation-duration: 12s !important; }
.rl-page .rt-fabmenu__item,.rl-page .rt-drawer--modal,.rl-page .rt-sheet--modal,.rl-page .rt-side--modal,.rl-page .rt-scrim{ animation: none !important; }
.rl-page .rt-faq__a,.rl-page .rt-faq__chev,.rl-page .rt-slider__bubble,.rl-page .rt-carousel__mask{ transition: none !important; }}
.rl-page{ background: var(--surface); color: var(--on-surface); }
.rl-page .rt-btn{ font-family:var(--rt-font-sans); font-weight: 700; letter-spacing: 0; }
.rl-page .rt-btn--filled:not(:disabled){ box-shadow: var(--shadow-cta); }
.rl-page .rt-btn--filled:hover:not(:disabled){ box-shadow: var(--shadow-cta), var(--elevation-1); }
.rl-page .rt-btn--text{ color: var(--primary-text); }
.rl-page [data-theme="dark"] .rt-btn--text{ color: var(--primary); }
.rl-page .rt-btn--inverse{ background: var(--surface-container-lowest); color: var(--primary-text); }
.rl-page .rt-btn--inverse:hover:not(:disabled){ box-shadow: var(--elevation-1); }
.rl-page .rt-btn--outlined{ color: var(--on-surface); box-shadow: inset 0 0 0 1px var(--field-border); }
.rl-page .rt-header{ background: var(--surface); box-shadow: var(--header-hairline); }
.rl-page .rt-header--scrolled{ background: var(--surface); box-shadow: var(--header-hairline), var(--elevation-1); }
.rl-page .rt-header--transparent{ box-shadow: none; }
.rl-page .rt-header__link{ font-weight: 500; font-size: 16px; color: var(--brand-ink); }
.rl-page .rt-header__link[aria-current="page"]{ color: var(--primary-text); }
.rl-page .rt-header__link[aria-current="page"]::after{ background: var(--primary); }
.rl-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); }
.rl-page .rt-section__inner{ padding: var(--section-y) var(--section-x); }
.rl-page .rt-section--primary{ background: var(--primary); color: var(--on-primary); }
.rl-page .rt-section--tint{ background: radial-gradient(circle at 18% 22%, #6255ff29 0, #6255ff13 34%, #ffffff00 68%), var(--surface); }
@media (max-width: 839px){.rl-page .rt-section__inner{ padding: var(--space-12) var(--space-5); }}
.rl-page .rt-shead__overline{ font: 700 13px/21px var(--rt-font-sans); letter-spacing: 0.04em; color: var(--primary-text); }
.rl-page .rt-shead__title{ font: 700 clamp(30px, 3vw, 43px)/1.17 var(--rt-font-sans); letter-spacing: -0.005em; color: var(--on-surface); }
.rl-page .rt-shead__lead{ font: 400 19px/30px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rt-section--primary .rt-shead__title,.rl-page .rt-section--primary .rt-shead__lead,.rl-page .rt-section--primary .rt-shead__overline{ color: inherit; }
.rl-page .rt-card{ border-radius: var(--radius-card); }
.rl-page .rt-card--outlined,.rl-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); }
.rl-page .rt-card--filled{ background: var(--surface-container-low); padding: var(--card-pad); }
.rl-page .rt-card--elevated.rt-card--interactive:hover{ box-shadow: inset 0 0 0 1px var(--outline-variant), var(--elevation-2); }
.rl-page .rt-card__overline{ font: 700 13px/21px var(--rt-font-sans); letter-spacing: 0.04em; color: var(--primary-text); }
.rl-page .rt-card__headline{ font: 700 clamp(20px, 1.8vw, 26px)/1.25 var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rt-card__text{ font-size: 17px; line-height: 28px; color: var(--on-surface-variant); }
.rl-page .rt-card__media{ margin: calc(-1 * var(--card-pad)) calc(-1 * var(--card-pad)) var(--space-2); }
.rl-page .rt-bento__tile{ border-radius: var(--radius-card); padding: var(--card-pad); }
.rl-page .rt-bento__tile--surface{ background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant), var(--shadow-card); }
.rl-page .rt-bento__tile--primary{ background: var(--primary-container); color: var(--on-primary-container); }
.rl-page .rt-bento__tile--violet{ background: var(--primary); color: var(--on-primary); }
.rl-page .rt-bento__tile--violet .rt-bento__icon{ background: var(--surface-container-lowest); color: var(--primary-text); }
.rl-page .rt-bento__tile--primary .rt-bento__icon{ background: var(--surface-container-lowest); color: var(--primary-text); }
.rl-page .rt-bento__title{ font: 700 clamp(20px, 1.8vw, 26px)/1.25 var(--rt-font-sans); }
.rl-page .rt-bento__tile--big .rt-bento__title{ font: 700 clamp(26px, 2.6vw, 38px)/1.15 var(--rt-font-sans); }
.rl-page .rt-bento__text{ font-size: 17px; line-height: 28px; }
.rl-page .rt-bento__tile--surface .rt-bento__text{ color: var(--on-surface-variant); }
.rl-page .rt-bento__more{ color: var(--primary-text); }
.rl-page .rt-bento__tile--violet .rt-bento__more,.rl-page .rt-bento__tile--night .rt-bento__more{ color: inherit; }
.rl-page .rt-steps__list{ gap: var(--space-4); }
.rl-page .rt-steps__item,.rl-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); }
.rl-page .rt-steps__num,.rl-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); }
.rl-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); }
.rl-page .rt-steps__text,.rl-page .rt-section--sand .rt-steps__text{ font-size: 17px; line-height: 28px; color: var(--on-surface-variant); }
.rl-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); }
.rl-page .rt-project__media{ aspect-ratio: 16 / 10; border-radius: var(--radius-media); background: var(--surface-container-low); }
.rl-page .rt-project__media img{ object-fit: contain; }
.rl-page .rt-project:hover .rt-project__media img{ transform: scale(1.02); }
.rl-page .rt-project__body{ padding: 0; }
.rl-page .rt-project__title{ font: 700 clamp(20px, 1.8vw, 26px)/1.25 var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rt-project__text{ font-size: 17px; line-height: 28px; color: var(--on-surface-variant); }
.rl-page .rt-project__tags li{ box-shadow: inset 0 0 0 1px var(--outline-variant); color: var(--on-surface-variant); }
.rl-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; }
.rl-page .rt-project__cta:hover{ color: var(--link-hover); text-decoration: underline; text-underline-offset: 3px; }
.rl-page .rt-project--dark{ padding: 0; gap: 0; background: var(--brand-night); color: var(--white); box-shadow: none; }
.rl-page .rt-project--dark .rt-project__media{ border-radius: 0; background: var(--brand-deep-space); }
.rl-page .rt-project--dark .rt-project__body{ padding: var(--space-6); }
.rl-page .rt-project--dark .rt-project__title{ color: var(--white); }
.rl-page .rt-project--dark .rt-project__text,.rl-page .rt-project--dark .rt-project__cta{ color: var(--white-muted); }
.rl-page .rt-hero--light{ background: var(--surface); color: var(--on-surface); isolation: auto; }
.rl-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); }
.rl-page .rt-hero__grid--solo{ grid-template-columns: minmax(0, 1fr); }
.rl-page .rt-hero__text{ display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-6); min-width: 0; }
.rl-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); }
.rl-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); }
.rl-page .rt-hero--light .rt-hero__lead{ max-width: 62ch; font: 400 19px/30px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rt-hero__bullets{ display: flex; flex-direction: column; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.rl-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); }
.rl-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); }
.rl-page .rt-hero__cta{ display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.rl-page .rt-hero__note{ margin: 0; font: 400 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-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); }
.rl-page .rt-hero__figure img{ display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: contain; border-radius: var(--radius-media); }
.rl-page .rt-hero__figure figcaption{ font: 400 13px/18px var(--rt-font-sans); color: var(--on-surface-variant); }
@media (max-width: 1023px){.rl-page .rt-hero__grid{ grid-template-columns: minmax(0, 1fr); gap: var(--space-10); padding: var(--space-8) var(--space-5) var(--space-12); }}
.rl-page .rt-cta{ border-radius: var(--radius-panel); }
.rl-page .rt-cta--primary{ background: var(--primary); color: var(--on-primary); }
.rl-page .rt-cta__title{ font: 800 clamp(30px, 3.4vw, 48px)/1.1 var(--rt-font-sans); letter-spacing: -0.01em; }
.rl-page .rt-cta--dark .rt-cta__title{ font: 400 clamp(36px, 4.4vw, 57px)/1 var(--rt-font-display); }
.rl-page .rt-cta--primary .rt-cta__body{ opacity: 1; color: var(--on-primary); }
.rl-page .rt-cta--primary a:not([class]){ color: inherit; font-weight: 700; }
.rl-page .rt-stats__value{ font: 800 clamp(40px, 4.4vw, 62px)/1 var(--rt-font-sans); }
.rl-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); }
.rl-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); }
.rl-page .rt-plan--rec .rt-plan__desc,.rl-page .rt-plan--rec .rt-plan__prefix,.rl-page .rt-plan--rec .rt-plan__period{ color: var(--on-surface-variant); }
.rl-page .rt-plan--rec .rt-plan__features{ box-shadow: inset 0 1px 0 var(--outline-variant); }
.rl-page .rt-plan--rec .rt-plan__features .rt-icon,.rl-page .rt-plan__features .rt-icon{ color: var(--primary-text); }
.rl-page .rt-plan__badge{ background: var(--primary-container); color: var(--on-primary-container); }
.rl-page .rt-plan__badge .rt-icon{ color: inherit; }
.rl-page .rt-plan__amount{ font: 800 45px/48px var(--rt-font-sans); }
.rl-page .rt-cmp{ border-radius: var(--radius-card); }
.rl-page .rt-faq__btn{ font: 700 18px/25px var(--rt-font-sans); }
.rl-page .rt-faq__a p{ font-size: 17px; line-height: 28px; }
.rl-page .rt-quote{ gap: var(--space-4); padding: var(--space-8); }
.rl-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); }
.rl-page .rt-quote__mark{ font: 900 64px/0.5 var(--rt-font-sans); color: var(--primary-text); height: 28px; }
.rl-page .rt-quote__text{ font: 400 18px/30px var(--rt-font-sans); }
.rl-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; }
.rl-page .rt-quote__name{ font-weight: 900; }
.rl-page .rt-quote__stars{ color: var(--star); letter-spacing: 2px; font-size: 18px; }
.rl-page .rt-field__box{ border-radius: var(--radius-input); box-shadow: inset 0 0 0 1px var(--field-border); }
.rl-page .rt-field__box:hover{ box-shadow: inset 0 0 0 1px var(--on-surface-variant); }
.rl-page .rt-field__box:focus-within{ box-shadow: inset 0 0 0 2px var(--primary); }
.rl-page .rt-check__input{ box-shadow: inset 0 0 0 2px var(--field-border); border-radius: 4px; }
.rl-page .rt-radio .rt-check__input{ border-radius: 50%; }
.rl-page .rt-footer{ background: var(--footer-bg); color: var(--footer-text); }
.rl-page .rt-footer__tagline,.rl-page .rt-footer__col a,.rl-page .rt-footer__legal,.rl-page .rt-footer__legal a,.rl-page .rt-footer__col li{ color: var(--footer-text); }
.rl-page .rt-footer__head{ color: var(--brand-ink); }
.rl-page .rt-footer__col a:hover,.rl-page .rt-footer__legal a:hover{ color: var(--primary-text); }
.rl-page .rt-shape{ display: grid; place-items: center; aspect-ratio: 1; }
.rl-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%); }
.rl-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%); }
.rl-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%); }
.rl-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%); }
.rl-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%); }
.rl-page .rt-shape--pill{ clip-path: inset(0 round 9999px); aspect-ratio: auto; }
.rl-page .rt-shape--spin{ animation: rt-shape-spin 24s linear infinite; }
@keyframes rt-shape-spin{ to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce){.rl-page .rt-shape--spin{ animation: none; }}
.rl-page .rt-deco{ position: absolute; z-index: 0; pointer-events: none; }
.rl-page .rt-bento__tile > :not(.rt-deco):not(.rt-bento__media){ position: relative; z-index: 1; }
.rl-page .rt-bento__tile--violet .rt-bento__text{ color: var(--on-primary); opacity: 1; }
.rl-page .rt-bento__tile--primary .rt-bento__title,.rl-page .rt-bento__tile--primary .rt-bento__text{ color: var(--on-primary-container); }
.rl-page .rt-bento__deco{ width: clamp(180px, 22vw, 300px); right: -18%; bottom: -26%; background: currentColor; opacity: 0.14; }
.rl-page .rt-bento__tile--surface .rt-bento__deco{ background: var(--primary-container); opacity: 1; }
.rl-page .rt-shead{ margin-bottom: var(--space-10); }
.rl-page .rt-steps__list{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-6); }
.rl-page .rt-steps__item,.rl-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; }
.rl-page .rt-steps__num,.rl-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; }
.rl-page .rt-steps__item:first-child .rt-steps__num{ background: var(--primary); color: var(--on-primary); }
.rl-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;
}
.rl-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); }
.rl-page .rt-steps__text{ margin: 0; font: 400 17px/28px var(--rt-font-sans); color: var(--on-surface-variant); }
@media (max-width: 899px){.rl-page .rt-steps__list{ grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
.rl-page .rt-steps__item,.rl-page .rt-steps__item:first-child{ padding-left: 88px; min-height: 64px; }
.rl-page .rt-steps__num{ position: absolute; left: 0; top: 0; }
.rl-page .rt-steps__title{ margin-top: var(--space-2); }
.rl-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; }}
.rl-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); }
.rl-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; }
.rl-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); }
.rl-page .rt-price__text a{ color: var(--primary-text); font-weight: 700; text-underline-offset: 3px; }
.rl-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); }
.rl-page .rt-price__from{ font: 500 17px/26px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-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; }
.rl-page .rt-price__amount small{ font-size: 0.4em; letter-spacing: 0; color: var(--on-surface-variant); }
.rl-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){.rl-page .rt-price{ grid-template-columns: minmax(0, 1fr); grid-template-areas: "title" "figure" "text"; }
.rl-page .rt-price__title{ padding: var(--space-8) var(--space-6) var(--space-4); }
.rl-page .rt-price__figure{ padding: var(--space-6); box-shadow: inset 0 1px 0 var(--outline-variant), inset 0 -1px 0 var(--outline-variant); }
.rl-page .rt-price__text{ padding: var(--space-4) var(--space-6) var(--space-8); }}
.rl-page .rt-reviews{ display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-6); align-items: stretch; }
.rl-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); }
.rl-page .rt-reviews__summary .rt-shead{ margin-bottom: var(--space-2); }
.rl-page .rt-reviews__rating{ display: flex; flex-direction: column; gap: var(--space-2); margin: auto 0 0; }
.rl-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; }
.rl-page .rt-reviews__meta{ font: 500 17px/26px var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rt-reviews__stars{ font-size: 22px; letter-spacing: 3px; color: var(--star); }
.rl-page .rt-reviews__list{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.rl-page .rt-reviews__list > :first-child{ grid-column: 1 / -1; }
.rl-page .rt-reviews__list > :first-child .rt-quote__text{ font-size: 22px; line-height: 34px; }
.rl-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); }
.rl-page .rt-quote__head{ display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.rl-page .rt-quote__glyph{ font: 900 56px/0.6 var(--rt-font-sans); color: var(--primary-container); height: 24px; }
@media (max-width: 1023px){.rl-page .rt-reviews{ grid-template-columns: minmax(0, 1fr); }}
@media (max-width: 699px){.rl-page .rt-reviews__list{ grid-template-columns: minmax(0, 1fr); }
.rl-page .rt-reviews__summary{ padding: var(--space-6); }}
.rl-page .rt-sectors{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.rl-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); }
.rl-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); }
.rl-page .rt-sector:last-child{ box-shadow: none; }
.rl-page .rt-sector:focus-visible{ outline: 3px solid var(--primary); outline-offset: -3px; border-radius: var(--radius-md); }
.rl-page .rt-sector__shape{ display: grid; place-items: center; width: 56px; height: 56px; background: var(--primary-container); color: var(--on-primary-container); }
.rl-page .rt-sector:hover .rt-sector__shape{ background: var(--primary); color: var(--on-primary); transition: background var(--rt-dur-short) linear; }
.rl-page .rt-sector__text{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rl-page .rt-sector__title{ margin: 0; font: 700 18px/26px var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rt-sector__desc{ margin: 0; font: 400 15px/22px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-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){.rl-page .rt-sectors{ grid-template-columns: minmax(0, 1fr); }}
@media (max-width: 599px){.rl-page .rt-sector{ grid-template-columns: 48px minmax(0, 1fr); padding: var(--space-4); }
.rl-page .rt-sector__cta{ grid-column: 2; }
.rl-page .rt-sector__shape{ width: 48px; height: 48px; }}
.rl-page .rt-projects{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.rl-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); }
.rl-page .rt-project--featured .rt-project__title{ font-size: clamp(24px, 2.4vw, 32px); line-height: 1.2; }
@media (max-width: 899px){.rl-page .rt-project--featured{ grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }}
@media (max-width: 699px){.rl-page .rt-projects{ grid-template-columns: minmax(0, 1fr); }}
.rl-page .rt-bento__icon--shape{ width: 56px; height: 56px; border-radius: 0; }
.rl-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){.rl-page .rt-bento__split{ grid-template-columns: minmax(0, 1fr); }}
.rl-page .rt-faq-list{ display: flex; flex-direction: column; box-shadow: inset 0 1px 0 var(--outline-variant); }
.rl-page .rt-faq-list details{ box-shadow: inset 0 -1px 0 var(--outline-variant); }
.rl-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); }
.rl-page .rt-faq-list summary::-webkit-details-marker{ display: none; }
.rl-page .rt-faq-list summary:hover{ background: color-mix(in srgb, var(--primary) 5%, transparent); }
.rl-page .rt-faq-list summary:focus-visible{ outline: 3px solid var(--primary); outline-offset: -3px; }
.rl-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; }
.rl-page .rt-faq-list details[open] .rt-faq-list__icon{ transform: rotate(180deg); background: var(--primary-container); color: var(--on-primary-container); }
.rl-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){.rl-page .rt-faq-list__icon{ transition: none; }}
.rl-page{ margin: 0; background: var(--surface); color: var(--on-surface); font-family:var(--rt-font-sans); -webkit-font-smoothing: antialiased; }
.rl-page a:not([class]){ color: var(--primary-text); text-underline-offset: 3px; }
.rl-page a:not([class]):hover{ color: var(--link-hover); }
.rl-page .rl-in{ max-width: 1440px; margin: 0 auto; padding: var(--section-y) var(--section-x); box-sizing: border-box; }
.rl-page .rl-low{ background: var(--surface-container-low); }
.rl-page .rl-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; }
.rl-page .rl-h3{ margin: 0; font: 700 22px/1.3 var(--rt-font-sans); color: var(--on-surface); text-wrap: balance; }
.rl-page .rl-p{ margin: 0; font: 400 17px/28px var(--rt-font-sans); color: var(--on-surface-variant); text-wrap: pretty; }
.rl-page .rl-p b{ color: var(--on-surface); }
.rl-page .rl-lead{ margin: 0; font: 400 19px/30px var(--rt-font-sans); color: var(--on-surface-variant); text-wrap: pretty; }
.rl-page .rl-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); }
.rl-page .rl-stack{ display: flex; flex-direction: column; gap: var(--space-5); }
.rl-page .rl-head{ display: flex; flex-direction: column; gap: var(--space-4); max-width: 820px; margin-bottom: var(--space-10); }
.rl-page .rl-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); }
.rl-page .rl-link:hover{ color: var(--link-hover); text-decoration: underline; text-underline-offset: 3px; }
.rl-page .rl-link:focus-visible{ outline: 3px solid var(--primary); outline-offset: 2px; }
.rl-page .rl-links{ display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-6); }
.rl-page .rl-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; }
.rl-page .rl-warn{ display: flex; align-items: flex-start; gap: 8px; padding: var(--space-3) var(--space-4); border-radius: 14px; background: #ffdad6; box-shadow: inset 0 0 0 1px #f2b8b1; font: 600 14px/20px var(--rt-font-sans); color: #93000a; }
.rl-page .rl-warn .rt-icon{ flex: none; }
.rl-page .rl-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; }
.rl-page .rl-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; }
.rl-page .rl-seg button:hover{ color: var(--on-surface); }
.rl-page .rl-seg button:focus-visible{ outline: 3px solid var(--primary); outline-offset: 2px; }
.rl-page .rl-seg button.on{ background: var(--primary); color: #ffffff; box-shadow: var(--shadow-cta); }
.rl-page .rl-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); }
.rl-page .rl-callout > span:first-child{ display: grid; place-items: center; width: 44px; height: 44px; flex: none; background: var(--primary-container); color: var(--on-primary-container); }
.rl-page .rl-callout .rl-p{ color: var(--on-surface); }
.rl-page .rl-chips{ display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.rl-page .rl-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; }
.rl-page .rl-chips li .rt-icon{ color: var(--primary-text); }
.rl-page .rl-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%); }
.rl-page .rl-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; }
.rl-page .rl-hero__text{ display: flex; flex-direction: column; gap: var(--space-6); }
.rl-page .rl-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; }
.rl-page .rl-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); }
.rl-page .rl-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; }
.rl-page .rl-hero__title span{ color: var(--primary-text); }
.rl-page .rl-hero__intro{ margin: 0; max-width: 640px; font: 400 18px/29px var(--rt-font-sans); color: var(--on-surface-variant); text-wrap: pretty; }
.rl-page .rl-points{ display: flex; flex-direction: column; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.rl-page .rl-points li{ display: flex; align-items: center; gap: var(--space-3); font: 600 16px/24px var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rl-points li > span{ display: grid; place-items: center; width: 36px; height: 36px; flex: none; background: var(--primary-container); color: var(--on-primary-container); }
.rl-page .rl-points li:first-child > span{ background: var(--primary); color: var(--on-primary); }
.rl-page .rl-trust{ display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin: 0; font: 600 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rl-trust .rt-icon{ color: var(--primary-text); }
.rl-page .rl-viz{ position: relative; display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-8) 0 var(--space-10); }
.rl-page .rl-viz__ghost{ position: absolute; left: 50%; top: 46%; width: 620px; aspect-ratio: 1; transform: translate(-50%, -50%); background: var(--primary-container); pointer-events: none; }
.rl-page .rl-viz__ghost.rt-shape--spin{ animation-duration: 50s; }
.rl-page .rl-cmp{ position: relative; z-index: 1; overflow: hidden; aspect-ratio: 16 / 10; border-radius: 28px; background: #ffffff; box-shadow: 0 30px 70px rgba(37, 48, 68, 0.22); user-select: none; }
.rl-page .rl-cmp img{ position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.rl-page .rl-cmp__before{ z-index: 1; transition: clip-path 150ms linear; }
.rl-page .rl-cmp__tag{ position: absolute; top: var(--space-4); z-index: 3; display: inline-flex; align-items: center; height: 30px; padding: 0 var(--space-3); border-radius: var(--radius-full); font: 800 12px/1 var(--rt-font-sans); letter-spacing: 0.06em; text-transform: uppercase; pointer-events: none; }
.rl-page .rl-cmp__tag--b{ left: var(--space-4); background: rgba(255, 255, 255, 0.94); color: #253044; box-shadow: 0 4px 12px rgba(37, 48, 68, 0.12); }
.rl-page .rl-cmp__tag--a{ right: var(--space-4); background: #6255FF; color: #ffffff; }
.rl-page .rl-cmp__line{ transition: left 150ms linear; position: absolute; top: 0; bottom: 0; z-index: 2; width: 3px; margin-left: -1.5px; background: #ffffff; box-shadow: 0 0 0 1px rgba(37, 48, 68, 0.12); pointer-events: none; }
.rl-page .rl-cmp__knob{ position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 56px; height: 56px; margin: -28px 0 0 -28px; background: #6255FF; color: #ffffff; box-shadow: 0 10px 24px rgba(98, 85, 255, 0.4); }
.rl-page .rl-cmp input{ position: absolute; inset: 0; z-index: 4; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; }
.rl-page .rl-cmp input:focus-visible + .rl-cmp__line .rl-cmp__knob{ outline: 3px solid #253044; outline-offset: 3px; }
.rl-page .rl-viz__bar{ position: relative; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); }
.rl-page .rl-viz__cap{ margin: 0; font: 600 14px/20px var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rl-float{ position: absolute; z-index: 3; display: flex; flex-direction: column; gap: var(--space-2); box-sizing: border-box; animation: rl-float 7s ease-in-out infinite; }
.rl-page .rl-float--price{ right: -3%; top: 0; 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); }
.rl-page .rl-float--price > span{ display: grid; place-items: center; width: 40px; height: 40px; background: #ffffff; color: #5144DA; }
.rl-page .rl-float--price b{ display: flex; flex-direction: column; font: 900 22px/1 var(--rt-font-sans); color: #ffffff; }
.rl-page .rl-float--price b small{ margin-top: 3px; font: 600 12px/16px var(--rt-font-sans); color: rgba(255, 255, 255, 0.9); }
.rl-page .rl-float--small{ left: -7%; bottom: 14%; width: 220px; padding: var(--space-4); border-radius: var(--radius-card); background: var(--surface-container-lowest); box-shadow: 0 18px 40px rgba(37, 48, 68, 0.16), inset 0 0 0 1px var(--outline-variant); animation-delay: -3.5s; }
.rl-page .rl-sizes{ display: flex; align-items: flex-end; gap: var(--space-3); }
.rl-page .rl-sizes span{ display: flex; flex-direction: column; align-items: center; gap: 4px; font: 600 11px/14px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rl-sizes img{ display: block; object-fit: cover; border-radius: 8px; box-shadow: inset 0 0 0 1px var(--outline-variant); }
@keyframes rl-float{ 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.rl-page .rl-what{ display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: var(--space-12); align-items: center; }
.rl-page .rl-evo{ 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); }
.rl-page .rl-evo__row{ display: grid; grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr); gap: var(--space-3); align-items: center; }
.rl-page .rl-evo figure{ margin: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.rl-page .rl-evo figure img{ display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 18px; box-shadow: 0 12px 28px rgba(37, 48, 68, 0.14); }
.rl-page .rl-evo figcaption{ font: 700 13px/18px var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rl-evo__arrow{ display: grid; place-items: center; width: 56px; height: 56px; background: #6255FF; color: #ffffff; }
.rl-page .rl-fix{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.rl-page .rl-fix li{ display: flex; align-items: center; gap: var(--space-2); min-height: 48px; padding: var(--space-2) var(--space-3); border-radius: 14px; background: #ffffff; font: 600 14px/19px var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rl-fix li .rt-icon{ flex: none; color: var(--primary-text); }
.rl-page .rl-when{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-12); align-items: start; }
.rl-page .rl-signs{ display: flex; flex-direction: column; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.rl-page .rl-signs li{ display: flex; gap: var(--space-4); align-items: flex-start; 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); }
.rl-page .rl-signs li > span:first-child{ display: grid; place-items: center; width: 44px; height: 44px; flex: none; background: var(--primary-container); color: var(--on-primary-container); }
.rl-page .rl-signs li > span:last-child{ flex: 1 1 auto; min-width: 0; font: 400 16px/25px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rl-signs b{ color: var(--on-surface); }
.rl-page .rl-test{ position: sticky; top: 120px; 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); }
.rl-page .rl-test__top{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); }
.rl-page .rl-test__q{ margin: 0; font: 800 20px/1.3 var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rl-test__stage{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.rl-page .rl-test__col{ display: flex; flex-direction: column; gap: var(--space-2); }
.rl-page .rl-test__box{ display: grid; place-items: center; height: 260px; border-radius: 20px; background: repeating-linear-gradient(135deg, #f7f6fd 0 12px, #f2f0fc 12px 24px); box-shadow: inset 0 0 0 1px var(--violet-border); overflow: hidden; }
.rl-page .rl-test__box img{ display: block; object-fit: cover; box-shadow: 0 6px 16px rgba(37, 48, 68, 0.16); transition: width 500ms cubic-bezier(0.2, 0, 0, 1), height 500ms cubic-bezier(0.2, 0, 0, 1), border-radius 500ms ease; }
.rl-page .rl-test__col small{ display: flex; align-items: center; gap: 6px; font: 800 12px/16px var(--rt-font-sans); letter-spacing: 0.06em; text-transform: uppercase; color: var(--on-surface-variant); }
.rl-page .rl-test__col:last-child small{ color: var(--primary-text); }
.rl-page .rl-test__brands{ display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); font: 600 13px/18px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rl-stairs{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); align-items: end; margin: 0; padding: 0; list-style: none; }
.rl-page .rl-step{ position: relative; display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-8) var(--card-pad) var(--card-pad); border-radius: var(--radius-panel); background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant), var(--shadow-card); }
.rl-page .rl-step--1{ min-height: 300px; background: #6255FF; box-shadow: var(--shadow-cta), 0 24px 50px rgba(98, 85, 255, 0.25); }
.rl-page .rl-step--2{ min-height: 340px; }
.rl-page .rl-step--3{ min-height: 380px; }
.rl-page .rl-step--1 .rl-h3,.rl-page .rl-step--1 .rl-p{ color: #ffffff; }
.rl-page .rl-step--1 .rl-p b{ color: #ffffff; }
.rl-page .rl-step__n{ display: grid; place-items: center; width: 56px; height: 56px; background: var(--primary-container); font: 900 20px/1 var(--rt-font-sans); color: var(--on-primary-container); }
.rl-page .rl-step--1 .rl-step__n{ background: #ffffff; color: #5144DA; }
.rl-page .rl-step__here{ position: absolute; top: var(--space-6); right: var(--space-6); display: inline-flex; align-items: center; height: 28px; padding: 0 var(--space-3); border-radius: var(--radius-full); background: #ffffff; font: 800 12px/1 var(--rt-font-sans); color: #5144DA; }
.rl-page .rl-step__price{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
.rl-page .rl-step__price span{ display: inline-flex; align-items: center; gap: 4px; height: 32px; padding: 0 var(--space-3); border-radius: var(--radius-full); background: var(--surface-container-low); font: 800 14px/1 var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rl-step--1 .rl-step__price span{ background: rgba(255, 255, 255, 0.16); color: #ffffff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35); }
.rl-page .rl-decide{ display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-8); align-items: center; margin-top: var(--space-10); padding: var(--space-8); border-radius: var(--radius-panel); background: var(--primary-container); box-shadow: inset 0 0 0 1px var(--violet-border); }
.rl-page .rl-decide__paths{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.rl-page .rl-path{ display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-5); border-radius: var(--radius-card); background: #ffffff; box-shadow: var(--shadow-card); }
.rl-page .rl-path__q{ display: flex; align-items: center; gap: var(--space-2); font: 800 16px/1.3 var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rl-path__q .rt-icon{ color: var(--primary-text); }
.rl-page .rl-path__a{ display: inline-flex; align-items: center; gap: 6px; width: max-content; height: 34px; padding: 0 var(--space-4); border-radius: var(--radius-full); background: #6255FF; font: 800 14px/1 var(--rt-font-sans); color: #ffffff; }
.rl-page .rl-path--b .rl-path__a{ background: #253044; }
.rl-page .rl-grid12{ display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); margin: 0; padding: 0; list-style: none; }
.rl-page .rl-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); }
.rl-page .rl-tile:hover{ transform: translateY(-4px); }
.rl-page .rl-tile--violet{ background: var(--primary); box-shadow: var(--shadow-cta); }
.rl-page .rl-tile--violet .rl-h3{ color: #ffffff; }
.rl-page .rl-tile--violet .rl-p{ color: rgba(255, 255, 255, 0.92); }
.rl-page .rl-tile--tonal{ background: var(--primary-container); box-shadow: inset 0 0 0 1px var(--violet-border); }
.rl-page .rl-tile--tonal .rl-p{ color: var(--on-surface); }
.rl-page .rl-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); }
.rl-page .rl-tile:hover .rl-tile__shape{ transform: rotate(18deg) scale(1.06); }
.rl-page .rl-tile--violet .rl-tile__shape,.rl-page .rl-tile--tonal .rl-tile__shape{ background: var(--surface-container-lowest); color: var(--primary-text); }
.rl-page .rl-tile__deco{ position: absolute; right: -80px; bottom: -100px; width: 280px; aspect-ratio: 1; background: rgba(255, 255, 255, 0.1); pointer-events: none; }
.rl-page .rl-tile > :not(.rl-tile__deco){ position: relative; }
.rl-page .rl-s4{ grid-column: span 4; }
.rl-page .rl-s5{ grid-column: span 5; }
.rl-page .rl-s7{ grid-column: span 7; }
.rl-page .rl-s12{ grid-column: span 12; }
.rl-page .rl-shot{ margin: var(--space-2) 0 0; display: flex; flex-direction: column; gap: var(--space-2); }
.rl-page .rl-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); }
.rl-page .rl-shot figcaption{ font: 600 13px/18px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rl-tile--tonal .rl-shot figcaption{ color: var(--on-surface); }
.rl-page .rl-duo{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); margin-top: var(--space-2); }
.rl-page .rl-duo figure{ margin: 0; display: flex; flex-direction: column; gap: 6px; }
.rl-page .rl-duo img{ display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 14px; opacity: 0.6; filter: saturate(0.6); }
.rl-page .rl-duo figure.pick img{ opacity: 1; filter: none; box-shadow: 0 0 0 3px #6255FF, 0 12px 26px rgba(98, 85, 255, 0.25); }
.rl-page .rl-duo figcaption{ display: flex; align-items: center; justify-content: space-between; gap: 6px; font: 700 13px/18px var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rl-duo figcaption span{ display: inline-flex; align-items: center; gap: 3px; height: 24px; padding: 0 8px 0 4px; border-radius: 999px; background: #6255FF; font: 700 11px/1 var(--rt-font-sans); color: #ffffff; }
.rl-page .rl-split2{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-8); align-items: center; }
.rl-page .rl-vec{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); margin-top: var(--space-2); }
.rl-page .rl-vec > div{ display: flex; flex-direction: column; gap: 6px; }
.rl-page .rl-vec__box{ position: relative; height: 104px; overflow: hidden; border-radius: 14px; background: #1F1F1F; }
.rl-page .rl-vec__box img{ position: absolute; left: 50%; top: 50%; width: 320%; transform: translate(-50%, -50%); }
.rl-page .rl-vec__box--px img{ image-rendering: pixelated; filter: blur(0.6px); }
.rl-page .rl-vec small{ display: flex; align-items: center; gap: 4px; font: 700 12px/16px var(--rt-font-sans); color: #ffffff; }
.rl-page .rl-files{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); margin: var(--space-2) 0 0; padding: 0; list-style: none; }
.rl-page .rl-files li{ display: flex; align-items: center; gap: var(--space-2); padding: var(--space-2) var(--space-3); border-radius: 14px; background: rgba(255, 255, 255, 0.12); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); font: 500 13px/18px var(--rt-font-sans); color: rgba(255, 255, 255, 0.94); }
.rl-page .rl-files li b{ display: grid; place-items: center; min-width: 44px; height: 28px; padding: 0 6px; border-radius: 8px; background: #ffffff; font: 900 12px/1 var(--rt-font-sans); color: #5144DA; box-sizing: border-box; }
.rl-page .rl-cases{ display: flex; flex-direction: column; gap: var(--space-6); }
.rl-page .rl-case{ display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-8); align-items: center; 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); }
.rl-page .rl-ba{ position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.rl-page .rl-ba figure{ margin: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.rl-page .rl-ba img,.rl-page .rl-ba__ph{ display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 18px; box-shadow: inset 0 0 0 1px var(--outline-variant); }
.rl-page .rl-ba__ph{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-2); padding: var(--space-4); background: repeating-linear-gradient(135deg, #f7f6fd 0 12px, #f2f0fc 12px 24px); outline: 2px dashed #c4c0ff; outline-offset: -2px; font: 600 13px/18px var(--rt-font-sans); color: var(--on-surface-variant); text-align: center; box-sizing: border-box; }
.rl-page .rl-ba__ph .rt-icon{ color: var(--primary-text); }
.rl-page .rl-ba figcaption{ display: flex; align-items: center; gap: 6px; font: 800 12px/16px var(--rt-font-sans); letter-spacing: 0.06em; text-transform: uppercase; color: var(--on-surface-variant); }
.rl-page .rl-ba figure:last-child figcaption{ color: var(--primary-text); }
.rl-page .rl-ba__arrow{ position: absolute; left: 50%; top: calc(50% - 12px); z-index: 1; display: grid; place-items: center; width: 52px; height: 52px; margin: -26px 0 0 -26px; background: #6255FF; color: #ffffff; box-shadow: 0 10px 24px rgba(98, 85, 255, 0.35); }
.rl-page .rl-case__top{ display: flex; align-items: center; gap: var(--space-4); }
.rl-page .rl-case__num{ display: grid; place-items: center; width: 56px; height: 56px; flex: none; background: var(--primary-container); font: 900 20px/1 var(--rt-font-sans); color: var(--on-primary-container); }
.rl-page .rl-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; }
.rl-page .rl-rows{ display: flex; flex-direction: column; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.rl-page .rl-rows li{ display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: var(--space-3); padding: var(--space-3) var(--space-4); border-radius: 16px; background: var(--surface-container-low); font: 400 15px/23px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rl-rows li b{ font: 800 12px/23px var(--rt-font-sans); letter-spacing: 0.06em; text-transform: uppercase; color: var(--on-surface); }
.rl-page .rl-rows li.keep{ background: var(--primary-container); }
.rl-page .rl-rows li.keep b{ color: var(--primary-text); }
.rl-page .rl-rows li.keep span{ color: var(--on-surface); }
.rl-page .rl-more{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-8); align-items: center; margin-top: var(--space-6); padding: var(--space-6) var(--space-8); border-radius: var(--radius-panel); background: var(--surface-container-low); box-shadow: inset 0 0 0 1px var(--outline-variant); }
.rl-page .rl-more ul{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.rl-page .rl-more li{ display: flex; flex-direction: column; gap: 6px; font: 700 13px/18px var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rl-more 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); }
.rl-page .rl-band{ overflow: clip; background: var(--primary); color: #ffffff; }
.rl-page .rl-band .rl-h2{ color: #ffffff; }
.rl-page .rl-band .rl-lead{ color: rgba(255, 255, 255, 0.94); }
.rl-page .rl-team{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-12); align-items: center; }
.rl-page .rl-people{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); margin: 0; padding: 0; list-style: none; }
.rl-page .rl-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); }
.rl-page .rl-person:hover{ transform: translateY(-6px); }
.rl-page .rl-person__ph{ position: relative; height: 300px; overflow: hidden; background: #5a55f9; }
.rl-page .rl-person__ph img{ position: absolute; left: 50%; bottom: -10px; width: 92%; transform: translateX(-50%); }
.rl-page .rl-person__ph > span{ position: absolute; right: -40px; top: -40px; width: 160px; aspect-ratio: 1; background: rgba(255, 255, 255, 0.14); }
.rl-page .rl-person__b{ display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-6); }
.rl-page .rl-person__b b{ font: 800 20px/1.25 var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rl-person__b small{ font: 600 14px/20px var(--rt-font-sans); color: var(--primary-text); }
.rl-page .rl-person__b p{ margin: 0; font: 400 15px/23px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rl-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; }
.rl-page .rl-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; }
.rl-page .rl-one li .rt-icon{ color: #5144DA; }
.rl-page .rl-one li.arr{ padding: 0; background: none; color: #ffffff; }
.rl-page .rl-one li.arr .rt-icon{ color: #ffffff; }
.rl-page .rl-steps5{ grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
.rl-page .rl-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); }
.rl-page .rl-time__head{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-3); }
.rl-page .rl-days{ display: grid; grid-template-columns: repeat(14, minmax(0, 1fr)); gap: 6px; }
.rl-page .rl-days span{ display: grid; place-items: center; height: 48px; border-radius: 12px; background: #6255FF; font: 800 13px/1 var(--rt-font-sans); color: #ffffff; font-variant-numeric: tabular-nums; }
.rl-page .rl-days span:first-child{ border-radius: 999px 12px 12px 999px; }
.rl-page .rl-days span.maybe{ background: repeating-linear-gradient(135deg, #c4c0ff 0 8px, #ebe7ff 8px 16px); color: #253044; }
.rl-page .rl-days span:last-child{ border-radius: 12px 999px 999px 12px; }
.rl-page .rl-days__legend{ display: flex; flex-wrap: wrap; gap: var(--space-4); font: 600 14px/20px var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rl-days__legend span{ display: inline-flex; align-items: center; gap: 8px; }
.rl-page .rl-days__legend i{ width: 18px; height: 18px; border-radius: 6px; background: #6255FF; }
.rl-page .rl-days__legend i.maybe{ background: repeating-linear-gradient(135deg, #c4c0ff 0 5px, #ebe7ff 5px 10px); }
.rl-page .rl-price .rt-price__text{ display: flex; flex-direction: column; gap: var(--space-5); }
.rl-page .rl-price .rt-price__text p{ margin: 0; }
.rl-page .rl-incl{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.rl-page .rl-incl > div{ display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-5); border-radius: 20px; background: var(--surface-container-low); }
.rl-page .rl-incl ul{ display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }
.rl-page .rl-incl li{ display: flex; align-items: flex-start; gap: 8px; font: 500 15px/22px var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rl-incl li .rt-icon{ flex: none; margin-top: 1px; color: var(--primary-text); }
.rl-page .rl-incl .no li .rt-icon{ color: var(--outline); }
.rl-page .rl-incl .no li{ color: var(--on-surface-variant); }
.rl-page .rl-market{ display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-5); border-radius: 20px; box-shadow: inset 0 0 0 1px var(--outline-variant); }
.rl-page .rl-scale{ position: relative; height: 128px; margin-top: var(--space-2); }
.rl-page .rl-scale__axis{ position: absolute; left: 0; right: 0; bottom: 18px; height: 2px; background: var(--outline-variant); }
.rl-page .rl-scale__tick{ position: absolute; bottom: 0; transform: translateX(-50%); font: 600 11px/14px var(--rt-font-sans); color: var(--on-surface-variant); white-space: nowrap; }
.rl-page .rl-range{ position: absolute; display: flex; align-items: center; height: 26px; padding: 0 8px; border-radius: 999px; font: 700 12px/1 var(--rt-font-sans); white-space: nowrap; box-sizing: border-box; }
.rl-page .rl-range--online{ top: 0; left: 0; width: 10%; background: var(--surface-container-high); color: var(--on-surface); }
.rl-page .rl-range--free{ top: 32px; left: 7.5%; width: 30%; background: var(--surface-container-highest); color: var(--on-surface); }
.rl-page .rl-range--studio{ top: 64px; left: 75%; right: 0; background: #253044; color: #ffffff; }
.rl-page .rl-scale__me{ position: absolute; left: 12.5%; top: -6px; bottom: 18px; width: 2px; background: #6255FF; }
.rl-page .rl-scale__me span{ position: absolute; left: 6px; top: 62px; display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 999px; background: #6255FF; font: 800 12px/1 var(--rt-font-sans); color: #ffffff; white-space: nowrap; }
.rl-page .rl-price .rt-price__figure .rt-actions{ margin-top: var(--space-5); }
.rl-page .rl-price__facts{ display: flex; flex-direction: column; gap: 6px; margin-top: var(--space-3); }
.rl-page .rl-price__facts span{ display: flex; align-items: center; gap: 8px; font: 600 15px/22px var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rl-price__facts .rt-icon{ color: var(--primary-text); }
.rl-page .rl-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); }
.rl-page .rl-contact__text{ display: flex; flex-direction: column; gap: var(--space-4); }
.rl-page .rl-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; }
.rl-page .rl-badge span{ display: grid; place-items: center; width: 26px; height: 26px; flex: none; background: var(--primary); color: var(--on-primary); }
.rl-page .rl-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); }
.rl-page .rl-form{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5) var(--space-4); }
.rl-page .rl-form .rt-field{ max-width: none; }
.rl-page .rl-full{ grid-column: 1 / -1; }
.rl-page .rl-area{ display: flex; flex-direction: column; gap: var(--space-2); }
.rl-page .rl-area label{ font: 500 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rl-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; }
.rl-page .rl-area textarea:focus{ outline: none; box-shadow: inset 0 0 0 2px var(--primary); }
.rl-page .rl-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; }
.rl-page .rl-file:focus-within{ outline-color: var(--primary); }
.rl-page .rl-file > span:first-child{ display: grid; place-items: center; width: 44px; height: 44px; flex: none; background: var(--primary-container); color: var(--on-primary-container); }
.rl-page .rl-file b{ display: block; font: 700 15px/21px var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rl-file small{ display: block; font: 400 13px/18px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rl-file input{ position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.rl-page .rl-privacy{ font: 400 14px/20px var(--rt-font-sans); color: var(--on-surface-variant); }
.rl-page .rl-inst{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-10); align-items: center; }
.rl-page .rl-inst ul{ display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.rl-page .rl-inst li{ display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 var(--space-4) 0 var(--space-3); border-radius: var(--radius-full); background: var(--surface-container-lowest); box-shadow: inset 0 0 0 1px var(--outline-variant); font: 700 14px/1 var(--rt-font-sans); color: var(--on-surface); }
.rl-page .rl-inst li .rt-icon{ color: var(--primary-text); }
.rl-page .rl-inst li:first-child{ background: #6255FF; color: #ffffff; box-shadow: none; }
.rl-page .rl-inst li:first-child .rt-icon{ color: #ffffff; }
.rl-page .rl-faq{ display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-10); align-items: start; }
.rl-page .rl-faq__head{ display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.rl-page .rl-faq .rt-faq__a-inner ul{ margin: 0 0 var(--space-3); padding-left: 20px; }
.rl-page .rl-footer-contact li{ font: 400 14px/20px var(--rt-font-sans); color: var(--footer-text); }
@media (max-width: 1240px){.rl-page .hd__nav,.rl-page .hd__cta{ display: none; }
.rl-page .hd__burger{ display: inline-grid; }
.rl-page .hd__inner{ min-height: 80px; padding: 0 20px; }
.rl-page .hd__logo img{ width: 190px; }}
@media (max-width: 1100px){.rl-page .rl-hero__inner{ grid-template-columns: minmax(0, 1fr); gap: var(--space-8); padding-top: 56px; }
.rl-page .rl-viz{ max-width: 640px; width: 100%; margin: 0 auto; }
.rl-page .rl-what,.rl-page .rl-when,.rl-page .rl-decide,.rl-page .rl-case,.rl-page .rl-more,.rl-page .rl-team,.rl-page .rl-contact,.rl-page .rl-inst,.rl-page .rl-faq,.rl-page .rl-split2{ grid-template-columns: minmax(0, 1fr); }
.rl-page .rl-test{ position: relative; top: 0; }
.rl-page .rl-s4,.rl-page .rl-s5,.rl-page .rl-s7{ grid-column: 1 / -1; }
.rl-page .rl-stairs{ grid-template-columns: minmax(0, 1fr); }
.rl-page .rl-step--1,.rl-page .rl-step--2,.rl-page .rl-step--3{ min-height: 0; }
.rl-page .rl-steps5{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }}
@media (max-width: 699px){.rl-page .rl-in{ padding: 56px 16px; }
.rl-page .hd__inner{ min-height: 72px; padding: 0 12px 0 16px; }
.rl-page .hd__logo img{ width: 160px; }
.rl-page .hd__burger{ width: 50px; height: 50px; padding: 11px; }
.rl-page .hd__burger i{ width: 24px; }
.rl-page .rl-hero__inner{ padding: 40px 16px var(--space-12); }
.rl-page .rl-float--price{ right: 0; top: -8px; }
.rl-page .rl-float--small{ left: 0; bottom: 18%; width: 180px; padding: var(--space-3); }
.rl-page .rl-evo,.rl-page .rl-test,.rl-page .rl-decide,.rl-page .rl-case,.rl-page .rl-more,.rl-page .rl-time,.rl-page .rl-contact{ padding: var(--space-6) var(--space-4); }
.rl-page .rl-fix,.rl-page .rl-decide__paths,.rl-page .rl-people,.rl-page .rl-form,.rl-page .rl-incl,.rl-page .rl-files{ grid-template-columns: minmax(0, 1fr); }
.rl-page .rl-test__box{ height: 180px; }
.rl-page .rl-more ul{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rl-page .rl-rows li{ grid-template-columns: minmax(0, 1fr); gap: 2px; }
.rl-page .rl-steps5{ grid-template-columns: minmax(0, 1fr) !important; }
.rl-page .rl-days{ grid-template-columns: repeat(7, minmax(0, 1fr)); }
.rl-page .rl-scale{ height: 150px; }
.rl-page .rl-seg{ width: 100%; }
.rl-page .rl-seg button{ flex: 1 1 auto; }}
@media (prefers-reduced-motion: reduce){.rl-page .rl-float{ animation: none; }
.rl-page .rl-test__box img,.rl-page .rl-tile,.rl-page .rl-tile__shape,.rl-page .hd__sub,.rl-page .hd__mega{ transition: none; }}
.rl-page {display:block;margin:0;width:100%;color:#253044;font-family:var(--rt-font-sans);overflow:clip}
.rl-page *, .rl-page *::before, .rl-page *::after {box-sizing:border-box}
.rl-page [hidden] {display:none!important}
.rl-page .rt-icon {display:inline-block;flex:none;vertical-align:middle;max-width:none}
.rl-page .rl-hero__inner {padding-top:140px}
.rl-page .rl-hero__title {font-weight:700;font-size:52px}
.rl-page .rl-viz__ghost {translate:-50% -50%;transform:none;transform-origin:center}
.rl-page .rl-shot img,.rl-page .rl-duo img {width:100%;height:auto;object-fit:contain}
.rl-page .rl-ba img {width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#f5f4fa}
.rl-page .rl-cmp img {width:100%;height:100%;object-fit:contain}
.rl-page .rl-more img {width:100%;height:auto;aspect-ratio:16/10;object-fit:contain}
.rl-page .rl-person__ph img {left:0;bottom:0;width:100%;height:100%;transform:none;object-fit:cover;object-position:center 32%}
.rl-page .rl-person__ph {isolation:isolate}
.rl-page .rl-test__box img {max-width:100%;height:auto;object-fit:contain}
.rl-page .rl-native-reviews {padding-top:80px;padding-bottom:80px}
.rl-page .rl-native-reviews .rt-reviews-section {padding:0}
.rl-page .rl-native-reviews .rt-service-reviews {margin:0!important;padding:0!important}
.rl-page .rl-native-reviews .rt-seo-m3 {max-width:none;width:100%;padding:0;margin:0}
.rl-page .rl-native-reviews .rt-service-section-head {margin-bottom:32px}
.rl-page .rl-native-reviews h2 {font:700 clamp(30px,3vw,43px)/1.17 var(--rt-font-sans);color:var(--on-surface)}
.rl-page .rt-btn {gap:9px;white-space:normal;text-align:center;text-decoration:none;max-width:100%}
.rl-page .rl-form .rt-turnstile-field {grid-column:1/-1}
.rl-page .rl-form {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;background:transparent;border:0;box-shadow:none}
.rl-page .rl-form label {display:flex;flex-direction:column;gap:8px;margin:0;color:#253044;font-size:15px;min-width:0}
.rl-page .rl-form input:not([type=checkbox]):not([type=hidden]),.rl-page .rl-form textarea {display:block;width:100%;min-width:0;padding:13px 14px;min-height:50px;border:1px solid #d9d7e5;border-radius:12px;background:#fff;color:#253044;font:400 16px/1.5 var(--rt-font-sans)}
.rl-page .rl-form input:focus-visible,.rl-page .rl-form textarea:focus-visible {outline:2px solid #6255ff;outline-offset:2px}
.rl-page .rl-form .rt-seo-m3-audit-form__wide,.rl-page .rl-form .rt-seo-m3-audit-form__privacy,.rl-page .rl-form button,.rl-page .rl-form-note {grid-column:1/-1}
.rl-page .rl-form .rt-seo-m3-audit-form__privacy {flex-direction:row;align-items:flex-start;font-size:13px;line-height:1.5}
.rl-page .rl-form input[type=checkbox] {flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:#6255ff}
.rl-page .rl-form button {border:0;border-radius:28px;min-height:54px;padding:15px 20px;background:#6255ff;color:#fff;font:600 16px/1.4 var(--rt-font-sans);cursor:pointer}
.rl-page .rl-form-note {font-size:13px;line-height:1.5;color:#596273;margin:0}
.rl-page section {scroll-margin-top:108px}
.rl-page .rl-float--price {top:-26px}
@media(max-width:1100px){.rl-page .rl-hero__inner{grid-template-columns:minmax(0,1fr);gap:36px}.rl-page .rl-viz{width:min(640px,100%);margin:auto}.rl-page .rl-float--small{left:0}.rl-page .rl-float--price{right:0}.rl-page .rl-hero__title{max-width:800px}.rl-page .rl-test{position:static}}
@media(max-width:699px){.rl-page .rl-hero__inner{padding-top:112px;gap:24px}.rl-page .rl-hero__title{font-size:36px;line-height:1.1}.rl-page .rl-hero__intro{font-size:17px;line-height:1.6}.rl-page .rl-h2{font-size:30px;line-height:1.15}.rl-page .rl-seg{flex-wrap:wrap;max-width:100%}.rl-page .rl-viz{padding-bottom:130px;padding-top:42px}.rl-page .rl-float--small{bottom:0;left:0}.rl-page .rl-viz__cap{font-size:12px}.rl-page .rl-cmp{border-radius:20px}.rl-page .rl-float--price{top:0}.rl-page .rl-test__box{height:170px}.rl-page .rl-test__stage{gap:10px}.rl-page .rl-test{padding:24px 16px}.rl-page .rl-duo{grid-template-columns:minmax(0,1fr);gap:20px}.rl-page .rl-case__top{gap:10px;flex-wrap:wrap}.rl-page .rl-tag{max-width:100%;white-space:normal}.rl-page .rl-ba{gap:10px}.rl-page .rl-ba__arrow{width:36px;height:36px}.rl-page .rl-person__ph{height:300px}.rl-page .rl-incl{grid-template-columns:minmax(0,1fr)}.rl-page .rl-contact{padding:24px 12px}.rl-page .rl-form-panel{padding:20px 16px}.rl-page .rl-form{grid-template-columns:minmax(0,1fr);gap:16px}.rl-page .rl-form button{font-size:15px}.rl-page .rt-price__amount{font-size:72px}.rl-page .rl-native-reviews{padding-top:48px;padding-bottom:48px}}
@media(max-width:699px){.rl-page .rl-float--price{top:-8px}}

/* C29 reviews: the PDF's summary + featured review + two supporting cards. */
.rl-page .rl-reviews {margin:0;padding:0;background:#fff}
.rl-page .rl-reviews .rt-reviews {display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px;align-items:stretch}
.rl-page .rl-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}
.rl-page .rl-reviews .rt-shead {margin:0 0 8px}
.rl-page .rl-reviews .rt-reviews__summary .rl-h2 {margin:0;font-weight:700;font-size:clamp(30px,3vw,44px);line-height:1.14;text-wrap:balance}
.rl-page .rl-reviews .rt-reviews__rating {display:flex;flex-direction:column;gap:8px;margin:auto 0 0;padding-top:28px;max-width:100%}
.rl-page .rl-reviews .rt-reviews__stars {font-size:22px;line-height:1;letter-spacing:3px;color:#f4b400}
.rl-page .rl-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}
.rl-page .rl-reviews .rt-reviews__meta {font:500 16px/24px var(--rt-font-sans);color:#253044}
.rl-page .rl-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}
.rl-page .rl-reviews .rt-reviews__list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-width:0}
.rl-page .rl-reviews .rt-reviews__list>.rt-quote:first-child {grid-column:1/-1}
.rl-page .rl-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)}
.rl-page .rl-reviews .rt-quote__head {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0}
.rl-page .rl-reviews .rt-quote__by {display:flex;align-items:center;gap:12px;min-width:0}
.rl-page .rl-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)}
.rl-page .rl-reviews .rt-quote__name {display:block;font:700 16px/24px var(--rt-font-sans);overflow-wrap:anywhere}
.rl-page .rl-reviews .rt-quote__name a {color:inherit;text-decoration:none}
.rl-page .rl-reviews .rt-quote__name a:hover {text-decoration:underline;text-underline-offset:3px}
.rl-page .rl-reviews .rt-quote__role {display:block;font:400 14px/20px var(--rt-font-sans);color:#596273;opacity:1}
.rl-page .rl-reviews .rt-quote__glyph {flex:none;height:24px;color:#ebe7ff;font:900 56px/.6 var(--rt-font-sans)}
.rl-page .rl-reviews .rt-quote__stars {color:#f4b400;font-size:18px;line-height:1;letter-spacing:2px}
.rl-page .rl-reviews .rt-quote__text {margin:0;font:400 18px/30px var(--rt-font-sans);color:#465166;text-wrap:pretty;overflow-wrap:anywhere}
.rl-page .rl-reviews .rt-quote:first-child .rt-quote__text {font-size:22px;line-height:34px}
@media(max-width:1023px){.rl-page .rl-reviews .rt-reviews{grid-template-columns:minmax(0,1fr)}.rl-page .rl-reviews .rt-reviews__summary{container-type:normal}.rl-page .rl-reviews .rt-reviews__score{font-size:88px}.rl-page .rl-reviews .rt-reviews__rating{padding-top:12px}}
@media(max-width:699px){.rl-page .rl-reviews .rt-reviews{gap:20px}.rl-page .rl-reviews .rt-reviews__list{grid-template-columns:minmax(0,1fr);gap:16px}.rl-page .rl-reviews .rt-reviews__summary{padding:24px;border-radius:24px}.rl-page .rl-reviews .rt-reviews__summary .rl-h2{font-size:30px}.rl-page .rl-reviews .rt-reviews__score{font-size:clamp(60px,19vw,88px)}.rl-page .rl-reviews .rt-quote{padding:24px;border-radius:20px}.rl-page .rl-reviews .rt-quote:first-child .rt-quote__text{font-size:20px;line-height:30px}.rl-page .rl-reviews .rt-quote__text{font-size:17px;line-height:28px}.rl-page .rl-reviews .rt-quote__name{font-size:15px}.rl-page .rl-reviews .rt-quote__by{gap:10px}.rl-page .rl-reviews .rt-reviews__summary>.rt-btn{font-size:13px;padding:12px 16px}}