/* source: 70287c7556ee93a9.css */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/2c55a0e60120577a-s.2a48534a.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/9c72aa0f40e4eef8-s.18a48cbc.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/ad66f9afd8947f86-s.7a40eb73.woff2") format("woff2");
  unicode-range: U+1F??;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/5476f68d60460930-s.c995e352.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/2bbe8d2671613f1f-s.76dcb0b2.woff2") format("woff2");
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301,
    U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/1bffadaabf893a1e-s.7cd81963.woff2") format("woff2");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/83afe278b6a6bb3c-s.p.3a6ba036.woff2") format("woff2");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0%;
  size-adjust: 107.12%;
}
.font-inter {
  --font-inter: "Inter", "Inter Fallback";
}
.notification-viewport-module__viewport {
  z-index: 1400;
  pointer-events: none;
  gap: 12px;
  display: grid;
  position: fixed;
  top: max(0.5rem, min(3vw, 1rem));
  right: max(0.5rem, min(3vw, 1rem));
}
@media (max-width: 720px) {
  .notification-viewport-module__viewport {
    top: calc(env(safe-area-inset-top, 0px) + var(--marketing-nav-height));
    justify-items: center;
    gap: 8px;
    width: min(420px, 100vw - 24px);
    left: 50%;
    right: auto;
    transform: translate(-50%);
  }
}
/* source: d778e672fae06170.css */
:root {
  /* Automotive graphite palette */
  --bg-main: #08090a;
  --bg-secondary: #0d0f11;
  --surface-1: #111315;
  --surface-2: #16191c;
  --surface-hover: #1b1e22;
  --text-primary: #f3f4f5;
  --text-secondary: #989da3;
  --text-muted: #686d72;
  --text-subtle: #7f858b;
  --border: rgba(210, 216, 222, 0.14);
  --border-strong: rgba(225, 230, 235, 0.28);
  --border-hover: rgba(235, 239, 242, 0.48);

  /* Brushed aluminium material */
  --silver-dark: #747a80;
  --silver-mid: #aeb3b8;
  --silver-light: #d8dbde;
  --silver-highlight: #f5f6f7;
  --metal-gradient: linear-gradient(
    180deg,
    #f5f6f7 0%,
    #d5d8db 20%,
    #a1a6ab 49%,
    #c8ccd0 68%,
    #eef0f1 100%
  );
  --metal-gradient-hover: linear-gradient(
    180deg,
    #ffffff 0%,
    #e3e5e7 20%,
    #aeb3b8 49%,
    #d2d5d8 68%,
    #f8f9fa 100%
  );
  --metal-dark-gradient: linear-gradient(
    180deg,
    #b9bdc1 0%,
    #858a90 45%,
    #62676c 52%,
    #a6abb0 100%
  );
  --metal-text-gradient: linear-gradient(
    110deg,
    #ffffff 0%,
    #a6abb0 45%,
    #f0f1f2 75%,
    #c1c5c9 100%
  );

  /* Brand accent: reserved for compact active/focus details */
  --accent-orange: #f47a20;
  --accent-orange-hover: #ff862a;
  --accent-orange-muted: rgba(244, 122, 32, 0.14);
  --color-brand-hsl: 25 90% 54%;
  --color-success-hsl: 140 70% 55%;
  --color-warning-hsl: 40 90% 60%;
  --color-danger-hsl: 0 85% 65%;
  --color-error-hsl: var(--color-danger-hsl);
  --color-text-hsl: 210 8% 96%;
  --color-bg-hsl: 210 11% 4%;
  --color-border-hsl: 210 7% 84%;
  --brand: var(--accent-orange);
  --brand-muted: var(--accent-orange-muted);
  --brand-text: #111214;
  --success: hsl(var(--color-success-hsl));
  --warning: hsl(var(--color-warning-hsl));
  --danger: hsl(var(--color-danger-hsl));
  --error: var(--danger);
  --color-text-strong: var(--text-primary);
  --color-text-muted: var(--text-muted);
  --bg-canvas: var(--bg-main);
  --bg-surface: var(--surface-1);
  --bg-surface-hover: var(--surface-hover);
  --bg-overlay: rgba(8, 9, 10, 0.9);
  --bg-surface-raised: var(--surface-2);
  --bg-surface-elevated: var(--surface-2);
  --bg-inset: var(--bg-secondary);
  --surface-base: var(--bg-surface);
  --surface-card-gradient: linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.025),
      rgba(255, 255, 255, 0) 35%
    ),
    var(--surface-1);
  --ambient-graphite-gradient: radial-gradient(
    circle at 70% 20%,
    #181b1e 0%,
    #0d0f11 32%,
    #08090a 72%
  );
  --border-primary: var(--border);
  --border-secondary: rgba(210, 216, 222, 0.09);
  --border-subtle: var(--border-secondary);
  --border-interactive: var(--border-hover);
  --border-brand: rgba(244, 122, 32, 0.3);
  --focus-ring: var(--accent-orange);
  --color-accent: var(--accent-orange);
  --gradient-accent: linear-gradient(
    90deg,
    var(--accent-orange),
    var(--accent-orange-hover)
  );
  --color-foreground-muted-rgb: 152 157 163;
  --color-border-rgb: 210 216 222 / 0.14;
  --radius-card: var(--radius-lg);
  --radius-pill: var(--radius-full);
  --shadow-card: var(--shadow-sm);
  --button-secondary-bg: rgba(255, 255, 255, 0.025);
  --button-secondary-bg-hover: rgba(255, 255, 255, 0.06);
  --button-secondary-text: #e5e7e9;
  --button-secondary-border: rgba(215, 220, 225, 0.23);
  --button-secondary-border-hover: rgba(230, 235, 240, 0.45);
  --metal-button-text: #111214;
  --metal-button-border: rgba(255, 255, 255, 0.38);
  --metal-button-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    inset 0 -1px 0 rgba(0, 0, 0, 0.15),
    0 8px 24px rgba(0, 0, 0, 0.32);
  --hero-frame-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.02),
    0 25px 70px rgba(0, 0, 0, 0.5);
  --sidebar-bg-start: color-mix(
    in srgb,
    var(--bg-surface) 88%,
    var(--bg-canvas) 12%
  );
  --sidebar-bg-end: color-mix(in srgb, var(--bg-inset) 82%, black 18%);
  --sidebar-border: color-mix(
    in srgb,
    var(--border-secondary) 82%,
    transparent 18%
  );
  --sidebar-card-bg: color-mix(
    in srgb,
    var(--bg-surface-raised) 78%,
    var(--bg-inset) 22%
  );
  --sidebar-card-border: color-mix(
    in srgb,
    var(--border-secondary) 78%,
    transparent 22%
  );
  --sidebar-nav-text: color-mix(
    in srgb,
    var(--text-secondary) 90%,
    var(--text-primary) 10%
  );
  --sidebar-nav-text-active: var(--text-primary);
  --sidebar-nav-hover-bg: color-mix(
    in srgb,
    var(--bg-surface-raised) 84%,
    var(--bg-inset) 16%
  );
  --sidebar-nav-active-border: color-mix(
    in srgb,
    var(--brand) 36%,
    var(--border-secondary) 64%
  );
  --sidebar-badge-bg: color-mix(in srgb, var(--brand) 16%, transparent 84%);
  --sidebar-badge-border: color-mix(in srgb, var(--brand) 42%, transparent 58%);
  --sidebar-badge-text: color-mix(in srgb, var(--brand) 76%, white 24%);
  --bg-dot-grid: radial-gradient(
    circle at 1px 1px,
    color-mix(in srgb, var(--border-secondary) 80%, transparent 50%) 1px,
    transparent 0
  );
  --bg-dot-size: 1.5rem 1.5rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --marketing-nav-height: 4.5rem;
  --content-max-width: 1760px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  --font-sans:
    system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-black: 800;
  --letter-spacing-tight: -0.04em;
  --letter-spacing-normal: normal;
  --letter-spacing-wide: 0.1em;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-section-subtext: clamp(0.95rem, 0.35vw + 0.88rem, 1rem);
  --font-size-h4: clamp(1.2rem, 1vw + 1rem, 1.5rem);
  --font-size-h3: clamp(1.5rem, 1.5vw + 1rem, 2rem);
  --font-size-h2: clamp(1.8rem, 2.5vw + 1.2rem, 3rem);
  --font-size-h1: clamp(2.2rem, 4vw + 1.3rem, 4.2rem);
  --font-size-display: clamp(3rem, 5.5vw + 1.5rem, 6rem);
  --line-height-heading: 1;
  --line-height-body: 1.6;
  --line-height-relaxed: 1.7;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.25);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.3);
  --shadow-xl: 0 24px 64px rgba(0, 0, 0, 0.42);
  --shadow-brand: 0 4px 24px hsla(var(--color-brand-hsl), 0.2);
  --blur-backdrop: 12px;
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: var(--transition-fast);
  --scrollbar-size: 10px;
  --scrollbar-track: rgba(210, 216, 222, 0.06);
  --scrollbar-thumb: var(--silver-dark);
  --scrollbar-thumb-hover: var(--silver-mid);
  --logo-filter: invert(0);
  --dashboard-topbar-height: 59px;
  --model-v1-accent-hsl: 212, 30%, 56%;
  --model-v2-accent-hsl: 170, 30%, 46%;
  --model-v3-accent-hsl: var(--color-brand-hsl);
  --model-v4-accent-hsl: 31, 100%, 52%;
  --model-v1-bg: linear-gradient(
    135deg,
    hsl(var(--model-v1-accent-hsl)) 0%,
    color-mix(in srgb, hsl(var(--model-v1-accent-hsl)) 82%, black 18%) 100%
  );
  --model-v2-bg: linear-gradient(
    135deg,
    hsl(var(--model-v2-accent-hsl)) 0%,
    color-mix(in srgb, hsl(var(--model-v2-accent-hsl)) 84%, black 16%) 100%
  );
  --model-v3-bg: linear-gradient(
    135deg,
    hsl(var(--model-v3-accent-hsl)) 0%,
    color-mix(in srgb, hsl(var(--model-v3-accent-hsl)) 85%, black 10%) 100%
  );
  --model-v4-bg: var(--metal-dark-gradient);
  --model-v1-border: color-mix(
    in srgb,
    hsl(var(--model-v1-accent-hsl)) 72%,
    white 28%
  );
  --model-v2-border: color-mix(
    in srgb,
    hsl(var(--model-v2-accent-hsl)) 74%,
    black 26%
  );
  --model-v3-border: color-mix(
    in srgb,
    hsl(var(--model-v3-accent-hsl)) 80%,
    black 20%
  );
  --model-v4-border: color-mix(
    in srgb,
    hsl(var(--model-v4-accent-hsl)) 80%,
    white 20%
  );
  --model-v1-text: var(--brand-text);
  --model-v2-text: var(--brand-text);
  --model-v3-text: var(--brand-text);
  --model-v4-text: var(--brand-text);
}

#home-faq details > summary {
  box-sizing: border-box;
  min-height: 44px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

*,
:before,
:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: var(--marketing-nav-height);
  height: 100%;
  /* Keep decorative overflow from shifting the page beneath the fixed navbar. */
  overflow-x: clip;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
:target {
  scroll-margin-top: var(--marketing-nav-height);
}
:where(section[id], [data-scroll-section]) {
  scroll-margin-top: var(--marketing-nav-height);
}
body {
  min-height: 100vh;
  min-height: 100dvh;
  height: 100%;
  min-height: 100svh;
  font-family: var(--font-sans);
  font-size: var(--font-size-base);
  color: var(--text-primary);
  background-color: var(--bg-canvas);
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}
body.pd-public-bg {
  isolation: isolate;
}
body.pd-public-bg > main,
body.pd-public-bg > footer,
body.pd-public-bg > #app {
  position: relative;
  /* z-index: 1; */
}
.bg_body {
  --pd-bg-x: 50vw;
  --pd-bg-y: 50vh;
  --pd-bg-dot-color: rgb(102, 102, 102);
  --pd-bg-cursor-dot-color: rgb(255, 255, 255);
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.bg_body__dots,
.bg_body__cursor {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.bg_body__dots {
    background-image: radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--border-secondary) 80%, transparent 50%) 1px, transparent 0);
    background-size: 1.5rem 1.5rem;
    background-position: 5px 5px;
}
.bg_body__cursor {
    background-image: radial-gradient(circle, var(--pd-bg-cursor-dot-color) 1px, transparent 1px);
    background-size: 1.5rem 1.5rem;
    background-position: 18.5px 18.5px;
    opacity: 0;
    -webkit-mask-image: radial-gradient(120px at var(--pd-bg-x) var(--pd-bg-y), rgba(0, 0, 0, 0.784) 0%, rgba(0, 0, 0, 0.627) 25%, rgba(0, 0, 0, 0.314) 55%, transparent 100%);
    mask-image: radial-gradient(180px at var(--pd-bg-x) var(--pd-bg-y), rgba(0, 0, 0, 0.784) 0%, rgba(0, 0, 0, 0.627) 25%, rgba(0, 0, 0, 0.314) 55%, transparent 100%);
    transition: opacity 0.18s ease;
}
.bg_body.pd-bg-pointer-active .bg_body__cursor {
  opacity: 1;
}
@media (prefers-color-scheme: light) {
  .bg_body {
    --pd-bg-dot-color: rgb(204, 204, 204);
    --pd-bg-cursor-dot-color: rgb(0, 0, 0);
  }
}
/* Navigation focuses the content landmark without outlining the whole page. */
#main-content {
  outline: none;
}
.skip-link {
  left: var(--space-4);
  z-index: 2000;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-primary);
  background: var(--bg-surface);
  color: var(--text-primary);
  position: absolute;
  top: -999px;
}
 
* {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
::-webkit-scrollbar {
  width: var(--scrollbar-size);
  height: var(--scrollbar-size);
}
::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--radius-md);
}
::-webkit-scrollbar-thumb {
  background-image: var(--metal-dark-gradient);
  border-radius: var(--radius-full);
  background-clip: content-box;
  border: 2px solid transparent;
}
::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(
    180deg,
    var(--silver-light),
    var(--silver-dark)
  );
}
h1,
h2,
h3,
h4 {
  line-height: var(--line-height-heading);
  font-weight: var(--font-weight-medium);
  text-wrap: balance;
}
h1 {
  font-size: var(--font-size-h1);
  letter-spacing: var(--letter-spacing-tight);
  font-weight: var(--font-weight-black);
}
h2 {
  font-size: var(--font-size-h2);
  letter-spacing: var(--letter-spacing-tight);
}
h3 {
  font-size: var(--font-size-h3);
}
h4 {
  font-size: var(--font-size-h4);
}
h5,
h6 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
}
p,
li,
span,
label {
  line-height: var(--line-height-body);
  max-width: 65ch;
}
img,
picture,
video,
canvas,
svg {
  max-width: 100%;
  display: block;
}
.img-fill,
.img-fill-cover,
.img-fill-contain {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.img-fill-cover {
  object-fit: cover;
}
.img-fill-contain {
  object-fit: contain;
}
.img-fluid {
  width: 100%;
  height: auto;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  font: inherit;
  color: inherit;
  cursor: pointer;
  background: 0 0;
  border: none;
}
.btn-primary,
.btn-secondary {
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-5);
  border-radius: var(--radius-full);
  white-space: nowrap;
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast),
    background var(--transition-fast),
    border-color var(--transition-fast);
  font-weight: 600;
  display: inline-flex;
}
 
.btn-primary {
  background: var(--metal-gradient);
  color: var(--metal-button-text);
  border: 1px solid var(--metal-button-border);
  box-shadow: var(--metal-button-shadow);
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.btn-primary:after {
  content: "";
  opacity: 0.22;
  pointer-events: none;
  background: linear-gradient(
    105deg,
    transparent 20%,
    rgba(255, 255, 255, 0.7) 48%,
    transparent 72%
  );
  transition: transform 0.45s ease;
  position: absolute;
  inset: 0;
  left: 0;
  transform: translateX(-115%);
}
.btn-primary:before {
  content: none;
}
.btn-primary:hover:after {
  transform: translateX(115%);
}
@keyframes tabShimmer {
  0% {
    transform: translate(-110%);
  }
  to {
    transform: translate(110%);
  }
}
.btn-primary:hover:not(:disabled) {
  background: var(--metal-gradient-hover);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    inset 0 -1px 0 rgba(0, 0, 0, 0.12),
    0 10px 28px rgba(0, 0, 0, 0.38);
  transform: translateY(-2px);
}
.btn-secondary {
  color: var(--button-secondary-text);
  background: var(--button-secondary-bg);
  border: 1px solid var(--button-secondary-border);
  box-shadow: none;
}
.btn-secondary:hover:not(:disabled) {
  border-color: var(--button-secondary-border-hover);
  background: var(--button-secondary-bg-hover);
  transform: translateY(-2px);
}
button:disabled,
a:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none !important;
  transform: none !important;
}
.layout-restrictive {
  max-width: var(--content-max-width);
  padding: 0 var(--space-6);
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .layout-restrictive {
    padding: 0 var(--space-4);
  }
}
@media (max-width: 640px) {
  .layout-restrictive {
    padding: 0 var(--space-3);
  }
}
.section-stack {
  gap: var(--space-7);
  display: grid;
}
.section-header {
  gap: var(--space-3);
  text-align: center;
  justify-items: center;
  max-width: 65ch;
  margin: 0 auto;
  display: grid;
}
.section-header p {
  color: var(--text-secondary);
  font-size: var(--font-size-section-subtext);
}
.eyebrow {
  align-items: center;
  gap: var(--space-2);
  color: var(--brand);
  font-size: var(--font-size-sm);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  font-weight: 600;
  display: inline-flex;
}
.eyebrow:before {
  content: "";
  border-radius: var(--radius-full);
  background-color: var(--brand);
  width: 0.5rem;
  height: 0.5rem;
  display: block;
}
.plan-price {
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-bold);
}
.plan-frequency {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  margin-left: var(--space-2);
}
input,
textarea {
  font: inherit;
  padding: var(--space-3);
  border: 1px solid var(--border-primary);
  background-color: var(--bg-surface);
  border-radius: var(--radius-md);
  color: var(--text-primary);
  transition:
    border-color var(--transition-fast),
    box-shadow var(--transition-fast);
}
 
.Layout-module__layoutDefault {
  width: 100%;
  /* padding-top: var(--marketing-nav-height); */
  flex-direction: column;
  gap: max(2.5rem, min(12vw, 12rem));
  display: flex;
  /* overflow: hidden; */
}
@media (max-width: 600px) {
  .Layout-module__layoutDefault {
    gap: var(--space-9);
  }
}
.NavBar-module__navbar {
  width: 100%;
  z-index: 50;
  position: fixed;
  top: 0;
  left: 0;
}
/* Keep the header transparent: the liquid nav must refract the actual page behind it. */
.NavBar-module__navInner {
  align-items: center;
  gap: var(--space-1);
  max-width: var(--content-max-width);
  padding: 2px var(--space-6);
  height: var(--marketing-nav-height);
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  margin: 0 auto;
  display: grid;
}
.NavBar-module__logoLink {
  justify-self: start;
  align-items: center;
  display: inline-flex;
}
.NavBar-module__logo {
    object-fit: contain;
    width: auto;
    height: 4.5rem;
    transform: rotate(9deg);
}
/* Liquid Navigation Bar links and responsive dock: liquid-navigation.css. */
.NavBar-module__navActions {
  align-items: center;
  gap: var(--space-3);
  justify-self: end;
  display: flex;
}
.NavBar-module__navActions > * {
  padding: var(--space-2) var(--space-4);
  font-size: 0.9rem;
}
@media (max-width: 1080px) {
  .NavBar-module__navInner {
    padding: var(--space-1) var(--space-4);
    grid-template-columns: auto minmax(0, 1fr);
  }
  .NavBar-module__navActions {
    justify-self: end;
  }
}
.Footer-module__footer {
  padding: var(--space-9) 0 var(--space-6);
  border-top: 1px solid
    color-mix(in srgb, var(--border-primary) 70%, transparent 30%);
  background-color: var(--bg-canvas);
}
.Footer-module__topRow {
  gap: var(--space-8);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.Footer-module__brandBlock {
  gap: var(--space-4);
  max-width: 320px;
  display: grid;
}
.Footer-module__logoLink {
  align-items: center;
  gap: var(--space-3);
  filter: var(--logo-filter);
  display: inline-flex;
}
.Footer-module__tagline {
  color: var(--text-secondary);
  font-size: var(--font-size-base);
}
.Footer-module__linkColumns {
  gap: var(--space-6);
  flex: 420px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  display: grid;
}
.Footer-module__columnTitle {
  margin-bottom: var(--space-3);
  font-size: var(--font-size-sm);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  color: var(--text-subtle);
}
.Footer-module__linkList {
  gap: var(--space-2);
  list-style: none;
  display: grid;
}
.Footer-module__linkList a {
  color: var(--text-secondary);
  font-size: var(--font-size-base);
  transition:
    color var(--transition-fast),
    transform var(--transition-fast);
}
.Footer-module__linkList a:hover {
  color: var(--text-primary);
  transform: translate(4px);
}
.Footer-module__disabledLink {
  color: var(--text-muted);
  font-size: var(--font-size-base);
  cursor: not-allowed;
  opacity: 0.6;
  display: inline-block;
}
.Footer-module__bottomRow {
  margin-top: var(--space-8);
  padding-top: var(--space-5);
  border-top: 1px solid
    color-mix(in srgb, var(--border-primary) 50%, transparent 50%);
  gap: var(--space-3);
  color: var(--text-subtle);
  font-size: var(--font-size-sm);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.Footer-module__disclaimer {
  color: var(--text-subtle);
  opacity: 0.9;
  margin-top: var(--space-1);
  flex: 100%;
  font-size: 0.72rem;
  line-height: 1.4;
}
.Footer-module__policies {
  gap: var(--space-4);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}
.Footer-module__policies a {
  color: inherit;
  transition: color var(--transition-fast);
}
.Footer-module__policies a:hover {
  color: var(--text-secondary);
}
.Footer-module__socialLinks {
  gap: var(--space-3);
  align-items: center;
  display: flex;
}
.Footer-module__socialLink {
  border-radius: var(--radius-full);
  width: 36px;
  height: 36px;
  color: var(--text-muted);
  background: color-mix(in srgb, var(--bg-surface) 70%, transparent 30%);
  border: 1px solid
    color-mix(in srgb, var(--border-secondary) 60%, transparent 40%);
  transition:
    color var(--transition-fast),
    background-color var(--transition-fast),
    transform var(--transition-fast);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.Footer-module__socialLink:hover {
  color: var(--text-primary);
  background-color: color-mix(
    in srgb,
    var(--bg-surface-elevated) 85%,
    transparent 15%
  );
  transform: translateY(-1px);
}
 
 
@media (max-width: 900px) {
  .Footer-module__footer {
    padding: var(--space-8) 0 var(--space-5);
  }
  .Footer-module__brandBlock {
    max-width: 100%;
  }
}
@media (max-width: 640px) {
  .Footer-module__bottomRow {
    flex-direction: column;
    align-items: flex-start;
  }
  .Footer-module__policies {
    gap: var(--space-3);
  }
}
.PlanTile-module__tile {
  gap: var(--space-5);
  padding: var(--space-5);
  background: var(--surface-card-gradient);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  min-height: 100%;
  box-shadow: var(--shadow-sm);
  transition:
    transform var(--transition-fast),
    border-color var(--transition-fast),
    box-shadow var(--transition-fast),
    background-color var(--transition-fast);
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}
.PlanTile-module__tile:hover {
  border-color: var(--border-hover);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}
.PlanTile-module__highlight {
  border-color: rgba(225, 230, 235, 0.4);
  background: linear-gradient(
      145deg,
      rgba(216, 219, 222, 0.055),
      rgba(255, 255, 255, 0) 38%
    ),
    var(--surface-1);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.025),
    0 12px 34px rgba(0, 0, 0, 0.3);
}
.PlanTile-module__heading {
  gap: var(--space-3);
  min-width: 0;
  display: grid;
}
.PlanTile-module__topRow {
  align-items: flex-start;
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}
.PlanTile-module__planName {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--letter-spacing-tight);
  margin: 0;
  line-height: 1.1;
}
.PlanTile-module__description {
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
  line-height: 1.6;
}
.PlanTile-module__features {
  gap: var(--space-3);
  color: var(--text-secondary);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}
.PlanTile-module__features li {
  align-items: flex-start;
  gap: var(--space-3);
  overflow-wrap: anywhere;
  line-height: 1.6;
  display: flex;
}
.PlanTile-module__features li:before {
  content: "";
  border-radius: var(--radius-full);
  border: 2px solid var(--silver-dark);
  background: rgba(174, 179, 184, 0.1);
  flex-shrink: 0;
  width: 11px;
  height: 11px;
  margin-top: 0.45rem;
}
.PlanTile-module__highlight .PlanTile-module__features li:before {
  border-color: var(--silver-light);
  background: rgba(216, 219, 222, 0.14);
}
.PlanTile-module__cta {
  padding-top: var(--space-5);
  border-top: 1px solid var(--border-secondary);
  margin-top: auto;
  display: flex;
}
.PlanTile-module__cta > :where(a, button) {
  text-align: center;
  justify-content: center;
  width: 100%;
}
.PlanTile-module__cta form {
  width: 100%;
}
.PlanTile-module__cta form > :where(button, a) {
  width: 100%;
}
.PlanTile-module__priceStack {
  display: grid;
}
.PlanTile-module__basePrice {
  align-items: baseline;
  gap: var(--space-2);
  font-size: max(1.9rem, min(3.2vw, 2.5rem));
  line-height: 1.12;
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--letter-spacing-tight);
  color: var(--text-primary);
  flex-wrap: wrap;
  margin: 0;
  display: flex;
}
.PlanTile-module__planFrequency {
  font-size: 0.85rem;
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--letter-spacing-normal);
  color: var(--text-subtle);
}
@media (max-width: 768px) {
  .PlanTile-module__tile,
  .PlanTile-module__highlight {
    transform: none !important;
  }
}
.home-page-module__hero {
  gap: var(--space-6);
  padding-top: var(--space-8);
  grid-template-columns: 1fr 1.34fr;
  align-items: flex-start;
  display: grid;
  position: relative;
}
.home-page-module__extraBlobs {
  pointer-events: none;
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.home-page-module__extraBlob {
  background: radial-gradient(circle at center, rgba(116, 122, 128, 0.3) 0%, rgb(78 43 12 / 98%) 48%, #b96731b3 75%);
  filter: blur(140px);
  opacity: 0.24;
  width: 520px;
  height: 520px;
  position: absolute;
}
.home-page-module__extraBlob[data-i="1"] {
  width: 440px;
  height: 440px;
  top: -8%;
  left: -6%;
}
.home-page-module__extraBlob[data-i="2"] {
  width: 560px;
  height: 560px;
  top: 24%;
  right: -12%;
}
.home-page-module__extraBlob[data-i="3"] {
  width: 380px;
  height: 380px;
  top: 70%;
  left: 28%;
}
@media (max-width: 900px) {
  .home-page-module__extraBlob {
    opacity: 0.16;
    filter: blur(120px);
    display: none;
  }
  .home-page-module__extraBlob[data-i="1"] {
    width: 360px;
    height: 360px;
    top: -6%;
    left: -14%;
  }
  .home-page-module__extraBlob[data-i="2"] {
    width: 420px;
    height: 420px;
    top: 34%;
    right: -22%;
  }
  .home-page-module__extraBlob[data-i="3"] {
    width: 320px;
    height: 320px;
    top: 68%;
    left: 16%;
  }
  .home-page-module__sectionBlobs {
    display: none;
  }
}
.home-page-module__pageRoot {
  display: contents;
}
.home-page-module__sectionWithBlobs {
  z-index: 0;
  position: relative;
}
.home-page-module__sectionBlobs {
  pointer-events: none;
  z-index: -1;
  position: absolute;
  top: -8%;
  bottom: -8%;
  left: 0;
  right: 0;
}
.home-page-module__sectionBlob {
  background: radial-gradient(
    circle at center,
    rgba(116, 122, 128, 0.24) 0%,
    rgba(22, 25, 28, 0.16) 52%,
    transparent 78%
  );
  background: radial-gradient(circle at center, rgba(116, 122, 128, 0.3) 0%, rgb(78 43 12 / 98%) 48%, #b96731b3 75%);
  filter: blur(130px);
  opacity: 0.2;
  width: 420px;
  height: 420px;
  position: absolute;
}
.home-page-module__sectionBlobs[data-section="any"]
  .home-page-module__sectionBlob[data-i="1"] {
  opacity: 0.3;
  width: 360px;
  height: 360px;
  top: -6%;
  left: -10%;
}
.home-page-module__sectionBlobs[data-section="any"]
  .home-page-module__sectionBlob[data-i="2"] {
  width: 520px;
  height: 520px;
  bottom: -6%;
  right: -12%;
}
.home-page-module__sectionBlobs[data-section="pricing"]
  .home-page-module__sectionBlob[data-i="1"] {
  width: 560px;
  height: 560px;
  top: -10%;
  right: -14%;
}
.home-page-module__sectionBlobs[data-section="pricing"]
  .home-page-module__sectionBlob[data-i="2"] {
  width: 340px;
  height: 340px;
  bottom: -8%;
  left: 18%;
}
.home-page-module__sectionBlobs[data-section="library"]
  .home-page-module__sectionBlob[data-i="1"] {
  width: 380px;
  height: 380px;
  top: -8%;
  left: -8%;
}
.home-page-module__sectionBlobs[data-section="library"]
  .home-page-module__sectionBlob[data-i="2"] {
  width: 500px;
  height: 500px;
  bottom: -8%;
  right: -12%;
}
@media (prefers-reduced-motion: reduce) {
  .home-page-module__extraBlob,
  .home-page-module__sectionBlob {
    filter: blur(90px);
    opacity: 0.12;
  }
}
.home-page-module__heroContent {
  gap: var(--space-5);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}
.home-page-module__title {
  font-size: var(--font-size-display);
  color: var(--text-primary);
  letter-spacing: -0.055em;
}
.home-page-module__title > span {
  background: var(--metal-text-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home-page-module__subtitle {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
}
.home-page-module__ctaRow {
  gap: var(--space-3);
  margin-top: var(--space-2);
  flex-wrap: wrap;
  display: flex;
}
.home-page-module__avatars {
  margin-top: var(--space-2);
  justify-content: center;
  align-items: center;
  gap: var(--space-5);
  flex-wrap: nowrap;
  display: flex;
}
.home-page-module__avatars .home-page-module__avatarGroup {
  align-items: center;
  gap: -12px;
  display: flex;
}
.home-page-module__avatars
  .home-page-module__avatarGroup
  .home-page-module__circle {
  border: 2px solid var(--bg-surface-raised);
  border-radius: 50%;
  width: 45px;
  height: 45px;
  margin-left: -12px;
  position: relative;
  overflow: hidden;
}
.home-page-module__avatars
  .home-page-module__avatarGroup
  .home-page-module__circle:first-child {
  margin-left: 0;
}
.home-page-module__avatars .home-page-module__avatarText {
  font-size: var(--font-size-md);
  color: var(--text-secondary);
  max-width: 400px;
}
.home-page-module__heroVisual {
  justify-content: center;
  align-self: center;
  display: flex;
}
.home-page-module__pricingLayout {
  gap: var(--space-7);
  grid-template-columns: minmax(220px, 360px) 1fr;
  align-items: start;
  display: grid;
}
.home-page-module__pricingIntro {
  gap: var(--space-3);
  text-align: left;
  max-width: 42ch;
  display: grid;
}
.home-page-module__pricingIntro p {
  color: var(--text-secondary);
  font-size: var(--font-size-section-subtext);
}
.home-page-module__pricingGrid {
  gap: var(--space-5);
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  align-items: stretch;
  display: grid;
}
@media (min-width: 1100px) {
  .home-page-module__pricingGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1024px) {
  .home-page-module__pricingLayout {
    gap: var(--space-6);
    grid-template-columns: 1fr;
  }
  .home-page-module__pricingIntro {
    text-align: center;
    justify-items: center;
    max-width: 65ch;
    margin: 0 auto;
  }
}
.home-page-module__fullBleedSection {
  justify-content: center;
  display: flex;
}
.home-page-module__fullBleedImageWrap {
  aspect-ratio: 2680/1120;
  width: min(100%, 2860px);
  /* min-width: 800px; */
  position: relative;
}
.home-page-module__fullBleedImage {
  z-index: 0;
  filter: saturate(1.05);
  -webkit-mask-image: linear-gradient(
    transparent 0%,
    rgba(0, 0, 0, 0.05) 8%,
    #000 5%
  );
  mask-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.05) 8%, #000 5%);

  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-mask-image: linear-gradient(
    transparent 0%,
    rgba(0, 0, 0, 0.05) 2%,
    #000 10%
  );
}
.home-page-module__fullBleedOverlay {
  pointer-events: none;
  z-index: 2;
  position: absolute;
  top: 43%;
  bottom: 0;
  left: 0.3%;
  right: 0;
}
.home-page-module__fullBleedWheel {
  top: var(--wheel-top);
  left: var(--wheel-left);
  width: var(--wheel-width);
  aspect-ratio: var(--wheel-aspect, 1/1);
  opacity: 0;
  animation: home-page-module__wheelCycle var(--wheel-duration, 16s) linear
    infinite;
  animation-delay: var(--wheel-delay, 0s);
  filter: drop-shadow(0 12px 24px rgba(12, 18, 28, 0.45));
  --wheel-indicator-color: var(--wheel-indicator-color, var(--brand));
  --wheel-label-shift-x: -40%;
  --wheel-label-shift-y: -25px;
  animation-fill-mode: both;
  position: absolute;
  transform: translate(-50%, -50%);
}
.home-page-module__fullBleedWheelOption1 {
  --wheel-left: 53.4%;
  --wheel-top: 59.8%;
  --wheel-width: 16.95%;
  --wheel-aspect: 1;
  --wheel-delay: 0s;
  --wheel-duration: 16s;
  --wheel-indicator-color: var(--silver-mid);
}
.home-page-module__fullBleedWheelOption2 {
  --wheel-left: 53.4%;
  --wheel-top: 59.8%;
  --wheel-width: 16.95%;
  --wheel-aspect: 1;
  --wheel-delay: 4s;
  --wheel-duration: 16s;
  --wheel-indicator-color: var(--silver-mid);
}
.home-page-module__fullBleedWheelOption3 {
  --wheel-left: 53.4%;
  --wheel-top: 59.8%;
  --wheel-width: 16.95%;
  --wheel-aspect: 1;
  --wheel-delay: 8s;
  --wheel-duration: 16s;
  --wheel-indicator-color: var(--silver-mid);
}
.home-page-module__fullBleedWheelOption4 {
  --wheel-left: 53.4%;
  --wheel-top: 59.8%;
  --wheel-width: 16.95%;
  --wheel-aspect: 1;
  --wheel-delay: 12s;
  --wheel-duration: 16s;
  --wheel-indicator-color: var(--silver-mid);
}
.home-page-module__fullBleedWheelRear {
--wheel-left: 85.8%;
    --wheel-top: 56.9%;
    --wheel-width: 11.7%; 
  --wheel-aspect: 1;
  z-index: 1;
}
.home-page-module__fullBleedWheelFront {
  z-index: 2;
}
.home-page-module__fullBleedWheel[data-base="true"] {
  filter: none;
}
.home-page-module__fullBleedWheelImage {
  object-fit: contain;
}
.home-page-module__fullBleedWheelLabel {
    left: 35%;
    top: calc(100% + var(--space-7));
    transform: translate(var(--wheel-label-shift-x), var(--wheel-label-shift-y));
    transform-origin: bottom;
    border-radius: var(--radius-full);
    border: 1px solid 
color-mix(in srgb, var(--wheel-indicator-color) 65%, transparent 35%);
    background: #101114;
    color: #fff;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: 0;
    animation: home-page-module__wheelLabelCycle var(--wheel-duration, 16s) ease-in-out infinite;
    animation-delay: calc(var(--wheel-delay, 0s) + 0.1s);
    padding: 0.4rem 1rem;
    font-size: 0.75rem;
    font-weight: 700;
    position: absolute;
}
.home-page-module__fullBleedWheelLabel:before {
content: "";
    background: var(--wheel-indicator-color);
    width: 10px;
    height: 10px;
    box-shadow: 0 0 12px 
color-mix(in srgb, var(--wheel-indicator-color) 60%, transparent 40%);
    border-radius: 50%;
    position: absolute;
    top: -0.45rem;
    left: 50%;
    transform: translate(-50%);
}
.home-page-module__fullBleedWheelLabel:after {
    content: "";
    background: linear-gradient(to top, 
color-mix(in srgb, var(--wheel-indicator-color) 80%, transparent 20%), transparent);
    border-radius: var(--radius-full);
    width: 2px;
    height: 3rem;
    position: absolute;
    top: -3rem;
    left: 50%;
    transform: translate(-50%);
}
@supports not (aspect-ratio: 1) {
  .home-page-module__fullBleedImageWrap {
    height: 0;
    padding-top: 35.8209%;
  }
  .home-page-module__fullBleedImage {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
.home-page-module__bottomCta {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-5);
  padding: var(--space-7);
  border-radius: var(--radius-lg);
  background: var(--surface-card-gradient);
  border: 1px solid var(--border);
  box-sizing: border-box;
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}
.home-page-module__bottomCtaContent {
  gap: var(--space-2);
  max-width: 50ch;
  display: grid;
}
.home-page-module__bottomCtaContent p {
  color: var(--text-secondary);
}
.home-page-module__bottomCtaActions {
  align-items: center;
  gap: var(--space-3);
  display: inline-flex;
}
@media (max-width: 900px) {
  .home-page-module__hero {
    text-align: center;
    grid-template-columns: 1fr;
  }
  .home-page-module__heroContent {
    align-items: center;
  }
  .home-page-module__heroVisual {
    margin-top: var(--space-4);
  }
  .home-page-module__avatars {
    margin-top: var(--space-3);
    text-align: left;
    gap: var(--space-3);
    flex-direction: row;
    justify-content: center;
  }
  .home-page-module__avatarText {
    max-width: 250px;
    font-size: var(--font-size-sm);
  }
  .home-page-module__bottomCta {
    text-align: center;
    gap: var(--space-4);
    flex-direction: column;
  }
  .home-page-module__bottomCtaContent {
    text-align: center;
    place-items: center;
  }
  .home-page-module__bottomCtaActions {
    justify-content: center;
    width: 100%;
    display: flex;
  }
  .home-page-module__fullBleedSection {
    padding-top: var(--space-7);
  }
}
@media (max-width: 640px) {
  .home-page-module__hero {
    gap: var(--space-4);
    padding-top: var(--space-5);
  }
  .home-page-module__heroContent {
    align-items: center;
    gap: var(--space-3);
    text-align: center;
  }
  .home-page-module__heroVisual {
    width: 100%;
    margin: 0 auto;
    margin-top: var(--space-2);
    display: block;
  }
  .home-page-module__title {
    letter-spacing: -0.05em;
    font-size: max(2.5rem, min(11vw, 3.2rem));
    line-height: 1;
  }
  .home-page-module__subtitle {
    font-size: var(--font-size-base);
    max-width: 95%;
    line-height: 1.4;
  }
  .home-page-module__ctaRow {
    justify-content: center;
    gap: var(--space-2);
    border-top: none;
    flex-flow: wrap;
    margin-top: 0;
    padding-top: 0;
  }
  .home-page-module__avatars {
    display: none;
  }
}
.FeatureBento-module__bentoHeader {
  text-align: center;
  align-items: center;
  gap: var(--space-3);
  /* max-width: 55ch; */
  margin: 0 auto var(--space-3) auto;
  flex-direction: column;
  display: flex;
}
.FeatureBento-module__bentoHeader p {
  color: var(--text-secondary);
  font-size: var(--font-size-section-subtext);
  margin: 0;
}
.FeatureBento-module__bentoGrid {
  gap: var(--space-5);
  grid-template-columns: 1fr;
  display: grid;
}
.FeatureBento-module__smoothCard {
  background: var(--surface-card-gradient);
  border: 1px solid var(--border);
  isolation: isolate;
  z-index: 1;
  border-radius: 32px;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 480px;
  transition:
    transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1),
    box-shadow 0.6s,
    border-color 0.4s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.05),
    0 10px 30px -10px rgba(0, 0, 0, 0.3);
  /* -webkit-mask-image: -webkit-radial-gradient(#fff, #000); */
}
.FeatureBento-module__smoothCard:hover {
  border-color: var(--border-hover);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.1),
    0 20px 40px -15px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(216, 219, 222, 0.07);
  transform: translateY(-6px);
}
@media (min-width: 900px) {
  .FeatureBento-module__bentoGrid {
    grid-template-rows: repeat(2, minmax(480px, 520px));
    grid-template-columns: repeat(3, 1fr);
  }
  .FeatureBento-module__cardWide {
    grid-column: span 2;
  }
  .FeatureBento-module__cardBox {
    grid-column: span 1;
  }
}
.FeatureBento-module__visualContainer {
  --visual-bg: var(--bg-surface-raised);
  z-index: -1;
  background: var(--visual-bg);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.dark .FeatureBento-module__visualContainer {
  --visual-bg: var(--bg-main);
}
[data-theme="dark"] .FeatureBento-module__visualContainer {
  --visual-bg: var(--bg-main);
}
@media (prefers-color-scheme: dark) {
  html:not(.light):not([data-theme="light"])
    .FeatureBento-module__visualContainer {
    --visual-bg: var(--bg-main);
  }
}
.FeatureBento-module__visualContainer:after {
  content: "";
  background: linear-gradient(
    to top,
    var(--bg-surface) 35%,
    color-mix(in srgb, var(--bg-surface) 90%, transparent) 45%,
    transparent 70%
  );
  pointer-events: none;
  z-index: 18;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.FeatureBento-module__visualPureImage {
  background: var(--bg-surface);
}
.FeatureBento-module__visualPureImage:after {
  content: none !important;
  display: none !important;
}
.FeatureBento-module__visualPureImage .FeatureBento-module__studioRig,
.FeatureBento-module__visualPureImage .FeatureBento-module__studioImage {
  width: 100%;
  height: 100%;
}
.FeatureBento-module__cardContent {
  z-index: 20;
  padding: var(--space-8) var(--space-7);
  gap: var(--space-3);
  flex-direction: column;
  display: flex;
  position: relative;
}
.FeatureBento-module__cardContent h3 {
  font-size: var(--font-size-h3);
  letter-spacing: -0.03em;
  color: var(--text-primary);
  margin: 0;
  font-weight: 700;
}
.FeatureBento-module__cardContent p {
  color: var(--text-secondary);
  font-size: var(--font-size-section-subtext);
  max-width: 70ch;
  margin: 0;
  line-height: 1.6;
}
.FeatureBento-module__ambientMesh1 {
  background:
    radial-gradient(
      circle at 50% 50%,
      rgba(174, 179, 184, 0.14),
      transparent 60%
    ),
    radial-gradient(
      circle at 80% 20%,
      rgba(116, 122, 128, 0.12),
      transparent 50%
    );
  filter: blur(60px);
  width: 150%;
  height: 150%;
  animation: 15s ease-in-out infinite alternate FeatureBento-module__meshDrift;
  position: absolute;
  top: -25%;
  left: -25%;
}
.FeatureBento-module__featureSwap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(-24%);
}
.FeatureBento-module__featureSwapImage {
  object-fit: cover;
  object-position: center;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1.015);
  will-change: opacity, transform;
}
.FeatureBento-module__featureSwapImageOne {
  opacity: 1;
  transform: scale(1);
}
.FeatureBento-module__hyperspaceBackground {
  background: repeating-conic-gradient(
    from 0deg,
    rgba(216, 219, 222, 0.6) 0deg 0.5deg,
    transparent 0.5deg 8deg
  );
  opacity: 0.12;
  transition:
    opacity 0.8s,
    transform 1s cubic-bezier(0.2, 0.8, 0.2, 1);
  animation: 40s linear infinite FeatureBento-module__hyperSpin;
  position: absolute;
  top: -100%;
  bottom: -100%;
  left: -100%;
  right: -100%;
  transform: scale(1);
  -webkit-mask-image: radial-gradient(circle, transparent 30%, #000 70%);
  mask-image: radial-gradient(circle, transparent 30%, #000 70%);
}
.FeatureBento-module__smoothCard:hover
  .FeatureBento-module__hyperspaceBackground {
  opacity: 0.45;
  animation-duration: 5s;
  transform: scale(1.5);
}
.FeatureBento-module__gridPerspective {
  perspective: 600px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 40%;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(transparent 0%, #000 40%);
  mask-image: linear-gradient(transparent 0%, #000 40%);
}
.FeatureBento-module__warpGrid {
  transform-origin: top;
  background-image:
    linear-gradient(
      to right,
      rgba(174, 179, 184, 0.28) 2px,
      transparent 2px
    ),
    linear-gradient(
      to bottom,
      rgba(174, 179, 184, 0.28) 2px,
      transparent 2px
    );
  background-size: 55px 55px;
  width: 300%;
  height: 200%;
  animation: 4s linear infinite FeatureBento-module__gridCruise;
  transform: rotateX(75deg) translateY(0);
}
.FeatureBento-module__gridPerspective:after {
  content: "";
  background: radial-gradient(
    ellipse at center top,
    rgba(174, 179, 184, 0.12) 0%,
    transparent 60%
  );
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.FeatureBento-module__smoothCard:hover .FeatureBento-module__warpGrid {
  background-image:
    linear-gradient(
      to right,
      rgba(216, 219, 222, 0.38) 2.5px,
      transparent 2.5px
    ),
    linear-gradient(
      to bottom,
      rgba(216, 219, 222, 0.38) 2.5px,
      transparent 2.5px
    );
  animation: 0.5s linear infinite FeatureBento-module__gridCruise;
}
.FeatureBento-module__aiCoreWrapper {
  z-index: 19;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  display: flex;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
}
 
.FeatureBento-module__starfieldVisual {
  background: #020306;
}
.FeatureBento-module__starfieldCanvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--starfield-accent, var(--brand)) 12%, transparent), transparent 65%);
      filter: brightness(0.5);
}
.FeatureBento-module__aiCoreGlow {
  background: var(--starfield-accent, var(--silver-mid));
  filter: blur(35px);
  opacity: 0.28;
  width: 80px;
  height: 80px;
  transition:
    transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1),
    opacity 0.6s;
  position: absolute;
}
.FeatureBento-module__aiCore {
  background: var(--metal-gradient);
  border: 1.5px solid var(--metal-button-border);
  width: 90px;
  height: 90px;
  box-shadow:
    0 0 30px rgba(174, 179, 184, 0.16),
    inset 0 0 25px rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  z-index: 2;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
  display: flex;
  position: relative;
}
.FeatureBento-module__aiCore:after {
  content: "";
  pointer-events: none;
  background: radial-gradient(
    circle at 30% 30%,
    rgba(255, 255, 255, 0.4) 0%,
    transparent 60%
  );
  border-radius: 50%;
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 1px;
}
.FeatureBento-module__timeText {
  color: var(--metal-button-text);
  letter-spacing: -0.05em;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  font-size: 2.1rem;
  font-weight: 800;
  transition:
    color 0.4s,
    text-shadow 0.4s;
  transform: translateZ(0);
}
.FeatureBento-module__coreRing {
  border: 1.5px dashed rgba(216, 219, 222, 0.38);
  border-radius: 50%;
  transition: border-color 0.4s;
  position: absolute;
}
.FeatureBento-module__coreRingOuter {
  animation: 10s linear infinite FeatureBento-module__coreSpin;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.FeatureBento-module__coreRingInner {
  animation: 7s linear infinite reverse FeatureBento-module__coreSpin;
  top: 16px;
  bottom: 16px;
  left: 16px;
  right: 16px;
}
[data-feature-starfield][data-starfield-accelerated] .FeatureBento-module__aiCoreGlow {
  opacity: 0.42;
  transform: scale(1.6);
}
[data-feature-starfield][data-starfield-accelerated] .FeatureBento-module__aiCore {
  transform: scale(1.15);
}
[data-feature-starfield][data-starfield-accelerated] .FeatureBento-module__timeText {
  transform: scale(1.05);
}
[data-feature-starfield][data-starfield-accelerated] .FeatureBento-module__coreRingOuter {
  border-color: var(--starfield-accent, rgba(245, 246, 247, 0.62));
  animation-duration: 2s;
}
[data-feature-starfield][data-starfield-accelerated] .FeatureBento-module__coreRingInner {
  border-color: var(--starfield-accent, rgba(216, 219, 222, 0.46));
  animation-duration: 1.2s;
}
@media (prefers-reduced-motion: reduce) {
  [data-feature-starfield] .FeatureBento-module__coreRing {
    animation: none;
  }
}
.FeatureBento-module__studioRig {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.FeatureBento-module__studioImage {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity 0.8s;
}
.FeatureBento-module__studioImageLight {
  display: block;
}
.FeatureBento-module__studioImageDark {
  display: none;
}
.dark .FeatureBento-module__studioImageLight {
  display: none;
}
[data-theme="dark"] .FeatureBento-module__studioImageLight {
  display: none;
}
.dark .FeatureBento-module__studioImageDark {
  display: block;
}
[data-theme="dark"] .FeatureBento-module__studioImageDark {
  display: block;
}
@media (prefers-color-scheme: dark) {
  html:not(.light):not([data-theme="light"])
    .FeatureBento-module__studioImageLight {
    display: none;
  }
  html:not(.light):not([data-theme="light"])
    .FeatureBento-module__studioImageDark {
    display: block;
  }
}
.FeatureBento-module__cardCtaLink {
  z-index: 30;
  border-radius: inherit;
  text-decoration: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.FeatureBento-module__cardCtaOverlay {
  padding: var(--space-8) var(--space-7);
  background: linear-gradient(
    to top,
    rgba(174, 179, 184, 0.08) 0%,
    transparent 80%
  );
  justify-content: flex-start;
  align-items: flex-end;
  transition: opacity 0.4s;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.dark .FeatureBento-module__cardCtaOverlay {
  background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.6) 100%);
}
[data-theme="dark"] .FeatureBento-module__cardCtaOverlay {
  background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.6) 100%);
}
.FeatureBento-module__cardCtaText {
  color: #fff;
  letter-spacing: -0.03em;
  text-shadow:
    0 2px 10px rgba(0, 0, 0, 0.8),
    0 0 20px rgba(0, 0, 0, 0.4);
  align-items: center;
  gap: 8px;
  font-size: max(1.5rem, min(3vw, 2rem));
  font-weight: 700;
  transition:
    gap 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
}
.FeatureBento-module__smoothCard:hover .FeatureBento-module__cardCtaText {
  gap: 14px;
  transform: translate(4px);
}
.FeatureBento-module__ambientMesh2 {
  background:
    radial-gradient(
      circle at 20% 80%,
      rgba(174, 179, 184, 0.1),
      transparent 50%
    ),
    radial-gradient(
      circle at 80% 80%,
      rgba(116, 122, 128, 0.1),
      transparent 50%
    );
  filter: blur(50px);
  width: 150%;
  height: 150%;
  position: absolute;
  top: 0%;
  left: 0%;
}
.FeatureBento-module__browserRig {
  background: var(--bg-surface);
  border: 1px solid color-mix(in srgb, var(--border-primary) 80%, white 20%);
  z-index: 5;
  border-radius: 12px;
  flex-direction: column;
  width: 82%;
  height: 300px;
  transition:
    transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1),
    box-shadow 0.6s;
  display: flex;
  position: absolute;
  top: 8%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%) translateY(20px);
  box-shadow:
    0 20px 50px -10px rgba(0, 0, 0, 0.4),
    inset 0 1px rgba(255, 255, 255, 0.05);
}
.FeatureBento-module__browserHeader {
  background: color-mix(in srgb, var(--bg-surface-raised) 90%, black);
  border-bottom: 1px solid var(--border-primary);
  z-index: 10;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 14px;
  display: flex;
}
.FeatureBento-module__browserDot {
  opacity: 0.8;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
.FeatureBento-module__browserDotRed {
  background: #ff5f56;
}
.FeatureBento-module__browserDotYellow {
  background: #ffbd2e;
}
.FeatureBento-module__browserDotGreen {
  background: #27c93f;
}
.FeatureBento-module__browserBody {
  background: var(--bg-inset);
  flex-grow: 1;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}
.FeatureBento-module__studioMockup {
  width: 100%;
  height: 100%;
  font-family: var(--font-sans);
  color: var(--text-primary);
  font-size: 11px;
  display: flex;
}
.FeatureBento-module__mockupSidebar {
  border-right: 1px solid var(--border-primary);
  background: color-mix(in srgb, var(--bg-surface) 40%, transparent);
  flex-direction: column;
  gap: 16px;
  width: 160px;
  padding: 16px;
  display: flex;
}
.FeatureBento-module__mockupMain {
  background: radial-gradient(
    circle at 50% 50%,
    color-mix(in srgb, var(--brand) 3%, transparent),
    transparent
  );
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  padding: 16px;
  display: flex;
}
.FeatureBento-module__mockupGroup {
  flex-direction: column;
  gap: 8px;
  display: flex;
}
.FeatureBento-module__mockupLabel {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  opacity: 0.4;
  font-size: 9px;
  font-weight: 600;
}
.FeatureBento-module__mockupItem {
  background: color-mix(in srgb, var(--bg-surface-raised) 80%, black);
  border: 1px solid var(--border-primary);
  border-radius: 6px;
  width: 100%;
  height: 24px;
}
.FeatureBento-module__mockupItemActiveLayer {
  height: 40px;
  background: linear-gradient(90deg, var(--brand) -150%, transparent 100%);
  opacity: 0.6;
}
.FeatureBento-module__mockupPalette {
  gap: 4px;
  margin-top: 4px;
  display: flex;
}
.FeatureBento-module__mockupSwatch {
  width: 16px;
  height: 16px;
  border: 1px solid var(--border-primary);
  border-radius: 4px;
  background: var(--bg-surface-raised);
}
.FeatureBento-module__mockupSwatchActive {
  background: var(--brand);
}
.FeatureBento-module__mockupSlider {
  background: var(--border-primary);
  border-radius: 2px;
  height: 4px;
  margin: 10px 0;
  position: relative;
}
.FeatureBento-module__mockupSlider:after {
  content: "";
  background: var(--brand);
  width: 10px;
  height: 10px;
  box-shadow: 0 0 10px var(--brand);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%);
}
.FeatureBento-module__mockupGrid {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  height: 120px;
  display: grid;
}
.FeatureBento-module__mockupCard {
  border: 1px solid var(--border-primary);
  background: color-mix(in srgb, var(--bg-surface) 60%, transparent);
  border-radius: 8px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}
.FeatureBento-module__mockupCardTop {
  background: color-mix(in srgb, var(--brand) 5%, transparent);
  flex-grow: 1;
}
.FeatureBento-module__mockupCardBottom {
  border-top: 1px solid var(--border-primary);
  padding: 6px;
  font-size: 9px;
  font-weight: 500;
}
.FeatureBento-module__mockupHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}
.FeatureBento-module__mockupTitle {
  font-size: 14px;
  font-weight: 700;
}
.FeatureBento-module__mockupBadge {
  background: color-mix(in srgb, var(--brand) 15%, transparent);
  color: var(--brand);
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 9px;
  font-weight: 700;
}
.FeatureBento-module__smoothCard:hover .FeatureBento-module__browserRig {
  box-shadow:
    0 30px 60px -15px rgba(0, 0, 0, 0.5),
    0 0 0 1px color-mix(in srgb, var(--brand) 20%, transparent);
  transform: translate(-50%) translateY(0);
}
@media (max-width: 640px) {
  .FeatureBento-module__smoothCard {
    min-height: 420px;
  }
  .FeatureBento-module__cardContent {
    padding: var(--space-5);
  }
  .FeatureBento-module__browserRig {
    width: 88%;
    top: 4%;
  }
}
.before-after-slider-module__wrapper {
  width: 100%;
  display: block;
  position: relative;
  overflow: visible;
}
.before-after-slider-module__container {
  width: 100%;
  aspect-ratio: var(--slider-aspect-ratio, 5/3);
  border-radius: var(--radius-lg);
  box-shadow: var(--hero-frame-shadow);
  border: 1px solid rgba(220, 225, 230, 0.15);
  background: var(--bg-surface);
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y pinch-zoom;
  --slider-position: 95%;
  position: relative;
  overflow: hidden;
}
.before-after-slider-module__container[data-hover-reveal="true"] {
  cursor: col-resize;
}
 
.before-after-slider-module__frame {
  width: 100%;
  height: 100%;
  position: relative;
}
.before-after-slider-module__imageOverlay {
  pointer-events: none;
  clip-path: inset(0 0 0 var(--slider-position));
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.before-after-slider-module__image {
  object-fit: cover;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}
.before-after-slider-module__handle {
  top: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  cursor: grab;
  touch-action: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  transform: translateX(var(--slider-position));
  will-change: transform;
}
.before-after-slider-module__container[data-hover-reveal="true"]
  .before-after-slider-module__handle {
  cursor: col-resize;
}
.before-after-slider-module__handleTrack {
  background: var(--metal-gradient);
  width: 2px;
  box-shadow: 0 0 8px rgba(216, 219, 222, 0.24);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-50%);
}
.before-after-slider-module__handleKnob {
  border-radius: var(--radius-full);
  background: var(--metal-gradient);
  border: 1px solid var(--metal-button-border);
  width: 44px;
  height: 44px;
  color: var(--metal-button-text);
  box-shadow: var(--metal-button-shadow);
  transition: transform var(--transition-fast);
  pointer-events: none;
  place-items: center;
  font-size: 1.15rem;
  font-weight: 600;
  display: grid;
  position: relative;
  transform: translateX(-50%);
}
.before-after-slider-module__handle:hover
  .before-after-slider-module__handleKnob {
  transform: translateX(-50%) scale(1.08);
}
.before-after-slider-module__handleActive {
  cursor: grabbing;
}
.before-after-slider-module__handleActive
  .before-after-slider-module__handleKnob {
  transform: translateX(-50%) scale(0.95);
}
.before-after-slider-module__wheelBadge {
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.4));
  pointer-events: none;
  z-index: 10;
  width: max(120px, min(22vw, 180px));
  position: absolute;
  bottom: -10%;
  right: -4%;
}
.before-after-slider-module__wheelImage {
  object-fit: contain;
  width: 100%;
  height: auto;
  display: block;
}
.before-after-slider-module__legend {
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-4);
  margin-top: var(--space-4);
  color: var(--text-secondary);
  flex-wrap: wrap;
  font-size: 0.85rem;
  display: flex;
}
.before-after-slider-module__legendItem {
  align-items: center;
  gap: var(--space-2);
  font-weight: 500;
  display: inline-flex;
}
.before-after-slider-module__legendSwatch {
  border-radius: var(--radius-full);
  background: var(--bg-surface);
  border: 1px solid var(--border-primary);
  width: 12px;
  height: 12px;
}
.before-after-slider-module__legendSwatchAfter {
  background: var(--brand);
  border-color: var(--brand);
}
.before-after-slider-module__legendHint {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-subtle);
  font-size: 0.75rem;
}
@media (max-width: 820px) {
  .before-after-slider-module__container {
    aspect-ratio: var(--slider-aspect-ratio, 4/3);
  }
  .before-after-slider-module__wheelBadge {
    width: max(90px, min(26vw, 140px));
    bottom: -8%;
    right: -4%;
  }
}
@media (max-width: 640px) {
  .before-after-slider-module__container {
    border-radius: var(--radius-md);
    aspect-ratio: var(--slider-aspect-ratio, 3/2);
  }
  .before-after-slider-module__wheelBadge,
  .before-after-slider-module__legend {
    display: none;
  }
  .before-after-slider-module__handleKnob {
    width: 36px;
    height: 36px;
    font-size: 1rem;
  }
}
.before-after-carousel-module__carousel {
  gap: var(--space-3);
  width: 100%;
  display: grid;
}
.before-after-carousel-module__viewport {
  --sheen-x: 52%;
  --sheen-y: 14%;
  --rotate-x: 0deg;
  --rotate-y: 0deg;
  perspective: 1400px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.before-after-carousel-module__slider {
  border-radius: var(--radius-lg);
  width: 100%;
  transform: rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) translateZ(0);
  transform-style: preserve-3d;
  filter: saturate(1.02);
  transition:
    transform 0.18s ease-out,
    filter 0.18s ease-out;
  position: relative;
}
.before-after-carousel-module__slider:before,
.before-after-carousel-module__slider:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  z-index: 2;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.before-after-carousel-module__slider:before {
  background:
    radial-gradient(
      circle at var(--sheen-x) var(--sheen-y),
      rgba(255, 255, 255, 0.08) 0%,
      rgba(255, 255, 255, 0.04) 12%,
      transparent 28%
    ),
    linear-gradient(
      165deg,
      rgba(255, 255, 255, 0.06) 0%,
      transparent 35%,
      rgba(0, 0, 0, 0.08) 100%
    );
  mix-blend-mode: normal;
  opacity: 1;
  transition:
    background-position 0.18s ease-out,
    opacity 0.22s ease-out;
}
.before-after-carousel-module__slider:after {
  opacity: 0.85;
  border: 1px solid rgba(255, 255, 255, 0.12);
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 1px;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.08),
    0 22px 46px rgba(3, 10, 24, 0.18);
}
.before-after-carousel-module__thumbnails {
  gap: var(--space-3);
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-items: stretch;
  width: 100%;
  display: grid;
}
.before-after-carousel-module__overlay {
  display: none;
}
.before-after-carousel-module__navButton {
  border: 1px solid
    color-mix(in srgb, var(--border-subtle) 60%, transparent 40%);
  background: var(--metal-dark-gradient);
  width: 34px;
  height: 34px;
  color: var(--metal-button-text);
  box-shadow: var(--shadow-sm);
  border-radius: 999px;
  place-items: center;
  display: grid;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.before-after-carousel-module__navLeft {
  left: -18px;
}
.before-after-carousel-module__navRight {
  right: -18px;
}
.before-after-carousel-module__pager {
  background: color-mix(in srgb, var(--bg-surface) 85%, transparent 25%);
  border: 1px solid
    color-mix(in srgb, var(--border-secondary) 60%, transparent 40%);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  display: inline-flex;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translate(-50%);
}
.before-after-carousel-module__dot {
  background: transparent;
  border-radius: 999px;
  width: 24px;
  height: 24px;
  position: relative;
}
.before-after-carousel-module__dot:before {
  content: "";
  z-index: 100;
  border-radius: 999px;
  width: 8px;
  height: 7px;
  background-color: color-mix(in srgb, var(--bg-overlay) 15%, transparent 85%);
  opacity: 0.8;
  transition: background-color 0.3s, width 0.3s, opacity 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.before-after-carousel-module__dotActive {
  width: 24px;
}
.before-after-carousel-module__dotActive:before {
  background-color: var(--brand);
  opacity: 1;
  width: 16px;
}
.before-after-carousel-module__progress {
  height: 6px;
  width: var(--progress, 0%);
  position: absolute;
  bottom: 0;
  left: 0;
}
.before-after-carousel-module__thumbnailButton {
  cursor: pointer;
  background: 0 0;
  border: none;
  padding: 0;
  transition:
    transform 0.18s,
    filter 0.18s;
  position: relative;
}
 
.before-after-carousel-module__thumbnailFrame {
  aspect-ratio: 4/4;
  border-radius: var(--radius-sm);
  opacity: 0.6;
  border: 1px solid
    color-mix(in srgb, var(--border-primary) 72%, transparent 28%);
  background: var(--bg-surface);
  width: 100%;
  height: auto;
  transition:
    opacity 0.2s,
    transform 0.2s,
    box-shadow 0.2s,
    border-color 0.2s;
  position: relative;
  overflow: hidden;
}
.before-after-carousel-module__thumbnailActive
  .before-after-carousel-module__thumbnailFrame {
  opacity: 1;
  box-shadow: var(--shadow-sm);
  border-color: color-mix(in srgb, var(--brand) 52%, var(--border-primary) 48%);
  transform: translateY(-4px);
}
 
.before-after-carousel-module__thumbnailFrame img {
  object-fit: cover;
}
.before-after-carousel-module__thumbnailCTA {
  flex-shrink: 0;
}
.before-after-carousel-module__thumbnailCTAFrame {
  aspect-ratio: 4/4;
  border-radius: var(--radius-sm);
  /* background: var(--bg-surface-hover); */
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  width: 100%;
  height: auto;
  color: var(--color-text-strong);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  flex-direction: column;
  font-size: 0.75rem;
  font-weight: 600;
  transition:
    transform 0.2s,
    background 0.2s;
  display: flex;
}
.before-after-carousel-module__thumbnailCTAFrame svg {
  font-size: 1.25rem;
}
.before-after-carousel-module__thumbnailCTA:hover
  .before-after-carousel-module__thumbnailCTAFrame {
  /* background: var(--bg-surface-hover);
  box-shadow: var(--shadow-lg); */
}
.before-after-carousel-module__progressBar {
  border-radius: var(--radius-pill);
  background: var(--gradient-accent);
  height: 3px;
  width: var(--progress, 0%);
  transition: width linear;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 640px) {
  .before-after-carousel-module__carousel {
    gap: var(--space-4);
  }
  .before-after-carousel-module__viewport {
    aspect-ratio: 3/2;
    width: 100%;
    max-width: none;
    margin: 0 auto;
  }
  .before-after-carousel-module__slider {
    height: 100%;
  }
  .before-after-carousel-module__thumbnails {
    display: none;
  }
  .before-after-carousel-module__overlay {
    display: block;
  }
  .before-after-carousel-module__navButton {
    background: color-mix(in srgb, var(--bg-surface) 92%, white 8%);
    border: 1px solid
      color-mix(in srgb, var(--border-primary) 72%, transparent 28%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    width: 42px;
    height: 42px;
    display: grid;
    box-shadow:
      0 10px 24px rgba(10, 16, 30, 0.18),
      inset 0 1px rgba(255, 255, 255, 0.24);
  }
  .before-after-carousel-module__navLeft {
    left: 2px;
  }
  .before-after-carousel-module__navRight {
    right: 2px;
  }
}
@media (min-width: 641px) {
  .before-after-carousel-module__overlay {
    display: block;
  }
  .before-after-carousel-module__navButton {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .before-after-carousel-module__slider,
  .before-after-carousel-module__thumbnailButton,
  .before-after-carousel-module__thumbnailFrame,
  .before-after-carousel-module__thumbnailCTAFrame {
    transition-duration: 0.01ms;
    transform: none;
  }
  .before-after-carousel-module__slider:before {
    opacity: 0.55;
  }
}
/* source: 74fc9239ee2ba159.css */
.before-after-showcase-module__section {
  gap: var(--space-7);
  display: grid;
}
.before-after-showcase-module__header {
  gap: var(--space-4);
  text-align: center;
  max-width: 72ch;
  margin: 0 auto;
  display: grid;
}
.before-after-showcase-module__header p {
  color: var(--text-secondary);
  font-size: var(--font-size-section-subtext);
  margin: 0 auto;
}
.before-after-showcase-module__shell {
  gap: var(--space-7);
  grid-template-columns: 280px minmax(0, 1fr);
  align-items: start;
  display: grid;
}
.before-after-showcase-module__navList {
  gap: var(--space-2);
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 6rem;
}
.before-after-showcase-module__navButton {
  text-align: left;
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  gap: var(--space-1);
  transition: all var(--transition-fast);
  background: 0 0;
  border: 1px solid transparent;
  display: grid;
}
.before-after-showcase-module__navButton:hover {
  background: var(--bg-surface-hover);
  border-color: var(--border-primary);
  transform: translate(4px);
}
.before-after-showcase-module__navButtonActive {
  background: var(--brand-muted);
  border-color: var(--border-brand);
  transform: translate(8px);
}
.before-after-showcase-module__navButtonActive:hover {
  transform: translate(8px);
}
.before-after-showcase-module__navTitle {
  color: var(--text-primary);
  font-weight: 600;
}
.before-after-showcase-module__navButtonActive
  .before-after-showcase-module__navTitle {
  color: var(--brand);
}
.before-after-showcase-module__navSubtitle {
  color: var(--text-secondary);
  font-size: 0.85rem;
}
.before-after-showcase-module__viewer {
  gap: var(--space-5);
  display: grid;
}
.before-after-showcase-module__viewerMeta {
  gap: var(--space-4);
  color: var(--text-subtle);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  flex-wrap: wrap;
  font-size: 0.8rem;
  display: flex;
}
.before-after-showcase-module__viewerMeta span {
  font-variant-numeric: tabular-nums;
}
.before-after-showcase-module__viewerActions {
  gap: var(--space-3);
  flex-wrap: wrap;
  display: flex;
}
.before-after-showcase-module__mobileNav {
  display: none;
}
@media (max-width: 960px) {
  .before-after-showcase-module__shell {
    gap: var(--space-5);
    grid-template-columns: 1fr;
  }
  .before-after-showcase-module__navList {
    display: none;
  }
  .before-after-showcase-module__mobileNav {
    gap: var(--space-3);
    padding-bottom: var(--space-2);
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: flex;
    overflow-x: auto;
  }
  .before-after-showcase-module__mobileNav::-webkit-scrollbar {
    display: none;
  }
  .before-after-showcase-module__mobileNav button {
    background: var(--bg-surface);
    border: 1px solid var(--border-primary);
    flex-shrink: 0;
    min-width: 200px;
    max-width: 280px;
  }
  .before-after-showcase-module__mobileNav button:hover,
  .before-after-showcase-module__mobileNav
    .before-after-showcase-module__navButtonActive {
    transform: none;
  }
}
.EndlessAisle-module__section {
  gap: var(--space-6);
  padding: var(--space-8) 0;
  display: grid;
}
.EndlessAisle-module__header {
  gap: var(--space-3);
  text-align: center;
  /* max-width: 60ch; */
  margin: 0 auto;
  display: grid;
}
.EndlessAisle-module__header p {
  color: var(--text-secondary);
  font-size: var(--font-size-section-subtext);
  margin: 0 auto;
}
.EndlessAisle-module__sectionDisclaimer {
  color: var(--text-subtle);
  margin: var(--space-3) auto 0;
  text-align: center;
  max-width: 60ch;
  font-size: 0.75rem;
  line-height: 1.5;
}
.EndlessAisle-module__marquee {
  padding: var(--space-4) 0;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 10%,
    #000 90%,
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 10%,
    #000 90%,
    transparent 100%
  );
}
.EndlessAisle-module__marqueeTrack {
  gap: var(--space-8);
  width: max-content;
  animation: 30s linear infinite EndlessAisle-module__scroll;
  display: flex;
}
.EndlessAisle-module__brandLogo {
  object-fit: contain;
  filter: grayscale() brightness(0.7);
  opacity: 0.7;
  width: auto;
  height: 2rem;
}
.EndlessAisle-module__interactiveShell {
  gap: var(--space-6);
  display: grid;
}
.EndlessAisle-module__canvas {
  aspect-ratio: 5/3; 
  border-radius: var(--radius-lg);
  width: 100%;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border-primary);
  background-color: var(--bg-surface);
  position: relative;
  overflow: hidden;
}
.EndlessAisle-module__canvasImage {
  object-fit: contain;
  opacity: 1;
  width: 100%;
  height: 100%;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.EndlessAisle-module__canvasImageInactive {
  opacity: 0;
  pointer-events: none;
}
.EndlessAisle-module__canvasHotspot {
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  background: 0 0;
  border: none;
  outline: none;
  width: 50%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
}
 
.EndlessAisle-module__canvasHotspotLeft {
  cursor: w-resize;
  left: 0;
}
.EndlessAisle-module__canvasHotspotRight {
  cursor: e-resize;
  right: 0;
}
.EndlessAisle-module__canvasHideCursor,
.EndlessAisle-module__canvasHideCursor * {
  cursor: none !important;
}
.EndlessAisle-module__canvasCursor {
  border-radius: var(--radius-full);
  background: color-mix(in srgb, var(--bg-surface) 70%, transparent 30%);
  border: 1px solid var(--border-primary);
  will-change: transform, left, top;
  z-index: 3;
  pointer-events: none;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
  position: absolute;
  transform: translate(-50%, -50%);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}
.EndlessAisle-module__canvasCursorIcon {
  color: var(--text-primary);
  font-size: 22px;
}
.EndlessAisle-module__aisle {
  gap: var(--space-4);
  padding: var(--space-3) var(--space-2);
  scrollbar-width: none;
  box-sizing: border-box;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 100%;
  display: flex;
  overflow-x: hidden;
}
.EndlessAisle-module__aisle::-webkit-scrollbar {
  display: none;
}
.EndlessAisle-module__tablist {
  gap: var(--space-4);
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  flex-wrap: nowrap;
  flex: 1;
  min-width: 0;
  display: flex;
  overflow-x: auto;
}
.EndlessAisle-module__tablist::-webkit-scrollbar {
  display: none;
}
.EndlessAisle-module__wheelButton,
.EndlessAisle-module__uploadCard {
  gap: var(--space-3);
  width: 160px;
  padding-bottom: var(--space-3);
  flex-shrink: 0;
  place-items: center;
  display: grid;
  position: relative;
}
.EndlessAisle-module__wheelPreview {
  aspect-ratio: 1;
  border-radius: var(--radius-md);
  width: 100%;
  transition:
    background-color var(--transition-fast),
    border-color var(--transition-fast),
    box-shadow var(--transition-fast),
    transform var(--transition-fast);
  padding: var(--space-2);
  place-items: center;
  display: grid;
  position: relative;
}
.EndlessAisle-module__wheelImage {
  object-fit: contain;
  transition:
    transform var(--transition-fast),
    filter var(--transition-fast);
}
.EndlessAisle-module__wheelButton:hover .EndlessAisle-module__wheelImage {
  filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.2));
  transform: scale(1.05);
}
.EndlessAisle-module__wheelName {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  transition: color var(--transition-fast);
  display: none;
}
.EndlessAisle-module__wheelButton:hover .EndlessAisle-module__wheelName {
  color: var(--text-primary);
}
.EndlessAisle-module__wheelButtonActive .EndlessAisle-module__wheelName {
  color: var(--brand);
}
.EndlessAisle-module__wheelButton:after {
  content: "";
  background-color: var(--brand);
  border-radius: var(--radius-full);
  width: 24px;
  height: 3px;
  transition: transform var(--transition-fast);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%) scaleX(0);
}
.EndlessAisle-module__wheelButtonActive:after {
  transform: translate(-50%) scaleX(1);
}
.EndlessAisle-module__uploadCard {
  text-decoration: none;
}
.EndlessAisle-module__uploadIcon {
  aspect-ratio: 1;
  border-radius: var(--radius-md);
  border: 2px dashed var(--border-secondary);
  width: 100%;
  color: var(--text-secondary);
  transition:
    border-color var(--transition-fast),
    background-color var(--transition-fast),
    color var(--transition-fast),
    transform var(--transition-fast);
  place-items: center;
  font-size: 2rem;
  display: grid;
}
.EndlessAisle-module__uploadCard:hover .EndlessAisle-module__uploadIcon {
  border-color: var(--brand);
  background-color: var(--brand-muted);
  color: var(--brand);
}
@media (max-width: 640px) {
  .EndlessAisle-module__wheelButton,
  .EndlessAisle-module__uploadCard {
    width: 130px;
  }
}
.AnySource-module__section {
  isolation: isolate;
  grid-template-columns: 1.2fr auto 1.2fr;
  align-items: center;
  gap: max(1rem, min(3vw, 2.25rem));
  display: grid;
  position: relative;
}
.AnySource-module__copy {
  text-align: center;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-8);
  flex-direction: column;
  grid-column: 1/-1;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.AnySource-module__eyebrow {
  color: var(--brand);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.AnySource-module__headline {
  font-size: var(--font-size-h2);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-tight);
  color: var(--text-primary);
}
.AnySource-module__subcopy {
  color: var(--text-secondary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-relaxed);
  max-width: 90ch;
}
.AnySource-module__collage {
  gap: var(--space-3);
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}
.AnySource-module__tile {
  border-radius: var(--radius-lg);
  background: var(--bg-surface);
  border: 1px solid var(--border-secondary);
  aspect-ratio: 1;
  min-height: auto;
  transition:
    transform var(--transition-slow),
    border-color var(--transition-slow),
    box-shadow var(--transition-slow);
  will-change: transform;
  position: relative;
  overflow: hidden;
}
.AnySource-module__tile:hover {
  border-color: var(--brand);
  box-shadow: var(--shadow-lg);
  z-index: 10;
  transform: translateY(-8px);
}
.AnySource-module__tileImage {
  object-fit: cover;
  transition: transform var(--transition-slow);
}
.AnySource-module__tile:hover .AnySource-module__tileImage {
  transform: scale(1.05);
}
.AnySource-module__tileCta {
  border: 2px dashed var(--border-primary);
  background: var(--bg-surface);
  transition:
    transform var(--transition-slow),
    border-color var(--transition-slow),
    background-color var(--transition-slow),
    box-shadow var(--transition-slow);
  will-change: transform;
  justify-content: center;
  align-items: center;
  display: flex;
}
.AnySource-module__tileCta:hover {
  border-color: var(--brand);
  background: var(--bg-inset);
  box-shadow: var(--shadow-lg);
  z-index: 10;
  transform: translateY(-8px) scale(1.02);
}
.AnySource-module__ctaButton {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--text-secondary);
  justify-content: center;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4);
  cursor: pointer;
  background: 0 0;
  border: none;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}
.AnySource-module__ctaIcon {
  border-radius: var(--radius-full);
  border: 1px solid var(--border-primary);
  background: var(--bg-surface);
  width: 48px;
  height: 48px;
  color: var(--brand);
  transition:
    background-color var(--transition-slow),
    color var(--transition-slow),
    border-color var(--transition-slow),
    transform var(--transition-slow);
  place-items: center;
  font-size: 1.5rem;
  font-weight: 300;
  display: grid;
}
.AnySource-module__tileCta:hover .AnySource-module__ctaIcon {
  background: var(--brand);
  color: var(--brand-text);
  border-color: var(--brand);
  transform: scale(1.1);
}
.AnySource-module__ctaLabel {
  color: var(--text-primary);
  font-weight: 700;
  font-size: var(--font-size-base);
}
.AnySource-module__ctaHint {
  color: var(--text-subtle);
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.4;
}
.AnySource-module__badge {
  left: var(--space-2);
  bottom: var(--space-2);
  background: var(--bg-surface-raised);
  opacity: 0.8;
  color: var(--text-primary);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-lg);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  z-index: 5;
  pointer-events: none;
  padding: 0.2rem 0.5rem;
  position: absolute;
}
.AnySource-module__bridge {
  z-index: 2;
  width: max(120px, min(16vw, 200px));
  height: max(200px, min(30vw, 400px));
  margin-inline: calc(var(--space-7) * -1);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.AnySource-module__bridgeSvg {
  width: 100%;
  height: 100%;
}
.AnySource-module__bridgeStrokeSoft {
  opacity: 0.6;
}
.AnySource-module__bridgeStrokeMedium {
  opacity: 0.8351141009169892;
}
.AnySource-module__bridgeStrokeStrong {
  opacity: 0.9804226065180615;
}
.AnySource-module__output {
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-primary);
  background: var(--bg-surface);
  aspect-ratio: 1;
  box-shadow: var(--shadow-xl);
  isolation: isolate;
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
}
.AnySource-module__outputImage {
  object-fit: cover;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.AnySource-module__outputCaption {
  left: var(--space-4);
  bottom: var(--space-4);
  background: var(--bg-surface-raised);
  color: var(--text-primary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-full);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  z-index: 10;
  padding: 0.35rem 0.8rem;
  font-size: 0.72rem;
  font-weight: 700;
  position: absolute;
}
@media (max-width: 1024px) {
  .AnySource-module__section {
    gap: var(--space-1);
    padding-bottom: var(--space-8);
    flex-direction: column;
    grid-template-columns: 1fr;
    align-items: center;
    display: flex;
  }
  .AnySource-module__collage {
    order: 1;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    max-width: 500px;
  }
  .AnySource-module__output {
    aspect-ratio: 4/3;
    order: 3;
    width: 100%;
    max-width: 500px;
  }
  .AnySource-module__bridge {
    width: 320px;
    height: 120px;
    margin-block: var(--space-1);
    order: 2;
    overflow: visible;
    transform: rotate(90deg) scale(2);
  }
  .AnySource-module__bridgeSvg {
    overflow: visible;
  }
  .AnySource-module__tile {
    aspect-ratio: 1;
  }
}
.RenderCountStat-module__container {
  align-items: baseline;
  gap: 0;
  line-height: 1;
  display: inline-flex;
}
.RenderCountStat-module__digit {
  transform-origin: 50% 70%;
  transition:
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    text-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  display: inline-block;
}
.RenderCountStat-module__digitChanging {
  color: var(--brand);
  text-shadow: 0 4px 12px hsla(var(--color-brand-hsl), 0.35);
  transform: translateY(-0.18em) scale(1.06);
}
.Testimonials-module__section {
  gap: var(--space-7);
  flex-direction: column;
  display: flex;
}
.Testimonials-module__header {
  gap: var(--space-3);
  text-align: center;
  justify-items: center;
  /* max-width: 65ch; */
  margin: 0 auto;
  display: grid;
}
.Testimonials-module__header p {
  color: var(--text-secondary);
  font-size: var(--font-size-section-subtext);
  margin: 0 auto;
}
.Testimonials-module__testimonialGrid {
  gap: var(--space-5);
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-auto-rows: 1fr;
  display: grid;
}
.Testimonials-module__testimonialCard {
  background: var(--surface-card-gradient);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast);
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}
.Testimonials-module__testimonialCard:hover {
  border-color: var(--border-hover);
  box-shadow: var(--shadow-md);
  transform: translateY(-4px);
}
.Testimonials-module__featured {
  background: linear-gradient(
      145deg,
      rgba(216, 219, 222, 0.045),
      rgba(255, 255, 255, 0) 38%
    ),
    var(--surface-2);
  border-color: var(--border-strong);
  grid-row: span 2;
}
.Testimonials-module__quoteIcon {
  top: 0;
  right: var(--space-4);
  color: var(--text-primary);
  opacity: 0.03;
  z-index: 0;
  pointer-events: none;
  font-size: 8rem;
  position: absolute;
  transform: translateY(-20%);
}
.Testimonials-module__cardContent {
  gap: var(--space-5);
  padding: var(--space-5);
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}
.Testimonials-module__cardHeader {
  align-items: center;
  gap: var(--space-4);
  z-index: 1;
  display: flex;
  position: relative;
}
.Testimonials-module__avatar {
  border-radius: var(--radius-full);
  border: 2px solid var(--border-secondary);
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.Testimonials-module__avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.Testimonials-module__authorInfo {
  flex-direction: column;
  display: flex;
}
.Testimonials-module__authorName {
  font-style: normal;
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.Testimonials-module__authorHandle {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
}
.Testimonials-module__quote {
  z-index: 1;
  margin: 0;
  position: relative;
}
.Testimonials-module__quote p {
  font-size: var(--font-size-lg);
  color: var(--text-secondary);
  max-width: 100%;
  line-height: 1.5;
}
.Testimonials-module__featured .Testimonials-module__quote p {
  color: var(--text-primary);
  font-size: 1.2rem;
}
.Testimonials-module__carImageWrapper {
  aspect-ratio: 16/9;
  border-top: 1px solid var(--border-primary);
  width: 100%;
  margin-top: auto;
  position: relative;
}
.Testimonials-module__carImage {
  object-fit: cover;
}
.Testimonials-module__featured .Testimonials-module__carImageWrapper {
  aspect-ratio: 4/3;
}
@media (max-width: 768px) {
  .Testimonials-module__featured {
    grid-row: auto;
  }
  .Testimonials-module__testimonialCard:nth-child(n + 3) {
    display: none;
  }
}
.Testimonials-module__showMoreWrapper {
  margin-top: var(--space-5);
  justify-content: center;
  display: none;
}
@media (max-width: 768px) {
  .Testimonials-module__showMoreWrapper {
    display: flex;
  }
  .Testimonials-module__testimonialGrid {
    grid-template-rows: auto;
  }
  .Testimonials-module__cardContent {
    padding-bottom: var(--space-7);
  }
  .Testimonials-module__featured {
    grid-row: auto;
  }
}
.wheel-marquee-module__marqueeSection {
  gap: var(--space-7);
  flex-direction: column;
  width: 100%;
  display: flex;
}
.wheel-marquee-module__seoHeader {
  text-align: center;
  /* max-width: 60ch; */
  padding: 0 var(--space-4);
  margin: 0 auto;
}
.wheel-marquee-module__eyebrowWrapper {
  margin-bottom: var(--space-3);
  justify-content: center;
  display: flex;
}
.wheel-marquee-module__seoHeader h2 {
  letter-spacing: -0.03em;
  margin-bottom: var(--space-3);
  font-size: max(2rem, min(5vw, 3rem));
  line-height: 1.1;
}
.wheel-marquee-module__seoHeader p {
  color: var(--text-secondary);
  font-size: var(--font-size-lg);
  line-height: 1.5;
      max-width: 100ch;
}
.wheel-marquee-module__marqueeContainer {
  width: 100%;
  padding: var(--space-4) 0;
  gap: var(--space-4);
  flex-direction: column;
  display: flex;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent,
    #000 10%,
    #000 90%,
    transparent
  );
  mask-image: linear-gradient(
    90deg,
    transparent,
    #000 10%,
    #000 90%,
    transparent
  );
}
.wheel-marquee-module__marqueeTrack {
  width: max-content;
  display: flex;
}
.wheel-marquee-module__marqueeTrackOffset {
  transform: translateX(-50%);
}
.wheel-marquee-module__marqueeRow {
  gap: var(--space-5);
  padding-right: var(--space-5);
  display: flex;
}
.wheel-marquee-module__wheelCard {
  width: 200px;
  height: 200px;
  margin: 0 var(--space-2);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: transform 0.4s cubic-bezier(0.33, 2, 0.68, 1);
  display: flex;
  position: relative;
}
.wheel-marquee-module__wheelCard:hover {
  z-index: 10;
  transform: scale(1.15) rotate(2deg);
}
.wheel-marquee-module__wheelImageWrapper {
  width: 90%;
  height: 90%;
  position: relative;
}
.wheel-marquee-module__wheelImage {
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.4));
  transition: filter 0.3s;
}
.wheel-marquee-module__wheelCard:hover .wheel-marquee-module__wheelImage {
  filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.6)) brightness(1.1);
}
@media (prefers-color-scheme: light) {
  .wheel-marquee-module__wheelImage {
    filter: none;
  }
  .wheel-marquee-module__wheelCard:hover .wheel-marquee-module__wheelImage {
    filter: brightness(1.05);
  }
}


/* === restored @keyframes from original _next build (scraper dropped them) === */
@keyframes FeatureBento-module__coreSpin{to{transform:rotate(360deg)}}
@keyframes FeatureBento-module__spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes FeatureBento-module__pulseCore{0%{opacity:.8;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}
@keyframes FeatureBento-module__hyperSpin{to{transform:scale(1)rotate(360deg)}}
@keyframes FeatureBento-module__gridCruise{0%{background-position:0 0}to{background-position:0 55px}}
@keyframes FeatureBento-module__meshDrift{0%{transform:translate(0)scale(1)}to{transform:translate(10%,10%)scale(1.05)}}
@keyframes EndlessAisle-module__scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}

/* restored wheelCycle keyframes */
@keyframes home-page-module__wheelCycle{0%{opacity:0}5%{opacity:1}25%{opacity:1}30%{opacity:0}to{opacity:0}}
@keyframes home-page-module__wheelLabelCycle{0%{opacity:0;transform:translate(var(--wheel-label-shift-x),var(--wheel-label-shift-y))}6%{opacity:1;transform:translate(var(--wheel-label-shift-x),var(--wheel-label-shift-y))}25%{opacity:1;transform:translate(var(--wheel-label-shift-x),var(--wheel-label-shift-y))}30%{opacity:0;transform:translate(var(--wheel-label-shift-x),var(--wheel-label-shift-y))}to{opacity:0;transform:translate(var(--wheel-label-shift-x),var(--wheel-label-shift-y))}}


/* === wheel marquee scroll (ported from wheelblend: rows move opposite ways) === */
@keyframes wheel-marquee-module__scrollLeft {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@keyframes wheel-marquee-module__scrollRight {
  from { transform: translateX(-50%); }
  to   { transform: translateX(0); }
}
.wheel-marquee-module__marqueeTrack {
  will-change: transform;
  animation: wheel-marquee-module__scrollLeft 120s linear infinite;
}
.wheel-marquee-module__marqueeTrackOffset {
  animation: wheel-marquee-module__scrollRight 140s linear infinite;
}
/* .wheel-marquee-module__marqueeContainer:hover .wheel-marquee-module__marqueeTrack {
  animation-duration: 360s;
}
.wheel-marquee-module__marqueeContainer:hover .wheel-marquee-module__marqueeTrackOffset {
  animation-duration: 420s;
} */

/* === FeatureBento three-image wheel-swap loop === */
@media (prefers-reduced-motion: no-preference) {
  .FeatureBento-module__featureSwapImage {
    animation: FeatureBento-module__featureSwap 12s ease-in-out infinite;
  }
  .FeatureBento-module__featureSwapImageTwo {
    animation-delay: -8s;
  }
  .FeatureBento-module__featureSwapImageThree {
    animation-delay: -4s;
  }
}
@keyframes FeatureBento-module__featureSwap {
  0%, 27% { opacity: 1; transform: scale(1); }
  33%, 94% { opacity: 0; transform: scale(1.015); }
  100% { opacity: 1; transform: scale(1); }
}

/* SEO migration content from primerka-diskov.ru */
.seo-legacy-home {
  margin-top: 96px;
  margin-bottom: 96px;
}
.seo-legacy-home__header {
  max-width: 760px;
  margin-bottom: 28px;
}
.seo-legacy-home__header h2 {
  margin: 10px 0 12px;
  font-size: clamp(2rem, 4vw, 4.5rem);
  line-height: 0.95;
  letter-spacing: -0.06em;
}
.seo-legacy-home__header p,
.seo-legacy-home__card p,
.seo-legacy-home__stepList p {
  color: rgb(var(--color-foreground-muted-rgb));
  line-height: 1.7;
}
.seo-legacy-home__grid,
.seo-legacy-home__stepList {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 18px;
}
.seo-legacy-home__card,
.seo-legacy-home__stepList li {
  border: 1px solid rgb(var(--color-border-rgb));
  border-radius: var(--radius-card);
  background: rgba(255, 255, 255, 0.035);
  box-shadow: var(--shadow-card);
}
.seo-legacy-home__card,
.seo-legacy-home__stepList li {
  padding: 24px;
}
.seo-legacy-home__card h3,
.seo-legacy-home__stepList h3 {
  margin: 0 0 10px;
}
.seo-legacy-home__steps {
  margin-top: 56px;
}
.seo-legacy-home__stepList {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: seo-step;
}
.seo-legacy-home__stepList li {
  counter-increment: seo-step;
}
.seo-legacy-home__stepList li::before {
  content: "0" counter(seo-step);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 18px;
  border-radius: 999px;
  color: hsl(var(--color-brand-hsl));
  background: color-mix(in srgb, hsl(var(--color-brand-hsl)) 16%, transparent);
}
@media (max-width: 767px) {
  .seo-legacy-home {
    margin-top: 56px;
    margin-bottom: 56px;
  }
}