body.dts-coming-soon{
/* --- base ramp (from the Figma global styles) --- */
--red-500:#D40B08;--red-600:#BE0B08;--red-700:#8E0806;--red-100:#F6DCDB;
--black-900:#0C0C0C;--graphite-700:#313335;--ink-900:#051118;
--grey-400:#BBBBBB;--stone-400:#AFA5A1;--stone-200:#DAD9D5;--white-50:#FFFEFB;--white-pure:#FFFFFF;

/* --- semantic: text --- */
--text-body:var(--ink-900);--text-secondary:var(--graphite-700);--text-muted:var(--grey-400);
--text-invert:var(--white-50);--text-on-accent:var(--white-50);--text-link:var(--red-500);

/* --- semantic: surface --- */
--surface-page:var(--white-50);--surface-dark:var(--black-900);--surface-light:var(--stone-200);
--surface-card:var(--white-50);--surface-card-dark:#151515;--surface-image-placeholder:var(--stone-200);

/* --- semantic: line & accent --- */
--border-hairline:var(--stone-400);--border-strong:var(--black-900);--border-invert:rgba(255,254,251,.24);
--accent:var(--red-500);--accent-hover:var(--red-600);--accent-press:var(--red-700);--accent-subtle:var(--red-100);
--focus-ring:var(--red-500);
/* muted text on dark surfaces */
--text-muted-invert:var(--grey-400);
}


  html, body { margin: 0; padding: 0; background: #0C0C0C; }
  a { color: var(--accent, #D40B08); }
  a:hover { color: var(--accent-hover, #BE0B08); }
  @keyframes csLineUp { from { transform: translateY(108%); } to { transform: translateY(0); } }
  @keyframes csFadeUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes csFade { from { opacity: 0; } to { opacity: 1; } }
  @keyframes csRuleGrow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
  @keyframes csClipUp { from { clip-path: inset(100% 0 0 0); } to { clip-path: inset(0 0 0 0); } }
  @keyframes csImgSettle { from { transform: scale(1.18) translateY(4%); } to { transform: scale(1.04) translateY(0); } }
  @keyframes csDrift { from { transform: scale(1); } to { transform: scale(1.06); } }
  @keyframes csScan { 0% { transform: translateY(0); opacity: 1; } 71% { opacity: 1; } 97% { opacity: 0; } 100% { transform: translateY(-100cqh); opacity: 0; } }
  @keyframes csPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(212,11,8,.65); } 50% { box-shadow: 0 0 0 7px rgba(212,11,8,0); } }

  a[data-cta] [data-cta-fill] { transform: scale(1); transition: transform .69s cubic-bezier(.2,0,.2,1); }
  a[data-cta] [data-cta-label] { transition: color .38s cubic-bezier(.2,0,.2,1); }
  a[data-cta] [data-cta-arrow] { transition: transform .4s cubic-bezier(.2,0,.2,1), color .38s cubic-bezier(.2,0,.2,1); }
  a[data-cta]:hover [data-cta-fill] { transform: scale(22); background: var(--text-muted); }
  a[data-cta]:hover [data-cta-label] { color: var(--surface-dark); }
  a[data-cta]:hover [data-cta-arrow] { transform: translateX(5px); color: var(--surface-dark); }
  a[data-cta]:active { background: var(--accent-press); }

  /* 3 nézet a DS szerint: mobil < 744 · tablet 744–1127 · desktop ≥ 1128 */
  @container cs (max-width: 1127px) {
    [data-cs-grid] { grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr) !important; }
    [data-cs-text] { padding-inline: 32px !important; }
  }
  @container cs (max-width: 743px) {
    [data-cs-grid] { grid-template-columns: minmax(0,1fr) !important; }
    [data-cs-media] { position: absolute !important; inset: 0 !important; margin-left: 0 !important; }
    [data-cs-scrim-m] { opacity: 1 !important; }
    [data-cs-scrim-d] { opacity: 0 !important; }
    [data-cs-text] { padding-inline: 16px !important; padding-block: 24px !important; }
    [data-cs-h1] { font-size: clamp(30px, 9cqw, 40px) !important; }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-anim] { animation: none !important; opacity: 1 !important; transform: none !important; clip-path: none !important; }
    [data-anim-scan] { display: none !important; }
  }

body.dts-coming-soon { margin:0!important; padding:0!important; background:#0C0C0C; --font-core:"Montserrat",sans-serif; --font-body:"Karla",sans-serif; }
#dts-coming-soon, #dts-coming-soon * { box-sizing:border-box; }
#dts-coming-soon { width:100%; max-width:none; margin:0; padding:0; }
#dts-coming-soon h1 { color:inherit; text-transform:none; }
#dts-coming-soon img { border:0; border-radius:0; box-shadow:none; max-width:100%; }
#dts-coming-soon a:focus-visible { outline:2px solid #FFFEFB; outline-offset:4px; }
@media(max-width:743px) { #dts-coming-soon > div { min-height:680px!important; } }
@media(prefers-reduced-motion:reduce) { #dts-coming-soon * { transition:none!important; } }