/* ManRed support layout — canonical source; edit here, never add a numbered override. */
body.support258 {
  margin: 0;
  background: var(--mr185-background);
  color: var(--mr185-ink);
  font: 16px/1.6 system-ui,sans-serif;
  min-height: 100vh;
}

body.support258 * {
  box-sizing: border-box;
}

body.support258 a {
  color: var(--mr185-action);
}

body.support258 header {
  max-width: 1060px;
  margin: auto;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid var(--mr185-line);
}

body.support258 .brand {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: var(--mr185-ink);
  font-weight: 800;
  line-height: 1.1;
}

body.support258 .logo184-mark {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
}

body.support258 .wordmark {
  font-size: 23px;
}

body.support258 .red {
  color: var(--mr185-main);
}

body.support258 .wordmark small {
  display: block;
  font-size: 10px;
  letter-spacing: .3em;
  margin-top: 6px;
  color: var(--mr185-muted);
}

body.support258 .controls {
  display: flex;
  gap: 6px;
}

body.support258 button {
  min-width: 44px;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid var(--mr185-line);
  border-radius: 12px;
  background: var(--mr185-surface);
  color: var(--mr185-ink);
  font: inherit;
  cursor: pointer;
}

body.support258 button[aria-pressed=true] {
  background: var(--mr185-action);
  color: var(--mr185-action-text);
  border-color: var(--mr185-action);
}

body.support258 main {
  max-width: 700px;
  margin: clamp(38px,9vh,90px) auto;
  padding: 0 24px;
}

body.support258 h1 {
  font-size: clamp(34px,6vw,54px);
  line-height: 1.12;
  letter-spacing: -.035em;
  margin: 24px 0;
}

body.support258 p {
  color: var(--mr185-muted);
  margin: 24px 0;
}

body.support258 a.contact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 13px 22px;
  border-radius: 14px;
  background: var(--mr185-action);
  color: var(--mr185-action-text);
  text-decoration: none;
  font-weight: 650;
}

body.support258 footer {
  max-width: 700px;
  margin: 64px auto 24px;
  padding: 20px 24px;
  border-top: 1px solid var(--mr185-line);
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  font-size: 14px;
}

body.support258 :is(a,button):focus-visible {
  outline: 3px solid var(--mr185-main);
  outline-offset: 4px;
}

@media (max-width:480px) {
  body.support258 header {
    padding: 18px 16px;
    gap: 12px;
  }
  body.support258 .brand {
    gap: 8px;
  }
  body.support258 .wordmark {
    font-size: 20px;
  }
  body.support258 main,body.support258 footer {
    padding-left: 20px;
    padding-right: 20px;
  }
  body.support258 button {
    padding: 8px;
    min-width: 40px;
  }
  body.support258 .controls {
    gap: 4px;
  }
}

html:root:root:root:root:root:root:root:root[data-theme] body .crimson-emblem::before,
html:root:root:root:root:root:root:root:root[data-theme] body .crimson-emblem::after,
html:root:root:root:root:root:root:root:root[data-theme] body #manred-fulltheme185 .crimson-emblem::before,
html:root:root:root:root:root:root:root:root[data-theme] body #manred-fulltheme185 .crimson-emblem::after,
html:root:root:root:root:root:root:root:root[data-theme] body .topbar .brand::before,
html:root:root:root:root:root:root:root:root[data-theme] body .topbar .brand::after,
html:root:root:root:root:root:root:root:root[data-theme] body header .brand::before,
html:root:root:root:root:root:root:root:root[data-theme] body header .brand::after {
  content: none !important;
  display: none !important;
  animation: none !important;
  background: none !important;
  filter: none !important;
}

html body header nav a,html body footer a {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  box-sizing: border-box;
}

html body header button {
  min-width: 44px !important;
  min-height: 44px !important;
}

html body .brand .wordmark small {
  text-align: center;
}

html body .brand .red,html body .brand:hover .wordmark {
  color: #e73554 !important;
}

body.support258 header {
  flex-wrap: wrap;
}

body.support258 main>a:not(.contact) {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

body.support258 a.contact,body.support258 header [data-support258-lang] {
  font-size: 19px;
  font-weight: 700;
}

html:root:root:root:root:root:root:root:root[data-theme="dark"] body.support258 :is(main,footer) a:not(.contact) {
  color: #f7f5ff !important;
  text-decoration: underline;
  text-underline-offset: .18em;
}

:root {
  --film272-logo: #e73554;
  --film272-accent: #e73554;
  --film272-track: #e73554;
  --film272-surface: #fff;
  --film272-background: #FFFFFF;
  --film272-ink: #28213f;
  --film272-muted: #66637d;
  --film272-line: #ded8ee;
  --film272-glow: #e9c5ef;
}

html.dark,html[data-theme="dark"] {
  --film272-accent: #e73554;
  --film272-surface: #202849;
  --film272-background: #151b36;
  --film272-ink: #f7f5ff;
  --film272-muted: #b5bad8;
  --film272-line: #373e63;
  --film272-glow: #633b83;
}

html body #manred-fulltheme185.mlogo231 {
  --mr185-main: var(--film272-accent) !important;
  --mr185-edge: var(--film272-track) !important;
  --mr185-deep: #e73554 !important;
  --mr185-action: #e73554 !important;
  --mr185-action-text: #fff !important;
  --mr185-paper: var(--film272-background) !important;
  --mr185-background: var(--film272-background) !important;
  --mr185-panel: var(--film272-surface) !important;
  --mr185-surface: var(--film272-surface) !important;
  --mr185-ink: var(--film272-ink) !important;
  --mr185-muted: var(--film272-muted) !important;
  --mr185-line: var(--film272-line) !important;
  --mr185-tint: var(--film272-surface) !important;
  background: var(--film272-background) !important;
}

html body #manred-fulltheme185 .mr-art-panel {
  border: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

html body #manred-fulltheme185 .mr-hero-rules {
  max-width: 1320px;
  min-height: 690px;
  grid-template-columns: minmax(0,1fr) minmax(0,1.1fr);
  padding-top: 34px;
  padding-bottom: 34px;
}

html body #manred-fulltheme185 .vpn-motto {
  font-size: clamp(40px,4.7vw,65px);
  letter-spacing: -.045em;
}

.film272-mark-packet {
  stroke: #fff !important;
  stroke-dashoffset: 100;
  animation: film272-signal 6s linear infinite !important;
}

.film272-mark-track {
  stroke: var(--film272-track);
}

.film272-visual {
  position: relative;
  min-width: 0;
}

.film272-scene {
  display: block;
  width: 100%;
  position: relative;
}

.film272-ambient {
  position: absolute;
  inset: 4% -8%;
  background: radial-gradient(ellipse,var(--film272-glow),transparent 65%);
  animation: film272-breathe 6s ease-in-out infinite;
  pointer-events: none;
}

.film272-grid {
  opacity: .16;
  color: var(--film272-muted);
}

.film272-routes {
  color: var(--film272-accent);
  opacity: .5;
}

.film272-branch {
  display: none;
}

.film272-visual[data-rule="1"] .film272-branch {
  display: block;
}

.film272-extra {
  display: none;
}

.film272-visual[data-rule="1"] [data-scenes="1"],.film272-visual[data-rule="2"] [data-scenes="2"],.film272-visual[data-rule="3"] [data-scenes="3"],.film272-visual[data-rule="4"] [data-scenes="4"] {
  display: block;
}

.film272-packet,.film272-mark-packet {
  stroke-dasharray: 5 95;
  stroke-dashoffset: 100;
  animation: film272-signal 6s linear infinite;
}

.film272-mark-packet {
  stroke-dasharray: 7 93;
}

.film272-endpoints {
  animation: film272-breathe 6s ease-in-out infinite;
}

@keyframes film272-signal {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes film272-breathe {
  50% {
    opacity: .5;
    transform: scale(.96);
  }
}

.film272-visual[data-stopped=true] * {
  animation-play-state: paused !important;
}

@media (max-width:700px) {
  html body #manred-fulltheme185 .mr-hero-rules {
    display: grid;
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .film272-visual {
    margin: 0 -8px;
  }
  .film272-scene {
    width: 100%;
  }
  html body #manred-fulltheme185 .vpn-motto {
    font-size: 45px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .film272-visual *,.film272-mark-packet {
    animation: none !important;
  }
  .film272-packet,.film272-mark-packet {
    stroke-dashoffset: 40;
  }
}

html[data-theme] body:is(.mr185-native-mini,.mr185-native-guide) {
  --bg: var(--film272-background) !important;
  --card: var(--film272-surface) !important;
  --surface: var(--film272-surface) !important;
  --text: var(--film272-ink) !important;
  --muted: var(--film272-muted) !important;
  --line: var(--film272-line) !important;
  --accent: var(--film272-logo) !important;
  --accent-bright: var(--film272-logo) !important;
  --accent-deep: var(--film272-logo) !important;
  --button-bg: var(--film272-logo) !important;
  --button-text: #fff !important;
  background: var(--film272-background) !important;
  color: var(--film272-ink) !important;
}

html:root[data-theme] body:is(.manred-dashboard.mr185-native-mini,.mr185-native-guide,.mr185-native-info) {
  --mr185-background: var(--film272-background) !important;
  --mr185-surface: var(--film272-surface) !important;
  --mr185-ink: var(--film272-ink) !important;
  --mr185-muted: var(--film272-muted) !important;
  --mr185-line: var(--film272-line) !important;
  --mr185-action: var(--film272-logo) !important;
  --mr185-deep: var(--film272-logo) !important;
  --mr185-main: var(--film272-logo) !important;
  --mr185-action-text: #fff !important;
  background: var(--film272-background) !important;
  color: var(--film272-ink) !important;
}

html:root[data-theme] body:is(.manred-dashboard.mr185-native-mini,.mr185-native-guide,.mr185-native-info) :is(.primary,.connect-button,a.contact),html:root[data-theme] body:is(.manred-dashboard.mr185-native-mini,.mr185-native-guide,.mr185-native-info) :is(.primary,.connect-button,a.contact):hover:not(:disabled) {
  background: var(--film272-logo) !important;
  color: #fff !important;
  border-color: var(--film272-logo) !important;
}

html,html[data-theme] {
  --mr185-main: var(--film272-accent) !important;
  --mr185-edge: var(--film272-track) !important;
  --mr185-deep: #e73554 !important;
  --mr185-background: var(--film272-background) !important;
  --mr185-surface: var(--film272-surface) !important;
  --mr185-ink: var(--film272-ink) !important;
  --mr185-muted: var(--film272-muted) !important;
  --mr185-line: var(--film272-line) !important;
  --mr185-action: #e73554 !important;
  --mr185-action-text: #fff !important;
  --shell185-action: #e73554 !important;
  --shell185-action-text: #fff !important;
  --manred-mood-action: var(--film272-accent) !important;
  --manred-mood-bright: var(--film272-track) !important;
}

html[data-theme] body {
  background: var(--film272-background) !important;
  color: var(--film272-ink) !important;
}

html[data-theme] body :is(.marketing,.account-shell,[data-slot="sidebar-wrapper"],.mr185-native-mini,.mr185-native-guide) {
  --mr185-background: var(--film272-background) !important;
  --mr185-surface: var(--film272-surface) !important;
  --mr185-ink: var(--film272-ink) !important;
  --mr185-muted: var(--film272-muted) !important;
  --mr185-line: var(--film272-line) !important;
  --mr185-action: #e73554 !important;
  --mr185-action-text: #fff !important;
  --shell185-action: #e73554 !important;
  --shell185-action-text: #fff !important;
  --sidebar-background: var(--film272-surface) !important;
  --sidebar-foreground: var(--film272-ink) !important;
  --sidebar-accent: color-mix(in srgb,var(--film272-accent) 14%,var(--film272-surface)) !important;
  --sidebar-accent-foreground: var(--film272-accent) !important;
  --primary: #e73554 !important;
  --primary-foreground: #fff !important;
  --accent: color-mix(in srgb,var(--film272-accent) 14%,var(--film272-surface)) !important;
  --accent-foreground: var(--film272-accent) !important;
}

html[data-theme] body :is(.marketing,.account-shell,[data-slot="sidebar-wrapper"]) {
  background: var(--film272-background) !important;
  color: var(--film272-ink) !important;
}

html[data-theme] .marketing .site-header .crimson-emblem {
  filter: none !important;
}

html[data-theme] .marketing .crimson-wordmark>span {
  color: var(--film272-accent) !important;
}

html[data-theme] [data-slot="sidebar-wrapper"] .brand .crimson-wordmark>span {
  color: var(--film272-accent) !important;
}

html[data-theme] .marketing .mr-hero-rules .vpn-motto em {
  color: var(--film272-accent) !important;
}

html[data-theme] :is(.mr185-native-mini,.mr185-native-guide) .logo184-mark {
  filter: none !important;
}

html[data-theme] .mr185-native-mini .topbar .brand>span {
  display: block;
  text-align: center;
}

html[data-theme] .mr185-native-mini .topbar .brand strong>span,
html[data-theme] .mr185-native-guide header .brand .red {
  color: var(--film272-logo,#e73554) !important;
}

html[data-theme] .mr185-native-mini .topbar .brand small,
html[data-theme] .mr185-native-guide header .brand>span>small {
  display: block;
  text-align: center;
  width: 100%;
}

html[data-theme] body #manred-fulltheme185 .site-header .brand-lockup.crimson-brand:hover .crimson-wordmark,
html[data-theme] body #manred-fulltheme185 .site-header a:focus-visible .crimson-wordmark,
html[data-theme] body .brand-lockup.crimson-brand:hover .crimson-wordmark,
html[data-theme] body a:focus-visible .brand-lockup.crimson-brand .crimson-wordmark,
html[data-theme] .mr185-native-mini .topbar .brand:is(:hover,:focus-visible) strong,
html[data-theme] .mr185-native-guide header .brand:is(:hover,:focus-visible)>span {
  color: var(--film272-logo,#e73554) !important;
}

html:root:root:root[data-theme] body,html:root:root:root[data-theme] body :is(.marketing,.account-shell,[data-slot="sidebar-wrapper"]) {
  --mr185-main: var(--film272-logo) !important;
  --mr185-edge: var(--film272-logo) !important;
  --mr185-deep: var(--film272-logo) !important;
  --mr185-action: var(--film272-logo) !important;
  --mr185-action-text: #fff !important;
  --mr185-background: var(--film272-background) !important;
  --mr185-paper: var(--film272-background) !important;
  --mr185-panel: var(--film272-surface) !important;
  --mr185-surface: var(--film272-surface) !important;
  --mr185-ink: var(--film272-ink) !important;
  --mr185-muted: var(--film272-muted) !important;
  --mr185-line: var(--film272-line) !important;
  background: var(--film272-background) !important;
  color: var(--film272-ink) !important;
}

html:root:root[data-theme] body #manred-fulltheme185 .button.primary,html:root:root[data-theme] body .marketing .button.primary,html:root:root[data-theme] body #manred-fulltheme185 #manred-unified-footer .muf-account,html:root:root[data-theme] body #manred-unified-footer .muf-account {
  background: var(--film272-logo) !important;
  color: #fff !important;
  border-color: var(--film272-logo) !important;
}

html:root:root[data-theme] body:is(.support258,.legal259) .wordmark small {
  width: 100%;
  text-align: center;
}

html:root:root[data-theme] body:is(.support258,.legal259) .brand:is(:hover,:focus-visible) .wordmark {
  color: var(--film272-logo) !important;
}

html[data-theme] body #manred-fulltheme185 .site-header .brand-lockup.crimson-brand .crimson-wordmark>span {
  color: var(--film272-logo,#e73554) !important;
}

html:root:root:root:root:root:root[data-theme] body :is([role="tab"][aria-selected="true"], [data-slot="tabs-trigger"][data-active]) {
  color: #fff !important;
}

html:root:root:root:root[data-theme] body .button.primary {
  background: #e73554 !important;
  color: #fff !important;
  border-color: #e73554 !important;
}

html:root:root:root:root[data-theme] body .button.primary :is(span,strong) {
  color: #fff !important;
}

html:root:root:root:root[data-theme] body :is(.main .panel,.main .metric,[data-slot="dialog-content"]) {
  background: var(--film272-surface) !important;
  color: var(--film272-ink) !important;
  border-color: var(--film272-line) !important;
}

html:root:root:root:root[data-theme] body .main .table-button {
  background: color-mix(in srgb,#e73554 9%,var(--film272-surface)) !important;
  color: #e73554 !important;
  border-color: var(--film272-line) !important;
}

html:root:root:root:root[data-theme] body :is(.main,[data-slot="dialog-content"]) :is(input,select,textarea) {
  background: var(--film272-surface) !important;
  color: var(--film272-ink) !important;
  border-color: var(--film272-line) !important;
}

html body .brand-lockup.crimson-brand .crimson-wordmark>span,
html[data-theme] body .marketing .brand-lockup.crimson-brand .crimson-wordmark>span,
html[data-theme] body [data-slot="sidebar-wrapper"] .brand .crimson-wordmark>span {
  color: var(--film272-logo,#e73554) !important;
}

html body .brand-lockup.crimson-brand .crimson-wordmark>b {
  display: block;
  width: 100%;
  text-align: center;
  padding-left: .38em;
}