:root {
  --color-bg: #f7fbff;
  --color-bg-alt: #ffffff;
  --color-surface: #ffffff;
  --color-surface-alt: #f0f4fa;
  --color-border-subtle: #dde4f0;
  --color-border-strong: #1b1f2a;
  --color-text: #111217;
  --color-text-soft: #4b4f5c;
  --color-text-muted: #7b8190;
  --color-accent-orange: #ff5a1f;
  --color-accent-orange-soft: #ffe1d4;
  --color-accent-blue: #1f6dff;
  --color-accent-blue-soft: #d9e4ff;
  --color-focus: #1f6dff;
  --color-danger: #e02424;
  --color-success: #0f9d58;
  --color-warning: #ffb300;
  --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.06);
  --shadow-flat-strong: 0 0 0 2px rgba(0, 0, 0, 0.06);
  --shadow-pop: 0 18px 40px rgba(0, 0, 0, 0.16);
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --radius-card: 18px;
  --radius-chip: 999px;
  --space-2xs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 40px;
  --space-4xl: 56px;
  --container-max: 1200px;
  --container-wide-max: 1440px;
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  --font-display: "BURA PIOTR KAROL", system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
  --font-mono: "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --text-4xl: 3rem;
  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.7;
  --tracking-tight: -0.03em;
  --tracking-normal: 0;
  --tracking-wide: 0.08em;
  --transition-fast: 150ms ease-out;
  --transition-base: 220ms ease-out;
  --transition-slow: 320ms ease-out;
  --header-height: 72px;
  --z-header: 40;
  --z-overlay: 60;
  --z-modal: 80;
  --z-toast: 100;
}
@media (min-width: 768px) {
  :root {
    --text-md: 1.025rem;
    --text-lg: 1.2rem;
    --text-xl: 1.5rem;
    --text-2xl: 1.9rem;
    --text-3xl: 2.6rem;
    --text-4xl: 3.4rem;
    --header-height: 80px;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--font-sans);
  font-size: var(--text-md);
  line-height: var(--leading-normal);
  color: var(--color-text);
  background-color: var(--color-bg);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
main {
  display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 var(--space-md);
  font-family: var(--font-display);
  font-weight: 700;
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--color-text);
}
h1 {
  font-size: var(--text-4xl);
}
h2 {
  font-size: var(--text-3xl);
}
h3 {
  font-size: var(--text-2xl);
}
h4 {
  font-size: var(--text-xl);
}
h5 {
  font-size: var(--text-lg);
}
h6 {
  font-size: var(--text-md);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
}
p {
  margin: 0 0 var(--space-md);
  color: var(--color-text-soft);
}
strong,
b {
  font-weight: 600;
  color: var(--color-text);
}
small {
  font-size: var(--text-sm);
}
a {
  color: var(--color-accent-blue);
  text-decoration: none;
  transition: color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}
a:hover,
a:focus-visible {
  color: var(--color-accent-orange);
}
a:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
ul,
ol {
  margin: 0 0 var(--space-md);
  padding-left: 1.25rem;
}
li + li {
  margin-top: var(--space-xs);
}
img,
picture,
video,
canvas,
svg,
iframe,
embed,
object {
  display: block;
  max-width: 100%;
  height: auto;
}
img,
picture {
  object-fit: cover;
}
svg {
  fill: currentColor;
}
figure {
  margin: 0 0 var(--space-md);
}
figcaption {
  margin-top: var(--space-xs);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}
button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}
button {
  border: none;
  padding: 0;
  background: none;
  cursor: pointer;
}
input,
textarea,
select {
  margin: 0;
}
table {
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
}
th,
td {
  text-align: left;
}
code,
pre,
kbd,
samp {
  font-family: var(--font-mono);
}
pre {
  margin: 0 0 var(--space-md);
  padding: var(--space-md);
  border-radius: var(--radius-md);
  background-color: var(--color-surface-alt);
  overflow-x: auto;
}
hr {
  border: 0;
  border-top: 1px solid var(--color-border-subtle);
  margin: var(--space-xl) 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
[hidden] {
  display: none !important;
}
body {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.container {
  width: 100%;
  max-width: var(--container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--space-lg);
  padding-right: var(--space-lg);
}
.container-wide {
  width: 100%;
  max-width: var(--container-wide-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--space-lg);
  padding-right: var(--space-lg);
}
.section {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
}
.section-tight {
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-2xl);
}
.section-hero {
  padding-top: calc(var(--space-4xl) + var(--header-height));
  padding-bottom: var(--space-4xl);
}
@media (min-width: 1024px) {
  .section {
    padding-top: var(--space-4xl);
    padding-bottom: var(--space-4xl);
  }
  .section-hero {
    padding-top: calc(var(--space-4xl) + var(--header-height));
    padding-bottom: var(--space-4xl);
  }
}
.stack-xs {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}
.stack-sm {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}
.stack-md {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}
.stack-lg {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}
.stack-xl {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}
.grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-lg);
}
.grid-sm {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-md);
}
.grid-lg {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-xl);
}
@media (min-width: 640px) {
  .grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-auto-fit-sm {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}
@media (min-width: 768px) {
  .grid-3-md {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-auto-fit-md {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }
}
@media (min-width: 1024px) {
  .grid-2-lg {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-3-lg {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-4-lg {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-auto-fit-lg {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.flex-col {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-center {
  align-items: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.gap-xs {
  gap: var(--space-xs);
}
.gap-sm {
  gap: var(--space-sm);
}
.gap-md {
  gap: var(--space-md);
}
.gap-lg {
  gap: var(--space-lg);
}
.gap-xl {
  gap: var(--space-xl);
}
.flex-1 {
  flex: 1 1 0%;
  min-width: 0;
}
.flex-auto {
  flex: 1 1 auto;
  min-width: 0;
}
.flex-none {
  flex: 0 0 auto;
}
.flex-safe {
  min-width: min(100%, 18rem);
}
.flex-safe-sm {
  min-width: min(100%, 14rem);
}
.flex-safe-media {
  min-width: min(100%, 16rem);
}
@media (min-width: 768px) {
  .flex-row-md {
    flex-direction: row;
  }
  .flex-col-md {
    flex-direction: column;
  }
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
@media (min-width: 768px) {
  .text-left-md {
    text-align: left;
  }
  .text-center-md {
    text-align: center;
  }
  .text-right-md {
    text-align: right;
  }
}
.mt-0 {
  margin-top: 0;
}
.mt-xs {
  margin-top: var(--space-xs);
}
.mt-sm {
  margin-top: var(--space-sm);
}
.mt-md {
  margin-top: var(--space-md);
}
.mt-lg {
  margin-top: var(--space-lg);
}
.mt-xl {
  margin-top: var(--space-xl);
}
.mb-0 {
  margin-bottom: 0;
}
.mb-xs {
  margin-bottom: var(--space-xs);
}
.mb-sm {
  margin-bottom: var(--space-sm);
}
.mb-md {
  margin-bottom: var(--space-md);
}
.mb-lg {
  margin-bottom: var(--space-lg);
}
.mb-xl {
  margin-bottom: var(--space-xl);
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.pt-header {
  padding-top: var(--header-height);
}
.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-pill);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  background-color: var(--color-accent-blue-soft);
  color: var(--color-accent-blue);
}
.badge-orange {
  background-color: var(--color-accent-orange-soft);
  color: var(--color-accent-orange);
}
.badge-outline {
  background-color: transparent;
  border: 1px solid currentColor;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  padding: 0.7rem 1.4rem;
  border-radius: var(--radius-pill);
  border: 0;
  font-family: var(--font-display);
  font-size: var(--text-sm);
  font-weight: 700;
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  white-space: normal;
  line-height: 1.2;
  transition: background-color var(--transition-base), color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-fast);
}
.btn-primary {
  background-color: var(--color-accent-blue);
  color: #ffffff;
  box-shadow: var(--shadow-flat-strong);
}
.btn-primary:hover {
  background-color: #1653c4;
  transform: translateY(-1px);
  box-shadow: var(--shadow-pop);
}
.btn-primary:active {
  transform: translateY(0);
  box-shadow: var(--shadow-flat-strong);
}
.btn-accent {
  background-color: var(--color-accent-orange);
  color: #111217;
  box-shadow: var(--shadow-flat-strong);
}
.btn-accent:hover {
  background-color: #e44f1b;
  transform: translateY(-1px);
  box-shadow: var(--shadow-pop);
}
.btn-outline {
  background-color: transparent;
  color: var(--color-text);
  border: 2px solid var(--color-border-strong);
}
.btn-outline:hover {
  background-color: var(--color-text);
  color: #ffffff;
}
.btn-ghost {
  background-color: transparent;
  color: var(--color-text);
}
.btn-ghost:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.btn-sm {
  padding: 0.45rem 0.9rem;
  font-size: var(--text-xs);
}
.btn-lg {
  padding: 0.9rem 1.8rem;
  font-size: var(--text-md);
}
.btn-icon {
  padding: 0.6rem;
  border-radius: var(--radius-pill);
}
.btn-full {
  width: 100%;
}
.btn:disabled,
.btn[aria-disabled="true"] {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}
.btn:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
.chip {
  display: inline-flex;
  align-items: center;
  padding: 0.3rem 0.9rem;
  border-radius: var(--radius-chip);
  font-size: var(--text-xs);
  font-weight: 500;
  background-color: var(--color-surface-alt);
  color: var(--color-text-soft);
}
.chip-strong {
  background-color: var(--color-accent-blue-soft);
  color: var(--color-accent-blue);
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  padding: var(--space-xl);
  border-radius: var(--radius-card);
  background-color: var(--color-surface);
  box-shadow: var(--shadow-soft);
  border: 1px solid rgba(0, 0, 0, 0.02);
  max-width: 100%;
}
.card-tight {
  padding: var(--space-lg);
}
.card-highlight {
  border-color: var(--color-accent-blue-soft);
  box-shadow: 0 18px 50px rgba(31, 109, 255, 0.12);
}
.card-accent {
  border-color: var(--color-accent-orange-soft);
  box-shadow: 0 18px 50px rgba(255, 90, 31, 0.16);
}
.card-header {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}
.card-title {
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: 700;
}
.card-meta {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}
.card-media {
  position: relative;
  overflow: hidden;
  border-radius: calc(var(--radius-card) - 4px);
  background-color: var(--color-surface-alt);
}
.card-media img,
.card-media picture {
  width: 100%;
  height: 100%;
  max-height: 320px;
  object-fit: cover;
}
.card-footer {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  align-items: center;
}
.hero-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr);
  gap: var(--space-2xl);
  align-items: center;
}
.hero-media {
  position: relative;
  width: 100%;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}
.hero-media-frame {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(135deg, #ffffff, #e3f0ff);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.18);
}
.hero-media-frame img,
.hero-media-frame picture {
  width: 100%;
  height: 100%;
  max-height: 420px;
  object-fit: cover;
}
.hero-kpi-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-lg);
}
.hero-kpi {
  min-width: 120px;
}
.hero-kpi-value {
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-weight: 700;
}
.hero-kpi-label {
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--color-text-muted);
}
@media (min-width: 768px) {
  .hero-shell {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.1fr);
  }
  .hero-shell-alt {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.15fr);
  }
}
@media (min-width: 1024px) {
  .hero-shell {
    gap: var(--space-3xl);
  }
}
.header-shell {
  position: sticky;
  top: 0;
  z-index: var(--z-header);
  background-color: rgba(247, 251, 255, 0.98);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(221, 228, 240, 0.9);
  overflow: visible;
}
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
  height: var(--header-height);
}
.header-brand {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: 800;
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-text);
  white-space: nowrap;
}
.header-brand-mark {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--color-accent-orange), var(--color-accent-blue));
}
.header-nav {
  display: none;
}
.header-actions {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}
.header-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--color-border-subtle);
  background-color: var(--color-bg-alt);
}
.header-toggle span:not(.header-toggle-icon) {
  width: 16px;
  height: 2px;
  border-radius: 999px;
  background-color: var(--color-text);
  box-shadow: 0 5px 0 var(--color-text), 0 -5px 0 var(--color-text);
}
.header-search {
  display: none;
}
@media (min-width: 768px) {
  .header-nav {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    font-size: var(--text-sm);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
  }
  .header-nav a {
    color: var(--color-text-soft);
    padding: 0.35rem 0.2rem;
    border-radius: var(--radius-pill);
  }
  .header-nav a:hover,
  .header-nav a[aria-current="page"] {
    color: var(--color-text);
    background-color: rgba(0, 0, 0, 0.04);
  }
  .header-toggle {
    display: none;
  }
  .header-search {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: 0.4rem 0.75rem;
    border-radius: var(--radius-pill);
    border: 1px solid var(--color-border-subtle);
    background-color: var(--color-bg-alt);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
  }
}
@media (min-width: 1024px) {
  .header-inner {
    gap: var(--space-xl);
  }
  .header-nav {
    gap: var(--space-lg);
  }
}
.header-layout-a .header-inner {
  justify-content: space-between;
}
.header-layout-b .header-inner {
  justify-content: flex-start;
}
.header-layout-b .header-brand {
  order: 2;
}
.header-layout-b .header-nav {
  order: 1;
  margin-right: auto;
}
.header-layout-b .header-actions {
  order: 3;
}
.header-layout-c .header-inner {
  justify-content: center;
}
.header-layout-c .header-brand {
  order: 2;
}
.header-layout-c .header-nav {
  order: 3;
}
.header-layout-c .header-actions {
  order: 1;
}
@media (max-width: 767.98px) {
  .header-layout-b .header-inner,
  .header-layout-c .header-inner {
    justify-content: space-between;
  }
  .header-layout-b .header-brand,
  .header-layout-c .header-brand,
  .header-layout-b .header-actions,
  .header-layout-c .header-actions {
    order: initial;
  }
}
.nav-mobile-panel {
  position: fixed;
  inset: var(--header-height) 0 auto 0;
  z-index: calc(var(--z-header) - 1);
  background-color: var(--color-bg-alt);
  border-bottom: 1px solid var(--color-border-subtle);
  padding: var(--space-md) var(--space-lg) var(--space-lg);
  display: none;
}
.nav-mobile-panel.open {
  display: block;
}
.nav-mobile-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  font-size: var(--text-sm);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
}
.nav-mobile-list a {
  padding: 0.5rem 0.25rem;
  border-radius: var(--radius-pill);
  color: var(--color-text-soft);
}
.nav-mobile-list a:hover,
.nav-mobile-list a[aria-current="page"] {
  color: var(--color-text);
  background-color: rgba(0, 0, 0, 0.04);
}
@media (min-width: 768px) {
  .nav-mobile-panel {
    display: none !important;
  }
}
.form {
  width: 100%;
  max-width: 100%;
}
.form-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-md);
}
@media (min-width: 768px) {
  .form-row-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.form-field {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  min-width: 0;
}
.form-label {
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-text);
}
.form-label span {
  font-weight: 400;
  color: var(--color-text-muted);
}
.form-control {
  width: 100%;
  max-width: 100%;
  padding: 0.7rem 0.85rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-subtle);
  background-color: var(--color-bg-alt);
  font-size: var(--text-sm);
  color: var(--color-text);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);
}
.form-control::placeholder {
  color: var(--color-text-muted);
}
.form-control:focus-visible {
  outline: none;
  border-color: var(--color-focus);
  box-shadow: 0 0 0 1px var(--color-focus), 0 0 0 4px rgba(31, 109, 255, 0.16);
  background-color: #ffffff;
}
textarea.form-control {
  min-height: 140px;
  resize: vertical;
}
select.form-control {
  padding-right: 2.2rem;
  background-image: linear-gradient(45deg, transparent 50%, var(--color-text-muted) 50%), linear-gradient(135deg, var(--color-text-muted) 50%, transparent 50%);
  background-position: calc(100% - 14px) 50%, calc(100% - 9px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}
.form-help {
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}
.form-error {
  font-size: var(--text-xs);
  color: var(--color-danger);
}
.form-inline {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  align-items: center;
}
.input-group {
  display: flex;
  width: 100%;
  max-width: 100%;
}
.input-group > .form-control {
  flex: 1 1 auto;
  min-width: 0;
  border-radius: var(--radius-md) 0 0 var(--radius-md);
}
.input-group > .btn {
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}
@media (max-width: 479.98px) {
  .input-group {
    flex-direction: column;
  }
  .input-group > .form-control,
  .input-group > .btn {
    border-radius: var(--radius-md);
  }
}
.table-shell {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}
.table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
}
.table thead {
  background-color: var(--color-surface-alt);
}
.table th,
.table td {
  padding: 0.75rem 0.9rem;
  border-bottom: 1px solid var(--color-border-subtle);
  font-size: var(--text-sm);
}
.table th {
  font-weight: 600;
  color: var(--color-text);
}
.table-striped tbody tr:nth-child(even) {
  background-color: rgba(221, 228, 240, 0.2);
}
.table-tight th,
.table-tight td {
  padding: 0.5rem 0.75rem;
}
.footer-shell {
  background-color: var(--color-bg-alt);
  border-top: 1px solid var(--color-border-subtle);
  margin-top: var(--space-4xl);
}
.footer-inner {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-2xl);
  display: grid;
  grid-template-columns: minmax(0, 1.3fr);
  gap: var(--space-2xl);
}
.footer-bottom {
  padding-top: var(--space-lg);
  border-top: 1px solid rgba(221, 228, 240, 0.7);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  align-items: center;
  justify-content: space-between;
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}
.footer-brand {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}
.footer-nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
}
.footer-nav a {
  color: var(--color-text-muted);
}
.footer-nav a:hover {
  color: var(--color-text);
}
@media (min-width: 768px) {
  .footer-inner {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  }
}
@media (min-width: 1024px) {
  .footer-inner {
    grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr));
  }
}
.prose {
  max-width: 70ch;
}
.prose p {
  margin-bottom: var(--space-md);
}
.prose h2 {
  margin-top: var(--space-2xl);
  margin-bottom: var(--space-md);
}
.prose h3 {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-sm);
}
.prose ul,
.prose ol {
  margin-bottom: var(--space-md);
  padding-left: 1.25rem;
}
.prose li + li {
  margin-top: var(--space-xs);
}
.prose a {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
.tagline {
  font-size: var(--text-sm);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--color-text-muted);
}
.lead {
  font-size: var(--text-lg);
  line-height: var(--leading-relaxed);
  color: var(--color-text-soft);
}
.kicker {
  font-size: var(--text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--color-accent-orange);
}
.text-soft {
  color: var(--color-text-soft);
}
.text-muted {
  color: var(--color-text-muted);
}
.text-accent-blue {
  color: var(--color-accent-blue);
}
.text-accent-orange {
  color: var(--color-accent-orange);
}
.bg-surface {
  background-color: var(--color-surface);
}
.bg-surface-alt {
  background-color: var(--color-surface-alt);
}
.bg-ice {
  background: radial-gradient(circle at top left, #e7f3ff 0, #f7fbff 40%, #ffffff 100%);
}
.bg-pop-blue {
  background: linear-gradient(135deg, #1f6dff, #5f9bff);
  color: #ffffff;
}
.bg-pop-orange {
  background: linear-gradient(135deg, #ff5a1f, #ff9a4f);
  color: #111217;
}
.pill {
  border-radius: var(--radius-pill);
}
.shadow-soft {
  box-shadow: var(--shadow-soft);
}
.shadow-pop {
  box-shadow: var(--shadow-pop);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-xl {
  border-radius: 24px;
}
.media-shell {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background-color: var(--color-surface-alt);
}
.media-shell img,
.media-shell picture,
.media-shell video {
  width: 100%;
  height: 100%;
  max-height: 420px;
  object-fit: cover;
}
.media-shell-tall img,
.media-shell-tall picture,
.media-shell-tall video {
  max-height: 520px;
}
.media-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr);
  gap: var(--space-md);
}
@media (min-width: 768px) {
  .media-grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  }
}
.icon-circle {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-accent-blue-soft);
  color: var(--color-accent-blue);
}
.icon-circle-orange {
  background-color: var(--color-accent-orange-soft);
  color: var(--color-accent-orange);
}
.list-check {
  list-style: none;
  padding-left: 0;
}
.list-check li {
  position: relative;
  padding-left: 1.6rem;
}
.list-check li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0.1rem;
  font-size: 0.7rem;
  color: var(--color-accent-orange);
}
.list-inline {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
}
.list-inline li::after {
  content: "•";
  margin-left: var(--space-xs);
  color: var(--color-text-muted);
}
.list-inline li:last-child::after {
  content: "";
  margin: 0;
}
.badge-page {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.9rem;
  border-radius: var(--radius-pill);
  font-size: var(--text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  background-color: var(--color-accent-blue-soft);
  color: var(--color-accent-blue);
}
.badge-page--legal {
  background-color: var(--color-surface-alt);
  color: var(--color-text-muted);
}
.grid-offer {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-xl);
}
@media (min-width: 768px) {
  .grid-offer {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  }
}
.grid-offer-alt {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-xl);
}
@media (min-width: 768px) {
  .grid-offer-alt {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  }
}
.grid-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--space-md);
}
@media (min-width: 640px) {
  .grid-gallery {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}
.gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background-color: var(--color-surface-alt);
}
.gallery-item img {
  width: 100%;
  height: 100%;
  max-height: 260px;
  object-fit: cover;
  transition: transform var(--transition-slow);
}
.gallery-item:hover img {
  transform: scale(1.05);
}
.tag-strip {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
}
.tag {
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-pill);
  font-size: var(--text-xs);
  background-color: var(--color-surface-alt);
  color: var(--color-text-muted);
}
.tag-hot {
  background-color: var(--color-accent-orange-soft);
  color: var(--color-accent-orange);
}
.tag-pro {
  background-color: var(--color-accent-blue-soft);
  color: var(--color-accent-blue);
}
.banner-cta {
  border-radius: 999px;
  padding: var(--space-md) var(--space-lg);
  background: linear-gradient(120deg, #ff5a1f, #ffcf4f, #1f6dff);
  color: #111217;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-md);
  align-items: center;
  justify-content: space-between;
  box-shadow: var(--shadow-pop);
}
.banner-cta-text {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 700;
}
@media (max-width: 639.98px) {
  .banner-cta {
    border-radius: var(--radius-lg);
  }
}
.toast {
  position: fixed;
  right: var(--space-lg);
  bottom: var(--space-lg);
  z-index: var(--z-toast);
  max-width: 320px;
  padding: var(--space-md);
  border-radius: var(--radius-lg);
  background-color: var(--color-surface);
  box-shadow: var(--shadow-pop);
  display: flex;
  gap: var(--space-sm);
  align-items: flex-start;
}
.toast-message {
  font-size: var(--text-sm);
  color: var(--color-text-soft);
}
.toast-close {
  margin-left: auto;
}
@media (max-width: 639.98px) {
  .toast {
    left: var(--space-lg);
    right: var(--space-lg);
  }
}


.header-shell {
  position: sticky;
  top: 0;
  z-index: var(--z-header);
  background-color: rgba(247, 251, 255, 0.98);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(221, 228, 240, 0.9);
  overflow: visible;
}
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
  height: var(--header-height);
}
.header-brand-wrap {
  flex: 0 0 auto;
  min-width: 0;
}
.header-brand {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: 800;
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-text);
  white-space: nowrap;
}
.header-brand-mark {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--color-accent-orange), var(--color-accent-blue));
  box-shadow: var(--shadow-flat-strong);
}
.header-brand-text {
  max-width: 100%;
}
.header-nav {
  display: none;
}
.header-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: var(--space-md);
}
.header-nav-item {
  flex: 0 0 auto;
}
.header-nav-link {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.2rem;
  border-radius: var(--radius-pill);
  font-size: var(--text-sm);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--color-text-soft);
  white-space: nowrap;
}
.header-nav-link:hover,
.header-nav-link[aria-current="page"] {
  color: var(--color-text);
  background-color: rgba(0, 0, 0, 0.04);
}
.header-nav-item-contact .header-nav-link-contact {
  color: var(--color-accent-orange);
}
.header-nav-item-contact .header-nav-link-contact:hover {
  color: var(--color-text);
}
.header-actions {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  flex: 0 0 auto;
}
.header-search-toggle {
  display: none;
  align-items: center;
  gap: var(--space-xs);
  padding: 0.35rem 0.75rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--color-border-subtle);
  background-color: var(--color-bg-alt);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}
.header-search-icon {
  width: 14px;
  height: 14px;
  border-radius: 999px;
  box-shadow: 0 0 0 2px var(--color-text-muted);
}
.header-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 0;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--color-border-subtle);
  background-color: var(--color-bg-alt);
}
.header-toggle-icon {
  position: relative;
  display: block;
  width: 18px;
  height: 2px;
  margin: 0;
  border-radius: 999px;
  background-color: var(--color-text);
  box-shadow: none;
}
.header-toggle-icon::before,
.header-toggle-icon::after {
  content: "";
  position: absolute;
  left: 0;
  width: 18px;
  height: 2px;
  margin: 0;
  border-radius: 999px;
  background-color: var(--color-text);
  transition: transform var(--transition-fast), top var(--transition-fast);
}
.header-toggle-icon::before {
  top: -6px;
}
.header-toggle-icon::after {
  top: 6px;
}
.header-shell.menu-open .header-toggle-icon {
  background-color: transparent;
}
.header-shell.menu-open .header-toggle-icon::before {
  top: 0;
  transform: rotate(45deg);
}
.header-shell.menu-open .header-toggle-icon::after {
  top: 0;
  transform: rotate(-45deg);
}
.header-cta {
  display: none;
}
.nav-mobile-panel {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: calc(var(--z-header) - 1);
  background-color: var(--color-bg-alt);
  border-bottom: 1px solid var(--color-border-subtle);
  transform: translateY(-8px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--transition-base), transform var(--transition-base), visibility var(--transition-base);
}
.header-shell.menu-open .nav-mobile-panel {
  display: block;
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.nav-mobile-list {
  list-style: none;
  margin: 0;
  padding: var(--space-md) 0 var(--space-lg);
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  font-size: var(--text-sm);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
}
.nav-mobile-item-legal {
  margin-top: var(--space-sm);
  padding-top: var(--space-sm);
  border-top: 1px dashed var(--color-border-subtle);
}
.nav-mobile-link {
  display: block;
  width: 100%;
  padding: 0.6rem 0.25rem;
  border-radius: var(--radius-pill);
  color: var(--color-text-soft);
}
.nav-mobile-link:hover,
.nav-mobile-link[aria-current="page"] {
  color: var(--color-text);
  background-color: rgba(0, 0, 0, 0.04);
}
.nav-mobile-link-primary {
  color: var(--color-accent-orange);
}
.nav-mobile-link-primary:hover {
  color: var(--color-text);
}
.header-layout-a .header-inner {
  justify-content: space-between;
}
.header-layout-b .header-inner {
  justify-content: flex-start;
}
.header-layout-b .header-brand-wrap {
  order: 2;
}
.header-layout-b .header-nav {
  order: 1;
  margin-right: auto;
}
.header-layout-b .header-actions {
  order: 3;
}
.header-layout-c .header-inner {
  justify-content: center;
}
.header-layout-c .header-brand-wrap {
  order: 2;
}
.header-layout-c .header-nav {
  order: 3;
}
.header-layout-c .header-actions {
  order: 1;
}
@media (max-width: 767.98px) {
  .header-layout-b .header-inner,
  .header-layout-c .header-inner {
    justify-content: space-between;
  }
  .header-layout-b .header-brand-wrap,
  .header-layout-c .header-brand-wrap,
  .header-layout-b .header-actions,
  .header-layout-c .header-actions {
    order: initial;
  }
}
@media (min-width: 768px) {
  .header-nav {
    display: flex;
    align-items: center;
    min-width: 0;
  }
  .header-actions {
    gap: var(--space-md);
  }
  .header-search-toggle {
    display: inline-flex;
  }
  .header-cta {
    display: inline-flex;
  }
  .header-toggle {
    display: none;
  }
  .nav-mobile-panel {
    display: none;
  }
}
@media (min-width: 1024px) {
  .header-inner {
    gap: var(--space-xl);
  }
  .header-nav-list {
    gap: var(--space-lg);
  }
  .header-brand-text {
    font-size: var(--text-lg);
  }
}
@media (max-width: 479.98px) {
  .header-inner {
    gap: var(--space-sm);
  }
  .header-brand-text {
    font-size: var(--text-sm);
  }
  .header-search-label {
    display: none;
  }
}


.footer-shell {
  background-color: var(--color-bg-alt);
  border-top: 1px solid var(--color-border-subtle);
  margin-top: var(--space-4xl);
}
.footer-inner {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-2xl);
  display: grid;
  grid-template-columns: minmax(0, 1.3fr);
  gap: var(--space-2xl);
}
.footer-column {
  min-width: 0;
}
.footer-brand {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  margin-bottom: var(--space-sm);
}
.footer-text {
  margin: 0 0 var(--space-sm);
  font-size: var(--text-sm);
  color: var(--color-text-soft);
}
.footer-text-small {
  margin: 0 0 var(--space-xs);
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}
.footer-heading {
  margin: 0 0 var(--space-md);
  font-size: var(--text-sm);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
}
.footer-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-xs);
}
.footer-nav-list a {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}
.footer-nav-list a:hover {
  color: var(--color-text);
}
.footer-nav-list-legal {
  gap: var(--space-xs);
}
.footer-contact {
  margin-top: var(--space-md);
}
.footer-bottom {
  padding-top: var(--space-lg);
  border-top: 1px solid rgba(221, 228, 240, 0.7);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  align-items: center;
  justify-content: space-between;
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}
.footer-nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
}
.footer-nav a {
  color: var(--color-text-muted);
}
.footer-nav a:hover {
  color: var(--color-text);
}
@media (min-width: 768px) {
  .footer-inner {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  }
}
@media (min-width: 1024px) {
  .footer-inner {
    grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr));
  }
}
.cookie-banner {
  position: fixed;
  inset: auto var(--space-lg) var(--space-lg) var(--space-lg);
  z-index: var(--z-overlay);
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--color-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-pop);
  border: 1px solid var(--color-border-subtle);
  opacity: 0;
  transform: translateY(16px);
  pointer-events: none;
  transition: opacity var(--transition-base), transform var(--transition-base), visibility var(--transition-base);
}
.cookie-banner[hidden] {
  display: block;
  visibility: hidden;
}
.cookie-banner.is-visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  visibility: visible;
}
.cookie-banner.is-hidden {
  opacity: 0;
  transform: translateY(16px);
  pointer-events: none;
  visibility: hidden;
}
.cookie-banner-inner {
  padding: var(--space-lg);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}
.cookie-banner-title {
  margin: 0 0 var(--space-xs);
  font-size: var(--text-md);
}
.cookie-banner-copy {
  margin: 0 0 var(--space-xs);
  font-size: var(--text-sm);
  color: var(--color-text-soft);
}
.cookie-banner-link {
  font-size: var(--text-xs);
}
.cookie-banner-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  justify-content: flex-end;
}
.cookie-banner-btn {
  flex: 1 1 auto;
}
@media (min-width: 480px) {
  .cookie-banner-actions {
    justify-content: flex-end;
  }
  .cookie-banner-btn {
    flex: 0 0 auto;
  }
}
@media (max-width: 639.98px) {
  .cookie-banner {
    left: var(--space-lg);
    right: var(--space-lg);
    max-width: none;
  }
}


.galeria-hero-shell {
  align-items: stretch;
}
.galeria-hero-copy {
  min-width: 0;
}
.galeria-hero-tags {
  max-width: 32rem;
}
.galeria-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.galeria-hero-cta-row .btn {
  max-width: 100%;
}
.galeria-hero-media {
  max-width: 640px;
}
.galeria-section-header {
  max-width: 44rem;
}
.galeria-section-intro {
  font-size: var(--text-md);
  line-height: var(--leading-relaxed);
}
.galeria-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-lg);
}
.galeria-grid-kasyno {
  align-items: start;
}
.galeria-item {
  position: relative;
  min-width: 0;
  border-radius: var(--radius-card);
  background-color: var(--color-surface);
  box-shadow: var(--shadow-soft);
  overflow: hidden;
}
.galeria-item-large {
  grid-row: auto;
}
.galeria-item-media {
  position: relative;
  overflow: hidden;
}
.galeria-item-media img {
  width: 100%;
  height: 100%;
  max-height: 360px;
  object-fit: cover;
  transition: transform var(--transition-slow);
}
.galeria-item:hover .galeria-item-media img {
  transform: scale(1.04);
}
.galeria-item figcaption {
  padding: var(--space-md) var(--space-lg) var(--space-lg);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}
.galeria-banner-cta {
  margin-top: var(--space-xl);
}
.galeria-banner-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.galeria-banner-actions .btn {
  max-width: 100%;
}
.galeria-bottom-cta {
  margin-top: var(--space-3xl);
  padding: var(--space-xl);
  border-radius: var(--radius-card);
  background-color: var(--color-surface);
  box-shadow: var(--shadow-soft);
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}
.galeria-bottom-copy {
  min-width: 0;
}
.galeria-bottom-copy h3 {
  margin-bottom: var(--space-xs);
}
.galeria-bottom-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.galeria-bottom-actions .btn {
  max-width: 100%;
}
@media (min-width: 768px) {
  .galeria-grid-kasyno {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  }
  .galeria-grid-imprezy {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .galeria-item-media img {
    max-height: 420px;
  }
  .galeria-bottom-cta {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  .galeria-grid-imprezy {
    gap: var(--space-xl);
  }
}
@media (max-width: 479.98px) {
  .galeria-bottom-cta {
    padding: var(--space-lg);
  }
}


.privacy-hero-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr);
  gap: var(--space-2xl);
  align-items: flex-start;
}
.privacy-hero-copy {
  min-width: 0;
}
.privacy-hero-meta-grid {
  grid-template-columns: minmax(0, 1fr);
}
.privacy-meta-card {
  min-width: 0;
}
.privacy-list-key {
  margin: 0;
  padding-left: 1.1rem;
}
.privacy-list-key li {
  margin-bottom: var(--space-xs);
}
.privacy-hero-aside {
  min-width: 0;
}
.privacy-hero-aside-card {
  position: relative;
}
.privacy-toc {
  margin-top: var(--space-md);
  margin-bottom: var(--space-md);
}
.privacy-toc ol {
  margin: 0;
  padding-left: 1.25rem;
}
.privacy-toc li + li {
  margin-top: var(--space-xs);
}
.privacy-toc a {
  font-size: var(--text-sm);
}
.privacy-hero-note {
  padding-top: var(--space-sm);
  border-top: 1px dashed var(--color-border-subtle);
  font-size: var(--text-sm);
}
.privacy-prose {
  max-width: 72ch;
}
.privacy-prose ul,
.privacy-prose ol {
  padding-left: 1.25rem;
}
.privacy-prose li {
  word-break: break-word;
}
.privacy-prose a {
  font-weight: 500;
}
@media (min-width: 900px) {
  .privacy-hero-shell {
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.1fr);
  }
  .privacy-hero-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 599.98px) {
  .section-hero .lead {
    font-size: var(--text-md);
  }
}
.privacy-toc a:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
.privacy-prose h2:first-child {
  margin-top: 0;
}
.privacy-prose h2 {
  scroll-margin-top: calc(var(--header-height) + 32px);
}
.privacy-prose h3 {
  scroll-margin-top: calc(var(--header-height) + 32px);
}


html {
  background-color: var(--color-bg);
}
.cookie-hero-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr);
  gap: var(--space-2xl);
  align-items: stretch;
}
.cookie-hero-copy {
  max-width: 40rem;
}
.cookie-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.cookie-hero-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.9rem;
  border-radius: var(--radius-pill);
  font-size: var(--text-xs);
  background-color: var(--color-surface);
  color: var(--color-text-muted);
  box-shadow: var(--shadow-soft);
}
.cookie-hero-card {
  align-self: center;
  max-width: 32rem;
}
.cookie-hero-list-wrapper {
  margin-top: var(--space-sm);
}
.cookie-hero-list {
  margin: 0;
  padding-left: 1.1rem;
  font-size: var(--text-sm);
  color: var(--color-text-soft);
}
.cookie-hero-list li + li {
  margin-top: var(--space-xs);
}
.cookie-hero-btn {
  margin-top: var(--space-md);
}
.cookie-prose {
  max-width: 56rem;
}
.cookie-prose h2:first-of-type {
  margin-top: 0;
}
.cookie-table-shell {
  margin-bottom: var(--space-lg);
}
.cookie-table {
  font-size: var(--text-sm);
}
.cookie-list {
  margin: 0 0 var(--space-md);
  padding-left: 1.25rem;
}
.cookie-list li + li {
  margin-top: var(--space-xs);
}
.cookie-cta-card {
  background: linear-gradient(135deg, var(--color-surface), var(--color-surface-alt));
}
.cookie-cta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr);
  gap: var(--space-lg);
  align-items: center;
}
.cookie-cta-title {
  font-size: var(--text-2xl);
}
.cookie-cta-actions {
  max-width: 18rem;
}
.cookie-cta-actions .btn {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .cookie-hero-shell {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  }
  .cookie-cta-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.9fr);
  }
}
@media (max-width: 767.98px) {
  .section-hero {
    padding-top: calc(var(--space-3xl) + var(--header-height));
  }
  .cookie-hero-card {
    max-width: 100%;
  }
}
@media (max-width: 479.98px) {
  .cookie-table-shell {
    margin-left: -var(--space-lg);
    margin-right: -var(--space-lg);
  }
}


main {
  background-color: var(--color-bg);
}
.kontakt-hero-shell {
  align-items: stretch;
}
.kontakt-badge {
  align-self: flex-start;
}
.kontakt-hero-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
  background: linear-gradient(120deg, var(--color-accent-orange-soft), var(--color-accent-blue-soft));
}
.kontakt-hero-pill-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background-color: var(--color-accent-orange);
}
.kontakt-hero-pill-text {
  font-size: var(--text-sm);
  font-weight: 600;
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-text);
}
.kontakt-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  margin-top: var(--space-md);
}
.kontakt-hero-btn,
.kontakt-hero-btn-alt {
  max-width: 100%;
}
.kontakt-hero-meta {
  max-width: 40rem;
}
.kontakt-hero-media-frame {
  padding: var(--space-lg);
}
.kontakt-hero-media-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-md);
}
.kontakt-hero-card {
  border-radius: var(--radius-lg);
  padding: var(--space-md) var(--space-lg);
  background-color: var(--color-surface);
  box-shadow: var(--shadow-soft);
}
.kontakt-hero-card-label {
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--color-text-muted);
  margin-bottom: var(--space-xs);
}
.kontakt-hero-card-value {
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: 700;
}
.kontakt-hero-card--primary {
  background: linear-gradient(135deg, var(--color-accent-blue-soft), #ffffff);
}
.kontakt-hero-card--secondary {
  background: linear-gradient(135deg, var(--color-accent-orange-soft), #ffffff);
}
.kontakt-hero-card--tertiary {
  background-color: var(--color-surface-alt);
}
@media (min-width: 640px) {
  .kontakt-hero-media-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .kontakt-hero-card--tertiary {
    grid-column: span 2;
  }
}
.kontakt-grid-main {
  align-items: flex-start;
}
.kontakt-card {
  min-width: 0;
}
.kontakt-card-dane {
  border-radius: 26px;
}
.kontakt-card-form {
  border-radius: 26px;
}
.kontakt-dane-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-xs);
}
.kontakt-dane-row + .kontakt-dane-row {
  margin-top: var(--space-md);
}
.kontakt-dane-label {
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--color-text-muted);
}
.kontakt-dane-value {
  font-size: var(--text-md);
  color: var(--color-text-soft);
}
.kontakt-dane-value--accent {
  font-weight: 600;
  color: var(--color-accent-blue);
}
.kontakt-dane-link {
  font-weight: 700;
  color: var(--color-accent-orange);
}
.kontakt-dane-link:hover,
.kontakt-dane-link:focus-visible {
  color: var(--color-accent-blue);
}
.kontakt-dane-row-note {
  margin-top: var(--space-lg);
}
.kontakt-dane-note {
  padding: var(--space-md);
  border-radius: var(--radius-lg);
  background-color: var(--color-accent-blue-soft);
  color: var(--color-text);
  font-size: var(--text-sm);
}
.kontakt-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}
.kontakt-form-footer {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  align-items: flex-start;
}
.kontakt-form-btn {
  max-width: 100%;
}
.kontakt-form-note {
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}
.kontakt-form-confirmation {
  margin-top: var(--space-sm);
  font-size: var(--text-sm);
}
.kontakt-form-confirmation--success {
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-md);
  background-color: rgba(15, 157, 88, 0.08);
  color: var(--color-success);
}
.kontakt-form-confirmation--error {
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-md);
  background-color: rgba(224, 36, 36, 0.08);
  color: var(--color-danger);
}
@media (min-width: 768px) {
  .kontakt-dane-row {
    grid-template-columns: 0.5fr minmax(0, 1.5fr);
  }
}
@media (max-width: 639.98px) {
  .section-hero {
    padding-top: calc(var(--space-3xl) + var(--header-height));
  }
}


main {
  background: radial-gradient(circle at top left, #f3f7ff 0, #f7fbff 40%, #ffffff 100%);
}
.hero-business {
  align-items: center;
}
.hero-business-copy {
  max-width: 36rem;
}
.hero-business-title {
  font-size: var(--text-4xl);
}
.hero-business-lead {
  max-width: 32rem;
}
.hero-business-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.hero-business-cta-row .btn {
  max-width: 100%;
}
.hero-note {
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}
.hero-business-media {
  max-width: 32rem;
}
.section-header-narrow {
  max-width: 40rem;
}
.section-business-offer {
  background-color: var(--color-bg-alt);
}
.business-offer-grid {
  align-items: stretch;
}
.card-business {
  background: linear-gradient(135deg, #ffffff, #f3f6ff);
}
.card-business-alt {
  margin-top: var(--space-xl);
}
.business-media-grid {
  align-items: stretch;
}
.business-media-main {
  max-height: 360px;
}
.business-media-side {
  max-height: 260px;
}
.business-banner-cta {
  margin-top: var(--space-xl);
}
.business-banner-cta .banner-cta-text {
  max-width: 30rem;
}
.business-banner-cta .banner-cta-actions .btn {
  max-width: 100%;
}
.section-benefits {
  position: relative;
}
.benefits-grid {
  align-items: flex-start;
}
.benefits-cards {
  align-items: stretch;
}
.benefit-card {
  height: 100%;
}
.icon-benefit {
  font-size: 1rem;
}
.benefits-aside {
  background: linear-gradient(135deg, #fff7f1, #ffe1d4);
}
.benefits-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.benefits-cta-row .btn {
  max-width: 100%;
}
.section-process {
  border-radius: 40px 40px 0 0;
}
.process-grid {
  align-items: stretch;
}
.process-step {
  position: relative;
  padding-top: calc(var(--space-xl) + 10px);
}
.process-step-index {
  position: absolute;
  top: var(--space-lg);
  left: var(--space-lg);
  width: 32px;
  height: 32px;
  border-radius: var(--radius-pill);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-sm);
  font-weight: 700;
  background-color: var(--color-accent-blue-soft);
  color: var(--color-accent-blue);
}
.process-bottom-cta {
  margin-top: var(--space-2xl);
  padding: var(--space-xl);
  border-radius: var(--radius-card);
  background-color: var(--color-surface);
  box-shadow: var(--shadow-soft);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-lg);
  align-items: center;
  justify-content: space-between;
}
.process-bottom-text {
  flex: 1 1 260px;
  min-width: 0;
}
.process-bottom-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.process-bottom-actions .btn {
  max-width: 100%;
}
.list-business,
.list-benefits,
.list-process {
  margin: 0;
}
.hero-cta-main {
  background: linear-gradient(135deg, var(--color-accent-blue), #5f9bff);
}
.hero-cta-secondary {
  background: linear-gradient(135deg, var(--color-accent-orange), #ffcf4f);
  color: #111217;
}
.hero-cta-secondary:hover {
  background: linear-gradient(135deg, #e44f1b, #ffb300);
}
@media (max-width: 767.98px) {
  .hero-business-title {
    font-size: var(--text-3xl);
  }
  .section-process {
    border-radius: 32px 32px 0 0;
  }
}
@media (max-width: 639.98px) {
  .hero-business-media {
    max-width: 100%;
  }
  .process-bottom-cta {
    padding: var(--space-lg);
  }
}
@media (min-width: 768px) {
  .card-business-alt {
    margin-top: 0;
  }
}


body.page-onas {
  background-color: var(--color-bg);
}
.page-onas main {
  min-width: 0;
}
.onas-hero-shell {
  align-items: center;
}
.onas-hero-copy {
  min-width: 0;
}
.onas-hero-kpi-row {
  row-gap: var(--space-md);
}
.onas-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.onas-hero-cta-row .btn {
  max-width: 100%;
}
.onas-hero-tags {
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}
.onas-hero-media {
  max-width: 620px;
}
.onas-hero-image {
  display: block;
}
.onas-mission-grid,
.onas-team-grid,
.onas-expertise-grid,
.onas-trust-grid {
  align-items: stretch;
}
.onas-mission-card,
.onas-mission-aside,
.onas-team-copy,
.onas-team-media,
.onas-trust-copy,
.onas-trust-media {
  min-width: 0;
}
.onas-mission-list,
.onas-team-list,
.onas-expertise-list,
.onas-trust-list {
  margin-top: var(--space-sm);
  margin-bottom: 0;
}
.onas-mission-aside {
  border-radius: var(--radius-card);
}
.onas-team-cta,
.onas-trust-cta {
  align-self: flex-start;
  max-width: 100%;
}
.onas-expertise-header {
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}
.onas-expertise-card {
  height: 100%;
}
.onas-expertise-banner {
  flex-wrap: wrap;
}
.onas-expertise-banner-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.onas-expertise-banner-actions .btn {
  max-width: 100%;
}
.onas-final-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}
.onas-final-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.onas-final-cta-row .btn {
  max-width: 100%;
}
@media (min-width: 768px) {
  .onas-final-card {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .onas-final-cta-row {
    justify-content: flex-end;
  }
}
@media (max-width: 767.98px) {
  .onas-hero-shell {
    grid-template-columns: minmax(0, 1fr);
  }
  .onas-hero-media {
    order: -1;
  }
}
@media (min-width: 1024px) {
  .onas-mission-grid,
  .onas-trust-grid {
    align-items: center;
  }
}


#main-content{scroll-margin-top:var(--header-height)}.kontakt-section{position:relative}.kontakt-section.is-active{scroll-margin-top:calc(var(--header-height) + var(--space-md))}.kontakt-hero-shell{align-items:center}.kontakt-hero-media{max-width:560px;margin-left:auto;margin-right:auto}.kontakt-hero-image{display:block;width:100%;height:100%;max-height:420px;object-fit:cover}.kontakt-hero-cta-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-lg)}.kontakt-hero-cta-row .btn{max-width:100%}.kontakt-hero-meta{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);margin-top:var(--space-xl)}.kontakt-meta-item{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-pill);background:linear-gradient(120deg,var(--color-accent-blue-soft),var(--color-accent-orange-soft));box-shadow:var(--shadow-soft)}.kontakt-meta-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.kontakt-meta-value{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.kontakt-section-header{max-width:44rem;margin:0 auto var(--space-2xl)}.kontakt-section-header-inline{display:flex;flex-wrap:wrap;gap:var(--space-lg);align-items:flex-start;justify-content:space-between}.kontakt-grid-main{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.kontakt-card{min-width:0}.kontakt-card-info{position:relative;overflow:hidden}.kontakt-card-info::before{content:"";position:absolute;inset:auto -40%;top:-40%;height:120px;background:radial-gradient(circle at center,var(--color-accent-orange-soft),transparent 60%);opacity:.9;pointer-events:none}.kontakt-info-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg);z-index:1}.kontakt-info-item{min-width:0}.kontakt-info-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.kontakt-info-value{font-size:var(--text-md);font-weight:600;color:var(--color-text)}.kontakt-info-value a{word-break:break-all}.kontakt-info-note{margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--color-text-muted)}.kontakt-highlight-strip{margin-top:var(--space-xl);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-pill);background:linear-gradient(120deg,var(--color-accent-orange-soft),var(--color-accent-blue-soft));display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.kontakt-highlight-text{font-size:var(--text-sm);color:var(--color-text)}.kontakt-checkbox-input{margin-right:var(--space-sm)}.kontakt-checkbox-label{font-size:var(--text-sm);color:var(--color-text-soft)}.kontakt-checkbox-label a{text-decoration:underline;text-underline-offset:3px}.kontakt-form-footer{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;justify-content:flex-start}.kontakt-submit-btn{min-width:0;max-width:100%}.kontakt-form-status{margin-top:var(--space-sm);font-size:var(--text-sm)}.kontakt-form-status--success{color:var(--color-success)}.kontakt-form-status--error{color:var(--color-danger)}.kontakt-form-field-error .form-control{border-color:var(--color-danger)}.kontakt-form-field-error .form-control:focus-visible{box-shadow:0 0 0 1px var(--color-danger),0 0 0 4px rgba(224,36,36,0.16)}.kontakt-faq-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.kontakt-faq-card{min-width:0}.kontakt-faq-item+.kontakt-faq-item{margin-top:var(--space-sm)}.kontakt-faq-trigger{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) 0;border:0;border-bottom:1px solid var(--color-border-subtle);background:none;font-family:var(--font-sans);font-size:var(--text-md);text-align:left;color:var(--color-text);cursor:pointer}.kontakt-faq-question{flex:1 1 auto;min-width:0}.kontakt-faq-icon{flex:0 0 auto;width:24px;height:24px;border-radius:999px;border:1px solid var(--color-border-subtle);display:inline-flex;align-items:center;justify-content:center;position:relative}.kontakt-faq-icon::before,.kontakt-faq-icon::after{content:"";position:absolute;background-color:var(--color-text-soft);transition:transform var(--transition-fast)}.kontakt-faq-icon::before{width:10px;height:2px}.kontakt-faq-icon::after{width:2px;height:10px}.kontakt-faq-trigger[aria-expanded="true"] .kontakt-faq-icon::after{transform:scaleY(0)}.kontakt-faq-panel{padding:0 0 var(--space-md);font-size:var(--text-sm);color:var(--color-text-soft)}.kontakt-faq-panel[aria-hidden="true"]{display:none}.kontakt-side-card{align-self:flex-start}.kontakt-side-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.kontakt-side-actions .btn{max-width:100%}.kontakt-faq-cta{align-self:flex-start;max-width:100%}@media(min-width:768px){.kontakt-hero-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.kontakt-grid-main{grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr)}.kontakt-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kontakt-faq-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr)}}@media(max-width:639.98px){.kontakt-highlight-strip{flex-direction:column;align-items:flex-start;border-radius:var(--radius-lg)}.kontakt-section-header-inline{flex-direction:column;align-items:flex-start}.kontakt-hero-cta-row{flex-direction:column}.kontakt-form-footer{flex-direction:column;align-items:flex-start}.kontakt-side-actions{flex-direction:column}}


body.home-page {
  background-color: var(--color-bg);
}
.section-header {
  max-width: 44rem;
}
.hero-shell-variable {
  align-items: stretch;
}
.hero-copy-variable {
  min-width: 0;
}
.hero-media-variable {
  min-width: 0;
}
.hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  margin-top: var(--space-md);
  margin-bottom: var(--space-md);
}
.hero-cta {
  max-width: 100%;
}
.section-services .section-header {
  max-width: 46rem;
}
.services-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-xl);
}
.service-card {
  border-width: 2px;
  border-style: solid;
  border-color: var(--color-border-strong);
  box-shadow: var(--shadow-flat-strong);
}
.service-card-alt {
  border-color: var(--color-accent-blue-soft);
}
.service-list {
  margin: 0;
}
.service-cta {
  max-width: 100%;
}
.services-media-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-xl);
  align-items: center;
}
.services-media {
  min-width: 0;
}
.services-media-copy {
  min-width: 0;
}
.section-segments {
  position: relative;
}
.segments-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2xl);
  align-items: center;
}
.segment-card {
  border-width: 2px;
  border-style: solid;
  border-color: var(--color-border-strong);
  box-shadow: var(--shadow-flat-strong);
}
.segment-list {
  margin-bottom: var(--space-lg);
}
.segment-cta {
  max-width: 100%;
}
.segments-media {
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}
.section-why {
  position: relative;
}
.why-grid {
  align-items: stretch;
}
.why-card {
  border-width: 2px;
  border-style: solid;
  border-color: var(--color-border-strong);
  box-shadow: var(--shadow-flat-strong);
}
.banner-cta-home {
  margin-top: var(--space-3xl);
}
.banner-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.banner-cta-actions .btn {
  max-width: 100%;
}
.section-final-cta {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-4xl);
}
.final-cta-card {
  border-width: 2px;
  border-style: solid;
  border-color: var(--color-border-strong);
}
.final-cta-grid > * {
  min-width: 0;
}
.final-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  margin-top: var(--space-md);
}
.final-cta-btn {
  max-width: 100%;
}
.final-cta-side {
  justify-content: space-between;
}
.final-cta-highlight {
  padding: var(--space-lg);
  border-radius: var(--radius-lg);
  background-color: var(--color-surface-alt);
}
.final-cta-steps {
  margin: 0;
  padding-left: 1.25rem;
  font-size: var(--text-sm);
  color: var(--color-text-soft);
}
.final-cta-steps li + li {
  margin-top: var(--space-xs);
}
.final-cta-note {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}
@media (min-width: 768px) {
  .services-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  }
  .services-grid > article:nth-child(2) {
    transform: translateY(10%);
  }
  .services-grid > article:nth-child(3) {
    transform: translateY(-6%);
  }
  .services-media-grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  }
  .segments-grid {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  }
}
@media (min-width: 1024px) {
  .services-grid {
    gap: var(--space-2xl);
  }
  .segments-grid {
    gap: var(--space-3xl);
  }
}
@media (max-width: 767.98px) {
  .hero-shell-variable {
    grid-template-columns: minmax(0, 1fr);
  }
  .services-grid > article:nth-child(2),
  .services-grid > article:nth-child(3) {
    transform: none;
  }
}


html {
  background-color: var(--color-bg);
}
.terms-hero-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2xl);
  align-items: flex-start;
}
.terms-hero-copy {
  min-width: 0;
}
.terms-hero-meta {
  flex-wrap: wrap;
}
.terms-hero-pill {
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-pill);
  background-color: var(--color-surface);
  box-shadow: var(--shadow-soft);
  border: 1px solid var(--color-border-subtle);
  min-width: min(100%, 220px);
}
.terms-hero-label {
  display: block;
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--color-text-muted);
  margin-bottom: var(--space-2xs);
}
.terms-hero-value {
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: 600;
}
.terms-hero-aside {
  align-self: stretch;
}
.terms-hero-aside-title {
  font-size: var(--text-xl);
}
.terms-toc {
  border-radius: var(--radius-md);
  background-color: var(--color-surface-alt);
  padding: var(--space-md);
}
.terms-toc-list {
  margin: 0;
  padding-left: 1.25rem;
  font-size: var(--text-sm);
  color: var(--color-text-soft);
}
.terms-toc-list li + li {
  margin-top: var(--space-xs);
}
.terms-toc-list a {
  text-decoration: none;
}
.terms-toc-list a:hover,
.terms-toc-list a:focus-visible {
  text-decoration: underline;
}
.terms-hero-btn {
  margin-top: var(--space-sm);
}
.terms-card {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.terms-prose {
  font-size: var(--text-md);
}
.terms-prose h2 {
  font-size: var(--text-xl);
}
.terms-prose ul,
.terms-prose ol {
  padding-left: 1.25rem;
}
.terms-prose li {
  color: var(--color-text-soft);
}
.terms-cta {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
  align-items: flex-start;
}
.terms-cta-text {
  min-width: 0;
}
.terms-cta-actions {
  width: 100%;
}
.terms-cta-actions .btn {
  max-width: 100%;
}
@media (min-width: 768px) {
  .terms-hero-shell {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.1fr);
  }
  .terms-cta {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .terms-cta-actions {
    max-width: 320px;
  }
}
@media (min-width: 1024px) {
  .terms-hero-shell {
    gap: var(--space-3xl);
  }
  .terms-prose h2 {
    font-size: var(--text-2xl);
  }
}
@media (max-width: 479.98px) {
  .terms-toc {
    padding: var(--space-sm);
  }
}


main {
  background-color: var(--color-bg);
}
.oferta-hero-shell {
  align-items: center;
}
.oferta-hero-copy {
  max-width: 40rem;
}
.oferta-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.oferta-hero-cta-row .btn {
  max-width: 100%;
}
.oferta-hero-media {
  max-width: 32rem;
}
.oferta-section {
  position: relative;
}
.oferta-section-kasyno {
  background: radial-gradient(circle at top left, #ffe1d4 0, #f7fbff 45%, #ffffff 100%);
}
.oferta-section-tematyczne {
  background: radial-gradient(circle at top right, #d9e4ff 0, #f7fbff 45%, #ffffff 100%);
}
.oferta-section-programy {
  background: radial-gradient(circle at bottom left, #ffe1d4 0, #f7fbff 45%, #ffffff 100%);
}
.oferta-section-polska {
  background: radial-gradient(circle at bottom right, #d9e4ff 0, #f7fbff 45%, #ffffff 100%);
}
.oferta-feature-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-lg);
}
.oferta-feature-grid-small {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-lg);
}
.oferta-feature {
  display: flex;
  gap: var(--space-md);
  align-items: flex-start;
}
.oferta-feature-body {
  min-width: 0;
}
.oferta-feature-body h3 {
  margin-bottom: var(--space-xs);
}
.oferta-feature-body p {
  margin-bottom: 0;
}
.oferta-card {
  min-width: 0;
}
.oferta-card-kasyno {
  border-radius: 24px;
  background: linear-gradient(135deg, #ffffff, #ffe1d4);
}
.oferta-card-kasyno-alt {
  border-radius: 24px;
  background: linear-gradient(135deg, #ffffff, #d9e4ff);
}
.oferta-card-programy {
  background: linear-gradient(135deg, #ffffff, #f0f4fa);
}
.oferta-card-regiony {
  background: linear-gradient(135deg, #ffffff, #ffe1d4);
}
.oferta-highlight-box {
  padding: var(--space-lg);
  border-radius: var(--radius-card);
  background-color: var(--color-surface);
  box-shadow: var(--shadow-soft);
  font-size: var(--text-sm);
}
.oferta-pills-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.oferta-cta-inline {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.oferta-cta-inline .btn {
  max-width: 100%;
}
.oferta-grid-mini {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-lg);
}
.oferta-mini-block h3 {
  margin-bottom: var(--space-sm);
}
.oferta-list,
.oferta-list-inline {
  margin: 0;
  padding-left: 1.1rem;
}
.oferta-list li + li,
.oferta-list-inline li + li {
  margin-top: var(--space-xs);
}
.oferta-list-inline {
  list-style: disc;
}
.oferta-banner-cta {
  align-items: flex-start;
}
.oferta-summary-card {
  margin-top: var(--space-2xl);
}
.oferta-summary-cta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.oferta-summary-cta .btn {
  max-width: 100%;
}
@media (min-width: 640px) {
  .oferta-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .oferta-feature-grid-small {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .oferta-grid-mini {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .oferta-summary-card {
    text-align: left;
  }
  .oferta-summary-cta {
    width: 100%;
    justify-content: flex-start;
  }
}


main {
  background: radial-gradient(circle at top left, #fdf4ec 0, #f7fbff 32%, #ffffff 70%);
}
.individual-hero {
  align-items: stretch;
}
.individual-hero-text {
  max-width: 640px;
}
.individual-hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.individual-hero-ctas .btn {
  max-width: 100%;
}
.individual-hero-media {
  max-width: 560px;
}
.individual-hero-media-frame {
  background: linear-gradient(135deg, #ffffff, #ffe1d4);
}
.individual-hero-shapes {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.shape-pill {
  position: absolute;
  width: 120px;
  height: 32px;
  border-radius: 999px;
  box-shadow: var(--shadow-flat-strong);
  opacity: 0.9;
}
.shape-pill-blue {
  background: linear-gradient(135deg, var(--color-accent-blue-soft), #b8ccff);
  top: 10%;
  right: -12%;
}
.shape-pill-orange {
  background: linear-gradient(135deg, var(--color-accent-orange-soft), #ffd1b8);
  bottom: 6%;
  left: -8%;
}
@media (max-width: 767.98px) {
  .shape-pill {
    width: 80px;
    height: 24px;
  }
}
.individual-offer-grid,
.individual-flow-grid,
.individual-themes-grid {
  align-items: center;
}
.individual-offer-text,
.individual-flow-text,
.individual-themes-text {
  gap: var(--space-lg);
}
.individual-offer-options {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-md);
}
@media (min-width: 768px) {
  .individual-offer-options {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.individual-offer-card,
.individual-theme-card {
  position: relative;
  min-width: 0;
  cursor: pointer;
  transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), background-color var(--transition-base);
}
.individual-offer-card-extra,
.individual-theme-extra {
  margin-top: var(--space-sm);
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height var(--transition-slow), opacity var(--transition-slow);
}
.individual-offer-card-extra .individual-list,
.individual-theme-extra .individual-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.individual-offer-card-extra .individual-list li,
.individual-theme-extra .individual-list li {
  position: relative;
  padding-left: 1.1rem;
  font-size: var(--text-sm);
  color: var(--color-text-soft);
}
.individual-offer-card-extra .individual-list li::before,
.individual-theme-extra .individual-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45rem;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background-color: var(--color-accent-orange);
}
.individual-offer-card.is-active,
.individual-theme-card.is-active {
  transform: translateY(-4px);
  box-shadow: var(--shadow-pop);
  background-color: var(--color-surface-alt);
}
.individual-offer-card.is-active .individual-offer-card-extra,
.individual-theme-card.is-active .individual-theme-extra {
  max-height: 260px;
  opacity: 1;
}
.individual-offer-card[data-offer-highlight="game"].is-active {
  border-color: var(--color-accent-blue-soft);
}
.individual-offer-card[data-offer-highlight="occasion"].is-active {
  border-color: var(--color-accent-orange-soft);
}
.individual-offer-card[data-offer-highlight="service"].is-active {
  border-color: var(--color-border-subtle);
}
.individual-theme-card[data-theme-accent="glamour"].is-active {
  border-color: var(--color-accent-orange);
}
.individual-theme-card[data-theme-accent="vegas"].is-active {
  border-color: var(--color-accent-blue);
}
.individual-theme-card[data-theme-accent="retro"].is-active {
  border-color: var(--color-accent-blue-soft);
}
.individual-flow-steps {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-md);
}
@media (min-width: 768px) {
  .individual-flow-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.individual-flow-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-md);
  align-items: flex-start;
}
.individual-flow-step-index {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-pill);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-sm);
  font-weight: 600;
  background-color: var(--color-accent-blue-soft);
  color: var(--color-accent-blue);
}
.individual-flow-step-body h3 {
  font-size: var(--text-lg);
  margin-bottom: var(--space-xs);
}
.individual-flow-step-body p {
  margin-bottom: 0;
}
.individual-themes-grid-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-md);
  margin-top: var(--space-md);
}
@media (min-width: 768px) {
  .individual-themes-grid-inner {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.individual-testimonials-grid {
  align-items: stretch;
}
.individual-testimonial {
  min-height: 0;
}
.individual-testimonial p {
  margin-bottom: var(--space-sm);
}
.individual-testimonial-author {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-text);
}
.individual-cta {
  align-items: flex-start;
}
.individual-cta-text {
  max-width: 520px;
}
.individual-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.individual-cta-actions .btn {
  max-width: 100%;
}
@media (max-width: 639.98px) {
  .individual-cta {
    flex-direction: column;
    align-items: stretch;
  }
}
@media (max-width: 479.98px) {
  .individual-hero-ctas,
  .individual-cta-actions {
    flex-direction: column;
  }
}
.individual-offer-media,
.individual-flow-media,
.individual-themes-media {
  min-width: 0;
}
.individual-offer-text,
.individual-flow-text,
.individual-themes-text {
  min-width: 0;
}
.individual-hero-text {
  min-width: 0;
}
.individual-hero-media {
  min-width: 0;
}


body.page-blog {
  background-color: var(--color-bg);
}
.page-blog main {
  min-height: 100vh;
}
.blog-hero {
  position: relative;
  overflow: hidden;
}
.blog-hero-shell {
  align-items: center;
}
.blog-hero-media-frame {
  background: linear-gradient(135deg, #ffffff, #ffe1d4);
}
.blog-hero-meta {
  max-width: 40rem;
}
.blog-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.blog-hero-cta-row .btn {
  max-width: 100%;
}
.blog-section-header {
  max-width: 46rem;
  margin-bottom: var(--space-xl);
}
.blog-section-intro {
  font-size: var(--text-md);
  line-height: var(--leading-relaxed);
}
.blog-articles-grid {
  margin-bottom: var(--space-2xl);
}
.blog-article-card {
  position: relative;
  border-radius: 22px;
  box-shadow: var(--shadow-soft);
  transition: transform var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base);
}
.blog-article-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-pop);
}
.blog-article-card[data-hovered="true"] {
  transform: translateY(-6px) scale(1.01);
  box-shadow: var(--shadow-pop);
}
.blog-article-body {
  font-size: var(--text-md);
  color: var(--color-text-soft);
}
.blog-article-list {
  margin: var(--space-sm) 0 0;
  padding-left: 1.25rem;
}
.blog-article-list li {
  margin-top: var(--space-xs);
}
.blog-article-footer {
  align-items: center;
  justify-content: space-between;
}
.blog-article-toggle {
  border-radius: var(--radius-pill);
}
.blog-article-reading-time {
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}
.blog-comments {
  margin-top: var(--space-lg);
  padding-top: var(--space-lg);
  border-top: 1px dashed var(--color-border-subtle);
}
.blog-comments-title {
  font-size: var(--text-lg);
}
.blog-comment-actions {
  margin-top: var(--space-md);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.blog-comment-actions .btn {
  max-width: 100%;
}
.blog-latest-media-wrapper {
  max-width: var(--container-max);
  margin: 0 auto;
}
.blog-latest-media {
  margin-top: var(--space-xl);
}
.blog-behind-grid {
  align-items: center;
}
.blog-behind-points {
  margin-top: var(--space-md);
}
.blog-behind-item h3 {
  font-size: var(--text-lg);
}
.blog-behind-item p {
  margin-bottom: 0;
}
.blog-community-card {
  background: var(--color-surface);
}
.blog-community-grid {
  align-items: flex-start;
  gap: var(--space-xl);
}
.blog-community-list {
  margin: var(--space-md) 0;
  padding-left: 1.25rem;
}
.blog-community-list li {
  margin-top: var(--space-xs);
}
.blog-community-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.blog-community-cta-row .btn {
  max-width: 100%;
}
.blog-community-highlight {
  padding: var(--space-lg);
  border-radius: var(--radius-lg);
  background-color: var(--color-surface-alt);
}
.blog-community-note {
  padding: var(--space-md);
  border-radius: var(--radius-md);
  background-color: var(--color-bg);
}
[data-theme-scope] {
  border-radius: 32px;
}
@media (max-width: 767.98px) {
  .blog-hero-shell {
    grid-template-columns: minmax(0, 1fr);
  }
  .blog-hero {
    border-radius: 0;
  }
  [data-theme-scope] {
    border-radius: 0;
  }
}
@media (min-width: 768px) {
  .blog-hero {
    border-radius: 32px;
    margin-top: var(--space-md);
  }
}
@media (min-width: 1024px) {
  .blog-articles-grid {
    margin-bottom: var(--space-3xl);
  }
}


html, body {
  height: 100%;
}
.thankyou-shell {
  display: flex;
  align-items: center;
  justify-content: center;
}
.thankyou-card {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background: radial-gradient(circle at top left, #ffe1d4 0, #ffffff 42%, #d9e4ff 100%);
}
.thankyou-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.3rem 0.9rem;
  border-radius: var(--radius-pill);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  background-color: var(--color-accent-orange-soft);
  color: var(--color-accent-orange);
}
.thankyou-title {
  margin-top: var(--space-md);
  margin-bottom: var(--space-md);
}
.thankyou-lead {
  font-size: var(--text-lg);
  line-height: var(--leading-relaxed);
  color: var(--color-text-soft);
  margin-bottom: var(--space-md);
}
.thankyou-next {
  font-size: var(--text-md);
  line-height: var(--leading-relaxed);
  color: var(--color-text-soft);
  margin-bottom: var(--space-lg);
}
.thankyou-cta-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-md);
  margin-bottom: var(--space-md);
}
.thankyou-meta {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  margin-bottom: 0;
}
@media (max-width: 479.98px) {
  .thankyou-card {
    padding: var(--space-lg);
  }
  .thankyou-cta-row {
    flex-direction: column;
  }
  .thankyou-cta-row .btn {
    width: 100%;
  }
}

/* --- mobile overflow guard (auto) --- */
html {
  overflow-x: clip;
}
body {
  overflow-x: clip;
  max-width: 100%;
}
img,
video,
svg {
  max-width: 100%;
  height: auto;
}
.u-container,
.container,
[class*="container"] {
  max-width: 100%;
}
.u-grid,
[class*="grid"] {
  min-width: 0;
}

/* --- shared header layout fix (basic sites) --- */
.site-header .header-inner,
.header .header-inner,
.header-shell > .container > .header-inner,
.header-shell > .container-wide.header-inner,
.ken-header-inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.header-brand-wrapper,
.header-brand-wrap,
.header-brand-block,
.ken-header-brand,
.site-header-zone-brand,
.header-shell .header-brand,
.site-header .brand-lockup {
  flex: 0 1 auto;
  min-width: 0;
  max-width: min(100%, 70vw);
}

.header-nav,
.ken-header-nav,
.site-header-zone-nav,
.header-center-block {
  flex: 1 1 auto;
  min-width: 0;
}

.header-toggle,
.header-nav-toggle,
.nav-toggle,
.ken-header-toggle,
.header-menu-toggle,
.js-header-toggle {
  flex: 0 0 auto;
  margin-left: auto;
  z-index: 3;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  padding: 0;
  flex-shrink: 0;
}

.header-shell .header-actions {
  flex: 0 0 auto;
  margin-left: auto;
}

.header-layout--center .header-brand-wrapper,
.header-layout-centered .header-brand-block,
.header-layout--stack .header-inner,
.header-layout-stacked .header-inner,
.header-layout-b .header-brand-wrap,
.header-layout-c .header-brand-wrap,
.ken-header.nav-align-center .ken-header-inner,
.ken-header.nav-align-right .ken-header-inner {
  position: static;
  transform: none;
  order: unset;
}

.header-layout--center .header-inner,
.header-layout--stack .header-inner {
  flex-direction: row;
  flex-wrap: nowrap;
}

.site-header-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.site-header-zone-brand {
  margin-right: auto;
}

.site-header-zone-toggle {
  margin-left: auto;
}

@media (max-width: 1023.98px) {
  .site-header-zone-nav,
  .site-header:not(.header-nav-open) .header-inner > .header-nav.nav-primary,
  .header-nav-list--desktop,
  .header-cta-group,
  .header-utilities,
  .header-search,
  .header-profile,
  .header-search-toggle,
  .header-shell .header-cta,
  .header-center-block .nav-primary,
  .ken-header-nav-list--desktop {
    display: none !important;
  }

  .header-toggle,
  .header-nav-toggle,
  .nav-toggle,
  .ken-header-toggle,
  .header-menu-toggle,
  .js-header-toggle,
  .site-header-zone-toggle {
    display: inline-flex !important;
  }

  .header-inner,
  .site-header-grid {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto !important;
  }
}

@media (min-width: 1024px) {
  .header-toggle,
  .header-nav-toggle,
  .nav-toggle,
  .ken-header-toggle,
  .header-menu-toggle,
  .js-header-toggle,
  .site-header-zone-toggle {
    display: none !important;
  }
}

@media (max-width: 1023.98px) {
  .ken-header-inner {
    flex-wrap: wrap;
    align-items: center;
  }
  .ken-header-brand {
    flex: 1 1 auto;
    min-width: 0;
  }
  .ken-header-toggle {
    order: 2;
    margin-left: auto;
  }
  .ken-header-nav {
    order: 3;
    flex: 1 1 100%;
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  .header-shell .header-inner {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }
  .header-shell .header-utilities {
    display: none !important;
  }
  .header-shell > .container > .header-inner > .header-toggle {
    display: inline-flex !important;
    order: 3;
    grid-column: 2;
    grid-row: 1;
  }
}

/* --- mobile responsive fixes --- */
@media (max-width: 767.98px) {
  .hero-title,
  h1.hero-title,
  .u-hero-title,
  .card-title,
  .card-heading {
    hyphens: none;
    word-break: normal;
    overflow-wrap: break-word;
    writing-mode: horizontal-tb;
    text-orientation: mixed;
    transform: none;
    position: static;
    white-space: normal;
    max-width: 100%;
  }

  .hero-visual-content,
  .hero-pane-aside,
  .hero-pane-aside-inner {
    min-width: 0;
  }

  .hero-pane-aside-label,
  .hero-visual-tagline {
    max-width: 100%;
    line-height: 1.4;
  }
}