/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
/* Cleaned: only utilities used by banner-aff-assets.php */
:root, :host {
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  --color-white: #fff;
  --spacing: 0.25rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
  --font-dm-sans: var(--font-body);
  --font-poppins: var(--font-body);
}

/* === Position / Display === */
.absolute { position: absolute; }
.relative { position: relative; }
.block { display: block; }
.flex { display: flex; }
.flex-col { flex-direction: column; }
.flex-row { flex-direction: row; }
.flex-\[1_0_0\] { flex: 1 0 0; }
.shrink-0 { flex-shrink: 0; }
.self-stretch { align-self: stretch; }
.content-stretch { align-content: stretch; }
.items-center { align-items: center; }
.items-end { align-items: flex-end; }
.items-start { align-items: flex-start; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.overflow-clip { overflow: clip; }
.isolate { isolation: isolate; }
.pointer-events-none { pointer-events: none; }
.object-cover { object-fit: cover; }
.z-\[2\] { z-index: 2; }

/* === Inset / Top / Left === */
.inset-0 { inset: calc(var(--spacing) * 0); }
.inset-\[0_-0\.5px\] { inset: 0 -0.5px; }
.inset-\[6\.25\%_6\.28\%_9\.38\%_6\.27\%\] { inset: 6.25% 6.28% 9.38% 6.27%; }
.inset-\[8\.47\%_1\.79\%\] { inset: 8.47% 1.79%; }
.top-\[129px\] { top: 8.0625rem; }
.left-0 { left: calc(var(--spacing) * 0); }

/* === Sizing - Width === */
.w-full { width: 100%; }
.w-0 { width: calc(var(--spacing) * 0); }
.w-\[14px\] { width: 0.875rem; }
.w-\[1400px\] { width: 87.5rem; }
.w-\[min\(100\%\,_1920px\)\] { width: min(100%, 120rem); }
.w-\[min\(100\%\,_1440px\)\] { width: min(100%, 90rem); }
.min-w-px { min-width: 1px; }
.max-w-\[600px\] { max-width: 37.5rem; }
.max-w-\[800px\] { max-width: 50rem; }
.max-w-\[1400px\] { max-width: 87.5rem; }
.max-w-none { max-width: none; }

/* === Sizing - Height === */
.h-0 { height: calc(var(--spacing) * 0); }
.h-full { height: 100%; }
.h-\[639px\] { height: 39.9375rem; }
.h-\[665px\] { height: 41.5625rem; }
.h-\[690px\] { height: 43.125rem; }
.h-\[715px\] { height: 44.6875rem; }
.h-\[741px\] { height: 46.3125rem; }
.h-\[766px\] { height: 47.875rem; }
.h-\[791px\] { height: 49.4375rem; }
.h-\[817px\] { height: 51.0625rem; }
.h-\[855px\] { height: 53.4375rem; }
.h-\[891px\] { height: 55.6875rem; }
.h-\[923px\] { height: 57.6875rem; }
.h-\[1003px\] { height: 62.6875rem; }
.h-\[1052px\] { height: 65.75rem; }

/* === Sizing - Combined === */
.size-\[14px\] { width: 0.875rem; height: 0.875rem; }
.size-full { width: 100%; height: 100%; }
.aspect-\[14\/14\] { aspect-ratio: 14/14; }

/* === Gap === */
.gap-\[4px\] { gap: 0.25rem; }
.gap-\[6px\] { gap: 0.375rem; }
.gap-\[var\(--var-4\,4px\)\] { gap: var(--var-4,0.25rem); }
.gap-\[var\(--var-6\,6px\)\] { gap: var(--var-6,0.375rem); }
.gap-\[var\(--var-12\,12px\)\] { gap: var(--var-12,0.75rem); }
.gap-\[var\(--var-16\,16px\)\] { gap: var(--var-16,1rem); }
.gap-\[var\(--var-28\,28px\)\] { gap: var(--var-28,1.75rem); }
.gap-\[var\(--section-gap\,0px\)\] { gap: var(--section-gap,0); }

/* === Padding === */
.p-\[var\(--var-4\,4px\)\] { padding: var(--var-4,0.25rem); }
.px-\[120px\] { padding-inline: 7.5rem; }
.px-\[var\(--var-28\,28px\)\] { padding-inline: var(--var-28,1.75rem); }
.px-\[var\(--section-horizontal-padding\,20px\)\] { padding-inline: var(--section-horizontal-padding,1.25rem); }
.py-\[var\(--var-14\,14px\)\] { padding-block: var(--var-14,0.875rem); }
.pt-\[var\(--var-72\,72px\)\] { padding-top: var(--var-72,4.5rem); }
.pb-\[var\(--var-140\,140px\)\] { padding-bottom: var(--var-140,8.75rem); }

/* === Background === */
.bg-\[var\(--1st-btn-bg\,\#050505\)\] { background-color: var(--1st-btn-bg,#050505); }
.bg-\[var\(--2nd-btn-bg\,white\)\] { background-color: var(--2nd-btn-bg,white); }
.bg-\[var\(--semantic-shopify-bg\,\#ddedfc\)\] { background-color: var(--semantic-shopify-bg,#ddedfc); }
.bg-gradient-to-b {
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-\[var\(--1st-bg\,\#f6f5f4\)\] {
  --tw-gradient-from: var(--1st-bg,#f6f5f4);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.via-\[var\(--2nd-brd\,\#cc6af9\)\] {
  --tw-gradient-via: var(--2nd-brd,#cc6af9);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[22\.115\%\] { --tw-gradient-via-position: 22.115%; }
.to-\[var\(--1st-brd\,\#ff4e41\)\] {
  --tw-gradient-to: var(--1st-brd,#ff4e41);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-\[50\.491\%\] { --tw-gradient-to-position: 50.491%; }

/* === Border === */
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-\[var\(--stroke\,\#d3d3d3\)\] { border-color: var(--stroke,#d3d3d3); }
.border-solid {
  --tw-border-style: solid;
  border-style: solid;
}

/* === Rounded === */
.rounded-\[100px\] { border-radius: 6.25rem; }

/* === Typography === */
.font-dm-sans { font-family: var(--font-dm-sans); }
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.leading-\[0\] {
  --tw-leading: 0;
  line-height: 0;
}
.leading-\[1\.15\] {
  --tw-leading: 1.15;
  line-height: 1.15;
}
.leading-\[1\.4\] {
  --tw-leading: 1.4;
  line-height: 1.4;
}
.text-center { text-align: center; }
.text-\[16px\] { font-size: 1rem; }
.text-\[length\:var\(--h1\,58px\)\] { font-size: var(--h1,3.625rem); }
.text-\[length\:var\(--h1\,32px\)\] { font-size: var(--h1,2rem); }
.text-\[length\:var\(--label-md\,14px\)\] { font-size: var(--label-md,0.875rem); }
.text-\[length\:var\(--label-md\,12px\)\] { font-size: var(--label-md,0.75rem); }
.text-\[color\:var\(--1st-btn-fg\,white\)\] { color: var(--1st-btn-fg,white); }
.text-\[color\:var\(--1st-fg\,\#050505\)\] { color: var(--1st-fg,#050505); }
.text-\[color\:var\(--2nd-btn-fg\,\#050505\)\] { color: var(--2nd-btn-fg,#050505); }
.text-\[color\:var\(--semantic-shopify-fg\,\#092c4c\)\] { color: var(--semantic-shopify-fg,#092c4c); }
.text-\[rgba\(9\,44\,76\,0\.87\)\] { color: rgba(9,44,76,0.87); }
.whitespace-nowrap { white-space: nowrap; }
.uppercase { text-transform: uppercase; }

/* === Project CSS variables === */
:root {
  --1st-bg: #f6f5f4;
  --1stbg: #f6f5f4;
  --2nd-bg: #ffffff;
  --2ndbg: #ffffff;
  --1st-fg: #050505;
  --1stfg: #050505;
  --2nd-fg: rgba(5, 5, 5, 0.8);
  --2ndfg: rgba(5, 5, 5, 0.8);
  --1st-brd: #ff4e41;
  --2nd-brd: #cc6af9;
  --stroke: #d3d3d3;
  --1st-btn-bg: #050505;
  --1st-btn-fg: #ffffff;
  --2nd-btn-bg: #ffffff;
  --2nd-btn-fg: #050505;
  --semantic-shopify-bg: #ddedfc;
  --semantic-shopify-fg: #092c4c;
  --label-md: 0.875rem;
  --label-lg: 1rem;
  --h1: 3.625rem;
  --h2: 3rem;
  --page-width: 120rem;
  --page-max-wd: 87.5rem;
  --section-horizontal-padding: 1.25rem;
  --section-gap: 2.5rem;
  --var-4: 0.25rem;
  --var-6: 0.375rem;
  --var-12: 0.75rem;
  --var-14: 0.875rem;
  --var-16: 1rem;
  --var-20: 1.25rem;
  --var-24: 1.5rem;
  --var-28: 1.75rem;
  --var-32: 2rem;
  --var-40: 2.5rem;
  --var-72: 4.5rem;
  --var-140: 8.75rem;
  --16: 1rem;
}

/* === @property declarations (only the ones used by remaining utilities) === */
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}

/* === @supports fallback for browsers without @property === */
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
  *, ::before, ::after, ::backdrop {
    --tw-border-style: solid;
    --tw-gradient-position: initial;
    --tw-gradient-from: #0000;
    --tw-gradient-via: #0000;
    --tw-gradient-to: #0000;
    --tw-gradient-stops: initial;
    --tw-gradient-via-stops: initial;
    --tw-gradient-from-position: 0%;
    --tw-gradient-via-position: 50%;
    --tw-gradient-to-position: 100%;
    --tw-leading: initial;
    --tw-font-weight: initial;
  }
}

/* === Scoped browser reset for #banner-aa (replaces removed @layer base) === */
#banner-aa {
  padding-top: 8.75rem;
}
#banner-aa h1, #banner-aa h2, #banner-aa h3, #banner-aa h4, #banner-aa h5, #banner-aa h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}
#banner-aa p { margin: 0; }
#banner-aa a {
  color: inherit;
  text-decoration: inherit;
}

/* === Mobile breakpoint: override CSS variables for mobile block === */
@media screen and (max-width: 639.9px) {
  #banner-aa {
    --label-md: 0.75rem;
    --h1: 2rem;
    --section-horizontal-padding: 1.25rem;
    --section-gap: 0;
    padding-top: 4.5rem;
  }
}