/* Landing styles.
   Palette: --color-* tokens in :root (theme layer + :root override block); header colours: header[class*="fixed"].
   Fonts: CRSans (text) and CRSerif (headings), files in /assets/fonts/. */
@font-face {
  font-family:"CRSans";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(../fonts/crs-400.woff2)format("woff2");
}
@font-face {
  font-family:"CRSans";
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url(../fonts/crs-500.woff2)format("woff2");
}
@font-face {
  font-family:"CRSans";
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url(../fonts/crs-600.woff2)format("woff2");
}
@font-face {
  font-family:"CRSans";
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url(../fonts/crs-700.woff2)format("woff2");
}
@font-face {
  font-family:"CRSerif";
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url(../fonts/crf-600.woff2)format("woff2");
}
.fs-root {
  font-family:"CRSans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-style:normal;
}
.fs-var {
  --font-main:"CRSans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.fsr-var {
  --font-editorial:"CRSerif",Georgia,serif;
}
@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
    *,:before,:after,::backdrop {
      --tw-rotate-x:initial;
      --tw-rotate-y:initial;
      --tw-rotate-z:initial;
      --tw-skew-x:initial;
      --tw-skew-y:initial;
      --tw-space-y-reverse:0;
      --tw-border-style:solid;
      --tw-gradient-position:initial;
      --tw-gradient-from:#0000;
      --tw-gradient-via:#0000;
      --tw-gradient-to:#0000;
      --tw-gradient-stops:initial;
      --tw-gradient-via-stops:initial;
      --tw-gradient-from-position:0%;
      --tw-gradient-via-position:50%;
      --tw-gradient-to-position:100%;
      --tw-leading:initial;
      --tw-font-weight:initial;
      --tw-tracking:initial;
      --tw-ordinal:initial;
      --tw-slashed-zero:initial;
      --tw-numeric-figure:initial;
      --tw-numeric-spacing:initial;
      --tw-numeric-fraction:initial;
      --tw-shadow:0 0 #0000;
      --tw-shadow-color:initial;
      --tw-shadow-alpha:100%;
      --tw-inset-shadow:0 0 #0000;
      --tw-inset-shadow-color:initial;
      --tw-inset-shadow-alpha:100%;
      --tw-ring-color:initial;
      --tw-ring-shadow:0 0 #0000;
      --tw-inset-ring-color:initial;
      --tw-inset-ring-shadow:0 0 #0000;
      --tw-ring-inset:initial;
      --tw-ring-offset-width:0px;
      --tw-ring-offset-color:#fff;
      --tw-ring-offset-shadow:0 0 #0000;
      --tw-blur:initial;
      --tw-brightness:initial;
      --tw-contrast:initial;
      --tw-grayscale:initial;
      --tw-hue-rotate:initial;
      --tw-invert:initial;
      --tw-opacity:initial;
      --tw-saturate:initial;
      --tw-sepia:initial;
      --tw-drop-shadow:initial;
      --tw-drop-shadow-color:initial;
      --tw-drop-shadow-alpha:100%;
      --tw-drop-shadow-size:initial;
      --tw-backdrop-blur:initial;
      --tw-backdrop-brightness:initial;
      --tw-backdrop-contrast:initial;
      --tw-backdrop-grayscale:initial;
      --tw-backdrop-hue-rotate:initial;
      --tw-backdrop-invert:initial;
      --tw-backdrop-opacity:initial;
      --tw-backdrop-saturate:initial;
      --tw-backdrop-sepia:initial;
      --tw-duration:initial;
      --tw-ease:initial;
      --tw-translate-x:0;
      --tw-translate-y:0;
      --tw-translate-z:0;
    }
  }
}
@layer theme {
  :root,:host {
    --font-sans:var(--font-main),system-ui,-apple-system,sans-serif;
    --font-serif:var(--font-editorial),Georgia,"Times New Roman",serif;
    --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --color-white:#fff;
    --spacing:.25rem;
    --container-sm:24rem;
    --container-md:28rem;
    --container-2xl:42rem;
    --container-3xl:48rem;
    --container-4xl:56rem;
    --container-5xl:64rem;
    --container-6xl:72rem;
    --text-sm:.875rem;
    --text-sm--line-height:calc(1.25/.875);
    --text-base:1rem;
    --text-base--line-height:calc(1.5/1);
    --text-lg:1.125rem;
    --text-lg--line-height:calc(1.75/1.125);
    --text-xl:1.25rem;
    --text-xl--line-height:calc(1.75/1.25);
    --text-2xl:1.5rem;
    --text-2xl--line-height:calc(2/1.5);
    --text-3xl:1.875rem;
    --text-3xl--line-height:calc(2.25/1.875);
    --text-4xl:2.25rem;
    --text-4xl--line-height:calc(2.5/2.25);
    --font-weight-normal:400;
    --font-weight-medium:500;
    --font-weight-semibold:600;
    --font-weight-bold:700;
    --font-weight-extrabold:800;
    --tracking-tight:-.025em;
    --tracking-normal:0em;
    --tracking-wide:.025em;
    --leading-tight:1.25;
    --leading-snug:1.375;
    --leading-relaxed:1.625;
    --radius-lg:.5rem;
    --radius-2xl:1rem;
    --radius-3xl:1.5rem;
    --blur-sm:8px;
    --blur-md:12px;
    --default-transition-duration:.15s;
    --default-transition-timing-function:cubic-bezier(.4,0,.2,1);
    --default-font-family:var(--font-sans);
    --default-mono-font-family:var(--font-mono);
    --color-page:#ffffff;
    --color-card:#ffffff;
    --color-card-hover:#f7f8fa;
    --color-surface-2:#f6f2ea;
    --color-border:#dfe2e6;
    --color-border-strong:#ced0d4;
    --color-text-main:#16181c;
    --color-text-muted:#62666f;
    --color-text-dim:#8b9098;
    --color-accent:#da291c;
    --color-accent-hover:#b01e14;
    --shadow-cta-glow:0 0 0 1px color-mix(in oklab,var(--color-cta) 40%,transparent),0 8px 24px -10px color-mix(in oklab,var(--color-cta) 35%,transparent);
    --shadow-cta-glow-strong:0 0 0 1px color-mix(in oklab,var(--color-cta) 70%,transparent),0 12px 32px -10px color-mix(in oklab,var(--color-cta) 55%,transparent);
    --shadow-elevation-md:0 0 0 1px color-mix(in oklab,var(--color-shadow-ink) 70%,transparent);
    --shadow-panel-left:-1px 0 0 0 color-mix(in oklab,var(--color-shadow-ink) 90%,transparent);
    --color-cta:#da291c;
    --color-cta-text:#ffffff;
    --color-sun:#e7a912;
    --color-tertiary:#f0a10a;
    --color-ink:#16181c;
    --color-shadow-ink:#16181c;
    --color-tint:#16181c;
  }
}
@layer base {
  *,:after,:before,::backdrop {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0;
  }
  ::file-selector-button {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0;
  }
  html,:host {
    -webkit-text-size-adjust:100%;
    tab-size:4;
    line-height:1.5;
    font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
    font-feature-settings:var(--default-font-feature-settings,normal);
    font-variation-settings:var(--default-font-variation-settings,normal);
    -webkit-tap-highlight-color:transparent;
  }
  hr {
    height:0;
    color:inherit;
    border-top-width:1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted;
  }
  h1,h2,h3,h4,h5,h6 {
    font-size:inherit;
    font-weight:inherit;
  }
  a {
    color:inherit;
    -webkit-text-decoration:inherit;
    -webkit-text-decoration:inherit;
    -webkit-text-decoration:inherit;
    -webkit-text-decoration:inherit;
    text-decoration:inherit;
  }
  b,strong {
    font-weight:bolder;
  }
  code,kbd,samp,pre {
    font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
    font-feature-settings:var(--default-mono-font-feature-settings,normal);
    font-variation-settings:var(--default-mono-font-variation-settings,normal);
    font-size:1em;
  }
  small {
    font-size:80%;
  }
  sub,sup {
    vertical-align:baseline;
    font-size:75%;
    line-height:0;
    position:relative;
  }
  sub {
    bottom:-.25em;
  }
  sup {
    top:-.5em;
  }
  table {
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse;
  }
  :-moz-focusring {
    outline:auto;
  }
  progress {
    vertical-align:baseline;
  }
  summary {
    display:list-item;
  }
  ol,ul,menu {
    list-style:none;
  }
  img,svg,video,canvas,audio,iframe,embed,object {
    vertical-align:middle;
    display:block;
  }
  img,video {
    max-width:100%;
    height:auto;
  }
  button,input,select,optgroup,textarea {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0;
  }
  ::file-selector-button {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0;
  }
  :where(select:is([multiple],[size])) optgroup {
    font-weight:bolder;
  }
  :where(select:is([multiple],[size])) optgroup option {
    padding-inline-start:20px;
  }
  ::file-selector-button {
    margin-inline-end:4px;
  }
  ::placeholder {
    opacity:1;
  }
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
      color:currentColor;
    }
    @supports (color:color-mix(in lab,red,red)) {
      ::placeholder {
        color:color-mix(in oklab,currentcolor 50%,transparent);
      }
    }
  }
  textarea {
    resize:vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance:none;
  }
  ::-webkit-date-and-time-value {
    min-height:1lh;
    text-align:inherit;
  }
  ::-webkit-datetime-edit {
    display:inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding:0;
  }
  ::-webkit-datetime-edit {
    padding-block:0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block:0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block:0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block:0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block:0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block:0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block:0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block:0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block:0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height:1;
  }
  :-moz-ui-invalid {
    box-shadow:none;
  }
  button,input:where([type=button],[type=reset],[type=submit]) {
    appearance:button;
  }
  ::file-selector-button {
    appearance:button;
  }
  ::-webkit-inner-spin-button {
    height:auto;
  }
  ::-webkit-outer-spin-button {
    height:auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display:none!important;
  }
}
@layer components;
@layer utilities {
  .sr-only {
    clip-path:inset(50%);
    white-space:nowrap;
    border-width:0;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    position:absolute;
    overflow:hidden;
  }
  .absolute {
    position:absolute;
  }
  .fixed {
    position:fixed;
  }
  .relative {
    position:relative;
  }
  .inset-x-0 {
    inset-inline:calc(var(--spacing)*0);
  }
  .inset-y-0 {
    inset-block:calc(var(--spacing)*0);
  }
  .top-0 {
    top:calc(var(--spacing)*0);
  }
  .top-2 {
    top:calc(var(--spacing)*2);
  }
  .right-3 {
    right:calc(var(--spacing)*3);
  }
  .bottom-0 {
    bottom:calc(var(--spacing)*0);
  }
  .left-0 {
    left:calc(var(--spacing)*0);
  }
  .z-50 {
    z-index:50;
  }
  .mx-auto {
    margin-inline:auto;
  }
  .mt-0\.5 {
    margin-top:calc(var(--spacing)*.5);
  }
  .mt-2\.5 {
    margin-top:calc(var(--spacing)*2.5);
  }
  .mt-3\.5 {
    margin-top:calc(var(--spacing)*3.5);
  }
  .block {
    display:block;
  }
  .flex {
    display:flex;
  }
  .inline-flex {
    display:inline-flex;
  }
  .h-3\.5 {
    height:calc(var(--spacing)*3.5);
  }
  .h-7 {
    height:calc(var(--spacing)*7);
  }
  .h-11 {
    height:calc(var(--spacing)*11);
  }
  .h-\[26px\] {
    height:26px;
  }
  .h-full {
    height:100%;
  }
  .min-h-\[calc\(100vh-160px\)\] {
    min-height:calc(100vh - 160px);
  }
  .min-h-screen {
    min-height:100vh;
  }
  .w-3\.5 {
    width:calc(var(--spacing)*3.5);
  }
  .w-7 {
    width:calc(var(--spacing)*7);
  }
  .w-11 {
    width:calc(var(--spacing)*11);
  }
  .w-\[26px\] {
    width:26px;
  }
  .w-auto {
    width:auto;
  }
  .w-full {
    width:100%;
  }
  .max-w-3xl {
    max-width:var(--container-3xl);
  }
  .max-w-4xl {
    max-width:var(--container-4xl);
  }
  .max-w-\[1000px\] {
    max-width:1000px;
  }
  .max-w-\[1200px\] {
    max-width:1200px;
  }
  .max-w-none {
    max-width:none;
  }
  .min-w-0 {
    min-width:calc(var(--spacing)*0);
  }
  .flex-1 {
    flex:1;
  }
  .shrink-0 {
    flex-shrink:0;
  }
  .animate-\[banner-rise_0\.7s_cubic-bezier\(0\.32\,0\.72\,0\,1\)_5s_both\] {
    animation:.7s cubic-bezier(.32,.72,0,1) 5s both banner-rise;
  }
  .cursor-pointer {
    cursor:pointer;
  }
  .items-center {
    align-items:center;
  }
  .justify-between {
    justify-content:space-between;
  }
  .justify-center {
    justify-content:center;
  }
  .gap-2 {
    gap:calc(var(--spacing)*2);
  }
  .gap-2\.5 {
    gap:calc(var(--spacing)*2.5);
  }
  .gap-3 {
    gap:calc(var(--spacing)*3);
  }
  .gap-4 {
    gap:calc(var(--spacing)*4);
  }
  :where(.space-y-1\.5>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-3>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-4>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-5>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-6>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-8>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)));
  }
  .truncate {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
  }
  .overflow-hidden {
    overflow:hidden;
  }
  .rounded-full {
    border-radius:3.40282e38px;
  }
  .rounded-lg {
    border-radius:var(--radius-lg);
  }
  .border {
    border-style:var(--tw-border-style);
    border-width:1px;
  }
  .border-t {
    border-top-style:var(--tw-border-style);
    border-top-width:1px;
  }
  .border-b {
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:1px;
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  .border-border {
    border-color:var(--color-border);
  }
  .border-border-strong {
    border-color:var(--color-border-strong);
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  .bg-card {
    background-color:var(--color-card);
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  .bg-page {
    background-color:var(--color-page);
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  .bg-surface-2 {
    background-color:var(--color-surface-2);
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  .object-cover {
    object-fit:cover;
  }
  .px-4 {
    padding-inline:calc(var(--spacing)*4);
  }
  .py-2\.5 {
    padding-block:calc(var(--spacing)*2.5);
  }
  .py-3 {
    padding-block:calc(var(--spacing)*3);
  }
  .py-10 {
    padding-block:calc(var(--spacing)*10);
  }
  .pt-1 {
    padding-top:calc(var(--spacing)*1);
  }
  .pt-3 {
    padding-top:calc(var(--spacing)*3);
  }
  .pt-4 {
    padding-top:calc(var(--spacing)*4);
  }
  .pt-\[68px\] {
    padding-top:68px;
  }
  .pr-12 {
    padding-right:calc(var(--spacing)*12);
  }
  .pb-1 {
    padding-bottom:calc(var(--spacing)*1);
  }
  .pb-3 {
    padding-bottom:calc(var(--spacing)*3);
  }
  .pb-8 {
    padding-bottom:calc(var(--spacing)*8);
  }
  .text-\[13\.5px\] {
    font-size:13.5px;
  }
  .text-\[13px\] {
    font-size:13px;
  }
  .text-\[15px\] {
    font-size:15px;
  }
  .text-\[32px\] {
    font-size:32px;
  }
  .leading-\[1\.05\] {
    --tw-leading:1.05;
    line-height:1.05;
  }
  .leading-relaxed {
    --tw-leading:var(--leading-relaxed);
    line-height:var(--leading-relaxed);
  }
  .leading-tight {
    --tw-leading:var(--leading-tight);
    line-height:var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight:var(--font-weight-bold);
    font-weight:var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight:var(--font-weight-semibold);
    font-weight:var(--font-weight-semibold);
  }
  .tracking-tight {
    --tw-tracking:var(--tracking-tight);
    letter-spacing:var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking:var(--tracking-wide);
    letter-spacing:var(--tracking-wide);
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  .text-text-main {
    color:var(--color-text-main);
  }
  .text-text-main\/70 {
    color:color-mix(in oklab,var(--color-text-main) 70%,transparent);
  }
  @supports (color:color-mix(in lab,red,red)) {
    .text-text-main\/70 {
      color:color-mix(in oklab,var(--color-text-main)70%,transparent);
    }
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  .text-text-muted {
    color:var(--color-text-muted);
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  .uppercase {
    text-transform:uppercase;
  }
  .shadow-\[0_-6px_24px_rgba\(0\,0\,0\,0\.18\)\] {
    --tw-shadow:0 -6px 24px var(--tw-shadow-color,#0000002e);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  }
  @supports (color:color-mix(in lab,red,red)) {
  }
  .transition-colors {
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property:opacity;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration));
  }
  .duration-150 {
    --tw-duration:.15s;
    transition-duration:.15s;
  }
    .peer-checked\/bn\:hidden:is(:where(.peer\/bn):checked~*) {
    display:none;
  }
  @media (hover:hover) {
    @supports (color:color-mix(in lab,red,red)) {
    }
    @supports (color:color-mix(in lab,red,red)) {
    }
    @supports (color:color-mix(in lab,red,red)) {
    }
    .hover\:bg-border:hover {
      background-color:var(--color-border);
    }
    @supports (color:color-mix(in lab,red,red)) {
    }
    @supports (color:color-mix(in lab,red,red)) {
    }
    @supports (color:color-mix(in lab,red,red)) {
    }
    .hover\:text-text-main:hover {
      color:var(--color-text-main);
    }
    .hover\:opacity-90:hover {
      opacity:.9;
    }
  }
    @media (min-width:48rem) {
    .md\:mt-3 {
      margin-top:calc(var(--spacing)*3);
    }
    .md\:mt-4 {
      margin-top:calc(var(--spacing)*4);
    }
    .md\:h-12 {
      height:calc(var(--spacing)*12);
    }
    .md\:w-12 {
      width:calc(var(--spacing)*12);
    }
    .md\:gap-5 {
      gap:calc(var(--spacing)*5);
    }
    :where(.md\:space-y-3>:not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
      margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)));
    }
    :where(.md\:space-y-4>:not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
      margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)));
    }
    :where(.md\:space-y-5>:not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));
      margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)));
    }
    :where(.md\:space-y-6>:not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
      margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)));
    }
    :where(.md\:space-y-7>:not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start:calc(calc(var(--spacing)*7)*var(--tw-space-y-reverse));
      margin-block-end:calc(calc(var(--spacing)*7)*calc(1 - var(--tw-space-y-reverse)));
    }
    :where(.md\:space-y-10>:not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));
      margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)));
    }
    .md\:px-6 {
      padding-inline:calc(var(--spacing)*6);
    }
    .md\:py-3 {
      padding-block:calc(var(--spacing)*3);
    }
    .md\:py-12 {
      padding-block:calc(var(--spacing)*12);
    }
    .md\:py-14 {
      padding-block:calc(var(--spacing)*14);
    }
    .md\:pt-2 {
      padding-top:calc(var(--spacing)*2);
    }
    .md\:pt-4 {
      padding-top:calc(var(--spacing)*4);
    }
    .md\:pt-5 {
      padding-top:calc(var(--spacing)*5);
    }
    .md\:pt-\[80px\] {
      padding-top:80px;
    }
    .md\:pb-2 {
      padding-bottom:calc(var(--spacing)*2);
    }
    .md\:pb-4 {
      padding-bottom:calc(var(--spacing)*4);
    }
    .md\:pb-12 {
      padding-bottom:calc(var(--spacing)*12);
    }
    .md\:text-\[14px\] {
      font-size:14px;
    }
    .md\:text-\[15px\] {
      font-size:15px;
    }
    .md\:text-\[16\.5px\] {
      font-size:16.5px;
    }
    .md\:text-\[42px\] {
      font-size:42px;
    }
  }
  @media (min-width:64rem) {
    .lg\:text-\[48px\] {
      font-size:48px;
    }
  }
}
body {
  background-color:var(--color-page);
  color:var(--color-text-main);
  font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  scrollbar-gutter:stable;
  font-size:17px;
  line-height:1.6;
}
html,body {
  max-width:100%;
  overflow-x:clip;
}
h1,h2,h3 {
  overflow-wrap:break-word;
}
:focus-visible {
  outline:2px solid var(--color-accent);
  outline-offset:4px;
}
input:focus-visible,textarea:focus-visible,select:focus-visible {
  outline:none;
}
.article-body {
  color:var(--color-text-main);
  font-size:17px;
  line-height:1.75;
}
.article-body>*+* {
  margin-top:1.05em;
}
.article-body h2 {
  font-family:var(--font-serif);
  color:var(--color-text-main);
  margin-top:1.8em;
  margin-bottom:.15em;
  font-size:28px;
  line-height:1.2;
}
.article-body h3 {
  font-family:var(--font-serif);
  color:var(--color-accent);
  margin-top:1.4em;
  margin-bottom:.1em;
  font-size:21px;
  line-height:1.25;
}
.article-body ul,.article-body ol {
  padding-left:1.4em;
}
.article-body li {
  margin-top:.35em;
}
.article-body a {
  color:var(--color-accent);
  text-underline-offset:2px;
  text-decoration:underline;
}
.article-body a:hover {
  color:var(--color-cta);
}
.article-body table {
  border-collapse:collapse;
  width:100%;
  min-width:460px;
  font-size:15px;
}
.article-body th,.article-body td {
  border:1px solid var(--color-border);
  text-align:left;
  vertical-align:top;
  padding:9px 12px;
}
.article-body th {
  background:var(--color-surface-2);
  font-weight:600;
}
@media (max-width:640px) {
  .article-body table {
    font-size:13px;
  }
  .article-body th,.article-body td {
    padding:7px 9px;
  }
}
.article-body img {
  max-width:100%;
  height:auto;
}
@media (max-width:767px) {
  .article-lead .article-body p {
    font-size:14px;
  }
}
@keyframes banner-marquee {
  0% { transform:translate(0); }
  to { transform:translate(-50%); }
}
@keyframes banner-rise {
  0% { opacity:0;transform:translateY(100%); }
  to { opacity:1;transform:translateY(0); }
}
@property --tw-rotate-x {
  syntax:"*";
  inherits:false;
}
@property --tw-rotate-y {
  syntax:"*";
  inherits:false;
}
@property --tw-rotate-z {
  syntax:"*";
  inherits:false;
}
@property --tw-skew-x {
  syntax:"*";
  inherits:false;
}
@property --tw-skew-y {
  syntax:"*";
  inherits:false;
}
@property --tw-space-y-reverse {
  syntax:"*";
  inherits:false;
  initial-value:0;
}
@property --tw-border-style {
  syntax:"*";
  inherits:false;
  initial-value:solid;
}
@property --tw-gradient-position {
  syntax:"*";
  inherits:false;
}
@property --tw-gradient-from {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000;
}
@property --tw-gradient-via {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000;
}
@property --tw-gradient-to {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000;
}
@property --tw-gradient-stops {
  syntax:"*";
  inherits:false;
}
@property --tw-gradient-via-stops {
  syntax:"*";
  inherits:false;
}
@property --tw-gradient-from-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:0%;
}
@property --tw-gradient-via-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:50%;
}
@property --tw-gradient-to-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:100%;
}
@property --tw-leading {
  syntax:"*";
  inherits:false;
}
@property --tw-font-weight {
  syntax:"*";
  inherits:false;
}
@property --tw-tracking {
  syntax:"*";
  inherits:false;
}
@property --tw-ordinal {
  syntax:"*";
  inherits:false;
}
@property --tw-slashed-zero {
  syntax:"*";
  inherits:false;
}
@property --tw-numeric-figure {
  syntax:"*";
  inherits:false;
}
@property --tw-numeric-spacing {
  syntax:"*";
  inherits:false;
}
@property --tw-numeric-fraction {
  syntax:"*";
  inherits:false;
}
@property --tw-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000;
}
@property --tw-shadow-color {
  syntax:"*";
  inherits:false;
}
@property --tw-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%;
}
@property --tw-inset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax:"*";
  inherits:false;
}
@property --tw-inset-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%;
}
@property --tw-ring-color {
  syntax:"*";
  inherits:false;
}
@property --tw-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax:"*";
  inherits:false;
}
@property --tw-inset-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000;
}
@property --tw-ring-inset {
  syntax:"*";
  inherits:false;
}
@property --tw-ring-offset-width {
  syntax:"<length>";
  inherits:false;
  initial-value:0;
}
@property --tw-ring-offset-color {
  syntax:"*";
  inherits:false;
  initial-value:#fff;
}
@property --tw-ring-offset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000;
}
@property --tw-blur {
  syntax:"*";
  inherits:false;
}
@property --tw-brightness {
  syntax:"*";
  inherits:false;
}
@property --tw-contrast {
  syntax:"*";
  inherits:false;
}
@property --tw-grayscale {
  syntax:"*";
  inherits:false;
}
@property --tw-hue-rotate {
  syntax:"*";
  inherits:false;
}
@property --tw-invert {
  syntax:"*";
  inherits:false;
}
@property --tw-opacity {
  syntax:"*";
  inherits:false;
}
@property --tw-saturate {
  syntax:"*";
  inherits:false;
}
@property --tw-sepia {
  syntax:"*";
  inherits:false;
}
@property --tw-drop-shadow {
  syntax:"*";
  inherits:false;
}
@property --tw-drop-shadow-color {
  syntax:"*";
  inherits:false;
}
@property --tw-drop-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%;
}
@property --tw-drop-shadow-size {
  syntax:"*";
  inherits:false;
}
@property --tw-backdrop-blur {
  syntax:"*";
  inherits:false;
}
@property --tw-backdrop-brightness {
  syntax:"*";
  inherits:false;
}
@property --tw-backdrop-contrast {
  syntax:"*";
  inherits:false;
}
@property --tw-backdrop-grayscale {
  syntax:"*";
  inherits:false;
}
@property --tw-backdrop-hue-rotate {
  syntax:"*";
  inherits:false;
}
@property --tw-backdrop-invert {
  syntax:"*";
  inherits:false;
}
@property --tw-backdrop-opacity {
  syntax:"*";
  inherits:false;
}
@property --tw-backdrop-saturate {
  syntax:"*";
  inherits:false;
}
@property --tw-backdrop-sepia {
  syntax:"*";
  inherits:false;
}
@property --tw-duration {
  syntax:"*";
  inherits:false;
}
@property --tw-ease {
  syntax:"*";
  inherits:false;
}
@property --tw-translate-x {
  syntax:"*";
  inherits:false;
  initial-value:0;
}
@property --tw-translate-y {
  syntax:"*";
  inherits:false;
  initial-value:0;
}
@property --tw-translate-z {
  syntax:"*";
  inherits:false;
  initial-value:0;
}
:root {
  --color-ribbon:#bb2114;
}
.group\/cta {
  background:var(--color-cta)!important;
  border-color:var(--color-cta)!important;
  color:#ffffff!important;
}
.group\/cta:hover {
  background:#b01e14!important;
  border-color:#b01e14!important;
}
#bn-dismiss {
  position:fixed!important;
  top:0;
  left:0;
  margin:0;
}
header[class*="fixed"] {
  position:fixed!important;
}
main[class*="pt-"] {
  padding-top:0!important;
}
html {
  background:#171213;
}
body:after {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(120% 70% at 50% 0%,#5a1712 0%,#2a1210 45%,#171213 100%);
}
@media (min-width:1024px) {
  body:after {
    background:radial-gradient(90% 75% at 50% 0%,#5e1813 0%,#2b1311 48%,#171213 100%);
  }
}
body {
  background:transparent!important;
}
header[class*="fixed"] {
  background:radial-gradient(55% 240% at 50% -40%,#4a130f 0%,#2a1311 45%,#1a1213 100%),#1a1213;
  --color-page:#1a1213;
  --color-text-main:#ffffff;
  --color-text-muted:#e3e7ed;
  --color-text-dim:#bcc3ce;
  --color-accent:#ff6f61;
  --color-border-strong:#ffffff40;
}
header a[aria-label="Home"] img[src*="logo-mark"] {
  width:34px!important;
  height:34px!important;
}
header a[aria-label="Home"] span span {
  font-size:15px!important;
  letter-spacing:.11em!important;
}
@media (min-width:768px) {
  header a[aria-label="Home"] img[src*="logo-mark"] {
    width:40px!important;
    height:40px!important;
  }
  header a[aria-label="Home"] span span {
    font-size:18px!important;
  }
}
main section:first-of-type {
  --color-text-main:#ffffff;
  --color-text-muted:#e0e4ea;
  --color-text-dim:#bcc3ce;
}
main section:not(:first-of-type) {
  background:var(--color-page);
  box-shadow:0 0 0 100vw var(--color-page);
  clip-path:inset(-1px -100vw);
}
.cr-lead-cb {
  position:fixed;
  top:0;
  left:0;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.cr-lead-text {
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.cr-lead-cb:checked~.cr-lead-text {
  display:block;
  -webkit-line-clamp:unset;
  overflow:visible;
}
.cr-lead-btn {
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:10px;
  cursor:pointer;
  color:var(--color-accent);
  font-weight:700;
  font-size:15px;
  user-select:none;
  line-height:1;
}
.cr-lead-btn:after {
  content:"Mehr lesen";
}
.cr-lead-btn:before {
  content:"";
  order:2;
  width:7px;
  height:7px;
  margin-top:-3px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  transition:transform .15s;
}
.cr-lead-cb:checked~.cr-lead-btn:after {
  content:"Weniger anzeigen";
}
.cr-lead-cb:checked~.cr-lead-btn:before {
  margin-top:3px;
  transform:rotate(-135deg);
}
main section:has(ol.cr-list),main section.article-lead {
  background:transparent!important;
  box-shadow:none!important;
  clip-path:none!important;
}
main section.article-lead {
  --color-text-main:#ffffff;
  --color-text-muted:#e0e4ea;
  --color-text-dim:#bcc3ce;
  --color-accent:#ff7a6b;
  --color-border:#ffffff2e;
  --color-border-strong:#ffffff3d;
}
header a[aria-label="Home"] span span {
  font-family:var(--font-sans)!important;
  font-size:16px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
}
@media (min-width:768px) {
  header a[aria-label="Home"] span span {
    font-size:19px!important;
  }
}
footer p[class*="mt-4"] {
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.6;
}
footer ul a {
  font-size:14.5px!important;
  font-weight:500!important;
}
footer div:has(>.cr-trust) {
  display:flex!important;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:20px 26px!important;
  max-width:400px;
  margin:26px auto 0!important;
}
@media (min-width:768px) {
  footer div:has(>.cr-trust) {
    justify-content:flex-start;
    gap:30px!important;
    max-width:100%;
    margin:28px 0 0!important;
  }
}
footer {
  --color-page:#151011;
  --color-card:#231a19;
  --color-surface-2:#231a19;
  --color-border:#ffffff1f;
  --color-border-strong:#ffffff30;
  --color-text-main:#f4f5f7;
  --color-text-muted:#c4bab5;
  --color-text-dim:#a39894;
  --color-accent:#ff6f61;
  --color-accent-hover:#ff9287;
  color:#f4f5f7;
  background:radial-gradient(75% 110% at 50% 125%,#4f150f 0%,#2a1311 50%,#151011 85%),#151011;
}
div[role="dialog"][aria-label] {
  --color-card:#1a1213;
  --color-surface-2:#2c1d1b;
  --color-border:#ffffff26;
  --color-border-strong:#ffffff33;
  --color-text-main:#f4f5f7;
  --color-text-muted:#a8aeb9;
  --color-text-dim:#7c8391;
}
div[role="dialog"][aria-label]>div {
  border-top:2px solid var(--color-accent)!important;
  border-image:linear-gradient(90deg,#da291c 0%,#f0a10a 50%,#da291c 100%) 1;
  background:radial-gradient(28% 260% at 0% 50%,#da291c42 0%,#da291c00 75%),#1a1213;
  box-shadow:0 -10px 30px #00000073!important;
}
div[role="dialog"][aria-label] img {
  border:0!important;
}
div[role="dialog"][aria-label] .truncate {
  font-family:var(--font-mono)!important;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:12.5px!important;
}
div[role="dialog"][aria-label] .overflow-hidden span {
  color:var(--color-sun)!important;
}
div[role="dialog"][aria-label] label[for="bn-dismiss"] {
  position:static!important;
  order:99;
  border:0!important;
  background:transparent!important;
  color:#79808d!important;
  width:26px!important;
  height:26px!important;
  flex:none;
  border-radius:4px!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  margin-left:2px!important;
  transition:background .15s,color .15s;
}
div[role="dialog"][aria-label] label[for="bn-dismiss"] svg {
  width:14px;
  height:14px;
  stroke-width:2.4;
}
div[role="dialog"][aria-label] label[for="bn-dismiss"]:hover {
  background:#ffffff14!important;
  color:#fff!important;
}
div[role="dialog"][aria-label]>div>div {
  padding:6px 14px!important;
  gap:10px!important;
}
div[role="dialog"][aria-label] img {
  width:28px!important;
  height:28px!important;
  border-radius:6px;
}
div[role="dialog"][aria-label] .truncate {
  font-size:11.5px!important;
  line-height:1.2!important;
}
div[role="dialog"][aria-label] .overflow-hidden span {
  font-size:12px!important;
}
div[role="dialog"][aria-label] a[style*="--color-cta"] {
  padding:7px 18px!important;
  font-size:12px!important;
  border-radius:999px!important;
  letter-spacing:.08em!important;
  box-shadow:0 2px 10px #da291c66;
  transition:transform .15s,box-shadow .15s;
}
div[role="dialog"][aria-label] a[style*="--color-cta"]:hover {
  transform:translateY(-1px);
  box-shadow:0 4px 14px #da291c8c;
}
div[role="dialog"][aria-label] {
  animation:banner-rise .4s cubic-bezier(.32,.72,0,1) 2.6s both!important;
}
@media (min-width:768px) {
  div[role="dialog"][aria-label]>div>div {
    padding:8px 20px!important;
  }
  div[role="dialog"][aria-label] .overflow-hidden>div {
    animation:none!important;
    width:auto!important;
  }
  div[role="dialog"][aria-label] .overflow-hidden span[aria-hidden="true"] {
    display:none!important;
  }
  div[role="dialog"][aria-label] .truncate {
    font-size:14px!important;
  }
}
main section:has(ol.cr-list) {
  padding-bottom:56px!important;
}
main section:has(.article-body):not(.article-lead) {
  padding-top:14px!important;
  padding-bottom:16px!important;
}
main section:has(details) {
  padding-top:14px!important;
  padding-bottom:26px!important;
}
main section:has(details) header {
  margin-bottom:14px!important;
  padding-bottom:10px!important;
}
details>div>span:first-child {
  display:none!important;
}
details summary {
  gap:0!important;
}
details>div {
  gap:0!important;
}
@media (min-width:768px) {
  main section:has(ol.cr-list) {
    padding-bottom:76px!important;
  }
  main section:has(.article-body):not(.article-lead) {
    padding-top:18px!important;
    padding-bottom:20px!important;
  }
  main section:has(details) {
    padding-top:18px!important;
    padding-bottom:34px!important;
  }
}
svg[viewBox="0 0 108 20"] {
  color:#e2dbcc!important;
}
div[style*="width"]>svg[viewBox="0 0 108 20"] {
  color:var(--color-sun)!important;
}
@media (max-width:767px) {
  ol>li>article {
    --color-card:#1e1716;
    --color-card-hover:#261d1b;
    --color-surface-2:#251c1a;
    --color-border:#ffffff24;
    --color-border-strong:#ffffff38;
    --color-text-main:#ffffff;
    --color-text-muted:#d6d9de;
    --color-text-dim:#9aa0a8;
    --color-accent:#f2c94c;
    --color-accent-hover:#ffd75e;
    color:#ffffff;
    border-color:#7a2a3b;
  }
  ol>li>article svg[viewBox="0 0 108 20"] {
    color:#ffffff26!important;
  }
}
.cr-li {
  margin-top:0!important;
  margin-bottom:0!important;
}
.cr-li+.cr-li>.cr-card {
  border-top:0;
}
.cr-list {
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.cr-card {
  border-left:0;
  border-right:0;
}
.cr-card {
  position:relative;
  border:1px solid var(--color-border);
  padding:0;
  background:linear-gradient(to right,var(--color-card) 0 50%,var(--color-surface-2) 50% 100%);
}
.cr-card--top {
  border-color:var(--color-tertiary);
  box-shadow:0 0 0 1px var(--color-tertiary);
}
.cr-ribbon {
  position:absolute;
  left:0;
  top:0;
  z-index:2;
  background:var(--color-ribbon,#a2243e);
  color:#fff;
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  line-height:1;
  height:25px;
  display:inline-flex;
  align-items:center;
  padding:0 20px 0 12px;
  border-radius:0 0 8px 0;
}
.cr-ribbon--top {
  background:var(--color-ribbon,#a2243e);
}
.cr-row {
  display:grid;
  gap:0;
  align-items:stretch;
  grid-template-columns:1fr 1fr;
  grid-template-areas:"logo offer" "meta action";
}
.cr-rank {
  display:none;
  grid-area:rank;
}
.cr-meta {
  grid-area:meta;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:14px;
  padding:0 14px 10px;
}
.cr-logo {
  grid-area:logo;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:30px 12px 0;
}
.cr-logo img {
  width:100%;
  max-width:88px;
  height:auto;
  aspect-ratio:1;
  object-fit:cover;
  display:block;
}
.cr-offer {
  grid-area:offer;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:2px;
  min-width:0;
  text-align:center;
  padding:30px 12px 4px;
}
.cr-offer__label {
  font-size:14px;
  font-weight:700;
  letter-spacing:.02em;
  color:var(--color-sun);
}
.cr-offer__text {
  font-size:20px;
  font-weight:700;
  line-height:1.22;
  color:var(--color-text-main);
}
.cr-offer__terms,.cr-offer__legal {
  display:none;
}
.cr-offer__terms {
  margin-top:3px;
  font-size:13px;
  font-weight:400;
  line-height:1.3;
  color:var(--color-cta);
}
.cr-offer__legal {
  font-size:13px;
  font-weight:400;
  line-height:1.3;
  color:var(--color-text-muted);
}
.cr-rating {
  grid-area:rating;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
}
.cr-rating svg {
  height:14px!important;
}
.cr-rating__val {
  font-size:12.5px;
  color:var(--color-text-muted);
}
.cr-score {
  grid-area:score;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
}
.cr-score__num {
  display:grid;
  place-items:center;
  font-size:34px;
  font-weight:700;
  line-height:1;
  color:var(--color-text-main);
  font-variant-numeric:tabular-nums;
}
.cr-card--top .cr-score__num {
  color:var(--color-tertiary);
}
.cr-score__cap {
  display:block;
  font-size:9px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--color-text-dim);
}
.cr-action {
  grid-area:action;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:0 12px 10px;
}
.cr-cta {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 22px;
  border-radius:5px;
  font-size:14px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  background:var(--color-cta);
  color:#fff;
  text-decoration:none;
  transition:background .15s;
}
.cr-cta:hover {
  background:#b01e14;
}
.cr-mindep {
  font-size:15.5px;
  font-weight:700;
  text-align:center;
  color:var(--color-text-main);
}
.cr-foot {
  position:relative;
  z-index:1;
  margin:0;
  padding:4px 12px 8px;
}
.cr-tc {
  width:100%;
  margin:0;
  font-size:9px;
  line-height:1.4;
  color:var(--color-text-muted);
  text-align:center;
}
.cr-thead {
  display:none;
}
.article-body p,.article-body li {
  font-size:18px;
  font-weight:500;
  line-height:1.65;
}
.article-body h2 {
  font-weight:600;
}
.article-body h3 {
  font-weight:600;
}
.article-body table th {
  font-size:16px;
  font-weight:700;
}
.article-body table td {
  font-size:16px;
  font-weight:500;
}
details:not(.cr-more) summary h3 {
  font-size:17px;
  font-weight:600;
}
details:not(.cr-more) p {
  font-size:17px;
  font-weight:500;
  color:var(--color-text-main);
}
@media (min-width:768px) {
  .cr-thead {
    display:grid;
    grid-template-columns:48px 124px 1fr 140px 104px 214px;
    gap:18px;
    align-items:center;
    background:var(--color-accent);
    color:#fff;
    padding:18px;
    font-size:16px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .cr-thead span:first-child {
    grid-column:1/3;
  }
  .cr-thead span:nth-child(2) {
    grid-column:3/4;
    text-align:center;
  }
  .cr-thead span:nth-child(3) {
    grid-column:4/5;
    text-align:center;
  }
  .cr-thead span:nth-child(4) {
    grid-column:5/6;
    text-align:center;
  }
  .cr-thead span:nth-child(5) {
    grid-column:6/7;
    text-align:center;
  }
  .cr-list {
    width:auto;
    margin-left:0;
    margin-right:0;
  }
  .cr-card {
    padding:12px 18px 10px;
    background:var(--color-card);
    border-left:1px solid var(--color-border);
    border-right:1px solid var(--color-border);
  }
  .cr-tc {
    text-align:center;
    font-size:11.5px;
    color:var(--color-text-main);
  }
  .cr-foot {
    padding:6px 0 0;
    margin-top:6px;
    border-top:1px dashed var(--color-border);
  }
  .cr-card--top {
    background:var(--color-card-hover);
  }
  .cr-row {
    grid-template-columns:48px 124px 1fr 140px 104px 214px;
    gap:18px;
    padding-top:0;
    grid-template-areas:"rank logo offer rating score action";
  }
  .cr-meta {
    display:contents;
  }
  .cr-row {
    align-items:center!important;
  }
  .cr-logo {
    align-items:center!important;
    padding:0!important;
  }
  .cr-offer {
    justify-content:center!important;
  }
  .cr-action {
    justify-content:center!important;
    padding:0!important;
  }
  .cr-rank {
    align-self:center!important;
  }
  .cr-rating,.cr-score {
    align-self:center!important;
  }
  .cr-logo,.cr-offer,.cr-action {
    padding:0;
  }
  .cr-logo img {
    width:124px!important;
    height:124px!important;
    max-width:none!important;
    aspect-ratio:auto;
  }
  .cr-rank {
    display:block;
    font-size:34px;
    font-weight:800;
    text-align:center;
    line-height:1;
    font-variant-numeric:tabular-nums;
    color:var(--color-text-main);
  }
  .cr-card--top .cr-rank {
    color:var(--color-tertiary);
  }
  .cr-offer {
    align-items:center;
    text-align:center;
  }
  .cr-offer__label {
    font-size:12px;
    font-weight:600;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--color-text-dim);
  }
  .cr-offer__text {
    font-size:20px;
    color:var(--color-accent);
  }
  .cr-offer__terms,.cr-offer__legal {
    display:block;
    font-size:13.5px;
  }
  .cr-offer__legal {
    color:var(--color-text-main);
  }
  .cr-rating {
    flex-direction:column;
    gap:4px;
    align-items:center;
  }
  .cr-rating svg {
    height:26px!important;
  }
  .cr-rating__val {
    font-size:13.5px;
  }
  .cr-score__num {
    width:80px;
    height:80px;
    border-radius:50%;
    font-size:29px;
    font-weight:800;
    border:2px solid var(--color-border-strong);
    color:var(--color-text-main);
  }
  .cr-card--top .cr-score__num {
    border-color:var(--color-tertiary);
    color:var(--color-text-main);
  }
  .cr-score__cap {
    font-size:10px;
  }
  .cr-cta {
    width:100%;
    padding:16px 20px;
    font-size:15px;
  }
  .cr-mindep {
    font-size:15px;
    font-weight:600;
  }
  .cr-ribbon {
    font-size:11px;
    height:22px;
    padding:0 18px 0 10px;
  }
}
footer {
  border-top:2px solid var(--color-accent);
  border-image:linear-gradient(90deg,#da291c 0%,#f0a10a 50%,#da291c 100%) 1;
}
.cr-logo img {
  background:#fff;
  border-radius:12px;
  padding:5px;
}
@media (min-width:768px) {
  .cr-logo img {
    background:transparent;
    border-radius:0;
    padding:0;
  }
}
h1 {
  font-size:2rem!important;
  line-height:1.2!important;
  font-weight:700!important;
}
@media (min-width:768px) {
  h1 {
    font-size:3rem!important;
  }
}
.article-body {
  font-size:1.125rem;
}
.article-body h2 {
  font-size:1.5rem;
  line-height:1.2;
}
@media (min-width:768px) {
  .article-body h2 {
    font-size:2rem;
  }
}
@media (min-width:1024px) {
  .article-body h2 {
    font-size:2.5rem;
  }
}
.article-body h3 {
  font-size:1.125rem;
}
@media (min-width:768px) {
  .article-body h3 {
    font-size:1.5rem;
  }
}
.crf-rg {
  text-align:center;
  padding:28px 20px 22px;
  border:1px solid #f0a10a40;
  border-radius:18px;
  background:radial-gradient(70% 90% at 50% 0%,#da291c1f 0%,#da291c00 70%),#ffffff08;
  box-shadow:inset 0 1px 0 #ffffff0f;
}
.crf-rg-head {
  font-size:1.375rem;
  font-weight:700;
  line-height:1.3;
  color:var(--color-text-main);
}
@media (min-width:768px) {
  .crf-rg-head {
    font-size:1.5rem;
  }
}
.crf-rg-sub {
  margin-top:10px;
  font-size:1.0625rem;
  color:var(--color-text-muted);
}
.crf-badges {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:44px;
  margin:30px 0 8px;
}
.crf-badges img {
  height:58px;
  width:auto;
  opacity:.95;
}
.crf-div {
  border-top:1px solid var(--color-border);
  margin:28px 0;
}
.crf-brand {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  text-align:center;
}
.crf-brand-row {
  display:flex;
  align-items:center;
  gap:12px;
}
.crf-addr {
  font-size:.95rem;
  color:var(--color-text-dim);
}
.crf-copy {
  margin-top:20px;
  text-align:center;
  font-size:.9rem;
  color:var(--color-text-dim);
}
.crh-updated {
  margin-top:5px;
  font-size:.72rem;
  line-height:1.2;
  color:var(--color-text-dim);
  opacity:.8;
}
.crf-faq-head h2 {
  font-size:1.5rem;
  line-height:1.2;
  font-weight:700;
  margin-bottom:18px;
  padding-bottom:12px;
  border-bottom:1px solid var(--color-border);
}
@media (min-width:768px) {
  .crf-faq-head h2 {
    font-size:2rem;
  }
}
.crf-faq {
  border:1px solid var(--color-border);
  background:var(--color-card);
  margin-bottom:10px;
}
.crf-faq summary {
  cursor:pointer;
  padding:14px 18px;
  font-weight:600;
  font-size:1.0625rem;
  color:var(--color-text-main);
}
.crf-faq[open] summary {
  border-bottom:1px solid var(--color-border);
}
.crf-faq p {
  padding:14px 18px;
  font-size:1.0625rem;
  line-height:1.6;
  color:var(--color-text-muted);
}
.crf-faq summary h3 {
  display:inline;
  font-size:1.0625rem;
  font-weight:600;
  margin:0;
  font-family:inherit;
  color:inherit;
}
.cr-score__cap {
  white-space:nowrap;
  font-size:8px;
  letter-spacing:.02em;
}
.table-wrap {
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  margin:1em 0;
}
.table-wrap>table {
  margin:0;
}
.article-body>h2:first-child,.article-body>*:first-child {
  margin-top:0!important;
}
.cr-agb {
  margin:4px 0 0;
}
.cr-agb summary {
  cursor:pointer;
  list-style:none;
  font-size:11px;
  font-weight:600;
  letter-spacing:.03em;
  color:var(--color-text-dim);
  text-align:center;
  padding:3px;
}
.cr-agb summary::-webkit-details-marker {
  display:none;
}
.cr-agb summary:hover {
  color:var(--color-accent);
}
.cr-agb[open] summary {
  color:var(--color-accent);
}
header {
  transition:transform .3s ease;
  will-change:transform;
}
header.cr-hide {
  transform:translateY(-100%);
}
main[class*="pt-"] {
  padding-top:64px!important;
}
@media(min-width:768px) {
  main[class*="pt-"] {
    padding-top:70px!important;
  }
}
/* Платёжные лого — полоса по низу карточки (тема-адаптивно через <picture>) */.cr-pays {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:11px 18px;
  padding:2px 14px 8px;
  margin:0;
}
.cr-pays picture {
  display:inline-flex;
  line-height:0;
}
.cr-pay-i {
  height:16px;
  width:auto;
  display:block;
}
.cr-pay-i--mc {
  height:20px;
}
.cr-pay-vm {
  display:inline-flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  gap:7px;
}
@media (max-width:767px) {
  .cr-pays {
    gap:10px;
    padding:11px 8px 2px;
  }
  .cr-pay-i {
    height:16px;
  }
  .cr-pay-i--mc {
    height:20px;
  }
  .cr-pay-vm {
    display:inline-flex;
    align-items:center;
    gap:7px;
  }
}
/* 3D CTA */.cr-cta,.cr-btn3d {
  background:linear-gradient(180deg,#e8402f,#d3241a 55%,#c11f14)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 3px 0 5px rgba(0,0,0,.10),inset -3px 0 5px rgba(0,0,0,.14),inset 0 -2px 2px rgba(0,0,0,.17),0 3px 0 #9c1a11,0 5px 12px rgba(190,30,20,.30)!important;
  transition:transform .08s ease,box-shadow .08s ease,background .12s ease;
}
.cr-cta:hover,.cr-btn3d:hover {
  background:linear-gradient(180deg,#ef4838,#dc281d 55%,#c52016)!important;
}
.cr-cta:active,.cr-btn3d:active {
  transform:translateY(2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 1px 0 #9c1a11,0 2px 6px rgba(190,30,20,.28)!important;
}
/* моб: логотип по центру + крупнее */

/* десктоп: верхняя граница кнопки на уровне звёзд */
@media (min-width:768px) {
  .cr-rating {
    align-self:flex-start!important;
    padding-top:10px!important;
  }
  .cr-score {
    align-self:flex-start!important;
    padding-top:6px!important;
  }
  .cr-action {
    align-self:flex-start!important;
    justify-content:flex-start!important;
    padding:26px 0 0!important;
  }
  
}
/* обёртки колонок карточки */
@media (min-width:768px) {
  .cr-cl,.cr-cr {
    display:contents;
  }
}
@media (max-width:767px) {
  .cr-row {
    display:flex!important;
    gap:0;
    align-items:stretch;
  }
  .cr-cl {
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    flex:0 0 44%;
    min-width:0;
    padding-bottom:12px;
  }
  .cr-cr {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    flex:1 1 0;
    min-width:0;
  }
  .cr-logo {
    padding:0 12px 10px;
  }
  .cr-logo img {
    max-width:114px;
  }
  .cr-meta {
    align-items:center;
    padding:0 14px 0;
  }
  
}
/*banner-rise-fix*/[class*="banner-rise"] {
  animation:none!important;
  opacity:1!important;
  transform:none!important;
}
@media (max-width:767px) {
  .cr-cl {
    padding-top:36px;
  }
}
/* Header burger + brand menu. Items are built by app.js from the casino cards (name + link to the casino). */
.cr-burger {
  appearance:none;
  display:inline-flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:5px;
  flex:none;
  width:34px;
  height:34px;
  padding:0;
  border:0;
  background:none;
  color:#ffffff;
  cursor:pointer;
}
.cr-burger span {
  display:block;
  width:22px;
  height:2px;
  border-radius:2px;
  background:currentColor;
  transition:transform .2s ease,opacity .2s ease;
}
.cr-burger[aria-expanded="true"] span:nth-child(1) {
  transform:translateY(7px) rotate(45deg);
}
.cr-burger[aria-expanded="true"] span:nth-child(2) {
  opacity:0;
}
.cr-burger[aria-expanded="true"] span:nth-child(3) {
  transform:translateY(-7px) rotate(-45deg);
}
.cr-nav {
  position:absolute;
  top:calc(100% + 1px);
  left:16px;
  right:16px;
  padding:6px;
  border:1px solid #ffffff26;
  border-radius:14px;
  background:#1a1213;
  box-shadow:0 18px 40px #00000080;
}
.cr-nav[hidden] {
  display:none;
}
.cr-nav ul {
  margin:0;
  padding:0;
  list-style:none;
}
.cr-nav li+li {
  border-top:1px solid #ffffff14;
}
.cr-nav a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 14px;
  border-radius:10px;
  color:#ffffff;
  font-size:15px;
  font-weight:600;
  text-decoration:none;
}
.cr-nav a:after {
  content:"↗";
  color:#f0a10a;
  font-weight:700;
}
.cr-nav a:hover,.cr-nav a:focus-visible {
  background:#ffffff0f;
}
@media (min-width:768px) {
  .cr-burger {
    width:40px;
    height:40px;
    gap:6px;
  }
  .cr-burger span {
    width:24px;
  }
  .cr-burger[aria-expanded="true"] span:nth-child(1) {
    transform:translateY(8px) rotate(45deg);
  }
  .cr-burger[aria-expanded="true"] span:nth-child(3) {
    transform:translateY(-8px) rotate(-45deg);
  }
  .cr-nav {
    left:auto;
    right:24px;
    width:300px;
  }
}
/* Mobile: intro collapses after ~1.5 sentences (2 lines) under H1, so the listing moves up. "Mehr lesen" opens all. */
@media (max-width:767px) {
  main:has(#cr-lead-more:not(:checked)) h1+p {
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  main:has(#cr-lead-more:not(:checked)) .crh-updated,.cr-lead-cb:not(:checked)~.cr-lead-text {
    display:none;
  }
  .cr-lead-btn {
    margin-top:2px;
  }
}
/* Mobile typography (up to 767px). Desktop sizes are untouched. */
@media (max-width:767px) {
  h1 {
    font-size:26px!important;
    line-height:1.15!important;
    text-wrap:balance;
  }
  .article-body p,.article-body li {
    font-size:16px;
    line-height:1.6;
  }
  .article-body h2,.crf-faq-head h2 {
    font-size:21px;
    line-height:1.25;
  }
  .article-body h3 {
    font-size:17px;
  }
  .article-body table th,.article-body table td {
    font-size:14px;
  }
  details.crf-faq summary,details.crf-faq summary h3 {
    font-size:16px;
  }
  details.crf-faq p {
    font-size:15px;
  }
  .crf-rg-head {
    font-size:18px;
  }
  .crf-rg-sub {
    font-size:15px;
  }
  .crf-copy {
    font-size:13px;
  }
  .cr-offer__text {
    font-size:17px;
  }
  .cr-score__num {
    font-size:30px;
  }
  .cr-mindep {
    font-size:14px;
  }
}

/* ===== Меню-бургер в стиле листинга (лендинги 19.10) ===== */
.cr-burger{width:40px;height:40px;gap:4px;border:1px solid #ffffff26;border-radius:12px;background:#ffffff08;transition:background .15s ease,border-color .15s ease}
.cr-burger:hover{background:#ffffff14}
.cr-burger span{width:18px}
.cr-burger[aria-expanded="true"]{background:#ffffff14;border-color:#f0a10a99}
.cr-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.cr-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.cr-nav{top:calc(100% + 8px);padding:12px 10px 10px;border:1px solid #f0a10a40;border-radius:16px;overflow:hidden;
  background:radial-gradient(120% 70% at 50% 0%,#33191655 0%,#1a121300 70%),#1a1213;box-shadow:0 22px 48px #000000a6,inset 0 1px 0 #ffffff0f}
.cr-nav::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#da291c,#f0a10a)}
.cr-nav li.crn-head{padding:4px 8px 10px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f0a10a;border:0}
.cr-nav li.crn-head+li{border-top:0}
.cr-nav li+li{border-top:1px solid #ffffff0f}
.cr-nav a.crn-item{display:grid;grid-template-columns:20px 34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 8px;border-radius:12px;font-size:15px;font-weight:600;color:#fff}
.cr-nav a.crn-item:after{content:none}
.cr-nav a.crn-item:hover,.cr-nav a.crn-item:focus-visible{background:#ffffff0d}
.crn-rank{font-size:15px;font-weight:800;text-align:center;color:#ffffff73}
.crn-top .crn-rank{color:#f0a10a}
.crn-logo{width:34px;height:34px;border-radius:9px;object-fit:cover;background:#fff;box-shadow:0 0 0 1px #ffffff1f}
.crn-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crn-cta{padding:7px 11px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#fff;
  background:linear-gradient(180deg,#e63a2c,#c21d12);box-shadow:0 2px 0 #8e130b}
@media (min-width:768px){.cr-nav{width:360px;right:24px}}
@media (max-width:767px){.cr-nav{left:12px;right:12px}.crn-cta{padding:6px 9px;font-size:10.5px}}

/* ===== Лого бренда в листинге: 1:1 на всю плитку, без белой рамки ===== */
.cr-logo img{padding:0!important;background:transparent!important;aspect-ratio:1/1!important;object-fit:cover;border-radius:12px}

.cr-lead-btn:after{content:"Lees meer"}
.cr-lead-cb:checked~.cr-lead-btn:after{content:"Toon minder"}