/* Image3D whole-site light V3.2 experiment.
   Every selector is gated by data-design-variant so production control stays
   byte-for-byte visually unchanged and rollback is a one-line assignment. */

html[data-design-variant="light_v32"] {
  color-scheme: light;
  --i3d-light-canvas: #f5f5f2;
  --i3d-light-surface: #ffffff;
  --i3d-light-ink: #111318;
  --i3d-light-muted: #5f6672;
  --i3d-light-line: #d9dce2;
  --i3d-light-blue: #315ef7;
}

html[data-design-variant="light_v32"] body {
  background: var(--i3d-light-canvas) !important;
  color: var(--i3d-light-ink) !important;
}

html[data-design-variant="light_v32"] ::-webkit-scrollbar-track { background: #eef0f2; }
html[data-design-variant="light_v32"] ::-webkit-scrollbar-thumb { background: #b9bec8; }

/* Shared light navigation */
html[data-design-variant="light_v32"] body > nav {
  background: rgba(255, 255, 255, 0.94) !important;
  border-bottom: 1px solid var(--i3d-light-line);
  box-shadow: 0 8px 28px rgba(17, 19, 24, 0.05);
}
html[data-design-variant="light_v32"] body > nav > div { height: 72px; }
html[data-design-variant="light_v32"] body > nav a { text-shadow: none !important; }
html[data-design-variant="light_v32"] body > nav .text-white,
html[data-design-variant="light_v32"] body > nav .text-gray-100 { color: var(--i3d-light-ink) !important; }
html[data-design-variant="light_v32"] body > nav .text-gray-400,
html[data-design-variant="light_v32"] body > nav .text-slate-300 { color: var(--i3d-light-muted) !important; }
html[data-design-variant="light_v32"] body > nav a:hover { color: var(--i3d-light-ink) !important; }
html[data-design-variant="light_v32"] #navCtaBtn {
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.36);
  border-radius: 7px !important;
  background:
    linear-gradient(116deg, transparent 0 30%, rgba(255,255,255,.36) 42%, transparent 55%),
    linear-gradient(90deg, #29baf0 0%, #3861f5 48%, #ba33d9 100%) !important;
  background-size: 220% 100%, 100% 100% !important;
  box-shadow: 0 12px 26px -8px rgba(64, 94, 250, 0.34), inset 0 1px rgba(255,255,255,.42) !important;
  animation: i3dLightSheen 5.4s ease-in-out infinite;
}

/* Homepage hero */
html[data-design-variant="light_v32"] .home-redesign-hero {
  padding-top: 124px;
  padding-bottom: 42px;
  background: var(--i3d-light-surface) !important;
  border-bottom-color: var(--i3d-light-line);
}
html[data-design-variant="light_v32"] .home-redesign-hero::before {
  display: none;
}
html[data-design-variant="light_v32"] .home-redesign-wrap,
html[data-design-variant="light_v32"] .home-section-wrap {
  max-width: 1336px;
}
html[data-design-variant="light_v32"] .home-hero-layout {
  grid-template-columns: minmax(380px, 0.78fr) minmax(560px, 1.22fr);
  gap: 58px;
}
html[data-design-variant="light_v32"] .home-kicker {
  color: var(--i3d-light-blue);
  letter-spacing: .05em;
}
html[data-design-variant="light_v32"] .home-kicker::before {
  border-radius: 1px;
  background: var(--i3d-light-blue);
  box-shadow: none;
}
html[data-design-variant="light_v32"] .home-redesign-hero h1 {
  max-width: 560px;
  color: var(--i3d-light-ink);
  font-size: clamp(3.5rem, 5.2vw, 4.45rem);
  line-height: 1.02;
  letter-spacing: -0.045em;
}
html[data-design-variant="light_v32"] .home-redesign-hero .home-hero-lede {
  max-width: 540px;
  color: var(--i3d-light-muted);
  font-size: 1.08rem;
  line-height: 1.72;
}
html[data-design-variant="light_v32"] .home-start-panel {
  border-color: #d5d9e0;
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f8f8f5);
  box-shadow: 0 22px 60px rgba(17, 19, 24, 0.08), inset 0 1px rgba(255,255,255,.9);
}
html[data-design-variant="light_v32"] .home-mode-toggle,
html[data-design-variant="light_v32"] .home-upload-box,
html[data-design-variant="light_v32"] .home-prompt-input,
html[data-design-variant="light_v32"] .home-quality-option {
  border-color: #d5d9e0;
  background: #fff;
  color: var(--i3d-light-ink);
}
html[data-design-variant="light_v32"] .home-mode-button,
html[data-design-variant="light_v32"] .home-generator-label,
html[data-design-variant="light_v32"] .home-quality-title,
html[data-design-variant="light_v32"] .home-generator-detail,
html[data-design-variant="light_v32"] .home-generator-note,
html[data-design-variant="light_v32"] .home-upload-box span span,
html[data-design-variant="light_v32"] .home-quality-option span span {
  color: var(--i3d-light-muted);
}
html[data-design-variant="light_v32"] .home-mode-button.is-active,
html[data-design-variant="light_v32"] .home-quality-option.is-active {
  color: var(--i3d-light-ink);
  border-color: #ffbe57;
  background: linear-gradient(90deg, #fff8eb, #fff1df);
  box-shadow: inset 0 1px #fff;
}
html[data-design-variant="light_v32"] .home-quality-option.is-pro {
  border-color: rgba(99,115,242,.58);
  background: linear-gradient(90deg, #edf5ff, #f0ebff);
}
html[data-design-variant="light_v32"] .home-generator-primary {
  color: #fff;
  border: 1px solid rgba(255,255,255,.36);
  border-radius: 7px;
  background:
    linear-gradient(116deg, transparent 0 30%, rgba(255,255,255,.38) 42%, transparent 55%),
    linear-gradient(90deg, #29baf0, #3861f5 48%, #ba33d9);
  background-size: 220% 100%, 100% 100%;
  box-shadow: 0 14px 28px -9px rgba(64,94,250,.38), inset 0 1px rgba(255,255,255,.42);
  animation: i3dLightSheen 5.4s ease-in-out infinite;
}
html[data-design-variant="light_v32"] .home-metrics {
  border-color: var(--i3d-light-line);
}
html[data-design-variant="light_v32"] .home-metrics dt { color: var(--i3d-light-ink); }
html[data-design-variant="light_v32"] .home-metrics dd { color: var(--i3d-light-muted); }

html[data-design-variant="light_v32"] .home-studio-stage {
  border: 1px solid #cdd3dc;
  border-radius: 7px;
  background: #f1f3f4;
  box-shadow: 0 30px 80px rgba(17,19,24,.11), inset 0 1px #fff;
}
html[data-design-variant="light_v32"] .home-stage-header,
html[data-design-variant="light_v32"] .home-stage-caption {
  border-color: var(--i3d-light-line);
  background: #fafaf8;
  color: var(--i3d-light-ink);
}
html[data-design-variant="light_v32"] .home-stage-status {
  color: #137a57;
  background: #e9f8f1;
  border-color: #bfe8d7;
  box-shadow: none;
}
html[data-design-variant="light_v32"] .home-input-strip,
html[data-design-variant="light_v32"] .home-output-list {
  border-color: var(--i3d-light-line);
  background: #f7f7f4;
}
html[data-design-variant="light_v32"] .home-input-thumb,
html[data-design-variant="light_v32"] .home-output-card {
  border-color: #d5d9e0;
  background: #fff;
  color: var(--i3d-light-ink);
}
html[data-design-variant="light_v32"] .home-input-thumb.is-active {
  border-color: #315ef7;
  box-shadow: 0 0 0 1px #315ef7;
}
html[data-design-variant="light_v32"] .home-output-card span,
html[data-design-variant="light_v32"] .home-stage-caption { color: var(--i3d-light-muted); }
html[data-design-variant="light_v32"] .home-main-model,
html[data-design-variant="light_v32"] .home-model-viewer {
  background:
    linear-gradient(rgba(17,19,24,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17,19,24,.045) 1px, transparent 1px),
    radial-gradient(circle at 50% 44%, #fff 0%, #f1f2ef 72%) !important;
  background-size: 44px 44px, 44px 44px, auto !important;
  --poster-color: #f1f2ef;
}
html[data-design-variant="light_v32"] .home-model-name {
  color: var(--i3d-light-ink);
  background: rgba(255,255,255,.86);
  border-color: var(--i3d-light-line);
}
html[data-design-variant="light_v32"] .home-pipeline-band {
  border-color: var(--i3d-light-line);
  background: #fff;
}
html[data-design-variant="light_v32"] .home-pipeline-step { border-color: var(--i3d-light-line); }
html[data-design-variant="light_v32"] .home-pipeline-step b { color: var(--i3d-light-ink); }
html[data-design-variant="light_v32"] .home-pipeline-step span { color: var(--i3d-light-muted); }

/* Homepage editorial sections */
html[data-design-variant="light_v32"] .home-section {
  background: var(--i3d-light-canvas);
  border-color: var(--i3d-light-line);
}
html[data-design-variant="light_v32"] .home-section:nth-of-type(even) { background: #fff; }
html[data-design-variant="light_v32"] .home-section-heading h2,
html[data-design-variant="light_v32"] .home-showcase-heading h2,
html[data-design-variant="light_v32"] .home-format-heading h2,
html[data-design-variant="light_v32"] .home-route-card h3,
html[data-design-variant="light_v32"] .home-answer-block h3,
html[data-design-variant="light_v32"] .home-format-cell h3,
html[data-design-variant="light_v32"] .home-showcase-card h3 {
  color: var(--i3d-light-ink) !important;
}
html[data-design-variant="light_v32"] .home-section p,
html[data-design-variant="light_v32"] .home-route-card p,
html[data-design-variant="light_v32"] .home-answer-block p,
html[data-design-variant="light_v32"] .home-format-cell p {
  color: var(--i3d-light-muted) !important;
}
html[data-design-variant="light_v32"] .home-route-card,
html[data-design-variant="light_v32"] .home-answer-block,
html[data-design-variant="light_v32"] .home-format-cell,
html[data-design-variant="light_v32"] .home-showcase-card,
html[data-design-variant="light_v32"] .home-proof-card {
  border-color: var(--i3d-light-line) !important;
  border-radius: 7px !important;
  background: #fff !important;
  box-shadow: 0 18px 50px rgba(17,19,24,.055) !important;
}
html[data-design-variant="light_v32"] .home-proof-media {
  border-color: var(--i3d-light-line) !important;
  background: #eef0ed !important;
}
html[data-design-variant="light_v32"] .home-proof-media model-viewer {
  border-color: var(--i3d-light-line) !important;
  background: #eef0ed !important;
  --poster-color: #eef0ed;
}
html[data-design-variant="light_v32"] .home-proof-copy {
  background: #fff;
}
html[data-design-variant="light_v32"] .home-proof-copy h3 {
  color: var(--i3d-light-ink) !important;
}
html[data-design-variant="light_v32"] .home-proof-copy p {
  color: var(--i3d-light-muted) !important;
}
html[data-design-variant="light_v32"] .home-proof-tags span {
  color: #414854;
  border-color: #d7dae0;
  background: #f5f6f3;
}
html[data-design-variant="light_v32"] .home-showcase-pane,
html[data-design-variant="light_v32"] .home-showcase-pane model-viewer {
  background: #eef0ed;
  --poster-color: #eef0ed;
}
html[data-design-variant="light_v32"] .home-showcase-pill,
html[data-design-variant="light_v32"] .home-showcase-label {
  color: #303641;
  border-color: #d5d9e0;
  background: rgba(255,255,255,.92);
}
html[data-design-variant="light_v32"] .home-primary-btn {
  color: #fff;
  background: linear-gradient(90deg, #29baf0, #3861f5 48%, #ba33d9);
  box-shadow: 0 12px 26px -8px rgba(64,94,250,.34);
}
html[data-design-variant="light_v32"] .home-secondary-btn {
  color: var(--i3d-light-ink);
  border-color: #c9cdd5;
  background: #fff;
}

/* Variant-only pricing table */
.i3d-light-pricing { display: none; }
html[data-design-variant="light_v32"] #pricing {
  padding: 74px 24px;
  background: #fff;
}
html[data-design-variant="light_v32"] #pricing > .i3d-pricing-shell { display: none; }
html[data-design-variant="light_v32"] #pricing .i3d-light-pricing {
  display: block;
  max-width: 1288px;
  margin: 0 auto;
}
.i3d-light-pricing__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  gap: 48px;
  align-items: end;
  margin-bottom: 28px;
}
.i3d-light-pricing__header h2 {
  margin: 0;
  color: var(--i3d-light-ink);
  font-size: clamp(2.2rem, 4vw, 3.2rem);
  line-height: 1.04;
  letter-spacing: -.04em;
}
.i3d-light-pricing__header p {
  margin: 0;
  color: var(--i3d-light-muted);
  font-size: 16px;
  line-height: 1.65;
}
.i3d-light-plan {
  position: relative;
  display: grid;
  grid-template-columns: 250px 190px minmax(360px, 1fr) 180px;
  gap: 42px;
  align-items: center;
  min-height: 130px;
  padding: 24px 18px;
  border-top: 1px solid var(--i3d-light-line);
}
.i3d-light-plan:last-child { border-bottom: 1px solid var(--i3d-light-line); }
.i3d-light-plan__eyebrow {
  display: block;
  margin-bottom: 7px;
  color: var(--i3d-light-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.i3d-light-plan h3 {
  margin: 0;
  color: var(--i3d-light-ink);
  font-size: 23px;
  line-height: 1.3;
}
.i3d-light-plan__price strong {
  display: block;
  color: var(--i3d-light-ink);
  font-size: 28px;
  line-height: 1.2;
}
.i3d-light-plan__price span,
.i3d-light-plan__value span {
  display: block;
  margin-top: 5px;
  color: var(--i3d-light-muted);
  font-size: 13px;
  line-height: 1.5;
}
.i3d-light-plan__value strong {
  display: block;
  color: var(--i3d-light-ink);
  font-size: 16px;
}
.i3d-light-plan__cta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  overflow: hidden;
  border: 1px solid #c2c9d6;
  border-radius: 7px;
  color: var(--i3d-light-ink);
  background: linear-gradient(90deg, #fff, #f2f5fa);
  box-shadow: inset 0 1px rgba(255,255,255,.9);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}
.i3d-light-plan--maker {
  background: linear-gradient(90deg, #fffbf0, #fff2e3);
}
.i3d-light-plan--maker .i3d-light-plan__price strong {
  color: #e84e08;
}
.i3d-light-plan--maker .i3d-light-plan__cta {
  color: #fff;
  border-color: rgba(255,191,87,.72);
  background:
    linear-gradient(116deg, transparent 0 30%, rgba(255,255,255,.4) 42%, transparent 55%),
    linear-gradient(90deg, #fa6614, #f58f12 52%, #d94a0a);
  background-size: 220% 100%, 100% 100%;
  box-shadow: 0 14px 28px -8px rgba(245,107,15,.36), inset 0 1px rgba(255,255,255,.42);
  animation: i3dLightSheen 5.4s ease-in-out infinite;
}
.i3d-light-plan--creator {
  z-index: 1;
  border: 1px solid rgba(99,143,255,.78);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.64), rgba(255,255,255,.06) 48%, rgba(125,117,255,.1)),
    linear-gradient(90deg, #ebf5ff, #f5edff 50%, #e8faff);
  box-shadow: 0 18px 38px -13px rgba(48,94,247,.24), inset 0 1px rgba(255,255,255,.92);
}
.i3d-light-plan--creator .i3d-light-plan__eyebrow { color: #3357e5; }
.i3d-light-plan--creator .i3d-light-plan__price strong {
  color: transparent;
  background: linear-gradient(90deg, #1a4ae0, #6133e0 58%, #ba2bd1);
  background-clip: text;
  -webkit-background-clip: text;
}
.i3d-light-plan--creator .i3d-light-plan__cta {
  color: #fff;
  border-color: rgba(255,255,255,.4);
  background:
    linear-gradient(116deg, transparent 0 30%, rgba(255,255,255,.4) 42%, transparent 55%),
    linear-gradient(90deg, #1fb0ed, #385cf5 48%, #bf2ed6);
  background-size: 220% 100%, 100% 100%;
  box-shadow: 0 15px 31px -8px rgba(64,94,250,.44), inset 0 1px rgba(255,255,255,.42);
  animation: i3dLightSheen 5.4s ease-in-out infinite;
}
.i3d-light-plan--power {
  background: linear-gradient(90deg, #fbf9ff, #f2edff);
}
.i3d-light-plan--power .i3d-light-plan__price strong {
  color: transparent;
  background: linear-gradient(90deg, #6333d4, #b22bb0);
  background-clip: text;
  -webkit-background-clip: text;
}
.i3d-light-plan--power .i3d-light-plan__cta {
  color: #fff;
  border-color: rgba(212,184,255,.68);
  background:
    linear-gradient(116deg, transparent 0 30%, rgba(255,255,255,.38) 42%, transparent 55%),
    linear-gradient(90deg, #6b40e0, #8a38d9 55%, #b830b0);
  background-size: 220% 100%, 100% 100%;
  box-shadow: 0 14px 28px -8px rgba(122,64,222,.32), inset 0 1px rgba(255,255,255,.42);
  animation: i3dLightSheen 5.4s ease-in-out infinite;
}

html[data-design-variant="light_v32"] #homeFaq {
  background: var(--i3d-light-canvas);
}
html[data-design-variant="light_v32"] #homeFaq h2 { color: var(--i3d-light-ink) !important; }
html[data-design-variant="light_v32"] #homeFaq > div > p { color: var(--i3d-light-muted) !important; }
html[data-design-variant="light_v32"] .faq-item {
  border-width: 1px 0 0;
  border-color: var(--i3d-light-line);
  border-radius: 0;
  background: transparent;
}
html[data-design-variant="light_v32"] .faq-item summary { color: var(--i3d-light-ink); }
html[data-design-variant="light_v32"] .faq-item p { color: var(--i3d-light-muted); }

/* Studio light surface. Product logic and DOM structure remain unchanged. */
html[data-design-variant="light_v32"] body > main {
  background: #fff;
}
html[data-design-variant="light_v32"] #toolSidebar {
  background: #fcfcfa !important;
  border-color: var(--i3d-light-line) !important;
}
html[data-design-variant="light_v32"] #toolSidebar .text-on-surface,
html[data-design-variant="light_v32"] #toolSidebar .text-white,
html[data-design-variant="light_v32"] #toolSidebar .text-slate-100 {
  color: var(--i3d-light-ink) !important;
}
html[data-design-variant="light_v32"] #toolSidebar .text-on-surface-variant,
html[data-design-variant="light_v32"] #toolSidebar .text-slate-300,
html[data-design-variant="light_v32"] #toolSidebar .text-slate-400 {
  color: var(--i3d-light-muted) !important;
}
html[data-design-variant="light_v32"] #toolSidebar [class*="bg-surface-container"],
html[data-design-variant="light_v32"] #toolSidebar details,
html[data-design-variant="light_v32"] #dropZone {
  background-color: #fff !important;
  border-color: #d5d9e0 !important;
}
html[data-design-variant="light_v32"] #btnQuickMode.bg-surface-container-high {
  color: #fff !important;
  border: 1px solid rgba(255,194,87,.74);
  background:
    linear-gradient(116deg, transparent 0 30%, rgba(255,255,255,.38) 42%, transparent 55%),
    linear-gradient(90deg, #fa5e0f, #f58f12 52%, #c73d08) !important;
  background-size: 220% 100%, 100% 100% !important;
  box-shadow: 0 10px 22px -7px rgba(245,107,15,.34), inset 0 1px rgba(255,255,255,.46) !important;
  animation: i3dLightSheen 5.4s ease-in-out infinite;
}
html[data-design-variant="light_v32"] #btnAdvancedMode {
  color: #30338f !important;
  border: 1px solid rgba(99,115,242,.58);
  border-radius: 7px;
  background: linear-gradient(90deg, #edf5ff, #f0ebff 55%, #e3ebff);
}
html[data-design-variant="light_v32"] #btnAdvancedMode.bg-surface-container-high {
  color: #fff !important;
  border-color: rgba(126,94,246,.76);
  background:
    linear-gradient(116deg, transparent 0 30%, rgba(255,255,255,.36) 42%, transparent 55%),
    linear-gradient(90deg, #596cf5, #744ce8 52%, #ad3ed1) !important;
  background-size: 220% 100%, 100% 100% !important;
  box-shadow: 0 10px 22px -7px rgba(91,74,230,.32), inset 0 1px rgba(255,255,255,.42) !important;
  animation: i3dLightSheen 5.4s ease-in-out infinite;
}
html[data-design-variant="light_v32"] #quickModeHint {
  border-color: #f4cf91 !important;
  background: linear-gradient(90deg, #fff9ef, #fff3e3) !important;
}
html[data-design-variant="light_v32"] .quality-btn[data-quality="pro"],
html[data-design-variant="light_v32"] .text-quality-btn[data-quality="pro"] {
  color: #30338f !important;
  border-color: rgba(99,115,242,.68) !important;
  background: linear-gradient(90deg, #edf5ff, #f0ebff 55%, #e3ebff) !important;
  box-shadow: 0 8px 18px -8px rgba(74,92,245,.22), inset 0 1px #fff;
}
html[data-design-variant="light_v32"] .quality-btn[data-quality="proplus"] {
  color: #6b2ea3 !important;
  border-color: rgba(173,87,227,.68) !important;
  background: linear-gradient(90deg, #f7f0ff, #f2e3ff 55%, #ffe8fa) !important;
  box-shadow: 0 8px 18px -8px rgba(156,71,219,.22), inset 0 1px #fff;
}
html[data-design-variant="light_v32"] .quality-btn.font-bold,
html[data-design-variant="light_v32"] .text-quality-btn.font-bold {
  color: #fff !important;
  border-color: rgba(255,255,255,.4) !important;
  background:
    linear-gradient(116deg, transparent 0 30%, rgba(255,255,255,.38) 42%, transparent 55%),
    linear-gradient(90deg, #29baf0, #3861f5 48%, #ba33d9) !important;
  background-size: 220% 100%, 100% 100% !important;
  box-shadow: 0 12px 24px -8px rgba(64,94,250,.38), inset 0 1px rgba(255,255,255,.42) !important;
  animation: i3dLightSheen 5.4s ease-in-out infinite;
}
html[data-design-variant="light_v32"] #generateMeshBtn {
  border-radius: 7px !important;
  box-shadow: 0 12px 28px rgba(17,19,24,.15);
}
html[data-design-variant="light_v32"] main > section {
  background: #f5f6f4 !important;
}
html[data-design-variant="light_v32"] #viewerHeader,
html[data-design-variant="light_v32"] main > section > footer {
  color: var(--i3d-light-ink);
  border-color: var(--i3d-light-line) !important;
  background: rgba(250,250,248,.92) !important;
}
html[data-design-variant="light_v32"] #viewerHeader .text-on-surface,
html[data-design-variant="light_v32"] #viewerHeader .text-on-surface-variant,
html[data-design-variant="light_v32"] main > section > footer .text-on-surface,
html[data-design-variant="light_v32"] main > section > footer .text-on-surface-variant {
  color: var(--i3d-light-ink) !important;
}
html[data-design-variant="light_v32"] .viewport-grid {
  background-color: #f5f6f2;
  background-image:
    linear-gradient(to right, rgba(17,19,24,.055) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(17,19,24,.055) 1px, transparent 1px);
}
html[data-design-variant="light_v32"] #viewerControls {
  color: var(--i3d-light-ink);
  border-color: #d5d9e0 !important;
  background: rgba(255,255,255,.88) !important;
}
html[data-design-variant="light_v32"] #onboardingOverlay {
  background: rgba(245,245,242,.88) !important;
  backdrop-filter: blur(10px) saturate(.9) !important;
}
html[data-design-variant="light_v32"] #onboardingOverlay .onb-card {
  color: #17191e !important;
  border: 1px solid #d7dce5 !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #fff 0%, #fbfbfa 100%) !important;
  box-shadow: 0 28px 70px rgba(24,29,40,.18), 0 2px 8px rgba(24,29,40,.06) !important;
}
html[data-design-variant="light_v32"] #onboardingOverlay .onb-close {
  color: #6b7280 !important;
}
html[data-design-variant="light_v32"] #onboardingOverlay .onb-close:hover {
  color: #17191e !important;
}
html[data-design-variant="light_v32"] #onboardingOverlay h2 {
  color: #17191e !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-design-variant="light_v32"] #onboardingOverlay .onb-subtitle,
html[data-design-variant="light_v32"] #onboardingOverlay .onb-note,
html[data-design-variant="light_v32"] #onboardingOverlay .onb-card > div[style*="font-size:12px"] {
  color: #616977 !important;
}
html[data-design-variant="light_v32"] #onboardingOverlay .onb-cta {
  border-radius: 7px !important;
  background:
    linear-gradient(116deg, transparent 0 30%, rgba(255,255,255,.35) 42%, transparent 55%),
    linear-gradient(90deg, #318bf5, #355cf2 48%, #14b8d4) !important;
  background-size: 220% 100%, 100% 100% !important;
  box-shadow: 0 14px 28px -10px rgba(46,94,235,.46), inset 0 1px rgba(255,255,255,.42) !important;
  animation: i3dLightSheen 5.4s ease-in-out infinite !important;
}

@keyframes i3dLightSheen {
  0%, 58% { background-position: 150% 0, 0 0; }
  76%, 100% { background-position: -80% 0, 0 0; }
}

@media (max-width: 1023px) {
  html[data-design-variant="light_v32"] .home-hero-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
  }
  html[data-design-variant="light_v32"] .home-redesign-hero h1 {
    max-width: 760px;
  }
  .i3d-light-plan {
    grid-template-columns: 1fr 160px;
    gap: 18px 30px;
  }
  .i3d-light-plan__value { grid-column: 1; }
  .i3d-light-plan__cta { grid-column: 2; grid-row: 1 / span 2; }
}

@media (max-width: 767px) {
  html[data-design-variant="light_v32"] body > nav > div { height: 64px; }
  html[data-design-variant="light_v32"] .home-redesign-hero { padding-top: 94px; }
  html[data-design-variant="light_v32"] .home-redesign-hero h1 {
    font-size: 2.65rem;
    letter-spacing: -.035em;
  }
  html[data-design-variant="light_v32"] .home-redesign-wrap,
  html[data-design-variant="light_v32"] .home-section-wrap { padding-inline: 16px; }
  .i3d-light-pricing__header {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .i3d-light-plan {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 24px 4px;
  }
  .i3d-light-plan__value,
  .i3d-light-plan__cta {
    grid-column: 1;
    grid-row: auto;
  }
  .i3d-light-plan__cta { width: 100%; }
  html[data-design-variant="light_v32"] #onboardingOverlay .onb-card {
    padding: 28px 24px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-design-variant="light_v32"] #navCtaBtn,
  html[data-design-variant="light_v32"] .home-generator-primary,
  html[data-design-variant="light_v32"] .i3d-light-plan__cta,
  html[data-design-variant="light_v32"] #btnQuickMode,
  html[data-design-variant="light_v32"] #btnAdvancedMode,
  html[data-design-variant="light_v32"] .quality-btn,
  html[data-design-variant="light_v32"] .text-quality-btn {
    animation: none !important;
  }
}