@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/inter-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/inter-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/inter-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/inter-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/inter-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/inter-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/inter-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/inter-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/rajdhani-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/rajdhani-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/rajdhani-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/rajdhani-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/rajdhani-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/rajdhani-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --color-bg: #161826;
  --color-surface: #232532;
  --color-text: #e9e9ed;
  --color-accent: #9184d9; 
  --color-accent-2: #a7a1db; 
  --color-divider: color-mix(in srgb, #e9e9ed 16%, transparent);

  
  --color-neutral-100: #f3f5fe;
  --color-neutral-200: #e4e7f5;
  --color-neutral-300: #cfd3e5;
  --color-neutral-400: #b2b6ca;
  --color-neutral-500: #9397ab;
  --color-neutral-600: #75798c;
  --color-neutral-700: #595d6c;
  --color-neutral-800: #3f424d;
  --color-neutral-900: #292b31;

  --color-accent-100: #f5f4ff;
  --color-accent-200: #e7e5fe;
  --color-accent-300: #d2cefd;
  --color-accent-400: #b5abfc;
  --color-accent-500: #968ae0;
  --color-accent-600: #796cbf;
  --color-accent-700: #5d5294;
  --color-accent-800: #423a6a;
  --color-accent-900: #2b2741;

  --color-accent-2-100: #f5f4ff;
  --color-accent-2-200: #e7e5fe;
  --color-accent-2-300: #d2cefd;
  --color-accent-2-400: #b5afe8;
  --color-accent-2-500: #9690c9;
  --color-accent-2-600: #7972a9;
  --color-accent-2-700: #5c5783;
  --color-accent-2-800: #423e5d;
  --color-accent-2-900: #2b293a;

  
  --color-section: #262a60;
  --color-section-glow: #353b80;
  --color-section-ghost: #4c5397;

  --font-heading: "Rajdhani", "Inter", system-ui, sans-serif;
  --font-heading-weight: 500;
  --font-body: "Inter", system-ui, sans-serif;

  --space-1: 2.8px;
  --space-2: 5.6px;
  --space-3: 8.4px;
  --space-4: 11.2px;
  --space-6: 16.8px;
  --space-8: 22.4px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;

  
  --shadow-sm: 0 0 0 1px #3f424d;
  --shadow-md: 0 0 0 1px #595d6c, 0 6px 18px rgba(0,0,0,0.55);
  --shadow-lg: 0 0 0 1px #9397ab, 0 16px 40px rgba(0,0,0,0.65);
}

body {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
}
h1, h2, h3, h4 { font-family: var(--font-heading); font-weight: var(--font-heading-weight); }

.lighten{mix-blend-mode:lighten;background-color:transparent}



*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-size: 15px; line-height: 1.55; font-weight: 400; }
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading); font-weight: var(--font-heading-weight);
  line-height: 1.12; letter-spacing: -0.015em; margin: 0 0 var(--space-2);
}
h1 { font-size: 42px; }
h2 { font-size: 32px; }
h3 { font-size: 25px; }
h4 { font-size: 20px; }
h5 { font-size: 16px; }
h6 { font-size: 13px; }
h6 { letter-spacing: 0.08em; text-transform: uppercase; }
p { margin: 0 0 var(--space-3); }
a { color: var(--color-accent); text-underline-offset: 3px; }
img { display: block; max-width: 100%; }
figure { margin: 0; }
figcaption {
  font-size: 11px; margin-top: var(--space-1);
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
}
.text-muted { color: color-mix(in srgb, var(--color-text) 55%, transparent); }
:focus { outline: none; }
:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
::selection { background: color-mix(in srgb, var(--color-accent) 30%, transparent); }



.hr {
  height: 1px; border: 0; margin: var(--space-4) 0;
  background: linear-gradient(to right,
    transparent, var(--color-divider) 48px,
    var(--color-divider) calc(100% - 48px), transparent);
}


.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  cursor: pointer; text-decoration: none;
  font-family: var(--font-heading); font-weight: var(--font-heading-weight);
  font-size: 14px; line-height: 1.2; color: var(--color-text); 
  background: transparent; border: 1px solid transparent;
  padding: var(--space-2) calc(var(--space-3) * 1.2);
  border-radius: var(--radius-md);
}
.btn svg { display: block; }
.btn:disabled { opacity: 0.45; cursor: not-allowed; }
.btn-primary { color: var(--color-accent); border-color: var(--color-accent); }
.btn-primary:hover { background: color-mix(in srgb, var(--color-accent) 12%, transparent); }
.btn-primary:active { background: color-mix(in srgb, var(--color-accent) 22%, transparent); }
.btn-secondary { border-color: var(--color-divider); }
.btn-secondary:hover { background: color-mix(in srgb, var(--color-text) 7%, transparent); }
.btn-secondary:active { background: color-mix(in srgb, var(--color-text) 14%, transparent); }
.btn-ghost { color: var(--color-accent); padding-inline: var(--space-1); }
.btn-ghost:hover { background: color-mix(in srgb, var(--color-accent) 10%, transparent); }
.btn-ghost:active { background: color-mix(in srgb, var(--color-accent) 18%, transparent); }
.btn-icon { width: 36px; height: 36px; padding: 0; }
.btn-block { width: 100%; margin-top: var(--space-2); }


.field > label {
  display: block; font-size: 12px; margin-bottom: 5px;
  color: color-mix(in srgb, var(--color-text) 70%, transparent);
}
.input {
  width: 100%; min-height: 36px; padding: 6px 10px; font: inherit;
  font-size: 14px; color: var(--color-text); caret-color: var(--color-accent);
  background: var(--color-surface);
  border: 1px solid var(--color-divider); border-radius: var(--radius-md);
}
.input:hover { border-color: color-mix(in srgb, var(--color-text) 45%, transparent); }
.input:focus-visible { border-color: var(--color-accent); outline-offset: 0; }
textarea.input { min-height: 90px; resize: vertical; }
.radio { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-size: 14px; }
.radio input, .seg-opt input {
  position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none;
}
.radio .dot {
  width: 16px; height: 16px; flex: none; border-radius: 50%;
  border: 1.5px solid var(--color-divider);
}
.radio:hover .dot { border-color: var(--color-accent); }
.radio input:checked + .dot {
  border-color: var(--color-accent); background: var(--color-accent);
  box-shadow: inset 0 0 0 4px var(--color-bg);
}
.radio input:focus-visible + .dot { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.seg {
  display: inline-flex; overflow: hidden;
  border: 1px solid var(--color-divider); border-radius: var(--radius-md);
}
.seg-opt {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 12px; font-size: 13px; cursor: pointer;
}
.seg-opt + .seg-opt { border-left: 1px solid var(--color-divider); }
.seg-opt:has(input:checked) { color: var(--color-accent); box-shadow: inset 0 0 0 1px var(--color-accent); }
.seg-opt:not(:has(input:checked)):hover { background: color-mix(in srgb, var(--color-text) 7%, transparent); }
.seg-opt:has(input:focus-visible) { outline: 2px solid var(--color-accent); outline-offset: -2px; }


.card {
  display: flex; flex-direction: column; gap: var(--space-2);
  padding: var(--space-3); border-radius: var(--radius-md); background: var(--color-surface);
}
.card-kicker { font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-accent); }
.card-title {
  font-family: var(--font-heading); font-weight: var(--font-heading-weight);
  font-size: 17px; line-height: 1.2;
}
.card-body { margin: 0; font-size: 13px; opacity: 0.8; flex: 1; }
.card-meta {
  display: flex; align-items: center; gap: 6px; font-size: 11px;
  color: color-mix(in srgb, var(--color-text) 50%, transparent);
}
.elev-sm { box-shadow: var(--shadow-sm); }
.elev-md { box-shadow: var(--shadow-md); }
.elev-lg { box-shadow: var(--shadow-lg); }


.tag {
  display: inline-flex; align-items: center; font-size: 11px;
  letter-spacing: 0.02em; padding: 3px 10px;
  border-radius: calc(var(--radius-md) * 0.75);
}
.tag-accent { background: var(--color-accent-800); color: var(--color-accent-100); }
.tag-accent-2 { background: var(--color-accent-2-800); color: var(--color-accent-2-100); }
.tag-neutral { background: var(--color-neutral-800); color: var(--color-neutral-100); }
.tag-outline { border: 1px solid var(--color-accent); color: var(--color-accent); }


.nav {
  display: flex; align-items: center; gap: var(--space-4);
  padding: var(--space-3) var(--space-4);
  border-bottom: none;
}
.nav-brand {
  font-family: var(--font-heading); font-weight: var(--font-heading-weight);
  font-size: 18px; margin-right: auto;
}
.nav a { color: inherit; text-decoration: none; font-size: 14px; }
.nav a:hover, .nav a[aria-current='page'] { color: var(--color-accent); }


.table { width: 100%; border-collapse: collapse; font-size: 14px; }
.table th {
  text-align: left; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;
  color: color-mix(in srgb, var(--color-text) 60%, transparent);
  padding: var(--space-2); border-bottom: 1px solid transparent; 
}
.table td {
  padding: var(--space-2);
  border-bottom: 1px solid transparent;
}

.table thead tr {
  background: linear-gradient(to right,
    transparent, var(--color-divider) 48px,
    var(--color-divider) calc(100% - 48px), transparent) no-repeat bottom / 100% 1px;
}
.table tbody tr {
  background: linear-gradient(to right,
    transparent, color-mix(in srgb, var(--color-text) 8%, transparent) 48px,
    color-mix(in srgb, var(--color-text) 8%, transparent) calc(100% - 48px), transparent) no-repeat bottom / 100% 1px;
}
.table tbody tr:hover {
  
  background:
    linear-gradient(color-mix(in srgb, var(--color-text) 4%, transparent),
                    color-mix(in srgb, var(--color-text) 4%, transparent)) no-repeat 0 0 / 100% 100%,
    linear-gradient(to right,
      transparent, color-mix(in srgb, var(--color-text) 8%, transparent) 48px,
      color-mix(in srgb, var(--color-text) 8%, transparent) calc(100% - 48px), transparent) no-repeat bottom / 100% 1px;
}


.dialog-backdrop {
  position: fixed; inset: 0; display: grid; place-items: center;
  padding: var(--space-4);
  background: color-mix(in srgb, var(--color-neutral-900) 50%, transparent);
}
.dialog {
  width: min(440px, 100%); display: flex; flex-direction: column; gap: var(--space-3);
  padding: var(--space-4); border-radius: var(--radius-lg);
  background: var(--color-surface); box-shadow: var(--shadow-lg);
}
.dialog-title {
  font-family: var(--font-heading); font-weight: var(--font-heading-weight);
  font-size: 20px;
}
.dialog-body { font-size: 14px; opacity: 0.85; }
.dialog-actions { display: flex; justify-content: flex-end; gap: var(--space-2); margin-top: var(--space-2); }



  :root {
    --color-bg: #101014;
    --color-surface: #1a1a20;
    --color-text: #e8e6e6;
    --color-accent: #ff2036;
    --color-accent-100: #fdf0f1;
    --color-accent-200: #f9d3d5;
    --color-accent-300: #f0a3a8;
    --color-accent-400: #ff6575;
    --color-accent-500: #ff2036;
    --color-accent-600: #d8152b;
    --color-accent-700: #aa1022;
    --color-accent-800: #64101b;
    --color-accent-900: #350b12;
    --color-neutral-800: #34343c;
    --color-divider: color-mix(in srgb, #e8e6e6 14%, transparent);
  }
  body { margin: 0; overflow-x: hidden; background: #101014; }
  a:hover { color: var(--color-accent-300); }
  /* Piros kockás cím-felfedés (McLaren-szerű wipe): szöveg helyén kocka → eltűnik */
  .rv { position: relative; display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: 0.14em; margin-bottom: -0.14em; }
  .rv > i { display: inline-block; font-style: normal; opacity: 0; transform: translateY(.18em); will-change: opacity, transform; }
  .rv > b {
    position: absolute; left: 0; right: 0; top: 0.02em; bottom: 0;
    background: #ff2036;
    transform: scaleX(0);
    transform-origin: left center;
    pointer-events: none;
    z-index: 1;
    will-change: transform;
  }
  .rv.is-ready > i { opacity: 1; transform: none; }
  .rv.is-ready > b { transform: scaleX(0); transform-origin: right center; }
  @media (prefers-reduced-motion: reduce) {
    .rv > i { opacity: 1 !important; transform: none !important; }
    .rv > b { display: none !important; }
  }
  .lgw { display: block; overflow: hidden; position: relative; }
  .lgw img { position: absolute; mix-blend-mode: lighten; max-width: none; }



html { scroll-behavior: smooth; }
.feature-matrix-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 0 8px;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  background: var(--color-surface);
}
.feature-matrix {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  font-size: 13px;
}
.feature-matrix th, .feature-matrix td {
  padding: 12px 10px;
  text-align: center;
  border-bottom: 1px solid var(--color-divider);
  color: var(--color-neutral-300);
}
.feature-matrix thead th {
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text);
  vertical-align: bottom;
}
.feature-matrix thead small {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 500;
  color: var(--color-neutral-500);
}
.feature-matrix tbody th {
  text-align: left;
  min-width: 180px;
  font-weight: 500;
}
.feature-matrix tbody th strong { display: block; color: var(--color-text); font-size: 14px; }
.feature-matrix tbody th span { display: block; margin-top: 3px; font-size: 12px; color: var(--color-neutral-500); font-weight: 400; }
.feature-matrix td { font-size: 16px; color: var(--color-accent-300); }
.addon-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.addon-grid article {
  padding: 20px;
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.addon-grid strong { display: block; font-size: 16px; margin-bottom: 8px; }
.addon-grid p { margin: 0; color: var(--color-neutral-400); font-size: 14px; line-height: 1.55; }
.funkcio-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.compare-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.compare-card {
  padding: 24px;
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.compare-card.is-pick {
  border: 1px solid color-mix(in srgb, var(--color-accent) 45%, transparent);
  background: color-mix(in srgb, var(--color-accent-900) 55%, var(--color-surface));
}
.compare-card small {
  display: inline-block;
  margin-bottom: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--color-accent-300);
}
.compare-card h3 { font-size: 20px; margin: 0 0 8px; }
.compare-card p { margin: 0; color: var(--color-neutral-400); font-size: 15px; line-height: 1.55; }
.practice-stage {
  padding: 22px;
  background: var(--color-surface);
  border-radius: 18px;
  box-shadow: var(--shadow-sm);
}
.practice-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-divider);
}
.practice-bar small {
  display: block;
  margin-bottom: 4px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--color-accent-300);
}
.practice-bar strong { font-size: 22px; font-weight: 500; }
.practice-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.practice-chips span {
  padding: 6px 12px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--color-accent) 14%, transparent);
  color: var(--color-accent-200);
  font-size: 13px;
}
.practice-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.practice-pane {
  padding: 18px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--color-bg) 55%, var(--color-surface));
}
.practice-pane.is-lead {
  outline: 1px solid color-mix(in srgb, var(--color-accent) 35%, transparent);
}
.practice-pane .eyebrow {
  display: block;
  margin-bottom: 6px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--color-accent-300);
}
.practice-pane h3 { font-size: 18px; margin: 0 0 14px; font-weight: 500; }
.practice-cal { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; }
.practice-cal li {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  column-gap: 8px;
  align-items: start;
  padding: 10px 12px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--color-bg) 70%, transparent);
  font-size: 14px;
  line-height: 1.4;
  color: var(--color-neutral-300);
}
.practice-cal .dot {
  width: 8px; height: 8px; margin-top: 6px; border-radius: 50%; background: var(--color-accent);
}
.practice-cal .dot.alt { background: #34c759; }
.practice-cal .dot.warm { background: #ffd45f; }
.practice-cal time {
  display: block;
  color: var(--color-neutral-500);
  font-size: 12px;
}
.practice-cal .is-off {
  grid-template-columns: 1fr;
  background: transparent;
  padding: 6px 4px 0;
  color: var(--color-neutral-500);
  font-size: 13px;
}
.practice-cal li > div { min-width: 0; }
.practice-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 20px;
}
.practice-points article {
  padding: 20px;
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.practice-points h3 { font-size: 17px; margin: 0 0 8px; font-weight: 500; }
.practice-points p { margin: 0; color: var(--color-neutral-400); font-size: 14px; line-height: 1.55; }
@media (max-width: 900px) {
  header { padding: 12px 20px !important; }
  header nav { gap: 14px !important; }
  section { max-width: 100% !important; }
  h1 { font-size: clamp(48px, 10vw, 72px) !important; }
  #funkciok > div { grid-template-columns: 1fr !important; }
  .compare-grid { grid-template-columns: 1fr 1fr !important; }
  .practice-points, .practice-split { grid-template-columns: 1fr !important; }
  .addon-grid { grid-template-columns: 1fr 1fr !important; }
  .pricing-cards { grid-template-columns: 1fr 1fr !important; }
  #kepernyok > div, #kepernyok + section > div { grid-template-columns: 1fr !important; padding: 0 20px !important; }
  [data-parallax] { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; }
}
@media (max-width: 640px) {
  body { overflow-x: hidden; }
  header { padding: 10px 16px !important; }
  header .lgw { width: 136px !important; }
  header nav a:not(.btn) { display: none; }
  header nav { gap: 8px !important; }
  header .btn { font-size: 12px !important; padding: 8px 10px !important; }
  section { padding-left: 18px !important; padding-right: 18px !important; }
  section:first-of-type { padding-top: 72px !important; padding-bottom: 54px !important; }
  h1 { font-size: clamp(40px, 13.5vw, 60px) !important; line-height: 0.98 !important; }
  h2 { font-size: clamp(34px, 10vw, 46px) !important; }
  .addon-grid { grid-template-columns: 1fr !important; }
  .pricing-cards { grid-template-columns: 1fr !important; }
  .compare-grid, .practice-points, .funkcio-grid { grid-template-columns: 1fr !important; }
  #kepernyok, #kepernyok + section { overflow: hidden; }
  #kepernyok > div, #kepernyok + section > div { padding: 0 18px !important; gap: 26px !important; }
  [data-parallax] { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; }
  #kepernyok [data-parallax] { margin-left: 0 !important; }
  #kepernyok + section [data-parallax] { margin-left: 0 !important; }
  svg[data-annot],
  .showcase-annot,
  .showcase-annot-svg { display: none !important; }
  .mock-session.is-join { outline: none; }
  .showcase-frame { padding-bottom: 0; }
  footer { padding: 24px 18px !important; }
  body > div > div[style*="position:fixed"] { right: 10px !important; bottom: 10px !important; transform: scale(.9); transform-origin: right bottom; }
}



:root {
  --zynkup-red: #ff2036;
  --zynkup-red-soft: #ff5b6c;
  --zynkup-white: #f7f7f9;
}

header {
  min-height: 78px;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.zynkup-brand {
  width: 66px;
  height: 62px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  text-decoration: none;
}
.zynkup-brand-icon {
  width: 64px;
  height: 63px;
  object-fit: contain;
  filter: drop-shadow(0 8px 22px rgba(255,32,54,.16));
}
header nav a {
  font-family: "Rajdhani", var(--font-heading) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: .055em;
  text-transform: uppercase;
  color: rgba(247,247,249,.88) !important;
  transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}
header nav a:not(.btn):hover,
header nav a:not(.btn):focus-visible {
  color: var(--zynkup-red-soft) !important;
}
header nav .btn-primary {
  color: #fff !important;
  border-color: var(--zynkup-red) !important;
  background: linear-gradient(135deg, #ff2036, #d91328) !important;
  box-shadow: 0 10px 28px rgba(255,32,54,.18);
}
header nav .btn-primary:hover { transform: translateY(-1px); }

.zynkup-footer-brand {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}
.zynkup-footer-brand img { width: 58px; height: 57px; object-fit: contain; }


.showcase-media img { height: auto !important; image-rendering: auto; }
.showcase-media{
  --mock-radius: 22px;
  --mock-radius-sm: 16px;
  isolation:isolate;
}
.showcase-media::before{
  content:"";
  position:absolute;
  inset:10% 6% 16%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 55% 45% at 70% 35%,#d90b2e30,transparent 70%),
    radial-gradient(ellipse 40% 35% at 20% 70%,#ffffff0a,transparent 65%);
  filter:blur(32px);
}
.zynkup-browser-mockup {
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: min(1250px, 92%);
  max-width: 100%;
  background: linear-gradient(165deg,#1a1b21 0%,#0c0d11 42%,#101116 100%);
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: var(--mock-radius) !important;
  box-shadow:
    0 0 0 6px rgba(255,255,255,.04),
    0 0 0 1px rgba(255,32,54,.14),
    0 1px 0 rgba(255,255,255,.1) inset,
    0 24px 48px -12px rgba(0,0,0,.5),
    0 48px 100px -20px rgba(0,0,0,.62) !important;
  isolation:isolate;
}
.zynkup-browser-bar {
  height: 52px;
  display: grid;
  grid-template-columns: 92px minmax(180px, 1fr) 92px;
  align-items: center;
  gap: 14px;
  padding: 0 18px;
  background: linear-gradient(180deg,rgba(38,39,46,.92),rgba(18,19,24,.96));
  border-bottom: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.zynkup-browser-dots { display:flex; gap:8px; align-items:center; }
.zynkup-browser-dots i { width:11px; height:11px; border-radius:50%; display:block; box-shadow:inset 0 1px 1px rgba(255,255,255,.35); }
.zynkup-browser-dots i:nth-child(1) { background:linear-gradient(160deg,#ff6b78,#e11d3f); }
.zynkup-browser-dots i:nth-child(2) { background:linear-gradient(160deg,#ffd16a,#f0a020); }
.zynkup-browser-dots i:nth-child(3) { background:linear-gradient(160deg,#5ee09a,#2faf66); }
.zynkup-browser-address {
  height: 30px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  padding:0 18px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(12px) saturate(160%);
  -webkit-backdrop-filter:blur(12px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 6px 16px rgba(0,0,0,.2);
  color:rgba(255,255,255,.68);
  font:600 11px/1 "Inter",sans-serif;
  letter-spacing:.02em;
}
.zynkup-browser-address::before { content:""; width:7px; height:7px; border-radius:50%; background:#3ddc84; box-shadow:0 0 0 3px rgba(61,220,132,.16),0 0 12px rgba(61,220,132,.55); }
.zynkup-browser-brand { justify-self:end; width:28px; height:28px; object-fit:contain; filter:drop-shadow(0 4px 10px rgba(255,32,54,.35)); }
.zynkup-browser-screen { position:relative; overflow:hidden; background:#111214; border-radius:0 0 calc(var(--mock-radius) - 2px) calc(var(--mock-radius) - 2px); }
.zynkup-browser-screen::after { content:""; position:absolute; inset:0; pointer-events:none; box-shadow:inset 0 1px rgba(255,255,255,.1); border-radius:inherit; }
.zynkup-browser-foot { height:12px; background:linear-gradient(180deg,#16171c,#0a0b0e); border-top:1px solid rgba(255,255,255,.06); }
.zynkup-ui { display:grid; grid-template-columns:168px 1fr; min-height:590px; color:#16171b; background:#f3f5f5; font-family:"Inter",sans-serif; -webkit-font-smoothing:antialiased; text-rendering:geometricPrecision; }
.zynkup-ui-sidebar { padding:22px 16px; background:#0b0c0f; color:#fff; }
.zynkup-ui-logo { display:flex; align-items:center; gap:10px; margin-bottom:30px; font:800 15px/1 "Rajdhani",sans-serif; letter-spacing:.08em; }
.zynkup-ui-logo img { width:32px !important; height:32px !important; object-fit:contain; }
.zynkup-ui-nav { display:grid; gap:8px; }
.zynkup-ui-nav span { height:32px; border-radius:8px; background:rgba(255,255,255,.055); }
.zynkup-ui-nav span:first-child { background:linear-gradient(90deg,#ff2036,#e2172c); box-shadow:0 8px 20px rgba(255,32,54,.2); }
.zynkup-ui-main { padding:25px 28px 32px; min-width:0; }
.zynkup-ui-top { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }
.zynkup-ui-kicker { width:120px; height:8px; border-radius:999px; background:#c9ced0; }
.zynkup-ui-avatar { width:30px; height:30px; border-radius:50%; background:linear-gradient(135deg,#ff2036,#15161a); }
.zynkup-ui-title { width:210px; height:26px; margin-bottom:8px; border-radius:6px; background:#15161a; }
.zynkup-ui-subtitle { width:310px; max-width:60%; height:9px; border-radius:999px; background:#cdd1d2; }
.zynkup-ui-panel { margin-top:24px; padding:16px; border:1px solid #e0e3e3; border-radius:14px; background:#fff; box-shadow:0 12px 32px rgba(20,22,25,.055); }
.zynkup-calendar-head { display:grid; grid-template-columns:repeat(7,1fr); gap:1px; margin-bottom:8px; }
.zynkup-calendar-head span { height:22px; border-radius:5px; background:#eef0f0; }
.zynkup-calendar-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:7px; min-height:310px; padding-top:8px; background:repeating-linear-gradient(to bottom,transparent 0,transparent 51px,#eceeee 52px); }
.zynkup-calendar-col { display:flex; flex-direction:column; gap:9px; padding-top:var(--offset,0); }
.zynkup-session { min-height:52px; padding:9px; border-radius:8px; background:#ffd9dc; border-left:3px solid #ff4052; }
.zynkup-session.alt { background:#e6e2ff; border-color:#7669ff; }
.zynkup-session.warm { background:#fff0ce; border-color:#ffb832; }
.zynkup-session.green { background:#dcf1e2; border-color:#55b978; }
.zynkup-redacted { display:block; height:6px; border-radius:99px; background:linear-gradient(90deg,rgba(20,22,25,.34),rgba(20,22,25,.18)); }
.zynkup-redacted + .zynkup-redacted { width:62%; margin-top:6px; opacity:.65; }
.zynkup-pass-layout { display:grid; grid-template-columns:minmax(220px,36%) 1fr; gap:20px; margin-top:24px; }
.zynkup-pass-card { min-height:190px; padding:24px; border-radius:16px; color:#fff; background:radial-gradient(circle at 80% 15%,rgba(255,32,54,.34),transparent 34%),#141518; box-shadow:0 16px 34px rgba(20,21,24,.16); }
.zynkup-pass-mark { width:34px; height:34px; margin-bottom:35px; border-radius:10px; background:linear-gradient(135deg,#fff,#ff2036); opacity:.92; }
.zynkup-pass-lines { display:grid; gap:10px; }
.zynkup-pass-lines span { height:10px; border-radius:99px; background:#d9ddde; }
.zynkup-pass-lines span:nth-child(2) { width:72%; }
.zynkup-pass-lines span:nth-child(3) { width:48%; background:#ff4052; }
.zynkup-member-list { display:grid; gap:8px; }
.zynkup-member-row { display:grid; grid-template-columns:34px 1fr 72px; align-items:center; gap:12px; min-height:58px; padding:10px 12px; border:1px solid #eceeee; border-radius:10px; background:#fff; }
.zynkup-member-row::before { content:""; width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,#d7dbdc,#aeb4b6); }
.zynkup-member-row::after { content:""; width:65px; height:22px; border-radius:99px; background:#dff1e4; }
.zynkup-member-data { display:grid; gap:7px; }
.zynkup-member-data i { width:48%; height:6px; border-radius:99px; background:linear-gradient(90deg,#9ea5a7,#c4c9ca); }
.zynkup-member-data i:last-child { width:32%; opacity:.55; }

.showcase-passes .zynkup-browser-mockup {
  width: min(1250px, 110%);
  margin-left: clamp(-220px, -12vw, 0px);
}
.zynkup-css-phone { position:relative; z-index:2; width:min(390px,78vw); aspect-ratio:390/800; padding:11px; border-radius:54px; background:linear-gradient(145deg,#505159,#090a0d 18%,#24252b 70%,#777982); box-shadow:0 52px 75px rgba(0,0,0,.64),inset 0 0 0 2px rgba(255,255,255,.28); transform:translateZ(0); transition:transform .45s ease; -webkit-font-smoothing:antialiased; text-rendering:geometricPrecision; }
.zynkup-css-phone::before { content:""; position:absolute; z-index:4; left:50%; top:18px; width:112px; height:28px; border-radius:99px; background:#050506; transform:translateX(-50%); }
.zynkup-phone-screen { position:relative; height:100%; overflow:hidden; padding:55px 16px 66px; border-radius:44px; color:#15161a; background:linear-gradient(160deg,#fff,#f3f4f5); }
.zynkup-phone-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.zynkup-phone-brand { display:flex; align-items:center; gap:8px; font:800 13px/1 "Rajdhani",sans-serif; letter-spacing:.05em; }
.zynkup-phone-brand img { width:28px !important; height:28px !important; object-fit:contain; }
.zynkup-phone-profile { width:28px; height:28px; border-radius:50%; background:linear-gradient(135deg,#ff2036,#15161a); }
.zynkup-phone-hero { min-height:170px; padding:18px; border-radius:19px; color:#fff; background:radial-gradient(circle at 78% 45%,rgba(255,32,54,.75),transparent 25%),linear-gradient(145deg,#16171b,#050506); box-shadow:0 14px 26px rgba(5,6,8,.18); }
.zynkup-phone-hero .zynkup-redacted { width:52%; height:10px; margin-top:10px; background:rgba(255,255,255,.8); }
.zynkup-phone-hero .zynkup-redacted + .zynkup-redacted { width:34%; height:7px; background:rgba(255,255,255,.48); }
.zynkup-phone-cta { width:110px; height:31px; margin-top:22px; border-radius:9px; background:linear-gradient(135deg,#ff4052,#e2152b); }
.zynkup-phone-card { margin-top:12px; padding:15px; border:1px solid #e0e3e3; border-radius:16px; background:#fff; box-shadow:0 8px 20px rgba(20,22,25,.045); }
.zynkup-phone-card-title { width:38%; height:8px; margin-bottom:13px; border-radius:99px; background:#1a1b1f; }
.zynkup-phone-progress { height:8px; overflow:hidden; border-radius:99px; background:#e5e7e8; }
.zynkup-phone-progress::before { content:""; display:block; width:58%; height:100%; border-radius:inherit; background:#ff2036; }
.zynkup-phone-row { display:grid; grid-template-columns:34px 1fr 58px; align-items:center; gap:10px; min-height:45px; border-top:1px solid #edf0f0; }
.zynkup-phone-row::before { content:""; width:30px; height:30px; border-radius:8px; background:#ffe1e4; }
.zynkup-phone-row::after { content:""; width:54px; height:21px; border-radius:99px; background:#dff1e4; }
.zynkup-phone-row span { display:grid; gap:5px; }
.zynkup-phone-row i { width:76%; height:5px; border-radius:99px; background:linear-gradient(90deg,#91999b,#c4c9ca); }
.zynkup-phone-row i:last-child { width:48%; opacity:.55; }
.zynkup-phone-dock { position:absolute; left:0; right:0; bottom:0; height:57px; display:grid; grid-template-columns:repeat(5,1fr); align-items:center; padding:0 15px; border-top:1px solid #e1e4e4; background:rgba(255,255,255,.94); }
.zynkup-phone-dock i { justify-self:center; width:18px; height:18px; border:2px solid #36383d; border-radius:5px; }
.zynkup-phone-dock i:first-child { border-color:#ff2036; background:#ff2036; }

@media (max-width: 900px) {
  header { min-height: 70px; padding: 6px 20px !important; }
  .zynkup-brand { width: 58px; height: 56px; }
  .zynkup-brand-icon { width: 57px; height: 56px; }
  header nav { gap: 16px !important; }

  section:first-of-type { padding-top: 76px !important; padding-bottom: 62px !important; }
  section:first-of-type > div[style*="max-width:940px"] { max-width: 760px !important; }
  #funkciok { padding-top: 56px !important; padding-bottom: 56px !important; }
  #funkciok > div { gap: 14px !important; }

  .showcase > div {
    grid-template-columns: 1fr !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 8px !important;
  }
  .showcase-copy { max-width: 720px; }
  .showcase-copy p { max-width: 640px !important; }
  .showcase-media { width: 100%; padding: 34px 0 46px !important; overflow: hidden; }
  .showcase-media [data-parallax],
  .showcase-media .zynkup-browser-mockup {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }
  #berletek-showcase .showcase-copy { order: 1; }
  #berletek-showcase .showcase-media { order: 2; justify-content: flex-start !important; }

  #csomagok { padding-top: 64px !important; }
  #csomagok > div:last-child { gap: 14px !important; }
}

@media (max-width: 640px) {
  body { font-size: 15px; }
  header {
    min-height: 62px;
    padding: 4px 14px !important;
    gap: 12px !important;
    background: rgba(16,16,20,.92) !important;
  }
  .zynkup-brand { width: 52px; height: 52px; }
  .zynkup-brand-icon { width: 52px; height: 51px; }
  header nav { margin-left: auto; gap: 8px !important; }
  header nav a:not(.btn) { display: none !important; }
  header nav .btn {
    min-height: 40px;
    padding: 9px 12px !important;
    font-size: 12px !important;
    border-radius: 9px;
    white-space: nowrap;
  }
  .zynkup-browser-bar { height:36px; grid-template-columns:58px minmax(100px,1fr) 30px; gap:8px; padding:0 10px; }
  .zynkup-browser-dots { gap:4px; }
  .zynkup-browser-dots i { width:6px; height:6px; }
  .zynkup-browser-address { height:22px; padding:0 8px; font-size:8px; }
  .zynkup-browser-brand { width:19px; height:19px; }
  .zynkup-browser-foot { height:6px; }
  .zynkup-ui { grid-template-columns:72px 1fr; min-height:330px; }
  .zynkup-ui-sidebar { padding:12px 8px; }
  .zynkup-ui-logo { font-size:0; margin-bottom:14px; }
  .zynkup-ui-logo img { width:25px !important; height:25px !important; }
  .zynkup-ui-nav { gap:5px; }
  .zynkup-ui-nav span { height:18px; border-radius:5px; }
  .zynkup-ui-main { padding:12px; }
  .zynkup-ui-title { width:110px; height:14px; }
  .zynkup-ui-subtitle { width:150px; height:6px; }
  .zynkup-ui-panel { margin-top:12px; padding:8px; }
  .zynkup-calendar-grid { min-height:170px; gap:3px; background:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,#eceeee 28px); }
  .zynkup-session { min-height:28px; padding:4px; border-left-width:2px; }
  .zynkup-pass-layout { grid-template-columns:38% 1fr; gap:8px; margin-top:12px; }
  .zynkup-pass-card { min-height:112px; padding:12px; }
  .zynkup-member-row { grid-template-columns:20px 1fr 30px; gap:6px; min-height:30px; padding:4px; }
  .zynkup-member-row::before { width:18px; height:18px; }
  .zynkup-member-row::after { width:28px; height:12px; }

  section { padding-left: 18px !important; padding-right: 18px !important; }
  section:first-of-type {
    min-height: auto;
    padding-top: 56px !important;
    padding-bottom: 46px !important;
  }
  section:first-of-type [data-mark] {
    width: 260px !important;
    height: 255px !important;
    right: -95px !important;
    top: -28px !important;
    opacity: .12 !important;
  }
  section:first-of-type [data-fade][style*="inline-flex"] {
    margin-bottom: 18px !important;
    font-size: 10px !important;
    line-height: 1.35;
  }
  section:first-of-type h1 {
    font-size: clamp(39px, 12.5vw, 54px) !important;
    line-height: .99 !important;
    letter-spacing: -.045em !important;
    margin-bottom: 22px !important;
    text-wrap: balance;
  }
  section:first-of-type h1 .rv { display: block; width: fit-content; max-width: 100%; }
  section:first-of-type p[data-i18n="heroP"] {
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.58 !important;
    margin-bottom: 26px !important;
  }
  section:first-of-type div[data-fade][style*="flex-wrap"] {
    align-items: stretch !important;
    gap: 10px !important;
  }
  section:first-of-type div[data-fade][style*="flex-wrap"] .btn {
    width: 100%;
    min-height: 48px;
    font-size: 14px !important;
  }
  section:first-of-type div[data-fade][style*="margin-top:44px"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 30px !important;
    font-size: 12px !important;
  }
  section:first-of-type div[data-fade][style*="margin-top:44px"] span::before {
    content: "✓";
    color: var(--zynkup-red-soft);
    margin-right: 8px;
  }

  #funkciok { padding-top: 42px !important; padding-bottom: 42px !important; }
  #funkciok h2 { margin-bottom: 18px !important; font-size: 12px !important; }
  #funkciok > div { gap: 12px !important; }
  #funkciok > div > div { padding: 20px !important; }
  #funkciok h3 { font-size: 19px !important; line-height: 1.18 !important; }
  #funkciok p { font-size: 14px !important; line-height: 1.55 !important; }
  #funkciok svg { margin-bottom: 14px !important; }

  .showcase { padding-top: 46px !important; padding-bottom: 26px !important; overflow: hidden; }
  .showcase > div {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    gap: 12px !important;
  }
  .showcase-copy { width: 100%; max-width: 100%; }
  .showcase-copy h2 {
    font-size: 34px !important;
    line-height: 1.03 !important;
    letter-spacing: -.035em !important;
    margin-bottom: 14px !important;
  }
  .showcase-copy p {
    font-size: 15px !important;
    line-height: 1.56 !important;
    max-width: 100% !important;
  }
  .showcase-copy > div[style*="flex-direction:column"] {
    margin-top: 18px !important;
    gap: 8px !important;
    font-size: 14px !important;
  }
  .showcase-copy > div[style*="flex-direction:column"] span::before {
    content: "•";
    color: var(--zynkup-red-soft);
    margin-right: 8px;
  }
  .showcase-media {
    width: 100%;
    margin-left: 0;
    padding: 12px 0 20px !important;
    display: block !important;
    overflow: hidden;
  }
  .showcase-media [data-parallax],
  .showcase-media .zynkup-browser-mockup {
    width: min(100%, 340px) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    transform: none !important;
  }
  .showcase-media [data-parallax] img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
  .showcase-media svg[data-annot],
  .showcase-media [data-i18n="an1"],
  .showcase-annot,
  .showcase-annot-svg,
  .showcase-frame .showcase-annot,
  .showcase-frame .showcase-annot-svg { display: none !important; }
  .mock-session.is-join { outline: none; }
  #berletek-showcase .showcase-copy { order: 1; }
  #berletek-showcase .showcase-media { order: 2; }

  #csomagok {
    padding-top: 52px !important;
    padding-bottom: 66px !important;
  }
  #csomagok > h2 { font-size: 34px !important; line-height: 1.04 !important; }
  #csomagok > p { font-size: 15px !important; line-height: 1.5; margin-bottom: 26px !important; }
  .addon-grid { grid-template-columns: 1fr !important; }

  #csomagok + section {
    padding: 66px 18px 76px !important;
  }
  #csomagok + section h2 { font-size: 36px !important; }
  #csomagok + section p { font-size: 15px !important; line-height: 1.55; }
  #csomagok + section .btn {
    width: 100%;
    min-height: 52px;
    border-radius: 999px !important;
    justify-content: center;
  }

  footer {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 24px 18px 30px !important;
    gap: 16px !important;
  }
  .zynkup-footer-brand { width: 50px; height: 50px; }
  .zynkup-footer-brand img { width: 50px; height: 49px; }
  footer > div { flex-wrap: wrap; gap: 12px 18px !important; }

  
  body > div > div[style*="position:fixed"] { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

  

.zynkup-wordmark {
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  text-decoration:none;
  font-family:"Oxanium", "Inter", system-ui, sans-serif;
  font-size:30px;
  line-height:1;
  font-weight:600;
  letter-spacing:-.065em;
  font-variant-ligatures:none;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
}
.zynkup-wordmark-white { color:#f7f7f9; }
.zynkup-wordmark-red { color:#ff2036; margin-left:.015em; }
.zynkup-wordmark:hover .zynkup-wordmark-white { color:#fff; }
.zynkup-wordmark:hover .zynkup-wordmark-red { color:#ff4355; }

.zynkup-symbol,
.zynkup-footer-symbol {
  display:block;
  shape-rendering:geometricPrecision;
  overflow:visible;
}
.zynkup-hero-symbol {
  filter:drop-shadow(0 18px 44px rgba(255,32,54,.12));
}
.zynkup-footer-brand {
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
}
.zynkup-footer-symbol { width:58px; height:58px; }

@media (max-width:900px) {
  .zynkup-wordmark { font-size:27px; }
}
@media (max-width:640px) {
  .zynkup-wordmark { font-size:24px; letter-spacing:-.06em; }
  header { min-height:62px !important; }
  .zynkup-hero-symbol { opacity:.11 !important; }
}



.zynkup-header {
  position: sticky !important;
  top: 16px !important;
  z-index: 100;
  width: min(1360px, calc(100% - 40px));
  min-height: 70px;
  margin: 16px auto 0;
  padding: 10px 12px 10px 26px !important;
  border: 1px solid rgba(255,255,255,.105) !important;
  border-radius: 999px;
  background: rgba(13,13,17,.78) !important;
  -webkit-backdrop-filter: blur(24px) saturate(150%);
  backdrop-filter: blur(24px) saturate(150%);
  box-shadow: 0 12px 38px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.04);
  transition: background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}
.zynkup-header.is-scrolled {
  background: rgba(13,13,17,.93) !important;
  border-color: rgba(255,255,255,.145) !important;
  box-shadow: 0 18px 52px rgba(0,0,0,.36), 0 0 0 1px rgba(255,32,54,.035), inset 0 1px 0 rgba(255,255,255,.05);
}
.zynkup-nav-wrap {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: auto;
}
.zynkup-menu-toggle {
  display: none;
  width: 46px;
  height: 46px;
  min-height: 46px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;
  background: rgba(255,255,255,.05);
  color: #f7f7f9;
  cursor: pointer;
  place-items: center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.zynkup-menu-toggle:hover,
.zynkup-menu-toggle[aria-expanded="true"] {
  background: rgba(255,255,255,.085);
  border-color: rgba(255,32,54,.52);
  box-shadow: 0 0 0 3px rgba(255,32,54,.055), inset 0 1px 0 rgba(255,255,255,.05);
}
.zynkup-menu-toggle:active { transform: scale(.96); }


.zynkup-hamburger {
  display: block;
  width: 22px;
  height: 16px;
  position: relative;
}
.zynkup-hamburger i {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 99px;
  background: currentColor;
  transform-origin: center;
  transition: top .22s cubic-bezier(.4,0,.2,1), transform .22s cubic-bezier(.4,0,.2,1), width .2s ease;
}
.zynkup-hamburger i:nth-child(1) { top: 3px; }
.zynkup-hamburger i:nth-child(2) { top: 11px; width: 72%; left: auto; right: 0; }
.zynkup-menu-toggle[aria-expanded="true"] .zynkup-hamburger i:nth-child(1) {
  top: 7px;
  width: 100%;
  transform: rotate(45deg);
}
.zynkup-menu-toggle[aria-expanded="true"] .zynkup-hamburger i:nth-child(2) {
  top: 7px;
  width: 100%;
  transform: rotate(-45deg);
}


.zynkup-dropdown {
  position: static;
  width: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  opacity: 1;
  visibility: visible;
  transform: none;
  display: flex;
  align-items: center;
  gap: 5px;
}
.zynkup-dropdown a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 17px;
  border-radius: 999px;
  color: rgba(247,247,249,.76) !important;
  text-decoration: none;
  font: 600 13px/1.1 "Oxanium", "Inter", system-ui, sans-serif !important;
  letter-spacing: .025em;
  text-transform: none;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.zynkup-dropdown a:hover,
.zynkup-dropdown a:focus-visible {
  background: rgba(255,255,255,.06);
  color: #fff !important;
  transform: translateY(-1px);
}
.zynkup-dropdown .zynkup-dropdown-cta {
  margin: 0 0 0 7px;
  min-height: 46px;
  padding-inline: 22px;
  background: linear-gradient(135deg, #ff2036, #e3162b);
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow: 0 11px 30px rgba(255,32,54,.20);
}
.zynkup-dropdown .zynkup-dropdown-cta:hover,
.zynkup-dropdown .zynkup-dropdown-cta:focus-visible {
  background: linear-gradient(135deg, #ff3a4d, #ee1b31);
  color: #fff !important;
  transform: translateY(-1px);
}
.zynkup-dropdown-divider { display: none; }

@media (max-width: 1180px) {
  .zynkup-header {
    width: calc(100% - 28px);
    top: 12px !important;
    margin-top: 12px;
    min-height: 64px;
    padding: 8px 9px 8px 20px !important;
  }
  .zynkup-wordmark { font-size: 26px !important; }
  .zynkup-menu-toggle { display: grid; }

  .zynkup-dropdown {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: min(360px, calc(100vw - 28px));
    padding: 9px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 24px;
    background: #0d0d11;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: 0 28px 80px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.04);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px) scale(.985);
    transform-origin: top right;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    z-index: 40;
    isolation: isolate;
  }
  .zynkup-dropdown.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
  }
  body:has(.zynkup-dropdown.is-open){
    overflow:hidden;
  }
  body:has(.zynkup-dropdown.is-open)::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:90;
    background:#0a0a0d;
    pointer-events:auto;
  }
  .zynkup-header{z-index:100}
  .zynkup-dropdown a {
    min-height: 52px;
    width: 100%;
    padding: 0 16px;
    justify-content: flex-start;
    border-radius: 16px;
    font-size: 14px !important;
  }
  .zynkup-dropdown a:hover,
  .zynkup-dropdown a:focus-visible { transform: none; }
  .zynkup-dropdown .zynkup-dropdown-cta {
    margin: 6px 0 0;
    justify-content: center;
  }
}

@media (max-width: 640px) {
  .zynkup-header {
    width: calc(100% - 20px);
    min-height: 58px !important;
    top: 10px !important;
    margin-top: 10px;
    padding: 7px 7px 7px 16px !important;
    border-radius: 999px;
  }
  .zynkup-wordmark { font-size: 23px !important; letter-spacing: -.06em; }
  .zynkup-menu-toggle {
    width: 44px;
    height: 44px;
    min-height: 44px;
  }
  .zynkup-dropdown {
    right: -7px;
    top: calc(100% + 10px);
    width: calc(100vw - 20px);
    border-radius: 22px;
    padding: 8px;
  }
  .zynkup-dropdown { gap: 2px !important; }
  header nav.zynkup-dropdown a:not(.btn) { display: flex !important; }
  .zynkup-dropdown a {
    min-height: 54px;
    padding: 0 16px;
    border-radius: 15px;
    font-size: 15px !important;
  }
}



.zynkup-footer {
  display:grid !important;
  grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);
  align-items:center !important;
  gap:24px !important;
  padding:28px 40px !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  background:linear-gradient(180deg,rgba(16,16,20,.35),rgba(10,10,13,.78));
}
.zynkup-footer-left { display:flex; align-items:center; gap:12px; min-width:0; }
.zynkup-footer-name {
  font-family:"Oxanium","Inter",system-ui,sans-serif;
  font-size:18px; font-weight:600; letter-spacing:-.045em; color:rgba(247,247,249,.86);
}
.zynkup-footer-name .u { color:#ff2036; }
.zynkup-footer-center { display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; }
.zynkup-footer-links { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px 18px; }
.zynkup-footer-links a {
  color:rgba(232,230,230,.54) !important;
  text-decoration:none; font-size:12px; transition:color .18s ease;
}
.zynkup-footer-links a:hover { color:rgba(255,255,255,.9) !important; }
.zynkup-footer-rights { color:rgba(232,230,230,.34); font-size:11px; letter-spacing:.01em; }
.zynkup-footer-dev {
  justify-self:end; display:flex; align-items:baseline; gap:7px; white-space:nowrap;
  font-family:"Rajdhani","Inter",system-ui,sans-serif;
  font-size:13px; font-weight:600; letter-spacing:.045em; text-transform:uppercase;
}
.zynkup-footer-dev-label { color:rgba(232,230,230,.38); }
.zynkup-footer-dev-name { color:#ff2036; text-decoration:none; font-weight:700; }
.zynkup-footer-dev-name:hover { color:#ff4355; }
@media (max-width:900px) {
  .zynkup-footer { grid-template-columns:1fr auto; padding:24px 22px !important; }
  .zynkup-footer-center { grid-column:1 / -1; grid-row:2; align-items:flex-start; text-align:left; }
  .zynkup-footer-links { justify-content:flex-start; }
}
@media (max-width:640px) {
  .zynkup-footer {
    grid-template-columns:1fr !important;
    align-items:flex-start !important;
    gap:16px !important;
    padding:24px 18px 28px !important;
  }
  .zynkup-footer-left { gap:10px; }
  .zynkup-footer-brand, .zynkup-footer-symbol { width:44px !important; height:44px !important; }
  .zynkup-footer-name { font-size:17px; }
  .zynkup-footer-center { grid-column:auto; grid-row:auto; align-items:flex-start; text-align:left; gap:10px; }
  .zynkup-footer-links { justify-content:flex-start; gap:10px 16px !important; }
  .zynkup-footer-links a { font-size:12px; }
  .zynkup-footer-dev { justify-self:start; padding-top:4px; border-top:1px solid rgba(255,255,255,.06); width:100%; }
}



.zynkup-language {
  display:inline-flex; align-items:center; gap:4px; margin-left:4px; padding:4px;
  border:1px solid rgba(255,255,255,.12); border-radius:999px;
  background:rgba(255,255,255,.04);
}
.zynkup-language button {
  appearance:none; border:0; background:transparent; color:rgba(247,247,249,.55);
  cursor:pointer; padding:7px 12px; border-radius:999px;
  font:700 12px/1 "Oxanium","Inter",system-ui,sans-serif; letter-spacing:.06em;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease;
}
.zynkup-language button:hover { color:#fff; background:rgba(255,255,255,.06); }
.zynkup-language button[aria-pressed=true]{
  background:linear-gradient(135deg,#ff2036,#c8102e);
  color:#fff;
  box-shadow:0 6px 16px rgba(255,32,54,.28);
}
.zynkup-language > span { display:none; }
.zynkup-footer-legal { display:flex; flex-direction:column; gap:3px; align-items:center; }
.zynkup-footer-rights-secondary { font-size:10px; color:rgba(232,230,230,.23); max-width:620px; }
.zynkup-footer-dev-name { color:rgba(232,230,230,.58) !important; font-weight:700; }
.zynkup-footer-dev-name .zynkup-dev-accent { color:#ff2036; }
.zynkup-footer-dev-name:hover { color:rgba(232,230,230,.78) !important; }
.zynkup-footer-dev-name:hover .zynkup-dev-accent { color:#ff4355; }

@media (max-width:1180px) {
  .zynkup-language {
    width:100%; margin:7px 0 0; justify-content:stretch; min-height:48px;
    border-radius:15px; background:rgba(255,255,255,.04); padding:5px; gap:5px;
  }
  .zynkup-language button { flex:1; min-height:38px; font-size:13px; padding:8px 12px; }
  .zynkup-language button[aria-pressed=true]{box-shadow:0 8px 18px rgba(255,32,54,.32)}
}
@media (max-width:900px) {
  .zynkup-footer-legal { align-items:flex-start; }
}
@media (max-width:640px) {
  .zynkup-footer-links { row-gap:12px !important; }
  .zynkup-footer-rights-secondary { line-height:1.45; }
  .zynkup-footer-dev { margin-top:2px; }
}


.zynkup-wordmark { display:flex; align-items:center; gap:11px; }
.zynkup-wordmark-symbol { width:43px; height:43px; object-fit:contain; filter:drop-shadow(0 8px 22px rgba(255,32,54,.22)); }
.zynkup-wordmark-text { display:flex; align-items:baseline; font:700 31px/1 "Rajdhani","Inter",sans-serif; letter-spacing:-.055em; }
.zynkup-mobile-showcase { position:relative; overflow:hidden; border-top:1px solid var(--color-divider); border-bottom:1px solid var(--color-divider); }
.zynkup-mobile-showcase::before { content:""; position:absolute; left:58%; top:50%; width:720px; height:720px; border-radius:50%; background:radial-gradient(circle,rgba(255,32,54,.19),rgba(255,32,54,.035) 42%,transparent 70%); filter:blur(12px); transform:translate(-50%,-50%); pointer-events:none; }
.zynkup-mobile-inner { position:relative; display:grid; grid-template-columns:minmax(300px,470px) minmax(340px,1fr); align-items:center; gap:70px; width:min(1240px,calc(100% - 80px)); min-height:860px; margin:0 auto; }
.zynkup-mobile-copy { position:relative; z-index:2; }
.zynkup-mobile-copy h2 { max-width:470px; font-size:58px; line-height:.98; letter-spacing:-.04em; margin:0 0 22px; }
.zynkup-mobile-copy p { max-width:440px; color:var(--color-neutral-400); font-size:17px; line-height:1.7; }
.zynkup-mobile-points { display:grid; gap:12px; margin:28px 0 34px; color:var(--color-neutral-300); font-size:14px; }
.zynkup-mobile-points span { display:flex; align-items:center; gap:10px; }
.zynkup-mobile-points span::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--color-accent); box-shadow:0 0 18px rgba(255,32,54,.75); }
.zynkup-mobile-copy .btn-primary { color:#fff; border-color:#c91832; background:linear-gradient(135deg,#c91832,#9e0e22); box-shadow:0 12px 34px rgba(158,14,34,.28); }
.zynkup-mobile-copy .btn-primary:hover { color:#fff; background:linear-gradient(135deg,#d61f38,#b01028); transform:translateY(-1px); }
.zynkup-store-badges { position:relative; display:inline-flex; flex-direction:column; align-items:flex-start; gap:10px; margin-top:22px; }
.zynkup-store-soon { position:absolute; z-index:2; top:50%; left:50%; transform:translate(-50%,-50%); padding:8px 14px; border:1px solid rgba(255,255,255,.14); border-radius:999px; background:rgba(16,16,20,.72); color:var(--color-accent-300); font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); white-space:nowrap; pointer-events:none; }
.zynkup-store-row { display:flex; flex-wrap:wrap; gap:12px; filter:blur(2.4px); opacity:.78; pointer-events:none; user-select:none; }
.zynkup-store-badge { display:inline-flex; align-items:center; gap:10px; min-height:48px; padding:8px 14px 8px 10px; border:1px solid rgba(255,255,255,.14); border-radius:12px; background:#0b0b0f; color:#fff; }
.zynkup-store-badge svg { width:26px; height:26px; flex:none; }
.zynkup-store-badge span { display:flex; flex-direction:column; line-height:1.05; text-align:left; }
.zynkup-store-badge small { font-size:9px; letter-spacing:.04em; text-transform:uppercase; color:rgba(255,255,255,.72); }
.zynkup-store-badge strong { font-size:15px; font-weight:700; letter-spacing:-.02em; }
.zynkup-phone-stage { position:relative; display:grid; min-height:820px; place-items:center; }
.zynkup-phone-stage::before,.zynkup-phone-stage::after { content:""; position:absolute; border:1px solid rgba(255,32,54,.22); border-radius:50%; }
.zynkup-phone-stage::before { width:630px; height:630px; }
.zynkup-phone-stage::after { width:470px; height:470px; border-color:rgba(255,255,255,.08); }
.zynkup-phone-stage:hover .zynkup-css-phone { transform:rotate(0deg) translateY(-8px); }
.zynkup-phone-label { position:absolute; z-index:3; right:2%; bottom:15%; padding:10px 14px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(26,26,32,.78); color:var(--color-accent-300); font-size:11px; letter-spacing:.09em; text-transform:uppercase; backdrop-filter:blur(14px); }
@media(max-width:900px){
  .zynkup-wordmark-symbol{width:37px;height:37px}.zynkup-wordmark-text{font-size:27px}
  .zynkup-mobile-showcase::before{width:420px;height:420px;left:50%}
  .zynkup-mobile-inner{grid-template-columns:1fr;gap:28px;width:min(720px,calc(100% - 40px));min-height:0;padding:72px 0 56px;text-align:center}
  .zynkup-mobile-copy h2,.zynkup-mobile-copy p{margin-left:auto;margin-right:auto}
  .zynkup-mobile-copy h2{font-size:clamp(34px,6vw,48px)}
  .zynkup-mobile-points{width:max-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:left}
  .zynkup-store-badges{align-items:center;width:100%}
  .zynkup-store-row{justify-content:center}
  .zynkup-phone-stage{min-height:0;padding:8px 0 12px}
  .zynkup-phone-stage::before{width:min(340px,78vw);height:min(340px,78vw)}
  .zynkup-phone-stage::after{width:min(250px,58vw);height:min(250px,58vw)}
  .zynkup-css-phone{width:min(260px,62vw);padding:9px;border-radius:40px;box-shadow:0 28px 48px rgba(0,0,0,.55),inset 0 0 0 1.5px rgba(255,255,255,.24)}
  .zynkup-css-phone::before{width:78px;height:20px;top:13px}
  .zynkup-phone-screen{padding:42px 12px 52px;border-radius:32px}
  .zynkup-phone-hero{min-height:112px;padding:14px;border-radius:14px}
  .zynkup-phone-label{position:static;display:inline-flex;margin:16px auto 0;right:auto;bottom:auto}
}
@media(max-width:640px){
  .zynkup-wordmark{gap:7px}.zynkup-wordmark-symbol{width:32px;height:32px}.zynkup-wordmark-text{font-size:23px}
  .zynkup-mobile-showcase::before{opacity:.7;width:280px;height:280px}
  .zynkup-mobile-inner{width:calc(100% - 28px);padding:52px 0 40px;gap:22px}
  .zynkup-mobile-copy h2{font-size:clamp(30px,9.5vw,38px);margin-bottom:14px}
  .zynkup-mobile-copy p{font-size:15px;line-height:1.55;max-width:34ch}
  .zynkup-mobile-points{gap:10px;margin:18px auto 22px;font-size:13px}
  .zynkup-mobile-copy .btn-primary{width:100%;min-height:48px;justify-content:center}
  .zynkup-store-badge{min-height:44px;padding:7px 12px 7px 9px}
  .zynkup-store-badge strong{font-size:14px}
  .zynkup-phone-stage{min-height:0;width:100%;place-items:center}
  .zynkup-phone-stage::before,.zynkup-phone-stage::after{display:none}
  
  .zynkup-css-phone{
    width:min(300px,78vw);
    max-height:none;
    aspect-ratio:390/800;
    padding:10px;
    border-radius:40px;
    box-shadow:0 28px 56px rgba(0,0,0,.58),inset 0 0 0 1.5px rgba(255,255,255,.28);
    transform:none;
  }
  .zynkup-css-phone::before{width:86px;height:22px;top:14px}
  .zynkup-phone-screen{padding:48px 14px 58px;border-radius:32px}
  .zynkup-phone-top{margin-bottom:10px}
  .zynkup-phone-brand{font-size:11px;gap:6px}
  .zynkup-phone-brand img{width:22px !important;height:22px !important}
  .zynkup-phone-profile{width:22px;height:22px}
  .zynkup-phone-hero{min-height:88px;padding:12px;border-radius:12px}
  .zynkup-phone-cta{width:86px;height:24px;margin-top:14px}
  .zynkup-phone-card{margin-top:8px;padding:10px;border-radius:12px}
  .zynkup-phone-row{min-height:34px;gap:8px}
  .zynkup-phone-dock{height:44px;padding:0 10px}
  .zynkup-phone-dock i{width:14px;height:14px}
  .zynkup-phone-stage:hover .zynkup-css-phone{transform:none}
  .zynkup-phone-label{margin-top:12px;padding:8px 12px;font-size:9px}
}


.access-section {
  position: relative;
  max-width: none;
  width: 100%;
  margin: 0;
  padding: clamp(72px, 9vw, 120px) 0;
  overflow: clip;
  isolation: isolate;
  background:
    radial-gradient(ellipse 70% 70% at 86% 42%, rgba(255, 55, 75, 0.28), transparent 58%),
    radial-gradient(ellipse 50% 55% at 8% 90%, rgba(160, 20, 40, 0.2), transparent 55%),
    linear-gradient(180deg, #111114 0%, #161018 48%, #111114 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 80, 100, 0.14);
}
.access-showcase {
  width: min(var(--landing-max, 1760px), calc(100% - 64px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.9fr);
  gap: clamp(36px, 6vw, 72px);
  align-items: center;
}
.access-kicker {
  margin: 0 0 18px;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #ff9aa6;
  font-weight: 650;
}
.access-kicker span {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.access-kicker span::before {
  content: "";
  width: 28px;
  height: 2px;
  background: #ed174c;
  border-radius: 2px;
}
.access-copy h2 {
  font-size: clamp(36px, 5vw, 58px);
  line-height: 1.02;
  letter-spacing: -0.045em;
  margin: 0 0 16px;
  font-weight: 650;
  max-width: 12ch;
  color: #fff;
}
.access-lead {
  color: #c8c6d0;
  font-size: clamp(15px, 1.2vw, 18px);
  line-height: 1.65;
  max-width: 42ch;
  margin: 0 0 34px;
}
.access-steps {
  list-style: none;
  margin: 0 0 34px;
  padding: 0;
  display: grid;
  gap: 0;
  border-left: 1px solid rgba(255, 100, 120, 0.28);
}
.access-steps li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px 20px;
  align-items: start;
  padding: 18px 0 18px 22px;
  position: relative;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.access-steps li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.access-steps li::before {
  content: "";
  position: absolute;
  left: -5px;
  top: 26px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ed174c;
  box-shadow: 0 0 0 4px rgba(237, 23, 76, 0.18);
}
.access-step-n {
  display: block;
  width: auto;
  height: auto;
  padding: 0;
  border-radius: 0;
  background: none;
  color: #ff6575;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
  margin-top: 2px;
}
.access-steps strong {
  display: block;
  font-size: 17px;
  letter-spacing: -0.02em;
  margin-bottom: 6px;
  color: #fff;
}
.access-steps p {
  margin: 0;
  color: #a8a5b2;
  font-size: 14px;
  line-height: 1.55;
  max-width: 40ch;
}
.access-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 18px;
}
.access-actions .btn {
  padding: 13px 22px;
  font-size: 15px;
}
.access-hint {
  color: #8e8b98;
  font-size: 13px;
  line-height: 1.5;
  max-width: 36ch;
}
.access-visual {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 28px 8px;
  min-height: 420px;
}
.access-pass-glow {
  position: absolute;
  inset: 6% 8%;
  border-radius: 40px;
  background:
    radial-gradient(circle at 50% 40%, rgba(255, 60, 85, 0.45), transparent 62%),
    linear-gradient(145deg, rgba(237, 23, 76, 0.35), transparent 70%);
  filter: blur(36px);
  transform: rotate(8deg) scale(1.05);
  pointer-events: none;
}
.access-card-mock {
  position: relative;
  z-index: 1;
  width: min(100%, 340px);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 18px;
  padding: 22px 22px 26px;
  border-radius: 28px;
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.06), transparent 40%),
    linear-gradient(165deg, #22181c 0%, #100c0e 55%, #0a0809 100%);
  color: #fff;
  border: 1px solid rgba(255, 140, 160, 0.28);
  box-shadow:
    0 40px 80px rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(237, 23, 76, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transform: rotate(3.5deg) translateY(-6px);
}
.access-pass-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.access-pass-brand {
  font-size: 18px;
  font-weight: 750;
  letter-spacing: -0.04em;
}
.access-pass-brand span { color: #ff4d65; }
.access-card-mock .access-qr-wrap {
  position: relative;
  padding: 18px;
  border-radius: 18px;
  background: #fff;
  overflow: hidden;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.35),
    inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}
.access-scan {
  position: absolute;
  left: 10%;
  right: 10%;
  height: 2px;
  top: 12%;
  z-index: 2;
  background: linear-gradient(90deg, transparent, #ed174c, transparent);
  box-shadow: 0 0 18px 4px rgba(237, 23, 76, 0.55);
  animation: access-scan 2.4s ease-in-out infinite;
  pointer-events: none;
}
.access-card-mock .access-qr {
  position: relative;
  z-index: 1;
  width: min(196px, 58vw);
  margin-inline: auto;
  aspect-ratio: 1;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 3px;
}
.access-card-mock .access-qr i {
  display: block;
  border-radius: 1px;
  background: #151518;
}
.access-card-mock .access-qr i.off { background: transparent; }
.access-card-mock .access-mock-meta {
  text-align: left;
  padding: 0 2px;
}
.access-card-mock .access-mock-meta strong {
  display: block;
  font-size: 16px;
  letter-spacing: -0.02em;
}
.access-card-mock .access-mock-meta small {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  color: #8ed9ae;
  line-height: 1.45;
}
.access-card-mock .access-timer {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 0;
  padding: 5px 11px;
  border-radius: 999px;
  background: rgba(237, 23, 76, 0.2);
  border: 1px solid rgba(255, 120, 140, 0.35);
  color: #ff9aa6;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.access-card-mock .access-timer i {
  width: 6px;
  height: 6px;
  border-radius: 99px;
  background: #ff4d65;
  animation: access-pulse 1.4s ease-in-out infinite;
}
@keyframes access-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.82); }
}
@keyframes access-scan {
  0%, 100% { top: 14%; opacity: 0.35; }
  45%, 55% { opacity: 1; }
  50% { top: 78%; }
}
@media (prefers-reduced-motion: reduce) {
  .access-scan,
  .access-card-mock .access-timer i { animation: none; }
  .access-card-mock { transform: none; }
}


.why-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.why-head{max-width:820px;margin-bottom:34px}
.why-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:5px 12px;border:1px solid var(--color-accent-800);border-radius:999px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-300)}
.why-lead{color:var(--color-neutral-400);font-size:18px;line-height:1.7;max-width:780px;margin:0 0 18px}
.why-hub-link{margin:0}
.why-hub-link a{color:#ff8997;text-decoration:none;font-size:15px;font-weight:650}
.why-hub-link a:hover{color:#ffb0ba}
.why-grid article,
.why-card {
  padding: 20px;
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.why-card{
  display:flex;
  flex-direction:column;
  gap:0;
  text-decoration:none;
  color:inherit;
  min-height:100%;
  transition:border-color .18s ease,transform .18s ease,background .18s ease;
}
.why-card:hover{
  border-color:#ff4d6555;
  background:linear-gradient(150deg,#2a1820,#1c1c21 70%);
  transform:translateY(-2px);
}
.why-card-index{
  display:block;
  margin-bottom:14px;
  color:#ff6575;
  font-size:12px;
  letter-spacing:.08em;
  font-weight:700;
}
.why-grid strong {
  display: block;
  font-size: 16px;
  margin-bottom: 8px;
}
.why-grid p {
  margin: 0;
  color: var(--color-neutral-400);
  font-size: 14px;
  line-height: 1.55;
}
.why-card-more{
  margin-top:auto;
  padding-top:18px;
  color:#ff8997;
  font-size:14px;
  font-weight:650;
}
.mx-note {
  margin: 12px 0 0;
  color: var(--color-neutral-500);
  font-size: 13px;
  line-height: 1.5;
  max-width: 760px;
}
@media (max-width: 900px) {
  .access-showcase {
    grid-template-columns: 1fr;
    width: min(100% - 40px, var(--landing-max, 1760px));
  }
  .access-visual {
    order: -1;
    min-height: 0;
    padding: 8px 0 12px;
  }
  .access-card-mock {
    transform: rotate(1.5deg);
    width: min(100%, 300px);
  }
  .access-copy h2 { max-width: 16ch; }
  .why-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 640px) {
  .access-section { padding-block: 64px; }
  .access-showcase { width: calc(100% - 36px); gap: 28px; }
  .access-section h2,
  #miert-mi h2 { font-size: 34px !important; line-height: 1.04 !important; }
  #miert-mi, #miert-valasszon { padding-left: 18px !important; padding-right: 18px !important; }
  .access-steps li { padding-left: 18px; gap: 12px; }
  .access-actions { flex-direction: column; align-items: stretch; gap: 10px; }
  .access-actions .btn {
    width: 100%;
    min-height: 48px;
    justify-content: center;
  }
  .access-hint { max-width: 100%; font-size: 13px; line-height: 1.45; }
  .access-card-mock { transform: none; }
  .why-grid { grid-template-columns: 1fr !important; }
}


/* Refreshed original ZynkUp landing: wider canvas, balanced hero, easier reading. */
:root{--color-bg:#111114;--color-surface:#1c1c21;--color-text:#f4f3f5;--color-neutral-100:#f8f8fa;--color-neutral-200:#e8e7eb;--color-neutral-300:#d1cfd6;--color-neutral-400:#b4b2bd;--color-neutral-500:#a3a0ac;--color-neutral-600:#77747f;--color-accent-300:#ff8997;--font-heading-weight:600;--landing-max:1760px;color-scheme:dark}
body{font-size:16px;line-height:1.65;background:var(--color-bg)}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #ff8997;outline-offset:5px}
.skip-link{position:fixed;left:20px;top:-80px;z-index:200;padding:12px 18px;border-radius:10px;background:#fff;color:#17171b}.skip-link:focus{top:20px}
section[id]{scroll-margin-top:110px}
.zynkup-header{width:min(var(--landing-max),calc(100% - 48px));min-height:78px;padding:12px 14px 12px 28px!important}
.zynkup-wordmark-symbol{width:44px;height:44px}.zynkup-wordmark{font-size:32px!important}
.zynkup-dropdown a{font-family:Inter,system-ui,sans-serif!important;font-size:14px!important;padding-inline:16px}
.zynkup-language button{font-size:12px;min-height:36px;min-width:38px}
.landing-page main>section[style*="max-width:1240px"],
.landing-page main>section[style*="max-width:1680px"],
.landing-page main>section[style*="max-width:1600px"]{max-width:min(var(--landing-max),calc(100% - 64px))!important}
.landing-hero{padding-top:88px!important;padding-bottom:72px!important}
.landing-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(28px,4vw,72px);align-items:center}
.landing-hero-copy{min-width:0;max-width:820px}
.landing-hero-trust{grid-column:1;display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:8px;font-size:13px;color:var(--color-neutral-500, #8b8a94)}
.landing-hero-trust span{display:inline-flex;align-items:center;gap:8px}
.landing-hero-trust span::before{content:"✓";color:#ff3657;font-weight:700}
.landing-hero-stage{position:relative;min-height:420px;display:grid;place-items:center;isolation:isolate;grid-row:1/span 2;grid-column:2}
.hero-brand-scene{
  position:relative;z-index:1;width:min(100%,460px);aspect-ratio:295/290;
  display:grid;place-items:center;pointer-events:none;opacity:.18;
}
.hero-animated-logo{
  display:block;width:100%;height:auto;overflow:visible;
  filter:drop-shadow(0 18px 40px #d90b2e22);
}
.hero-brand-scene .logo-base{opacity:.78}
.hero-brand-scene .logo-trace{
  fill:none;stroke:#fff0f5;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:16 84;animation:hero-logo-flow 4.8s linear infinite;
  vector-effect:non-scaling-stroke;
}
.hero-brand-scene .logo-trace-1{stroke:#ff9bb3;stroke-width:5;animation-delay:-1.6s;animation-duration:3.6s}
.hero-brand-scene .logo-trace-2{stroke:#fff;animation-delay:-2.4s}
@keyframes hero-logo-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){
  .hero-brand-scene .logo-trace{animation:none;stroke-dasharray:none;stroke-width:1;opacity:.35}
}
.landing-hero h1{font-size:clamp(54px,5.4vw,88px)!important;line-height:1.02!important;letter-spacing:-.035em!important;font-weight:600!important}
.landing-hero h1 .rv{display:block;width:fit-content;max-width:100%}
.landing-hero [data-mark]{opacity:.22!important}
.landing-hero p[data-i18n="heroP"]{max-width:620px!important;font-size:19px!important;line-height:1.7!important}
.landing-hero [data-i18n="kicker"]{letter-spacing:.07em}
.landing-hero [data-fade][style*="inline-flex"]{font-size:12px!important;padding:8px 14px!important}
.btn{min-height:52px;border-radius:12px;padding:14px 23px!important;font-size:16px!important;line-height:1.3;font-weight:600;transition:background .18s ease,transform .18s ease,border-color .18s ease}
.btn-primary{background:#b01028;border:1px solid #c91832;color:#fff;box-shadow:0 10px 26px rgba(176,16,40,.32)}
.btn-primary:hover{background:#c91832;color:#fff;transform:translateY(-2px)}
.landing-page .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.btn-ghost{border:1px solid #ffffff24;background:#ffffff03;color:#e9e8ed!important}.btn-ghost:hover{background:#ffffff0b;border-color:#ffffff50}
.compare-grid,.funkcio-grid,.practice-points,.why-grid{gap:20px}
#miert-valasszon{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important}
#miert-valasszon .compare-grid{
  width:100%;
  max-width:none;
  gap:0;
  border-top:1px solid #ffffff14;
  border-bottom:1px solid #ffffff14;
}
#miert-valasszon .compare-card{
  border:0!important;border-radius:0!important;border-right:1px solid #ffffff14!important;
  padding:clamp(28px,4vw,48px) clamp(22px,3vw,40px)!important;
  background:transparent!important;box-shadow:none!important;
}
#miert-valasszon .compare-card:last-child{border-right:0!important}
#miert-valasszon .compare-card.is-pick{
  background:linear-gradient(180deg,rgba(237,23,76,.14),rgba(28,28,33,.4))!important;
  border-color:#ffffff14!important;
}
.compare-card,.funkcio-grid>div,.why-grid article,.why-card{border:1px solid #ffffff10;border-radius:20px;padding:30px!important}
.compare-card.is-pick{border-color:#ff4d654d;background:linear-gradient(140deg,#311b23,#1c1c21)}
.compare-card h3,.funkcio-grid h3,.practice-points h3{font-size:26px!important;line-height:1.2}.compare-card p,.funkcio-grid p,.practice-points p,.why-grid p{font-size:16px!important;line-height:1.7!important}
.compare-card small,.section-kicker{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#ff8997}
.showcase-copy h2,#miert-mi h2,.access-section h2{font-size:clamp(38px,4vw,56px)!important;line-height:1.08!important}
.showcase-copy p,.access-copy>p{font-size:18px!important;line-height:1.75!important}
.practice-stage{border-radius:24px;border:1px solid #ffffff1b;box-shadow:0 24px 60px #00000018}.practice-pane{padding:32px}.practice-cal time{font-size:13px}.practice-cal span{font-size:16px}
.why-grid strong,.why-card strong{font-size:20px;letter-spacing:-.02em;line-height:1.25}.why-grid-expanded p,.why-card p{font-size:15px!important;line-height:1.65!important;flex:1}.zynkup-mobile-copy p{font-size:18px;line-height:1.75}
.landing-pricing .section-intro{max-width:700px;color:var(--color-neutral-400);font-size:18px;line-height:1.7;margin:0 0 34px}
.pricing-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:26px}
.pricing-card{display:flex;flex-direction:column;position:relative;padding:32px;border:1px solid #ffffff1a;border-radius:24px;background:var(--color-surface)}
.pricing-card.is-featured{border-color:#ff425a77;background:linear-gradient(150deg,#341c25,#1c1c21 65%)}
.pricing-card em{font-style:normal;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#ff8997;position:absolute;top:32px;right:30px}
.plan-name{font-family:Rajdhani,Inter,sans-serif;font-size:32px;line-height:1.1}.plan-tag{font-size:14px;color:var(--color-neutral-400);min-height:48px;margin:12px 0 24px}
.plan-price{font-size:32px;font-weight:650;letter-spacing:-.04em;line-height:1.2;margin:0 0 20px;white-space:nowrap}.plan-price span{display:block;font-size:13px;font-weight:400;letter-spacing:0;color:var(--color-neutral-400);margin-top:8px}
.plan-limit{font-size:15px;margin:0 0 22px}.plan-limit strong{font-size:20px}.pricing-card ul{display:grid;gap:12px;padding:20px 0 0;margin:0 0 28px;border-top:1px solid #ffffff17;list-style:none;color:var(--color-neutral-300);font-size:14px;line-height:1.6}.pricing-card li{padding-left:18px;position:relative}.pricing-card li:before{content:'·';color:#ff6575;position:absolute;left:0;font-size:24px;line-height:20px}.plan-more{margin-top:auto;justify-content:center;font-size:14px!important}
.pricing-note{font-size:14px;max-width:850px;color:var(--color-neutral-400);line-height:1.7}.pricing-details{font-size:15px;color:#ff8997;display:inline-flex;padding:8px 0;text-decoration:none}
.zynkup-footer{padding:40px!important;column-gap:28px!important}.zynkup-footer-links a{font-size:13px!important;color:#c0bdc7!important;line-height:1.6}.zynkup-footer-rights{color:#92909b;font-size:12px}.zynkup-footer-rights-secondary{color:#83818d;font-size:11px}.zynkup-footer-dev-name{color:#c0bdc7!important}
.seo-subpages{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;padding-top:20px;margin-top:2px;border-top:1px solid #ffffff10;font-size:13px;color:var(--color-neutral-400)}.seo-subpages a{color:inherit}
@media(min-width:1600px){.landing-hero{padding-top:100px!important;padding-bottom:84px!important}.showcase>div{max-width:min(var(--landing-max),calc(100% - 64px))!important}.landing-hero-stage{min-height:460px}.hero-brand-scene{width:min(100%,520px)}}
@media(max-width:1180px){.zynkup-header{width:calc(100% - 32px);min-height:70px;padding:10px 12px 10px 22px!important}.zynkup-dropdown a{font-size:15px!important}.zynkup-dropdown{max-height:calc(100dvh - 110px);overflow:auto}.zynkup-wordmark{font-size:28px!important}.landing-hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:28px}.hero-brand-scene{width:min(100%,340px);opacity:.16}.pricing-card{padding:25px}.pricing-card em{right:24px;top:26px}}
@media(max-width:900px){.landing-hero{padding-top:72px!important;padding-bottom:48px!important;overflow:visible}.landing-hero-grid{grid-template-columns:1fr;gap:22px}.landing-hero-stage{grid-row:auto;grid-column:auto;min-height:auto;justify-items:center;overflow:visible;padding-bottom:4px;order:2}.landing-hero-copy{order:1}.landing-hero-trust{grid-column:auto;order:3;margin-top:4px;gap:10px 18px}.hero-brand-scene{width:min(72%,300px);opacity:.14}.landing-hero h1{font-size:clamp(42px,7vw,64px)!important;margin-bottom:16px!important}.landing-hero p[data-i18n="heroP"]{font-size:16px!important;margin-bottom:20px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pricing-cards{grid-template-columns:1fr!important;gap:18px}.plan-tag{min-height:0}.pricing-card{padding:30px}.pricing-card em{top:32px;right:30px}.zynkup-footer{padding:30px!important}}
@media(max-width:640px){.zynkup-header{width:calc(100% - 24px);min-height:58px!important;padding:6px 8px 6px 14px!important}.zynkup-wordmark{font-size:23px!important}.zynkup-wordmark-symbol{width:34px;height:34px}.zynkup-dropdown{right:-9px;width:calc(100vw - 24px);background:#0d0d11}.landing-page main>section{padding-left:22px!important;padding-right:22px!important}.landing-hero{padding-top:24px!important;padding-bottom:28px!important;overflow:visible}.landing-hero-grid{gap:14px}.landing-hero-stage{min-height:auto;width:100%;overflow:visible;padding-bottom:0}.hero-brand-scene{width:min(58%,220px);opacity:.12}.landing-hero h1{font-size:clamp(30px,8.2vw,42px)!important;line-height:1.05!important;letter-spacing:-.04em!important;margin-bottom:10px!important}.landing-hero p[data-i18n="heroP"]{font-size:14px!important;line-height:1.5!important;margin-bottom:12px!important;-webkit-line-clamp:2}.landing-hero-actions{gap:8px!important}.landing-hero-actions .btn{min-height:44px!important;padding:10px 16px!important;font-size:14px!important}.landing-hero-trust{font-size:12px;gap:8px 14px}.landing-hero [data-fade][style*="inline-flex"]{font-size:10px!important;max-width:100%;margin-bottom:10px!important;padding:5px 10px!important}.btn{min-height:44px;width:auto;max-width:100%;padding:10px 16px!important}.compare-card,.funkcio-grid>div,.why-grid article{padding:25px!important}.compare-card h3,.funkcio-grid h3{font-size:25px!important}.compare-card p,.funkcio-grid p,.practice-points p,.why-grid p{font-size:16px!important}.practice-pane{padding:24px!important}.showcase-copy h2,#miert-mi h2,.access-section h2,.landing-pricing h2{font-size:39px!important;line-height:1.12!important}.showcase-copy p,.access-copy>p{font-size:17px!important}.pricing-card{padding:27px}.pricing-card em{top:30px;right:27px}.plan-price{font-size:34px}.zynkup-footer{padding:32px 22px!important}.seo-subpages{justify-content:flex-start}.zynkup-footer-links{gap:12px 18px!important}.zynkup-footer-dev{white-space:normal}.zynkup-mobile-inner{padding-inline:0!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.landing-page *, .landing-page *:before,.landing-page *:after{animation:none!important;transition:none!important}}

/* Anchor the mobile dropdown to the header, not the small toggle wrapper. */
@media(max-width:1180px){
 .zynkup-nav-wrap{position:static}
 .zynkup-header .zynkup-dropdown{left:0;right:0;width:100%;max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overscroll-behavior:contain;box-sizing:border-box}
 .zynkup-menu-toggle{touch-action:manipulation;flex-shrink:0}
}

/* Keep navigation reachable even if scripts fail to load. */
@media(max-width:1180px){
 .zynkup-header{flex-wrap:wrap}
 .zynkup-nav-wrap:not(.nav-ready){flex-basis:100%;flex-wrap:wrap}
 .zynkup-nav-wrap:not(.nav-ready) .zynkup-menu-toggle{display:none}
 .zynkup-nav-wrap:not(.nav-ready) .zynkup-dropdown{position:static;visibility:visible;opacity:1;transform:none;max-height:none}
}

/* Product mockups mirror the live dark ruby app chrome (icon rail + current schedule). */
.showcase-frame{position:relative;width:100%;padding-bottom:52px}
.showcase-frame-passes{padding-bottom:58px}
.showcase-annot-svg{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}
.showcase-annot{position:absolute;left:2.5%;bottom:10px;z-index:4;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-300,#ff8fa3);pointer-events:none;font-weight:650;white-space:nowrap}
.showcase-annot-calendar-label{display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:26ch;white-space:normal;font-size:0;color:transparent}
.showcase-annot-calendar-label .mock-ghost{background:linear-gradient(90deg,#ed174c55,#ed174c88,#ed174c55)}
.showcase-annot-passes-label{left:auto;right:4%;bottom:12px;max-width:28ch;white-space:normal;text-align:right;line-height:1.35;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:0;color:transparent}
.showcase-annot-passes-label .mock-ghost{background:linear-gradient(90deg,#ed174c55,#ed174c88,#ed174c55)}
.mock-session.is-join{outline:2px solid var(--color-accent,#d90b2e);outline-offset:5px;border-radius:14px}
.mock-wallet.is-focus{outline:0}
.mock-app-screen{background:#0f1013!important}
.mock-app,.mock-app-current{display:grid;grid-template-columns:64px minmax(0,1fr);min-height:560px;background:#0f1013;color:#f5f5f6;font-family:Inter,system-ui,sans-serif}
.mock-rail{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;background:linear-gradient(180deg,#14151a,#0c0d11);border-right:1px solid #ffffff0c}
.mock-rail-mark{width:28px;height:28px;object-fit:contain;margin-bottom:10px;opacity:.96;filter:drop-shadow(0 4px 10px #d90b2e33)}
.mock-rail nav{display:grid;gap:7px;width:100%}
.mock-rail nav span,.mock-rail-foot{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:14px;color:#8e8e9a;background:transparent;border:1px solid transparent;transition:background .2s,border-color .2s,color .2s}
.mock-rail nav span.is-active{color:#fff;border-color:#d90b2e77;background:linear-gradient(160deg,#d90b2e33,#d90b2e12);box-shadow:0 8px 18px #d90b2e22,inset 0 1px 0 #ffffff18}
.mock-rail-foot{margin-top:auto}
.mi{display:block;width:16px;height:16px;background:currentColor;mask:no-repeat center/contain;-webkit-mask:no-repeat center/contain}
.mi-home{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E")}
.mi-cal{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")}
.mi-pass{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Cpath d='M3 10h18M8 14h4'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Cpath d='M3 10h18M8 14h4'/%3E%3C/svg%3E")}
.mi-chat{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 5h16v10H8l-4 4z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 5h16v10H8l-4 4z'/%3E%3C/svg%3E")}
.mi-user{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20c1.5-3.5 4-5 7-5s5.5 1.5 7 5'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20c1.5-3.5 4-5 7-5s5.5 1.5 7 5'/%3E%3C/svg%3E")}
.mi-gear{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M2 12h3M19 12h3M4.9 19.1 7 17M17 7l2.1-2.1'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M2 12h3M19 12h3M4.9 19.1 7 17M17 7l2.1-2.1'/%3E%3C/svg%3E")}
.mock-shell{display:flex;flex-direction:column;min-width:0;background:#121317}
.mock-chrome{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:0 20px;border-bottom:1px solid #ffffff0c;background:linear-gradient(180deg,#1a1b20,#14151a)}
.mock-crumb{display:flex;align-items:center;gap:8px;font-size:12px;color:#9a9aa6}
.mock-crumb>i:not(.mock-ghost){width:4px;height:4px;border-radius:50%;background:#5a5a66;flex:none}
.mock-crumb b{color:#f2f2f5;font-weight:650}
.mock-crumb .mock-ghost{flex:none}
.mock-tools{display:flex;align-items:center;gap:8px}
.mock-tool{width:30px;height:30px;border-radius:11px;background:#ffffff0c;border:1px solid #ffffff14;box-shadow:inset 0 1px 0 #ffffff10}
.mock-jump{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border:1px solid #ffffff14;border-radius:999px;background:linear-gradient(180deg,#22232a,#18191e);font-size:11px;color:#a8a8b3;box-shadow:inset 0 1px 0 #ffffff0c}
.mock-jump kbd{font:600 10px/1 ui-monospace,monospace;padding:3px 6px;border-radius:7px;background:#ffffff12;color:#d2d2da}
.mock-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#30101c;color:#ffb5c4;font-size:11px;font-weight:700;border:1px solid #ffffff1c;box-shadow:0 6px 14px #0005}
.mock-avatar-ghost{color:transparent;background:linear-gradient(135deg,#4a1c2c,#241018);border-color:#ffffff18}
.mock-avatar-ghost::after{content:"";width:14px;height:8px;border-radius:99px;background:#ffffff28}
.mock-main{padding:18px 20px 22px;min-width:0;background:linear-gradient(180deg,#17181c,#131418);flex:1}
.mock-eyebrow{margin:0 0 6px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ff91a5;font-weight:700}
.mock-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}
.mock-heading h3{margin:0 0 4px;font-size:26px;letter-spacing:-.04em;font-weight:700}
.mock-heading p{margin:0;font-size:12px;color:#9a9aa6;line-height:1.45;max-width:36ch}
.mock-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.mock-seg{display:inline-flex;padding:4px;border-radius:999px;background:#1c1d21;border:1px solid #34343d;gap:2px;box-shadow:inset 0 1px 0 #ffffff08}
.mock-seg span,.mock-seg b{display:inline-flex;align-items:center;min-height:30px;padding:0 14px;border-radius:999px;font-size:12px;color:#b3b3b3;font-weight:600}
.mock-seg .is-on,.mock-seg span.is-on,.mock-seg b.is-on{background:linear-gradient(145deg,#e11d3f,#b9102c);color:#fff;box-shadow:0 6px 14px #d90b2e33}
.mock-actions{display:flex;gap:8px}
.mock-actions span{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid #34343d;background:linear-gradient(180deg,#22232a,#1a1b20);font-size:12px;color:#c8c8d0}
.mock-period{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:12px}
.mock-period strong{font-size:14px;letter-spacing:-.02em}
.mock-period>span{font-size:12px;color:#8e8e9a}
.mock-period-nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.mock-period-nav button{min-width:34px;min-height:34px;border-radius:12px;border:1px solid #34343d;background:linear-gradient(180deg,#22232a,#1a1b20);color:#f4f4f4;font:inherit;box-shadow:inset 0 1px 0 #ffffff0a}
.mock-period-nav button.is-on{background:linear-gradient(145deg,#e11d3f,#b9102c);border-color:#d90b2e;box-shadow:0 6px 14px #d90b2e33}
.mock-seg-sm b{min-height:28px;padding:0 10px;font-size:11px}
.mock-weekgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;min-height:290px}
.mock-day{min-width:0;border:1px solid #2a2a34;border-radius:16px;background:linear-gradient(180deg,#16171c,#121316);padding:10px 8px;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 1px 0 #ffffff08}
.mock-day.is-today{border-color:#d90b2e66;background:linear-gradient(180deg,#27141c,#121316 52%);box-shadow:0 0 0 1px #d90b2e22,inset 0 1px 0 #ffffff10}
.mock-day header{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 5px;align-items:end;padding:1px 3px 7px;border-bottom:1px solid #ffffff0a}
.mock-day header b{grid-row:1/3;font-size:24px;line-height:1;letter-spacing:-.05em;font-weight:700}
.mock-day header b .mock-ghost{width:18px;height:18px;border-radius:6px}
.mock-day header small{font-size:10px;color:#8e8e9a}
.mock-day header small .mock-ghost{width:22px;height:6px}
.mock-day header em{grid-column:2;justify-self:start;font-style:normal;font-size:9px;color:#ff91a5;font-weight:650;letter-spacing:.04em;text-transform:uppercase}
.mock-day header em .mock-ghost{width:14px;height:6px;background:linear-gradient(90deg,#ed174c44,#ed174c77,#ed174c44)}
.zynkup-browser-address .mock-ghost{width:min(220px,42vw);height:8px;background:linear-gradient(90deg,#3ecf8e44,#3ecf8e77,#3ecf8e44)}
.mock-jump .mock-ghost{width:72px}
.mock-empty{margin:auto 0;padding:18px 6px;text-align:center;font-size:10px;line-height:1.4;color:#5f5f6a}
.mock-session{position:relative;padding:10px;border:1px solid #32323c;border-radius:14px;background:linear-gradient(165deg,#1e1f25,#18191e);box-shadow:0 8px 18px #0004,inset 0 1px 0 #ffffff08}
.mock-session.is-booked{border-color:#2f5a45;background:linear-gradient(145deg,#1a2c24,#1a1b1f)}
.mock-session.is-join{border-color:#d90b2e77;background:linear-gradient(160deg,#32141e,#1a1b1f 70%);box-shadow:0 0 0 1px #d90b2e28,0 14px 28px #0007,inset 0 1px 0 #ffffff12}
.mock-session-top{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:5px}
.mock-session time{font-size:10px;font-weight:700;letter-spacing:-.02em;color:#ececf1;white-space:nowrap}
.mock-session h4{margin:0 0 7px;font-size:12px;letter-spacing:-.02em;line-height:1.25}
.mock-badge{display:inline-flex;align-items:center;min-height:18px;padding:0 8px;border-radius:999px;background:#d90b2e24;color:#ff91a5;font-size:9px;font-weight:700;letter-spacing:.02em}
.mock-badge.is-booked{background:#1f3a2d;color:#84dfb6}
.mock-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-height:14px}
.mock-meta>span{font-size:10px;color:#8e8e9a}
.mock-ghost{display:inline-block;height:8px;width:42px;border-radius:99px;background:linear-gradient(90deg,#ffffff14,#ffffff22,#ffffff14);opacity:.9;vertical-align:middle}
.mock-ghost-lg{width:58px}
.mock-ghost-sm{width:28px}
.mock-ghost-xl{width:92px;height:9px}
.mock-ghost-title{display:block;width:min(180px,46%);height:22px;border-radius:8px;margin:0 0 8px}
h3.mock-ghost-title,.mock-heading h3.fake{font-size:0;line-height:0}
.mock-ghost-num{display:block;width:54px;height:42px;border-radius:10px;background:linear-gradient(90deg,#ffffff18,#ffffff28,#ffffff18)}
.mock-ghost-block{display:inline-block;width:48px;height:14px;border-radius:6px;background:linear-gradient(90deg,#ffffff14,#ffffff22,#ffffff14)}
.mock-cta .mock-ghost,.mock-badge .mock-ghost,.mock-usage-status .mock-ghost,.mock-wallet-chip .mock-ghost,.mock-ghost-btn .mock-ghost{background:linear-gradient(90deg,#ffffff22,#ffffff33,#ffffff22)}
.mock-badge.is-booked .mock-ghost{background:linear-gradient(90deg,#84dfb644,#84dfb688,#84dfb644)}
.mock-session time .mock-ghost{width:64px}
.mock-empty{display:flex;flex-direction:column;align-items:center;gap:6px}
.mock-session p{margin:0;font-size:10px;line-height:1.4;color:#9a9aa6}
.mock-dur{display:block;margin-top:7px;text-align:right;font-size:10px;color:#6f6f7a}
.mock-session .mock-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:30px;margin-top:8px;padding:0 10px;border-radius:999px;background:linear-gradient(145deg,#e11d3f,#b9102c);color:#fff!important;font-size:11px;font-weight:650;box-shadow:0 8px 16px #d90b2e44}
.mock-cta{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;background:linear-gradient(145deg,#e11d3f,#b9102c);color:#fff!important;font-size:11px;font-weight:650}
.mock-passes-main{display:flex;flex-direction:column;gap:18px}
.mock-pass-stage-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.mock-pass-stage-head h4{margin:0;font-size:18px;letter-spacing:-.03em}
.mock-pass-stage-head h4.mock-ghost-title{font-size:0;line-height:0}
.mock-pass-stage-head .mock-eyebrow{display:flex;align-items:center;min-height:14px;margin:0 0 8px}
.mock-ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:0;min-height:36px;min-width:88px;padding:0 14px;border:1px solid #3a3a46;border-radius:999px;background:linear-gradient(180deg,#24252c,#1c1d22);font-size:0;color:transparent;box-shadow:inset 0 1px 0 #ffffff0c}
.mock-wallet-shell{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px}
.mock-pass-nav{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;border:1px solid #3a3a46;background:linear-gradient(180deg,#24252c,#1c1d22);color:#d4d4da;font-size:16px;box-shadow:inset 0 1px 0 #ffffff0c,0 8px 18px #0004}
.mock-wallet{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);min-height:210px;border:1px solid #ed174c55;border-radius:20px;overflow:hidden;color:#fff7f9;background:radial-gradient(ellipse 70% 80% at 100% 0,#ed174c40,transparent 55%),linear-gradient(155deg,#2c1420,#18131a 48%,#1f141c);box-shadow:0 22px 48px #00000066,0 0 0 1px #ed174c22,inset 0 1px 0 #ffffff18}
.mock-wallet::before,.mock-wallet::after{content:"";position:absolute;left:112px;z-index:2;width:16px;height:16px;border-radius:50%;background:#131418;transform:translateX(-50%);box-shadow:0 0 0 1px #3a283055}
.mock-wallet::before{top:-8px}
.mock-wallet::after{bottom:-8px}
.mock-wallet-stub{display:grid;place-items:center;padding:16px 12px;position:relative;background:linear-gradient(180deg,#ffffff06,transparent)}
.mock-wallet-stub::after{content:"";position:absolute;top:18px;bottom:18px;right:0;border-right:1.5px dashed #4a3540;pointer-events:none}
.mock-qr-link{display:grid;place-items:center;border-radius:14px;text-decoration:none;outline:none}
.mock-qr-link:focus-visible{box-shadow:0 0 0 3px #ff203688}
.mock-qr{
  display:block;width:78px;height:78px;border-radius:12px;background:#fff;padding:6px;box-sizing:border-box;
  box-shadow:0 10px 22px #0007,0 0 0 1px #ffffff22;
}
.mock-wallet-body{display:flex;flex-direction:column;gap:12px;padding:18px 18px 16px 16px;min-width:0}
.mock-wallet-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.mock-wallet-brand{display:inline-flex;align-items:center;margin-bottom:8px;min-height:12px}
.mock-wallet-brand span{color:#ed174c}
.mock-wallet-head h4{margin:0;font-size:0;line-height:0;font-weight:650;display:flex;align-items:center;min-height:18px}
.mock-wallet-chip{display:inline-flex;align-items:center;justify-content:center;min-height:26px;min-width:52px;padding:0 11px;border:1px solid #ed174c55;border-radius:999px;background:#2a1a22;font-size:0;box-shadow:inset 0 1px 0 #ffffff12}
.mock-wallet-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.mock-wallet-hero strong,.mock-wallet-hero .mock-ghost-num{display:block;font-size:42px;line-height:.9;letter-spacing:-.08em}
.mock-wallet-hero span{display:flex;align-items:center;margin-top:8px;min-height:11px;font-size:0;color:#c9b4bc}
.mock-wallet-side{text-align:right}
.mock-wallet-side b{display:flex;justify-content:flex-end;align-items:center;min-height:16px;font-size:0}
.mock-wallet-meter{display:flex;height:8px;overflow:hidden;border-radius:999px;background:#ffffff14;box-shadow:inset 0 1px 2px #0005}
.mock-wallet-meter i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ff8aa5,#ed174c)}
.mock-wallet-meter i.held{background:#ffffff45;border-radius:0 999px 999px 0}
.mock-wallet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding-top:10px;border-top:1px solid #4a354055}
.mock-wallet-grid dt{margin:0 0 6px;font-size:0;color:#c9b4bc;min-height:10px;display:flex;align-items:center}
.mock-wallet-grid dd{margin:0;font-size:0;font-weight:650;min-height:14px;display:flex;align-items:center}
.mock-usage{display:flex;flex-direction:column;gap:10px}
.mock-usage-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.mock-usage-head h4{margin:0;font-size:0;line-height:0;min-height:16px;display:flex;align-items:center}
.mock-usage-head .mock-eyebrow{display:flex;align-items:center;min-height:12px;margin:0 0 8px}
.mock-usage-count{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:26px;padding:5px 10px;border:1px solid #34343d;border-radius:999px;background:#1c1d22;font-size:0}
.mock-usage-list{display:flex;flex-direction:column;gap:8px}
.mock-usage-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid #32323c;border-radius:16px;background:linear-gradient(165deg,#1e1f25,#18191e);box-shadow:0 8px 18px #0003,inset 0 1px 0 #ffffff08}
.mock-usage-when{display:flex;flex-direction:column;gap:6px}
.mock-usage-when strong,.mock-usage-when span{display:flex;align-items:center;min-height:11px;font-size:0;color:transparent}
.mock-usage-info h5{margin:0 0 6px;font-size:0;line-height:0;min-height:14px;display:flex;align-items:center}
.mock-usage-info p{margin:0;display:flex;gap:6px;align-items:center;min-height:10px;font-size:0}
.mock-usage-status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;min-width:44px;padding:0 12px;border-radius:999px;border:1px solid #34343d;font-size:0;color:transparent;white-space:nowrap;background:#1c1d22}
.mock-usage-status.is-on{border-color:#2f5a45;background:linear-gradient(160deg,#244836,#1a2f26);box-shadow:0 0 0 1px #84dfb622}
.mock-usage-status.is-on .mock-ghost{background:linear-gradient(90deg,#84dfb655,#84dfb688,#84dfb655)}
.zynkup-browser-address{display:inline-flex;align-items:center;min-height:14px;font-size:0;color:transparent}
.mock-phone .mock-phone-screen{background:#171717!important;color:#f4f4f4;padding:52px 14px 62px}
.mock-phone-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.mock-phone-brand{display:flex;align-items:center;gap:8px;font:700 13px/1 Inter,sans-serif;min-height:24px}
.mock-phone-brand img{width:24px;height:24px;flex:none}
.mock-phone-brand .mock-ghost{width:64px;height:8px}
.mock-phone-top .mock-avatar-ghost{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#4a1c2c,#241018);border:1px solid #ffffff18}
.mock-phone-next{padding:16px;margin-bottom:12px;border:1px solid #6c243c;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#b91c4240,transparent 65%),linear-gradient(135deg,#29101e,#181019)}
.mock-phone-next small{display:flex;align-items:center;min-height:12px;margin-bottom:10px}
.mock-phone-next small .mock-ghost{width:88px;height:7px;background:linear-gradient(90deg,#ed174c55,#ed174c88,#ed174c55)}
.mock-phone-next strong{display:block;font-size:0;line-height:0;margin-bottom:10px}
.mock-phone-next strong .mock-ghost{width:70%;height:14px}
.mock-phone-next p{margin:0 0 14px;display:flex;flex-wrap:wrap;gap:8px;min-height:12px}
.mock-phone-next p .mock-ghost{height:8px}
.mock-phone-next .mock-cta{display:inline-flex;align-items:center;justify-content:center;min-height:32px;min-width:96px;padding:0 14px;border-radius:10px;background:linear-gradient(145deg,#e11d3f,#b9102c);font-size:0}
.mock-phone-pass{display:flex;align-items:center;gap:10px;padding:14px 16px;margin-bottom:12px;border:1px solid #414141;border-radius:14px;background:#222}
.mock-phone-pass small{display:flex;align-items:center;margin-right:auto;min-height:12px}
.mock-phone-pass small .mock-ghost{width:42px;height:7px}
.mock-phone-pass .mock-ghost-num{width:36px;height:28px;border-radius:8px;flex:none;background:linear-gradient(90deg,#ed174c44,#ed174c77,#ed174c44)}
.mock-phone-pass span{display:flex;align-items:center;min-height:12px}
.mock-phone-pass span .mock-ghost{width:78px;height:8px}
.mock-phone-list{display:grid;gap:8px}
.mock-phone-list div{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #414141;border-radius:12px;background:#222;font-size:0}
.mock-phone-list b{display:flex;align-items:center;min-width:42px;min-height:14px}
.mock-phone-list b .mock-ghost{width:36px;height:10px}
.mock-phone-list span{display:flex;align-items:center;flex:1;min-height:12px}
.mock-phone-list span .mock-ghost{width:56%;height:8px}
.mock-phone-dock{position:absolute;left:0;right:0;bottom:0;height:54px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:0 18px;border-top:1px solid #414141;background:#1d1e21}
.mock-phone-dock span{justify-self:center;width:18px;height:18px;border-radius:6px;background:#343434}
.mock-phone-dock span.is-on{background:#d90b2e}
.zynkup-phone-label-ghost{display:inline-flex;align-items:center;gap:8px;font-size:0;color:transparent}
.zynkup-phone-label-ghost .mock-ghost{background:linear-gradient(90deg,#ed174c55,#ed174c88,#ed174c55)}
@media(max-width:1200px){
 .showcase-annot,
 .showcase-annot-svg,
 .showcase-frame .showcase-annot,
 .showcase-frame .showcase-annot-svg,
 .showcase-annot-passes-label,
 .showcase-annot-calendar-label{display:none!important}
 .mock-session.is-join{outline:none}
 .showcase-frame,.showcase-frame-passes{padding-bottom:0}
}
@media(max-width:1100px){
 .mock-weekgrid{grid-template-columns:repeat(5,minmax(0,1fr))}
 .mock-day-hide-sm{display:none}
 .mock-day header b{font-size:22px}
}
@media(max-width:900px){
 .mock-app,.mock-app-current{grid-template-columns:56px 1fr;min-height:420px}
 .mock-chrome .mock-jump{display:none}
 .mock-heading h3{font-size:22px}
 .mock-wallet-shell{grid-template-columns:1fr}
 .mock-pass-nav{display:none}
 .mock-wallet{grid-template-columns:1fr}
 .mock-wallet::before,.mock-wallet::after{display:none}
 .mock-wallet-stub{padding-bottom:0}
 .mock-wallet-stub::after{top:auto;bottom:0;left:16px;right:16px;width:auto;height:0;border-right:0;border-bottom:1.5px dashed #3a2830}
 .mock-wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mock-usage-row{grid-template-columns:48px minmax(0,1fr)}
 .mock-usage-status{grid-column:2;justify-self:start}
}
@media(max-width:640px){
 .mock-app,.mock-app-current{grid-template-columns:1fr;min-height:0}
 .mock-rail{display:none}
 .mock-chrome{display:none}
 .mock-main{padding:16px}
 .mock-weekgrid{grid-template-columns:1fr;min-height:0}
 .mock-period-nav .mock-seg{display:none}
}

/* ——— Phone promo rework: readable hero + phone-framed product mocks ——— */
@media(max-width:640px){
  .landing-page{overflow-x:clip}
  .landing-page main>section{
    padding-left:max(18px,env(safe-area-inset-left))!important;
    padding-right:max(18px,env(safe-area-inset-right))!important;
  }

  /* Hero: full message, stacked CTAs, premium pass card */
  .landing-hero{
    padding-top:max(18px,env(safe-area-inset-top))!important;
    padding-bottom:36px!important;
  }
  .landing-hero-grid{gap:20px}
  .landing-hero h1{
    font-size:clamp(34px,9.2vw,46px)!important;
    line-height:1.04!important;
    margin-bottom:14px!important;
  }
  .landing-hero p[data-i18n="heroP"]{
    display:block!important;
    -webkit-line-clamp:unset!important;
    overflow:visible!important;
    font-size:15px!important;
    line-height:1.55!important;
    margin-bottom:18px!important;
  }
  .landing-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%;
  }
  .landing-hero-actions .btn{
    width:100%!important;
    min-height:48px!important;
    justify-content:center;
    border-radius:999px!important;
    font-size:15px!important;
  }
  .landing-hero-trust{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    font-size:13px;
  }
  .landing-hero-stage{
    width:100%;
    justify-items:stretch;
    margin-top:4px;
  }
  .hero-brand-scene{
    width:min(64%,240px)!important;
    opacity:.13!important;
  }

  /* Showcase copy rhythm */
  .showcase{padding-top:40px!important;padding-bottom:28px!important}
  .showcase-copy h2{
    font-size:clamp(30px,8.4vw,38px)!important;
    line-height:1.08!important;
    margin-bottom:12px!important;
  }
  .showcase-copy p{font-size:15px!important;line-height:1.55!important}
  .showcase-media{
    padding:8px 0 8px!important;
    display:flex!important;
    justify-content:center!important;
  }
  .showcase-frame,.showcase-frame-passes{padding-bottom:0!important;width:100%}

  /* Desktop browser chrome → phone bezel on small screens */
  .showcase .zynkup-browser-mockup{
    --mock-radius:36px;
    width:min(100%,340px)!important;
    margin:0 auto!important;
    padding:11px!important;
    border:0!important;
    border-radius:36px!important;
    background:linear-gradient(145deg,#5a5b63,#0a0b0e 20%,#1e1f25 68%,#6e6f78)!important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.18),
      0 28px 60px rgba(0,0,0,.62),
      inset 0 0 0 2px rgba(255,255,255,.22)!important;
    isolation:isolate;
  }
  .showcase .zynkup-browser-mockup::before{
    content:"";
    position:absolute;
    z-index:5;
    left:50%;
    top:18px;
    width:92px;
    height:22px;
    border-radius:99px;
    background:#050506;
    transform:translateX(-50%);
    pointer-events:none;
  }
  .showcase .zynkup-browser-bar,
  .showcase .zynkup-browser-foot{display:none!important}
  .showcase .zynkup-browser-screen{
    border-radius:28px!important;
    overflow:hidden;
    background:#111214!important;
  }
  .showcase .zynkup-browser-screen::after{border-radius:inherit}
  .showcase-media::before{
    inset:18% 12% 22%;
    filter:blur(22px);
    opacity:.9;
  }

  /* Schedule mock → vertical day list (phone day view) */
  .showcase-calendar .mock-main{
    padding:54px 14px 18px!important;
    background:linear-gradient(180deg,#17181c,#121317)!important;
  }
  .showcase-calendar .mock-eyebrow,
  .showcase-calendar .mock-heading,
  .showcase-calendar .mock-toolbar,
  .showcase-calendar .mock-period{display:none!important}
  .showcase-calendar .mock-weekgrid{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    min-height:0!important;
  }
  .showcase-calendar .mock-day{display:none!important}
  .showcase-calendar .mock-day:has(.mock-session.is-join),
  .showcase-calendar .mock-day:has(.mock-session.is-booked){display:flex!important;flex-direction:column}
  .showcase-calendar .mock-day{
    border-radius:18px!important;
    padding:12px!important;
    gap:10px!important;
  }
  .showcase-calendar .zynkup-browser-mockup{max-height:min(72vh,560px)}
  .showcase-calendar .zynkup-browser-screen{max-height:100%;overflow:auto}
  .showcase-calendar .mock-day header{
    display:flex;
    align-items:baseline;
    gap:8px;
    margin-bottom:2px;
  }
  .showcase-calendar .mock-day header b{font-size:22px}
  .showcase-calendar .mock-session{
    border-radius:14px!important;
    padding:12px!important;
  }
  .showcase-calendar .mock-session .mock-cta{
    min-height:36px;
    margin-top:10px;
    border-radius:999px;
  }

  /* Passes mock → phone wallet stack */
  .showcase-passes .mock-main{
    padding:54px 14px 18px!important;
  }
  .showcase-passes .mock-pass-stage-head h4{font-size:16px}
  .showcase-passes .mock-wallet{
    border-radius:18px!important;
    min-height:0!important;
  }
  .showcase-passes .mock-wallet-stub{padding:14px 14px 0!important}
  .showcase-passes .mock-wallet-stub .mock-qr{width:72px;height:72px;border-radius:12px;padding:5px}
  .showcase-passes .mock-usage-list{gap:8px}
  .showcase-passes .mock-usage-row{
    border-radius:14px!important;
    padding:12px!important;
  }

  /* Mobile app section: larger phone, clearer hierarchy */
  .zynkup-mobile-inner{
    width:calc(100% - 24px)!important;
    padding:48px 0 44px!important;
    gap:28px!important;
  }
  .zynkup-mobile-copy h2{
    font-size:clamp(32px,9vw,40px)!important;
    line-height:1.08!important;
  }
  .zynkup-mobile-copy .btn-primary{
    width:100%;
    min-height:50px;
    border-radius:999px!important;
  }
  .zynkup-phone-stage{width:100%;place-items:center}
  .mock-phone-next,
  .mock-phone-pass{
    border-radius:16px!important;
  }
  .mock-phone-list div{border-radius:14px!important}

  /* Access / why / pricing touch targets */
  .access-section{padding-top:48px!important;padding-bottom:36px!important}
  .access-steps li{gap:12px}
  .pricing-card{
    border-radius:22px!important;
    padding:24px!important;
  }
  .pricing-card .btn,
  .pricing-card a.btn,
  .plan-more{
    width:100%;
    min-height:48px;
    border-radius:999px!important;
    justify-content:center;
  }
  .compare-card,
  .funkcio-grid>div,
  .why-grid article,
  .why-card{
    border-radius:20px!important;
  }
  .zynkup-header{
    width:calc(100% - 20px)!important;
    left:10px;
    right:10px;
    border-radius:18px!important;
  }
  .zynkup-dropdown a,
  .zynkup-dropdown-cta{
    min-height:48px;
    border-radius:14px;
  }
}

@media(max-width:900px) and (min-width:641px){
  .landing-hero p[data-i18n="heroP"]{
    display:block!important;
    -webkit-line-clamp:unset!important;
    overflow:visible!important;
  }
  .showcase .zynkup-browser-mockup{
    width:min(100%,720px)!important;
    margin-inline:auto!important;
  }
}

/* ——— Phone-first polish: denser layout, readable mocks, sticky CTA ——— */
.zynkup-sticky-cta{display:none}

@media(max-width:640px){
  html{scroll-padding-top:84px}
  body{
    padding-bottom:calc(84px + env(safe-area-inset-bottom,0px));
    overflow-x:clip;
  }
  section[id]{scroll-margin-top:84px}

  .landing-page main>section,
  .landing-page main>section.seo-faq,
  .landing-page main>section.landing-pricing,
  .landing-page main>section.access-section{
    padding-left:max(16px,env(safe-area-inset-left))!important;
    padding-right:max(16px,env(safe-area-inset-right))!important;
  }

  .landing-hero{
    padding-top:max(12px,env(safe-area-inset-top))!important;
    padding-bottom:28px!important;
  }
  .landing-hero-copy{max-width:100%}
  .landing-hero h1{
    font-size:clamp(32px,8.8vw,44px)!important;
    line-height:1.05!important;
  }
  .landing-hero p[data-i18n="heroP"]{
    font-size:15px!important;
    line-height:1.55!important;
  }
  .landing-hero-trust span{
    min-height:36px;
    padding:8px 0;
  }

  .compare-grid,
  .funkcio-grid,
  .practice-points,
  .why-grid{
    gap:12px!important;
  }
  .compare-card,
  .funkcio-grid>div,
  .why-grid article,
  .why-card,
  .practice-points article{
    padding:18px!important;
    border-radius:18px!important;
  }
  .compare-card h3,
  .funkcio-grid h3{
    font-size:22px!important;
    line-height:1.2!important;
  }
  .compare-card p,
  .funkcio-grid p,
  .why-grid p,
  .practice-points p{
    font-size:14px!important;
    line-height:1.55!important;
  }

  .showcase>div{
    padding-left:0!important;
    padding-right:0!important;
  }
  .showcase-copy{
    text-align:left;
    padding-inline:2px;
  }
  .showcase-copy h2{
    font-size:clamp(28px,7.8vw,36px)!important;
  }
  .showcase-copy p,
  .showcase-copy>div[style*="flex-direction:column"]{
    max-width:100%!important;
  }

  /* Calendar phone mock: only live sessions, readable type */
  .showcase-calendar .mock-session:not(.is-join):not(.is-booked),
  .showcase-calendar .mock-empty{display:none!important}
  .showcase-calendar .mock-session{
    font-size:13px;
  }
  .showcase-calendar .mock-session time{
    font-size:13px!important;
    color:#fff;
  }
  .showcase-calendar .mock-session h4{
    font-size:15px!important;
    margin-bottom:8px!important;
    color:#f4f3f5;
  }
  .showcase-calendar .mock-session .mock-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px 10px;
    color:#a8a8b4;
    font-size:12px;
  }
  .showcase-calendar .mock-badge{
    font-size:11px;
    padding:4px 8px;
    border-radius:999px;
    background:#2a2a33;
    color:#d7d7e0;
  }
  .showcase-calendar .mock-badge.is-booked{
    background:#1f3a2d;
    color:#84dfb6;
  }
  .showcase-calendar .mock-session .mock-cta{
    min-height:40px!important;
    font-size:13px!important;
  }
  .showcase-calendar .mock-dur{
    display:inline-flex;
    margin-top:8px;
    font-size:12px;
    color:#84dfb6;
  }
  .showcase-calendar .zynkup-browser-mockup{
    width:min(100%,332px)!important;
  }

  /* Passes phone mock: readable wallet */
  .showcase-passes .mock-pass-nav{display:none}
  .showcase-passes .mock-wallet-shell{display:block}
  .showcase-passes .mock-eyebrow{
    margin:0 0 4px;
    font-size:11px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#ff8997;
  }
  .showcase-passes .mock-pass-stage-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
  }
  .showcase-passes .mock-pass-stage-head h4,
  .showcase-passes .mock-usage-head h4{
    margin:0;
    font-size:17px;
    color:#f4f3f5;
  }
  .showcase-passes .mock-ghost-btn{
    color:#e8e8ee;
    font-size:12px;
  }
  .showcase-passes .mock-wallet-head h4{
    margin:6px 0 0;
    font-size:18px;
    color:#fff;
  }
  .showcase-passes .mock-wallet-chip{
    color:#ffb0bb;
  }
  .showcase-passes .mock-wallet-hero strong{
    font-size:40px;
    color:#fff;
  }
  .showcase-passes .mock-wallet-hero span,
  .showcase-passes .mock-wallet-side span{
    color:#b4b2bd;
    font-size:12px;
  }
  .showcase-passes .mock-wallet-side b{
    display:block;
    font-size:18px;
    color:#fff;
  }
  .showcase-passes .mock-wallet-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin:14px 0 0;
  }
  .showcase-passes .mock-wallet-grid dt{
    font-size:10px;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:#8e8e9a;
  }
  .showcase-passes .mock-wallet-grid dd{
    margin:2px 0 0;
    font-size:13px;
    color:#ececf1;
  }
  .showcase-passes .mock-usage-head{
    display:flex;
    justify-content:space-between;
    align-items:end;
    margin:18px 0 10px;
  }
  .showcase-passes .mock-usage-count{
    font-size:12px;
    color:#ff8997;
  }
  .showcase-passes .mock-usage-when strong{
    display:block;
    font-size:13px;
    color:#fff;
  }
  .showcase-passes .mock-usage-when span,
  .showcase-passes .mock-usage-info p{
    font-size:11px;
    color:#9a9aa6;
  }
  .showcase-passes .mock-usage-info h5{
    margin:0 0 2px;
    font-size:13px;
    color:#ececf1;
  }
  .showcase-passes .mock-usage-row:nth-child(n+3){display:none}
  .showcase-passes .zynkup-browser-mockup{
    width:min(100%,332px)!important;
  }

  .zynkup-mobile-copy,
  .access-copy,
  .landing-pricing{
    text-align:left;
  }
  .zynkup-mobile-points{
    width:100%!important;
    max-width:100%!important;
  }
  .zynkup-mobile-points span{
    min-height:40px;
  }

  .plan-price{
    white-space:normal!important;
    font-size:clamp(26px,8vw,32px)!important;
  }
  .pricing-card{
    padding:20px!important;
  }
  .pricing-details{
    min-height:44px;
    align-items:center;
  }

  .seo-faq details{
    padding:4px 14px!important;
    border-radius:16px!important;
  }
  .seo-faq summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:52px;
    padding:10px 0;
    font-size:15px;
    line-height:1.35;
    list-style:none;
  }
  .seo-faq summary::-webkit-details-marker{display:none}
  .seo-faq summary::after{
    content:"";
    width:10px;
    height:10px;
    flex:none;
    border-right:2px solid #ff8997;
    border-bottom:2px solid #ff8997;
    transform:rotate(45deg);
    transition:transform .18s ease;
  }
  .seo-faq details[open] summary::after{
    transform:rotate(225deg);
    margin-top:6px;
  }
  .seo-faq details p{
    padding-bottom:12px;
    font-size:14px!important;
  }

  .zynkup-footer-links a,
  .seo-subpages a{
    min-height:44px;
    display:inline-flex;
    align-items:center;
  }

  .zynkup-sticky-cta{
    display:block;
    position:fixed;
    z-index:120;
    left:16px;
    right:16px;
    bottom:calc(14px + env(safe-area-inset-bottom,0px));
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    box-shadow:none;
    opacity:0;
    transform:translateY(12px);
    pointer-events:none;
    transition:opacity .22s cubic-bezier(.22,.7,.2,1),transform .22s cubic-bezier(.22,.7,.2,1);
  }
  .zynkup-sticky-cta.is-visible{
    opacity:1;
    transform:none;
    pointer-events:auto;
  }
  .zynkup-sticky-cta[hidden]{display:none!important}
  .zynkup-sticky-cta .btn{
    width:100%;
    min-height:52px!important;
    justify-content:center;
    border-radius:999px!important;
    font-size:15px!important;
    padding:14px 18px!important;
    box-shadow:0 14px 36px rgba(217,11,46,.42),0 8px 24px rgba(0,0,0,.45)!important;
  }
  body:has(.zynkup-dropdown.is-open) .zynkup-sticky-cta{opacity:0;pointer-events:none}
}

@media(max-width:380px){
  .landing-hero h1{font-size:clamp(28px,9vw,36px)!important}
  .showcase .zynkup-browser-mockup,
  .showcase-calendar .zynkup-browser-mockup,
  .showcase-passes .zynkup-browser-mockup{
    width:100%!important;
  }
  .zynkup-sticky-cta{left:12px;right:12px}
}

@media(prefers-reduced-motion:reduce){
  .seo-faq summary::after{transition:none}
}

/* Smooth motion + marketing view transitions */
:root{--z-motion-ease:cubic-bezier(.22,.7,.2,1);--z-motion-fast:220ms;--z-motion-med:420ms}
html{scroll-behavior:smooth;scroll-padding-top:110px}
a,button,.btn,.pricing-card,.compare-card,.funkcio-grid>div,.why-grid article,.why-card,.zynkup-header,.zynkup-dropdown a,.zynkup-sticky-cta,.zynkup-footer-links a,.seo-subpages a,.pricing-details,.plan-more,.why-hub-link a{
  transition:transform var(--z-motion-fast) var(--z-motion-ease),opacity var(--z-motion-fast) var(--z-motion-ease),background-color var(--z-motion-fast) var(--z-motion-ease),border-color var(--z-motion-fast) var(--z-motion-ease),box-shadow var(--z-motion-fast) var(--z-motion-ease),color var(--z-motion-fast) var(--z-motion-ease),filter var(--z-motion-fast) var(--z-motion-ease);
}
.zynkup-dropdown{
  transition:opacity .22s var(--z-motion-ease),transform .22s var(--z-motion-ease),visibility .22s var(--z-motion-ease)!important;
}

/* Polished hovers */
.zynkup-dropdown a{
  position:relative;
  transition:background .28s var(--z-motion-ease),color .28s var(--z-motion-ease),transform .28s var(--z-motion-ease),box-shadow .28s var(--z-motion-ease)!important;
}
.zynkup-dropdown a:hover,
.zynkup-dropdown a:focus-visible{
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(0,0,0,.18);
}
.zynkup-dropdown .zynkup-dropdown-cta:hover,
.zynkup-dropdown .zynkup-dropdown-cta:focus-visible{
  background:linear-gradient(135deg,#ff4a5c,#f01f35)!important;
  box-shadow:0 14px 34px rgba(255,32,54,.38)!important;
  transform:translateY(-2px) scale(1.02);
}
.zynkup-language button{
  transition:background .28s var(--z-motion-ease),color .28s var(--z-motion-ease),box-shadow .28s var(--z-motion-ease),transform .28s var(--z-motion-ease)!important;
}
.zynkup-language button:hover{
  color:#fff;
  background:rgba(255,255,255,.1);
  transform:translateY(-1px);
}
.zynkup-language button[aria-pressed=true]:hover{
  box-shadow:0 10px 22px rgba(255,32,54,.36);
}
.btn{
  transition:background .28s var(--z-motion-ease),border-color .28s var(--z-motion-ease),transform .28s var(--z-motion-ease),box-shadow .28s var(--z-motion-ease),color .28s var(--z-motion-ease)!important;
}
.btn-primary:hover{
  background:#c91832!important;
  border-color:#e02440!important;
  box-shadow:0 16px 36px rgba(176,16,40,.38)!important;
  transform:translateY(-3px);
}
.btn-primary:active{transform:translateY(-1px) scale(.985)}
.btn-ghost:hover{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.42)!important;
  color:#fff!important;
  transform:translateY(-2px);
}
.compare-card,.funkcio-grid>div,.pricing-card,.why-card{
  transition:transform .32s var(--z-motion-ease),border-color .32s var(--z-motion-ease),box-shadow .32s var(--z-motion-ease),background .32s var(--z-motion-ease)!important;
}
.compare-card:hover,.pricing-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,77,101,.42)!important;
  box-shadow:0 22px 48px rgba(0,0,0,.28);
}
.pricing-card.is-featured:hover{
  border-color:rgba(255,66,90,.72)!important;
  box-shadow:0 26px 54px rgba(217,11,46,.22);
}
.why-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,77,101,.5)!important;
  box-shadow:0 22px 44px rgba(0,0,0,.28);
}
.why-card:hover .why-card-more,.pricing-details:hover,.plan-more:hover,.why-hub-link a:hover{
  color:#ffc0c8!important;
}
.zynkup-footer-links a:hover,.seo-subpages a:hover{
  color:#ff8997!important;
  transform:translateY(-1px);
}
.zynkup-wordmark{
  transition:transform .28s var(--z-motion-ease),filter .28s var(--z-motion-ease);
}
.zynkup-wordmark:hover{transform:translateY(-1px);filter:brightness(1.08)}
.hero-brand-scene{
  transition:opacity .45s var(--z-motion-ease),transform .45s var(--z-motion-ease);
}
.landing-hero-stage:hover .hero-brand-scene{
  opacity:.24;
  transform:translateY(-4px) scale(1.02);
}

::view-transition-old(root),::view-transition-new(root){animation-duration:280ms;animation-timing-function:var(--z-motion-ease)}
::view-transition-old(root){animation-name:z-marketing-out}
::view-transition-new(root){animation-name:z-marketing-in}
@keyframes z-marketing-out{to{opacity:0;filter:blur(2px);transform:translateY(-4px)}}
@keyframes z-marketing-in{from{opacity:0;filter:blur(2px);transform:translateY(10px)}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
  .compare-card:hover,.funkcio-grid>div:hover,.pricing-card:hover,.why-card:hover,.btn-primary:hover,.btn-ghost:hover,.zynkup-dropdown a:hover,.landing-hero-stage:hover .hero-brand-scene{
    transform:none!important;
  }
}

/* ——— Mobile first-viewport fit (320–430px): hero card + phone mock never clip ——— */
/* Pricing amount is its own span (rendered from the shared catalog) — keep it styled like the old inline text. */
.plan-price .plan-amount{display:inline;margin:0;font:inherit;letter-spacing:inherit;color:inherit;white-space:nowrap}

@media(max-width:640px){
  .zynkup-header{top:max(10px,env(safe-area-inset-top,0px))!important}
  /* The generic 1680px section rule leaves 32px + padding gutters; win that width back on phones. */
  .landing-page main>section.landing-hero{max-width:calc(100% - 16px)!important;margin-inline:auto!important;min-height:0!important}
  .landing-page .landing-hero{padding-top:max(14px,env(safe-area-inset-top,0px))!important;padding-bottom:20px!important;padding-left:max(14px,env(safe-area-inset-left,0px))!important;padding-right:max(14px,env(safe-area-inset-right,0px))!important}
  .landing-page .landing-hero-grid{gap:14px!important}
  .landing-page .landing-hero [data-fade][style*="inline-flex"]{margin-bottom:10px!important;max-width:100%}
  /* "Több szakosztály." has to stay on one line down to 320px, otherwise the h1 eats the fold. */
  .landing-page .landing-hero h1{font-size:clamp(25px,7.7vw,36px)!important;line-height:1.05!important;margin-bottom:10px!important}
  .landing-page .landing-hero p[data-i18n="heroP"]{font-size:clamp(13.5px,3.9vw,15px)!important;line-height:1.5!important;margin-bottom:14px!important}
  .landing-page .landing-hero-actions{gap:8px!important}
  .landing-page .landing-hero-actions .btn{min-height:46px!important;padding:11px 16px!important}
  .landing-page .landing-hero-stage{min-height:0!important;width:100%;max-width:100%;overflow:visible;padding:0!important}
  .hero-brand-scene{width:min(52%,200px)!important;opacity:.12!important}
  .landing-page .landing-hero-trust{gap:6px!important}

  /* Phone mock: height follows its content, so nothing is cut at 320px; width also respects the dynamic viewport height. */
  .zynkup-mobile-showcase{min-height:0!important}
  .zynkup-phone-stage{--phone-w:clamp(248px,78vw,300px);min-height:0!important;max-width:100%;padding:4px 0 8px!important}
  .zynkup-css-phone{width:var(--phone-w)!important;max-width:100%;height:auto!important;aspect-ratio:auto!important;box-sizing:border-box}
  .zynkup-css-phone .zynkup-phone-screen{height:auto!important;min-height:calc(var(--phone-w)*1.8);padding-bottom:calc(54px + 14px)!important}
  .plan-price .plan-amount{white-space:nowrap}
}
@supports (height:100dvh){
  @media(max-width:640px){
    .zynkup-phone-stage{--phone-w:clamp(248px,min(78vw,calc((100dvh - 150px)*.4875)),300px)}
    .zynkup-header .zynkup-dropdown{max-height:calc(100dvh - 90px)}
  }
}
/* Short phones (iPhone SE class / browser chrome showing): keep the fold lean. */
@media(max-width:640px) and (max-height:720px){
  .landing-page .landing-hero p[data-i18n="heroP"]{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3!important;overflow:hidden!important;margin-bottom:12px!important}
  .landing-page .landing-hero-actions .btn{min-height:44px!important}
  .hero-brand-scene{width:min(46%,170px)!important;opacity:.1!important}
}
@media(max-width:340px){
  .landing-page .landing-hero h1{font-size:clamp(24px,7.4vw,28px)!important}
  .zynkup-sticky-cta{left:10px;right:10px}
}
@media(prefers-reduced-motion:reduce){
  .zynkup-css-phone,.zynkup-phone-stage:hover .zynkup-css-phone,.hero-brand-scene,.zynkup-sticky-cta{transform:none!important;transition:none!important}
  .zynkup-sticky-cta{transition:none!important}
}

/* ——— #funkciok: editorial flow, not a 2×2 card kit ——— */
#funkciok.funkcio-section{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:clamp(56px,8vw,96px) 0 clamp(48px,7vw,80px)!important;
  border-top:1px solid rgba(255,255,255,.1);
}
#funkciok .funkcio-head{
  width:min(var(--landing-max),calc(100% - 64px));
  margin:0 auto clamp(28px,4vw,48px);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
  gap:18px 48px;
  align-items:end;
}
#funkciok .funkcio-kicker{
  margin:0;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#9a9aa6;
  font-weight:600;
  align-self:start;
}
#funkciok .funkcio-head h2{
  margin:0;
  grid-column:2;
  max-width:14ch;
  font-size:clamp(34px,4.4vw,58px);
  line-height:1.05;
  letter-spacing:-.04em;
  font-weight:650;
  color:#f4f3f5;
}
#funkciok .funkcio-flow{
  width:100%;
  border-top:1px solid rgba(255,255,255,.1);
}
#funkciok .funkcio-row{
  display:grid;
  grid-template-columns:
    minmax(20px,calc((100% - 1180px)/2))
    72px
    minmax(260px,520px)
    minmax(280px,560px)
    minmax(20px,1fr);
  grid-template-areas:". num title body .";
  column-gap:clamp(20px,3vw,48px);
  align-items:start;
  margin:0;
  padding:clamp(36px,5vw,56px) 0;
  border:0!important;
  border-radius:0!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
  background:transparent!important;
  box-shadow:none!important;
}
#funkciok .funkcio-row:nth-child(even){
  grid-template-columns:
    minmax(20px,calc((100% - 1180px)/2))
    72px
    minmax(280px,560px)
    minmax(260px,520px)
    minmax(20px,1fr);
  grid-template-areas:". num body title .";
  background:rgba(255,255,255,.018)!important;
}
#funkciok .funkcio-row.is-lead{
  background:
    radial-gradient(ellipse 65% 120% at 10% 50%,rgba(237,23,76,.14),transparent 58%),
    linear-gradient(180deg,rgba(255,255,255,.025),transparent)!important;
  padding-top:clamp(44px,6vw,68px);
  padding-bottom:clamp(44px,6vw,68px);
}
#funkciok .funkcio-num{
  grid-area:num;
  padding-top:6px;
  font-size:clamp(28px,3vw,42px);
  line-height:1;
  letter-spacing:-.04em;
  font-weight:700;
  color:#ff4d65;
}
#funkciok .funkcio-row h3{
  grid-area:title;
  margin:0!important;
  max-width:16ch;
  font-size:clamp(24px,2.8vw,36px)!important;
  line-height:1.12!important;
  letter-spacing:-.03em;
  font-weight:650;
  color:#f4f3f5;
}
#funkciok .funkcio-row p{
  grid-area:body;
  margin:0!important;
  padding-top:6px;
  max-width:40ch;
  font-size:clamp(15px,1.1vw,17px)!important;
  line-height:1.65!important;
  color:#a8a8b4!important;
}
@media(max-width:1100px){
  #funkciok .funkcio-head{
    grid-template-columns:1fr;
    width:calc(100% - 40px);
  }
  #funkciok .funkcio-head h2{grid-column:1;max-width:16ch}
  #funkciok .funkcio-row,
  #funkciok .funkcio-row:nth-child(even){
    grid-template-columns:20px 56px minmax(0,1fr) 20px;
    grid-template-areas:". num title ." ". num body .";
  }
}
@media(max-width:640px){
  #funkciok .funkcio-head{width:calc(100% - 28px)}
  #funkciok .funkcio-row,
  #funkciok .funkcio-row:nth-child(even){
    grid-template-columns:14px 44px minmax(0,1fr) 14px;
    padding:28px 0;
  }
  #funkciok .funkcio-num{font-size:24px}
  #funkciok .funkcio-row h3{font-size:clamp(22px,6vw,28px)!important;max-width:none}
}

/* ——— #sportagak: red field + rotated cube depth ——— */
#sportagak.sport-section{
  position:relative;
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:clamp(64px,9vw,110px) 0 clamp(56px,8vw,96px)!important;
  overflow:clip;
  isolation:isolate;
  background:
    radial-gradient(ellipse 70% 55% at 82% 12%,rgba(255,70,90,.28),transparent 58%),
    radial-gradient(ellipse 45% 40% at 6% 92%,rgba(180,20,40,.16),transparent 62%),
    linear-gradient(165deg,#2a1016 0%,#160a0e 40%,#111114 100%);
  border-top:1px solid rgba(255,80,100,.18);
  border-bottom:1px solid rgba(255,255,255,.06);
}
#sportagak .sport-inner{
  position:relative;
  z-index:1;
  width:min(var(--landing-max),calc(100% - clamp(64px,8vw,140px)));
  margin-inline:auto;
}
#sportagak .sport-head{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:12px 48px;
  margin-bottom:clamp(32px,5vw,56px);
  align-items:end;
}
#sportagak .sport-kicker{
  grid-column:1;
  margin:0;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#ff9aa6;
  font-weight:650;
}
#sportagak .sport-head h2{
  grid-column:2;
  margin:0 0 10px;
  max-width:12ch;
  font-size:clamp(36px,4.8vw,64px);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:650;
  color:#fff;
}
#sportagak .sport-lead{
  grid-column:2;
  margin:0;
  max-width:38ch;
  font-size:clamp(15px,1.15vw,18px);
  line-height:1.65;
  color:#e8c4ca;
}
#sportagak .sport-stage-wrap{
  position:relative;
  margin:0 0 clamp(28px,4vw,44px);
  perspective:1400px;
}
#sportagak .sport-cube{
  position:absolute;
  inset:-6% -2% -8% 18%;
  pointer-events:none;
  z-index:0;
  overflow:hidden;
}
#sportagak .sport-cube-face{
  position:absolute;
  inset:10% 8% 8% 12%;
  border-radius:30px;
  display:block;
}
#sportagak .sport-cube-back{
  background:linear-gradient(145deg,#ff3550 0%,#c4102c 45%,#7a0c1c 100%);
  transform:rotate(-7deg) translate3d(12px,22px,0) scale(1.02);
  box-shadow:0 40px 80px rgba(120,0,20,.45),0 0 50px rgba(255,40,70,.16);
  opacity:.92;
}
#sportagak .sport-cube-mid{
  background:linear-gradient(160deg,#6e1824,#2e0d14 80%);
  border:1px solid rgba(255,140,160,.35);
  transform:rotate(4deg) translate3d(18px,-12px,0) scale(1.01);
  box-shadow:0 20px 40px rgba(0,0,0,.3);
  opacity:.9;
}
#sportagak .practice-stage{
  position:relative;
  z-index:2;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:linear-gradient(165deg,#1c1c22 0%,#141418 100%)!important;
  box-shadow:
    0 32px 80px rgba(0,0,0,.55),
    0 0 0 1px rgba(237,23,76,.18),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
  transform:rotate(-1.8deg);
  padding:clamp(18px,2.5vw,28px)!important;
  overflow:hidden;
}
#sportagak .practice-stage:hover{
  transform:rotate(0deg) translateY(-4px);
  transition:transform .45s cubic-bezier(.22,.7,.2,1);
}
#sportagak .practice-bar{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:16px;
  align-items:flex-end;
  margin-bottom:18px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
#sportagak .practice-bar small{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#ff8997;
  font-weight:650;
}
#sportagak .practice-bar strong{
  font-size:clamp(20px,2.2vw,28px)!important;
  letter-spacing:-.03em;
  font-weight:650!important;
  color:#fff;
}
#sportagak .practice-chips span{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  color:#d8d8de;
  border-radius:999px;
  padding:8px 14px;
  font-size:13px;
  font-weight:600;
}
#sportagak .practice-chips span:first-child{
  background:rgba(237,23,76,.22);
  border-color:rgba(255,80,100,.45);
  color:#ffc0c8;
}
#sportagak .practice-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
#sportagak .practice-pane{
  padding:22px 20px!important;
  border-radius:18px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
}
#sportagak .practice-pane.is-lead{
  background:linear-gradient(155deg,rgba(237,23,76,.16),rgba(255,255,255,.03) 55%);
  border-color:rgba(255,80,100,.28);
}
#sportagak .practice-pane .eyebrow{
  color:#ff8997;
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:650;
}
#sportagak .practice-pane h3{
  font-size:clamp(18px,1.8vw,22px)!important;
  margin:8px 0 14px!important;
  font-weight:650!important;
  letter-spacing:-.02em;
}
#sportagak .practice-points{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0 20px;
  margin-top:clamp(20px,3vw,32px);
  padding:clamp(22px,2.5vw,30px) clamp(18px,2.2vw,28px);
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  background:rgba(12,10,12,.72);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
#sportagak .practice-points article{
  padding:4px 18px 4px 4px!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.12)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  min-width:0;
}
#sportagak .practice-points article:last-child{
  border-right:0!important;
  padding-right:4px!important;
}
#sportagak .practice-points h3{
  font-size:clamp(17px,1.6vw,20px)!important;
  color:#fff;
  margin:0 0 8px!important;
  text-shadow:0 1px 12px rgba(0,0,0,.45);
}
#sportagak .practice-points p{
  color:#e8d0d4!important;
  font-size:14px!important;
  line-height:1.6!important;
  max-width:32ch;
  text-shadow:0 1px 10px rgba(0,0,0,.35);
}
#sportagak .sport-cta{margin:28px 0 0}
#sportagak .sport-cta .btn{
  background:#fff!important;
  color:#1a0a0e!important;
  border-color:#fff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.28);
}
#sportagak .sport-cta .btn:hover{
  background:#ffe8eb!important;
  transform:translateY(-2px);
}
@media(max-width:1100px){
  #sportagak .sport-inner{width:calc(100% - 40px)}
  #sportagak .sport-head{grid-template-columns:1fr}
  #sportagak .sport-head h2,
  #sportagak .sport-lead{grid-column:1}
  #sportagak .sport-cube-back{transform:rotate(-5deg) translate3d(-10px,16px,0)}
  #sportagak .sport-cube-mid{transform:rotate(3deg) translate3d(12px,-8px,0)}
  #sportagak .practice-stage{transform:none}
}
@media(max-width:900px){
  #sportagak .practice-split{grid-template-columns:1fr}
  #sportagak .practice-points{grid-template-columns:1fr;gap:0}
  #sportagak .practice-points article{
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.1)!important;
    padding:16px 0!important;
  }
  #sportagak .practice-points article:last-child{border-bottom:0!important}
}
@media(max-width:640px){
  #sportagak .sport-inner{width:calc(100% - 28px)}
  #sportagak .sport-cube{display:none}
  #sportagak .practice-stage{transform:none!important;padding:16px!important}
}
@media(prefers-reduced-motion:reduce){
  #sportagak .practice-stage,
  #sportagak .practice-stage:hover,
  #sportagak .sport-cube-face{transform:none!important}
}

/* Miért minket — editorial list, nem SaaS-kártyarács */
#miert-mi.why-section{
  position:relative;
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:clamp(72px,9vw,120px) 0!important;
  overflow:clip;
  isolation:isolate;
  background:
    radial-gradient(ellipse 65% 55% at 12% 18%,rgba(255,55,75,.16),transparent 58%),
    radial-gradient(ellipse 50% 45% at 92% 88%,rgba(140,20,40,.18),transparent 55%),
    linear-gradient(180deg,#111114 0%,#141218 50%,#111114 100%);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,80,100,.12);
}
#miert-mi .why-inner{
  width:min(var(--landing-max,1760px),calc(100% - 64px));
  margin-inline:auto;
}
#miert-mi .why-head{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:10px 48px;
  max-width:none;
  margin:0 0 clamp(36px,5vw,64px);
  align-items:end;
}
#miert-mi .why-kicker{
  grid-column:1;
  display:block;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#ff9aa6;
  font-weight:650;
}
#miert-mi .why-kicker span{
  display:inline-flex;
  align-items:center;
  gap:12px;
}
#miert-mi .why-kicker span::before{
  content:"";
  width:28px;
  height:2px;
  background:#ed174c;
  border-radius:2px;
}
#miert-mi .why-head h2{
  grid-column:2;
  margin:0 0 14px;
  max-width:14ch;
  font-size:clamp(36px,4.8vw,58px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  font-weight:650!important;
  color:#fff;
}
#miert-mi .why-lead{
  grid-column:2;
  margin:0 0 16px;
  max-width:42ch;
  font-size:clamp(15px,1.15vw,18px);
  line-height:1.65;
  color:#c8c6d0;
}
#miert-mi .why-hub-link{
  grid-column:2;
  margin:0;
}
#miert-mi .why-hub-link a{
  color:#ff8997;
  font-size:15px;
  font-weight:650;
  text-decoration:none;
  border-bottom:1px solid rgba(255,137,151,.35);
  padding-bottom:2px;
  transition:color .15s ease,border-color .15s ease;
}
#miert-mi .why-hub-link a:hover{
  color:#ffc0c8;
  border-color:rgba(255,192,200,.7);
}
#miert-mi .why-grid,
#miert-mi .why-grid-expanded{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  border-top:1px solid rgba(255,255,255,.12);
}
#miert-mi .why-card{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr);
  gap:8px 28px;
  align-items:start;
  min-height:0!important;
  margin:0;
  padding:clamp(22px,2.4vw,28px) 8px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none;
  color:inherit;
  transform:none!important;
  transition:background .18s ease,padding-left .18s ease;
}
#miert-mi .why-card.is-lead{
  padding-block:clamp(28px,3vw,40px)!important;
  background:linear-gradient(90deg,rgba(237,23,76,.1),transparent 55%)!important;
  border-bottom-color:rgba(255,100,120,.22)!important;
}
#miert-mi .why-card:hover{
  background:linear-gradient(90deg,rgba(237,23,76,.14),transparent 62%)!important;
  padding-left:18px!important;
  transform:none!important;
  border-color:transparent!important;
  border-bottom-color:rgba(255,100,120,.28)!important;
}
#miert-mi .why-card-index{
  margin:4px 0 0;
  color:#ff6575;
  font-size:clamp(22px,2vw,28px);
  font-weight:700;
  letter-spacing:-.04em;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
#miert-mi .why-card-body{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr) auto;
  gap:12px 28px;
  align-items:start;
}
#miert-mi .why-card strong{
  margin:0;
  font-size:clamp(20px,1.7vw,26px)!important;
  letter-spacing:-.03em;
  line-height:1.2!important;
  color:#fff;
}
#miert-mi .why-card p{
  margin:0!important;
  max-width:46ch;
  font-size:15px!important;
  line-height:1.6!important;
  color:#a8a5b2!important;
  flex:none!important;
}
#miert-mi .why-card-more{
  margin:2px 0 0;
  padding:0;
  justify-self:end;
  white-space:nowrap;
  color:#ff8997;
  font-size:14px;
  font-weight:650;
}
#miert-mi .why-card:hover .why-card-more{color:#ffc0c8}
@media(max-width:1100px){
  #miert-mi .why-inner{width:calc(100% - 40px)}
  #miert-mi .why-head{grid-template-columns:1fr}
  #miert-mi .why-kicker,
  #miert-mi .why-head h2,
  #miert-mi .why-lead,
  #miert-mi .why-hub-link{grid-column:1}
  #miert-mi .why-card-body{grid-template-columns:1fr;gap:8px}
  #miert-mi .why-card-more{justify-self:start}
}
@media(max-width:640px){
  #miert-mi .why-inner{width:calc(100% - 28px)}
  #miert-mi .why-card{
    grid-template-columns:48px minmax(0,1fr);
    gap:6px 14px;
    padding:20px 0!important;
  }
  #miert-mi .why-card.is-lead,
  #miert-mi .why-card:hover{padding-left:0!important}
  #miert-mi .why-card-index{font-size:20px}
}
@media(prefers-reduced-motion:reduce){
  #miert-mi .why-card,
  #miert-mi .why-card:hover{transition:none;padding-left:8px!important}
}