/* ARGO DJ Pilot landing, release 20260929.
   Source: standalone candidate style.css. Every landing rule is scoped to .AdpLanding:
   the former :root variables, html/body settings and the universal box-sizing reset now
   live on .AdpLanding. Keyframes are namespaced (adp-*). The only unscoped selectors are the
   ShopGold wrapper rules at the end, copied verbatim from the previous landing CSS. */

/* Variables and base (formerly :root / body) */
.AdpLanding {
  --bg: #ffffff;
  --bg-alt: #eef2f6;
  --line: #ccd5df;
  --text: #101f3b;
  --muted: #526176;
  --accent: #08689f;
  --accent-hover: #064d78;
  --focus: #08689f;
  --wrap: 1180px;
  --font: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  position: relative;
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-size: 1.0625rem;
  font-weight: normal;
  line-height: 1.6;
  text-align: left;
  overflow-x: clip;
}

.AdpLanding,
.AdpLanding *,
.AdpLanding *::before,
.AdpLanding *::after { box-sizing: border-box; }

/* Neutralise ShopGold element defaults inside the landing (shop-style.css: a, a:hover,
   h1-h6/p reset). :where() keeps these at the lowest scoped specificity so every
   component rule below still wins. */
.AdpLanding :where(p) { margin: 1em 0; }
.AdpLanding :where(h1, h2, h3) { padding: 0; background: none; border: 0; text-transform: none; }
.AdpLanding :where(a) { color: inherit; font-weight: inherit; text-decoration: underline; text-underline-offset: 3px; transition: none; }
.AdpLanding :where(a):hover { color: inherit; text-decoration: underline; }

.AdpLanding img { display: block; max-width: 100%; height: auto; }

.AdpLanding :focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 3px;
  border-radius: 2px;
}

.AdpLanding .wrap {
  width: 100%;
  max-width: var(--wrap);
  margin: 0 auto;
  padding: 0 1.25rem;
}

.AdpLanding .skip {
  position: absolute;
  left: 1rem;
  top: -4rem;
  z-index: 10;
  padding: .6rem 1rem;
  background: var(--text);
  color: var(--bg);
  font-weight: 700;
}
.AdpLanding .skip:focus { top: 1rem; }

/* Header */
.AdpLanding .top {
  position: sticky;
  top: 0;
  z-index: 5;
  background: #ffffff;
  border-bottom: 1px solid var(--line);
}
.AdpLanding .top-in {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  min-height: 64px;
  flex-wrap: wrap;
}
.AdpLanding .brand {
  display: flex;
  align-items: center;
  gap: .6rem;
  font-weight: 600;
  letter-spacing: -.01em;
  text-decoration: none;
}
.AdpLanding .brand img { width: 32px; height: 32px; }
.AdpLanding .top nav { margin-left: auto; }
.AdpLanding .top nav ul,
.AdpLanding .top-actions {
  display: flex;
  gap: 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.AdpLanding .top nav a,
.AdpLanding .icon-link {
  color: var(--muted);
  font-size: .95rem;
  text-decoration: none;
}
.AdpLanding .top nav a:hover,
.AdpLanding .icon-link:hover { color: var(--text); }
.AdpLanding .top-actions {
  padding-left: 1.25rem;
  border-left: 1px solid var(--line);
}

/* Dynamic cart badge ($adpLicznik from the PHP preamble) */
.AdpLanding .AdpKoszyk { display: inline-flex; align-items: center; gap: .35rem; }
.AdpLanding .AdpLicznik {
  display: inline-block;
  min-width: 1.25rem;
  padding: 0 .35rem;
  border-radius: 999px;
  background: #b72032;
  color: #ffffff;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: center;
}

/* Buttons */
.AdpLanding .btn {
  display: inline-block;
  padding: .85rem 1.4rem;
  border: 2px solid transparent;
  border-radius: 4px;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.2;
}
.AdpLanding .btn-primary { background: var(--accent); color: #ffffff; }
.AdpLanding .btn-primary:hover { background: var(--accent-hover); color: #ffffff; }
.AdpLanding .btn-ghost { border-color: var(--text); color: var(--text); }
.AdpLanding .btn-ghost:hover { background: var(--text); color: var(--bg); }

@media (prefers-reduced-motion: no-preference) {
  .AdpLanding .btn, .AdpLanding .top nav a, .AdpLanding .icon-link { transition: background-color .15s, color .15s; }
}

/* Hero */
.AdpLanding .hero { padding: 4.5rem 0 4rem; }
.AdpLanding .hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  gap: 3rem;
  align-items: center;
}
.AdpLanding .kicker {
  margin: 0 0 1rem;
  color: var(--muted);
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.AdpLanding h1 {
  margin: 0 0 1.5rem;
  font-size: clamp(2.1rem, 3.5vw, 3rem);
  line-height: 1.15;
  letter-spacing: -.025em;
  font-weight: 600;
}
.AdpLanding h1 span { display: block; color: var(--accent); }
.AdpLanding .lead { margin: 0 0 2rem; color: #40516a; font-size: 1.15rem; max-width: 34em; }
.AdpLanding .cta { display: flex; flex-wrap: wrap; gap: .75rem; }
.AdpLanding .note { margin: 1.5rem 0 0; color: var(--muted); font-size: .95rem; }
.AdpLanding .note strong { color: var(--text); }

.AdpLanding .hero-shot,
.AdpLanding .shot { margin: 0; }
.AdpLanding .hero-shot img,
.AdpLanding .shot img {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 2px;
  background: #0f1112;
}
.AdpLanding figcaption { margin-top: .6rem; color: var(--muted); font-size: .85rem; }

/* Facts */
.AdpLanding .facts { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.AdpLanding .facts-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
}
.AdpLanding .facts-list li {
  padding: 1.5rem 1.5rem 1.5rem 0;
  color: var(--muted);
  font-size: .95rem;
}
.AdpLanding .facts-list li + li { padding-left: 1.5rem; border-left: 1px solid var(--line); }
.AdpLanding .facts-list strong { display: block; color: var(--text); font-size: 1.05rem; }

/* Blocks */
.AdpLanding .block { padding: 5rem 0; }
.AdpLanding .block-alt { background: var(--bg-alt); }
.AdpLanding .split {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  gap: 3rem;
}
.AdpLanding .num {
  margin: 0 0 .75rem;
  color: var(--accent);
  font-weight: 600;
  font-size: .9rem;
  letter-spacing: .1em;
}
.AdpLanding h2 {
  margin: 0;
  font-size: clamp(1.7rem, 2.6vw, 2.2rem);
  line-height: 1.1;
  letter-spacing: -.025em;
  font-weight: 600;
}
.AdpLanding .block-head.wide { max-width: 40rem; margin-bottom: 3rem; }
.AdpLanding .block-body > p:first-child { margin-top: 0; }
.AdpLanding .block-body p { color: #40516a; }
.AdpLanding .shot { margin-top: 3rem; }

.AdpLanding .modes { margin: 2rem 0 0; }
.AdpLanding .modes div { padding: 1.25rem 0; border-top: 1px solid var(--line); }
.AdpLanding .modes dt { font-weight: 600; }
.AdpLanding .modes dd { margin: .25rem 0 0; color: var(--muted); }

/* Offer */
.AdpLanding .offer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 3px solid var(--accent);
}
.AdpLanding .offer-col { padding: 2rem 2rem 0 0; }
.AdpLanding .offer-col + .offer-col { padding-left: 2rem; border-left: 1px solid var(--line); }
.AdpLanding h3 {
  margin: 0;
  font-size: .85rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted);
}
.AdpLanding .big {
  margin: .5rem 0 .25rem;
  font-size: clamp(2.2rem, 4vw, 3rem);
  font-weight: 600;
  letter-spacing: -.03em;
  line-height: 1.1;
}
.AdpLanding .big span { font-size: 1rem; font-weight: 600; color: var(--muted); letter-spacing: 0; }
.AdpLanding .small { color: var(--muted); font-size: .9rem; }
.AdpLanding .ticks { margin: 1.5rem 0 2rem; padding: 0; list-style: none; }
.AdpLanding .ticks li {
  position: relative;
  padding: .55rem 0 .55rem 1.4rem;
  border-bottom: 1px solid var(--line);
}
.AdpLanding .ticks li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.1rem;
  width: .55rem;
  height: 2px;
  background: var(--accent);
}

/* FAQ */
.AdpLanding .arrow { font-weight: 700; }
.AdpLanding .arrow::after { content: " \2197"; }
.AdpLanding .faq details { border-top: 1px solid var(--line); }
.AdpLanding .faq details:last-of-type { border-bottom: 1px solid var(--line); }
.AdpLanding .faq summary {
  cursor: pointer;
  padding: 1.1rem 2rem 1.1rem 0;
  font-weight: 700;
  list-style: none;
  position: relative;
}
.AdpLanding .faq summary::-webkit-details-marker { display: none; }
.AdpLanding .faq summary::after {
  content: "+";
  position: absolute;
  right: 0;
  top: .95rem;
  color: var(--accent);
  font-size: 1.3rem;
  line-height: 1;
}
.AdpLanding .faq details[open] summary::after { content: "\2212"; }
.AdpLanding .faq details p { margin: 0 0 1.25rem; }
.AdpLanding .help-links { display: flex; flex-wrap: wrap; gap: 1.5rem; margin: 2rem 0 0; padding: 0; list-style: none; }

/* Footer */
.AdpLanding .foot { border-top: 1px solid var(--line); padding: 3.5rem 0 2rem; font-size: .92rem; color: var(--muted); }
.AdpLanding .foot-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; }
.AdpLanding .foot h2 {
  margin: 0 0 .75rem;
  color: var(--text);
  font-size: .8rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.AdpLanding .foot ul { margin: 0; padding: 0; list-style: none; }
.AdpLanding .foot li { margin-bottom: .35rem; }
.AdpLanding .foot a { text-decoration: none; }
.AdpLanding .foot a:hover { color: var(--text); text-decoration: underline; }
.AdpLanding .foot address { font-style: normal; }
.AdpLanding .foot-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .5rem;
  margin-top: 2.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--line);
  font-size: .82rem;
}

/* Responsive */
@media (max-width: 960px) {
  .AdpLanding .hero-grid,
  .AdpLanding .split { grid-template-columns: 1fr; gap: 2rem; }
  .AdpLanding .hero { padding-top: 3rem; }
  .AdpLanding .foot-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 720px) {
  .AdpLanding .top-in { gap: .5rem 1rem; padding-top: .6rem; padding-bottom: .6rem; }
  .AdpLanding .top nav { order: 3; width: 100%; margin-left: 0; overflow-x: auto; }
  .AdpLanding .top nav ul { gap: 1rem; }
  .AdpLanding .top-actions { margin-left: auto; border-left: 0; padding-left: 0; }
  .AdpLanding .block { padding: 3.5rem 0; }
  .AdpLanding .facts-list,
  .AdpLanding .offer { grid-template-columns: 1fr; }
  .AdpLanding .facts-list li,
  .AdpLanding .facts-list li + li { padding: 1rem 0; border-left: 0; }
  .AdpLanding .facts-list li + li { border-top: 1px solid var(--line); }
  .AdpLanding .offer-col,
  .AdpLanding .offer-col + .offer-col { padding: 2rem 0 0; border-left: 0; }
  .AdpLanding .offer-col + .offer-col { margin-top: 2rem; border-top: 1px solid var(--line); }
  .AdpLanding .cta .btn { width: 100%; text-align: center; }
}

@media (max-width: 480px) {
  .AdpLanding .foot-grid { grid-template-columns: 1fr; }
}

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


/* Light identity, aligned with the ARGO Facebook cover. */
.AdpLanding .top { border-top: 4px solid #102b50; }
.AdpLanding .brand { font-size: 1.18rem; }
.AdpLanding .brand img { width: 46px; height: 46px; }
.AdpLanding .brand em { color: #bd2030; font-style: normal; }
.AdpLanding .hero { background: #f2f5f8; border-bottom: 1px solid var(--line); }
.AdpLanding .hero-copy::before { content: ""; display: block; width: 76px; height: 3px; background: #bd2030; margin-bottom: 1.5rem; }
.AdpLanding h1 span { color: #102b50; }
.AdpLanding .hero-shot img { border: 1px solid #bac7d5; box-shadow: 0 12px 28px rgba(16,31,59,.12); }
.AdpLanding .facts { background: #ffffff; border-top: 0; }
.AdpLanding .num { color: #08689f; letter-spacing: .04em; }
.AdpLanding .offer { border-top-color: #102b50; }
.AdpLanding .foot { background: #e9eef4; }
.AdpLanding .btn-ghost { border: 1px solid #8998aa; background: transparent; }
.AdpLanding .btn-ghost:hover { background: #e0e8f1; color: #101f3b; }

/* Brand treatment aligned with the white/red DJ wordmark on Facebook. */
.AdpLanding .brand em {
  display: inline-block;
  color: #b72032;
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 47%, #b72032 47%, #b72032 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .35px #778396;
  font-weight: 800;
}
.AdpLanding .hero { position: relative; overflow: hidden; isolation: isolate; background: #edf2f7; }
.AdpLanding .hero::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: url("/images/adp-site-20260929/brand-wave.svg") center / cover no-repeat;
  pointer-events: none;
}
.AdpLanding .hero-grid { position: relative; }
.AdpLanding .hero-shot { padding: 16px; background: #ffffff; border: 1px solid #c6d1dd; box-shadow: 0 20px 40px #122c4c20; }
.AdpLanding .hero-shot img { box-shadow: none; }
.AdpLanding .hero-shot figcaption { color: #43566d; }
@media (prefers-reduced-motion: no-preference) {
  .AdpLanding .hero::before { animation: adp-brand-arrive 2.8s ease-out both; }
  .AdpLanding .hero-copy { animation: adp-copy-arrive .7s ease-out both; }
  .AdpLanding .hero-shot { animation: adp-screen-arrive 1s .15s ease-out both; }
  .AdpLanding .brand img { animation: adp-logo-arrive 1.1s ease-out both; }
  .AdpLanding .btn { transition: background-color .18s, box-shadow .18s; }
  .AdpLanding .btn-primary:hover { box-shadow: 0 4px 12px #08689f30; }
}
@keyframes adp-brand-arrive { from { opacity: 0; transform: translateX(35px); } to { opacity: 1; transform: translateX(0); } }
@keyframes adp-copy-arrive { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes adp-screen-arrive { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes adp-logo-arrive { from { opacity: 0; transform: scale(.85); } to { opacity: 1; transform: scale(1); } }
@media (max-width: 720px) { .AdpLanding .hero-shot { padding: 8px; } .AdpLanding .hero::before { background-position: 65% center; } }
@media (forced-colors: active) { .AdpLanding .brand em { background: none; -webkit-text-fill-color: currentColor; -webkit-text-stroke: 0; } }

/* Shared laptop frame: real media, no cropped or distorted screens. */
.AdpLanding .hero-shot { padding: 0; border: 0; background: transparent; box-shadow: none; }
.AdpLanding .laptop { width: 100%; padding: 0 3%; }
.AdpLanding .laptop-display { position: relative; padding: 14px 10px 10px; background: #121a24; border: 1px solid #657181; border-radius: 12px 12px 3px 3px; box-shadow: 0 14px 24px #122c4c25; }
.AdpLanding .laptop-display::before { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #526273; top: 5px; left: calc(50% - 2px); }
.AdpLanding .laptop-display img { width: 100%; height: auto; border: 0; border-radius: 0; box-shadow: none; }
.AdpLanding .laptop-base { position: relative; height: 13px; margin: 0 -3.2%; border: 1px solid #8995a4; border-radius: 1px 1px 45% 45%; background: linear-gradient(#e3e9ef, #9ca9b9); box-shadow: 0 10px 14px #122c4c20; }
.AdpLanding .laptop-base::before { content: ""; position: absolute; left: 42%; width: 16%; height: 4px; background: #8995a4; border-radius: 0 0 5px 5px; }
.AdpLanding .hero-shot figcaption, .AdpLanding .shot figcaption, .AdpLanding .demo-grid figcaption { margin: 1.2rem 3% 0; }
.AdpLanding .demo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; }
.AdpLanding .demo-grid figure { margin: 0; min-width: 0; }
.AdpLanding .laptop-display video { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: contain; background: #080d14; }
.AdpLanding .demos { background: #e9eff5; }
@media (max-width: 720px) { .AdpLanding .demo-grid { grid-template-columns: 1fr; gap: 2.5rem; } .AdpLanding .laptop-display { padding: 12px 6px 6px; } .AdpLanding .laptop-base { height: 10px; } }

/* Angled device composition; straighten the display during interaction. */
.AdpLanding .hero-shot, .AdpLanding .shot, .AdpLanding .demo-grid figure { perspective: 1500px; }
.AdpLanding .laptop { transform: rotateY(-12deg) rotateX(4deg) rotateZ(-1deg); transform-style: preserve-3d; }
.AdpLanding .demo-grid figure:nth-child(2) .laptop { transform: rotateY(12deg) rotateX(4deg) rotateZ(1deg); }
.AdpLanding .laptop-display { border-right-width: 5px; }
.AdpLanding .laptop-base { height: 17px; }
.AdpLanding .laptop.is-playing, .AdpLanding .laptop:focus-within { transform: none !important; }
@media (prefers-reduced-motion: no-preference) { .AdpLanding .laptop { transition: transform .45s ease; } }
@media (hover: hover) { .AdpLanding .demo-grid .laptop:hover { transform: none; } }
@media (max-width: 720px) { .AdpLanding .laptop, .AdpLanding .demo-grid figure:nth-child(2) .laptop { transform: rotateY(-5deg); } }
@media (prefers-reduced-motion: reduce) { .AdpLanding .laptop, .AdpLanding .demo-grid figure:nth-child(2) .laptop { transform: none; } }
.AdpLanding .brand-dj { display:inline; background:none; padding:0; border-radius:0; line-height:inherit; }
.AdpLanding .brand-dj em {
 font:inherit; display:inline-block; line-height:1;
 background:linear-gradient(to bottom,#ffffff 0%,#ffffff 47%,#bb2032 49%,#bb2032 100%);
 background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;
 -webkit-text-stroke:.35px #7d8998; paint-order:stroke fill; filter:none;
}
@media(forced-colors:active) { .AdpLanding .brand-dj em { background:none; -webkit-text-fill-color:currentColor; filter:none; } }

/* ShopGold wrapper: verbatim from the previous landing CSS (release 20260909).
   Hides shop chrome only on the page that contains .AdpLanding. Cookie consent
   ({__MODULY_STALE}, #CookieOknoUstawien) is intentionally NOT targeted here. */
body:has(.AdpLanding) .SklepNaglowek,
body:has(.AdpLanding) .GorneMenuKontener,
body:has(.AdpLanding) .Stopka,
body:has(.AdpLanding) .Copy,
body:has(.AdpLanding) #PrzyklejOstatnieProd,
body:has(.AdpLanding) .ModulNewsletterKontener,
body:has(.AdpLanding) #Nawigacja{display:none!important;}
/* wrapper ShopGold nie moze ograniczac szerokosci landingu */
body:has(.AdpLanding) .CalaStrona > .Strona,
body:has(.AdpLanding) .KolumnyKontener,
body:has(.AdpLanding) #SrodekKolumna{max-width:none!important;width:auto!important;padding:0!important;margin:0!important;}