/*
    [ Shortcode Stylesheet ]
    <?xml version="1.0" encoding="UTF-8"?>

    Theme Name: 
    Version: 
    Author: 
    Author URL: 
    Description: 
    Date: 
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Fonts, Icons and Other Styles Import
2. Reset
  2-1. Body, Font, Container, Space
  2-2. Placeholder Customize
  2-3. Social Icons Color
  2-4. Input, Textarea (All forms field) customization
  2-5. Button Styling
 

-----------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Sora:wght@100..800&display=swap');
@import url("../fonts/bootstrap-icons-1.1/font/bootstrap-icons.119e8964099a.css");
@import url("bootstrap.min.4e9309957b38.css");
@import url("animation.4b2ae550128d.css");
@import url("../plugins/wow/animate.6ff853ff7ca6.css");
@import url("../plugins/swiper/swiper-bundle.min.6d82704882f0.css");
@import url("../plugins/swiper/swiper-gl.min.6b3c13df8c56.css");
@import url("../plugins/odometer/odometer-theme-default.de1d98c0e0e4.css");
@import url("../plugins/fancybox/jquery.fancybox.caf7c408bb13.css");
@import url("../plugins/flatpickr/flatpickr.fe84b126646f.css");
@import url("../plugins/nice-select/nice-select.d9bdb80187e0.css");
@import url("../plugins/cursor-effect/cursor-effect.0e18c7fce5bd.css");

@import url("global.b717f0526141.css");
@import url("header.67aa8086c69d.css");
@import url("footer.d6ba87fc0c82.css");
@import url("preloader.f30fe221e296.css");
@import url("shop.6475cf9ad4d6.css");
@import url("components.4468a49d99bc.css");
@import url("blog.403eac5a08c9.css");
@import url("sidebar.f6320442ef91.css");
@import url("portfolio.f38040094ca9.css");
@import url("style.1f24c43b8d28.css");
@import url("responsive.b689263086eb.css");
@import url("light.c2f5b612c461.css");

/* LumisPixel company logo asset uses a square canvas; display it at the existing wordmark ratio. */
.lumis-company-logo {
  width: 100%;
  max-width: 200px;
  height: auto;
  aspect-ratio: 107 / 31;
  object-fit: cover;
  object-position: center;
}

/* LumisPixel AI features section */
.lumis-ai-features {
  position: relative;
  overflow: hidden;
  padding: 88px 0;
  background: #f8f6f3;
}

.lumis-ai-features__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, 0.92fr);
  gap: clamp(28px, 4vw, 56px);
  align-items: start;
}

.lumis-ai-features__heading .wptb-item--title {
  max-width: 700px;
  margin-bottom: 16px;
  color: #151515;
}

.lumis-ai-features__heading .wptb-item--description {
  max-width: 650px;
  color: #4d4a47;
}

.lumis-ai-features__tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 30px;
}

.lumis-ai-feature-tab {
  position: relative;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 68px;
  padding: 10px 12px;
  border: 1px solid #ded8d1;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.82);
  color: #181818;
  text-align: left;
  box-shadow: 0 10px 24px rgba(26, 20, 16, 0.04);
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.lumis-ai-feature-tab::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 3px;
  border-radius: 0 999px 999px 0;
  background: transparent;
}

.lumis-ai-feature-tab:hover {
  border-color: rgba(215, 0, 6, 0.34);
  background: #fff;
}

.lumis-ai-feature-tab:focus-visible {
  outline: 3px solid rgba(215, 0, 6, 0.28);
  outline-offset: 3px;
}

.lumis-ai-feature-tab.active {
  border-color: rgba(215, 0, 6, 0.62);
  background: #fff1ef;
  box-shadow: 0 14px 34px rgba(116, 26, 18, 0.08);
}

.lumis-ai-feature-tab.active::before { background: #d70006; }

.lumis-ai-feature-tab__index {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: #f2eee9;
  color: #5f5a55;
  font-size: 13px;
  font-weight: 800;
}

.lumis-ai-feature-tab.active .lumis-ai-feature-tab__index {
  background: #d70006;
  color: #fff;
}

.lumis-ai-feature-tab__title {
  display: block;
  color: #151515;
  font-size: clamp(16px, 1.15vw, 18px);
  font-weight: 700;
  line-height: 1.15;
}


.lumis-ai-features__cta { margin-top: 24px; }

.lumis-ai-features__preview {
  display: flex;
  justify-content: flex-end;
  padding-top: 118px;
}

.lumis-ai-product-panel {
  width: 100%;
  max-width: 560px;
  min-height: 448px;
  padding: 18px;
  border: 1px solid #ddd7cf;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(29, 24, 20, 0.12);
}

.lumis-ai-product-panel__toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 14px;
  border-bottom: 1px solid #eee9e4;
  color: #4d4944;
  font-size: 13px;
}

.lumis-ai-product-panel__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e5dfd8;
}

.lumis-ai-product-panel__toolbar-label { margin-left: 4px; font-weight: 800; }
.lumis-ai-product-panel__badge { margin-left: auto; border-radius: 999px; background: #f7f3ef; padding: 6px 10px; color: #6c665f; font-size: 12px; }

.lumis-ai-product-panel__workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 126px;
  gap: 14px;
  padding: 16px 0;
}

.lumis-ai-product-panel__main-image {
  position: relative;
  min-height: 210px;
  overflow: hidden;
  border: 1px solid #eee6de;
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(215, 0, 6, 0.14), rgba(255,255,255,0) 38%),
    linear-gradient(160deg, #2b2725 0%, #70665d 52%, #d9cec3 100%);
}

.lumis-ai-product-panel__image-label,
.lumis-ai-product-panel__focus-chip {
  position: absolute;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  color: #1d1b19;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 800;
}

.lumis-ai-product-panel__image-label { left: 14px; top: 14px; }
.lumis-ai-product-panel__focus-chip { right: 14px; bottom: 14px; border: 1px solid rgba(215, 0, 6, 0.28); }

.lumis-ai-product-panel__thumbs { display: grid; gap: 9px; }

.lumis-ai-thumb {
  display: flex;
  align-items: end;
  min-height: 46px;
  border: 1px solid #e8e1da;
  border-radius: 14px;
  background: linear-gradient(135deg, #f8f3ee, #ded4ca);
  padding: 7px;
}

.lumis-ai-thumb.is-selected { border-color: #d70006; box-shadow: inset 0 0 0 2px rgba(215, 0, 6, 0.12); }
.lumis-ai-thumb span { border-radius: 999px; background: rgba(255,255,255,0.86); padding: 4px 7px; color: #2b2825; font-size: 11px; font-weight: 800; }

.lumis-ai-preview-panel {
  min-height: 128px;
  padding: 18px;
  border: 1px solid #eee5dd;
  border-left: 4px solid #d70006;
  border-radius: 18px;
  background: #fbf8f5;
}

.lumis-ai-preview-panel__eyebrow {
  margin-bottom: 5px;
  color: #d70006;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.lumis-ai-preview-panel h3 { margin-bottom: 8px; color: #181818; font-size: 22px; line-height: 1.2; }
.lumis-ai-preview-panel__description { margin-bottom: 14px; color: #4d4944; font-size: 15px; line-height: 1.45; }
.lumis-ai-preview-panel__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.lumis-ai-preview-panel__chips span { border: 1px solid #e4d8cf; border-radius: 999px; background: #fff; padding: 7px 10px; color: #4d4944; font-size: 12px; font-weight: 800; }

@media (max-width: 1199px) {
  .lumis-ai-features__inner { grid-template-columns: 1fr; }
  .lumis-ai-features__preview { justify-content: flex-start; padding-top: 0; }
  .lumis-ai-product-panel { max-width: 760px; }
}

@media (max-width: 767px) {
  .lumis-ai-features { padding: 68px 0; }
  .lumis-ai-features__tabs { grid-template-columns: 1fr; gap: 10px; margin-top: 24px; }
  .lumis-ai-feature-tab { min-height: 62px; padding: 9px 11px; border-radius: 14px; }
  .lumis-ai-feature-tab__title { font-size: 16px; }
  .lumis-ai-product-panel { min-height: 360px; padding: 12px; border-radius: 20px; }
  .lumis-ai-product-panel__workspace { grid-template-columns: 1fr; gap: 10px; }
  .lumis-ai-product-panel__main-image { min-height: 150px; }
  .lumis-ai-product-panel__thumbs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lumis-ai-preview-panel { min-height: 0; padding: 14px; }
  .lumis-ai-preview-panel h3 { font-size: 18px; }
  .lumis-ai-preview-panel__description { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .lumis-ai-feature-tab { transition: none; }
}

/* Photographer Marketplace preview */
.lumis-photographer-marketplace {
  position: relative;
  overflow: hidden;
  padding: 110px 0;
}

.lumis-photographer-marketplace::before {
  content: "";
  position: absolute;
  inset: 7% auto auto -8%;
  width: 260px;
  height: 260px;
  border: 1px dashed rgba(255,255,255,.16);
  border-radius: 50%;
  pointer-events: none;
}

.lumis-photographer-marketplace__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, .78fr);
  gap: clamp(34px, 5vw, 76px);
  align-items: center;
}

.lumis-photographer-marketplace__content { max-width: 760px; }
.lumis-photographer-marketplace__eyebrow { margin: 0 0 10px; color: var(--color-one); font-size: 12px; font-weight: 800; letter-spacing: .16em; line-height: 1.2; text-transform: uppercase; }
.lumis-photographer-marketplace__title { max-width: 760px; margin: 0; color: var(--color-white); font-size: clamp(42px, 3.5vw, 62px); line-height: 1.05; letter-spacing: -.04em; }
.lumis-photographer-marketplace__intro { max-width: 640px; margin: 16px 0 0; color: rgba(255,255,255,.74); font-size: 16px; line-height: 1.6; }

.lumis-photographer-marketplace__steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
  counter-reset: marketplace-step;
}

.lumis-photographer-marketplace__step {
  position: relative;
  min-height: 116px;
  padding: 18px 18px 17px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  background: rgba(255,255,255,.045);
  display: flex;
  gap: 13px;
  transition: transform .22s ease, border-color .22s ease, background-color .22s ease;
}

.lumis-photographer-marketplace__step:hover { transform: translateY(-3px); border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.07); }
.lumis-photographer-marketplace__step-number { width: 34px; height: 34px; min-width: 34px; border-radius: 50%; background: var(--color-one); color: var(--color-white); display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; line-height: 1; }
.lumis-photographer-marketplace__step-copy { min-width: 0; display: grid; gap: 5px; }
.lumis-photographer-marketplace__step-copy strong { color: var(--color-white); font-size: 17px; font-weight: 700; line-height: 1.25; }
.lumis-photographer-marketplace__step-copy span { color: rgba(255,255,255,.68); font-size: 14px; line-height: 1.45; }
.lumis-photographer-marketplace__reassurance { margin: 18px 0 0; color: rgba(255,255,255,.72); font-size: 14px; line-height: 1.5; }

.lumis-photographer-marketplace__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 28px; }
.lumis-photographer-marketplace__secondary { min-height: 52px; padding: 0 22px; border: 1px solid rgba(255,255,255,.2); border-radius: 12px; color: var(--color-white); display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-size: 14px; font-weight: 800; line-height: 1; transition: background-color .2s ease, border-color .2s ease, transform .2s ease; }
.lumis-photographer-marketplace__secondary:hover { color: var(--color-white); border-color: rgba(255,255,255,.38); background: rgba(255,255,255,.07); transform: translateY(-2px); }
.lumis-photographer-marketplace__secondary:focus-visible { outline: 2px solid var(--color-one); outline-offset: 4px; }

.lumis-photographer-marketplace__preview { position: relative; }
.lumis-marketplace-panel { position: relative; padding: 22px; border: 1px solid rgba(255,255,255,.16); border-radius: 26px; background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.045)); box-shadow: 0 28px 60px rgba(0,0,0,.24); backdrop-filter: blur(16px); }
.lumis-marketplace-panel::after { content: ""; position: absolute; inset: 12px; z-index: -1; border: 1px dashed rgba(255,255,255,.12); border-radius: 20px; pointer-events: none; }
.lumis-marketplace-panel__topline { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.lumis-marketplace-panel__label { color: var(--color-white); font-size: 18px; font-weight: 800; line-height: 1.2; }
.lumis-marketplace-panel__badge { padding: 7px 10px; border-radius: 999px; background: rgba(233,40,40,.16); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.lumis-marketplace-panel__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.lumis-marketplace-field { min-height: 78px; padding: 14px; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; background: rgba(10,10,10,.34); display: grid; align-content: center; gap: 6px; }
.lumis-marketplace-field--wide { grid-column: 1 / -1; min-height: 96px; }
.lumis-marketplace-field span { color: rgba(255,255,255,.58); font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.lumis-marketplace-field strong { color: var(--color-white); font-size: 15px; font-weight: 700; line-height: 1.35; }
.lumis-marketplace-panel__button { width: 100%; min-height: 52px; margin-top: 16px; border: 0; border-radius: 14px; background: var(--color-one); color: var(--color-white); display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; line-height: 1; cursor: default; }
.lumis-marketplace-panel__note { margin: 12px 0 0; color: rgba(255,255,255,.62); font-size: 13px; line-height: 1.45; text-align: center; }

@media (max-width: 1365px) {
  .lumis-photographer-marketplace { padding: 96px 0; }
  .lumis-photographer-marketplace__title { font-size: clamp(40px, 3.9vw, 52px); }
}

@media (max-width: 1199px) {
  .lumis-photographer-marketplace__grid { grid-template-columns: 1fr; }
  .lumis-photographer-marketplace__content { max-width: none; }
  .lumis-photographer-marketplace__preview { max-width: 720px; width: 100%; }
}

@media (max-width: 767px) {
  .lumis-photographer-marketplace { padding: 72px 0; }
  .lumis-photographer-marketplace__title { font-size: clamp(32px, 8.5vw, 40px); }
  .lumis-photographer-marketplace__steps,
  .lumis-marketplace-panel__fields { grid-template-columns: 1fr; }
  .lumis-photographer-marketplace__step { min-height: 0; }
  .lumis-photographer-marketplace__actions { align-items: stretch; flex-direction: column; }
  .lumis-photographer-marketplace__actions .btn,
  .lumis-photographer-marketplace__secondary { width: 100%; min-height: 52px; }
  .lumis-marketplace-panel { padding: 18px; border-radius: 22px; }
  .lumis-marketplace-panel__topline { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 430px) {
  .lumis-photographer-marketplace__step { padding: 15px; gap: 11px; }
  .lumis-marketplace-panel { padding: 15px; }
  .lumis-marketplace-field { padding: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .lumis-photographer-marketplace__step,
  .lumis-photographer-marketplace__secondary { transition: none; }
}

/* LumisPixel Pricing preview */
.lumis-pricing-section {
  position: relative;
  overflow: hidden;
  padding: 104px 0 96px;
  background: linear-gradient(135deg, #fffaf6 0%, #f5eee8 52%, #efe4dc 100%);
}
.lumis-pricing-section::before { content: ""; position: absolute; inset: 12% -8% auto auto; width: 310px; height: 310px; border: 1px dashed rgba(215,0,6,.18); border-radius: 50%; pointer-events: none; }
.lumis-pricing-section::after { content: ""; position: absolute; inset: auto auto -18% -10%; width: 360px; height: 360px; border-radius: 50%; background: rgba(215,0,6,.06); pointer-events: none; }
.lumis-pricing-shell { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(340px, .78fr) minmax(0, 1.02fr); gap: clamp(34px, 5vw, 72px); align-items: center; }
.lumis-pricing-visual { position: relative; min-height: 590px; }
.lumis-pricing-visual__accent { position: absolute; top: 34px; left: -16px; width: 84px; height: 84px; border-radius: 999px; background: var(--color-one); box-shadow: 0 22px 44px rgba(215,0,6,.2); }
.lumis-pricing-visual__accent::after { content: "AFFORDABLE ENTRY"; position: absolute; left: 44px; top: 29px; min-width: 160px; color: #181818; font-size: 11px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.lumis-pricing-visual figure { margin: 0; overflow: hidden; background: #ddd; }
.lumis-pricing-visual img { width: 100%; height: 100%; display: block; object-fit: cover; filter: saturate(.94) contrast(1.02); }
.lumis-pricing-visual__primary { position: absolute; inset: 72px 78px 58px 0; border-radius: 28px; box-shadow: 0 28px 70px rgba(35,26,20,.18); }
.lumis-pricing-visual__secondary { position: absolute; right: 0; bottom: 16px; width: 52%; aspect-ratio: 1.42; border: 10px solid #fffaf6; border-radius: 22px; box-shadow: 0 24px 54px rgba(35,26,20,.2); }
.lumis-pricing-visual__callout { position: absolute; left: 28px; bottom: 0; max-width: 290px; padding: 18px 20px; border: 1px solid rgba(255,255,255,.62); border-radius: 18px; background: rgba(24,24,24,.84); box-shadow: 0 22px 44px rgba(0,0,0,.18); backdrop-filter: blur(10px); }
.lumis-pricing-visual__callout span,
.lumis-pricing-visual__callout strong { display: block; color: #fff; font-size: 18px; line-height: 1.25; }
.lumis-pricing-visual__callout strong { color: #ffd9d9; font-weight: 800; }
.lumis-pricing-content__eyebrow { margin: 0 0 10px; color: var(--color-one); font-size: 12px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.lumis-pricing-content__title { max-width: 690px; margin: 0; color: #181818; font-size: clamp(40px, 4vw, 64px); line-height: 1.03; letter-spacing: -.045em; }
.lumis-pricing-content__intro { max-width: 650px; margin: 16px 0 0; color: #5f5750; font-size: 16px; line-height: 1.6; }
.lumis-pricing-toggle { display: inline-flex; flex-wrap: wrap; gap: 6px; margin-top: 24px; padding: 6px; border: 1px solid #e6d8ce; border-radius: 999px; background: rgba(255,255,255,.78); box-shadow: 0 10px 30px rgba(48,35,27,.07); }
.lumis-pricing-toggle__option { min-height: 42px; padding: 0 17px; border: 0; border-radius: 999px; background: transparent; color: #4b433d; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 900; cursor: pointer; }
.lumis-pricing-toggle__option span { color: #776d65; font-size: 11px; font-weight: 800; }
.lumis-pricing-toggle__option.is-active { background: #181818; color: #fff; box-shadow: 0 8px 18px rgba(0,0,0,.14); }
.lumis-pricing-toggle__option.is-active::before { content: "✓"; color: var(--color-one); font-weight: 900; }
.lumis-pricing-toggle__option:focus-visible { outline: 2px solid var(--color-one); outline-offset: 3px; }
.lumis-pricing-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 24px; }
.lumis-pricing-card { position: relative; min-width: 0; padding: 20px 18px 18px; border: 1px solid #eaded5; border-radius: 20px; background: rgba(255,255,255,.86); box-shadow: 0 14px 34px rgba(48,35,27,.07); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.lumis-pricing-card:hover { transform: translateY(-3px); border-color: #dccbc0; box-shadow: 0 18px 42px rgba(48,35,27,.1); }
.lumis-pricing-card--featured { border-color: rgba(215,0,6,.34); background: linear-gradient(180deg, #fff6f3 0%, #fff 72%); }
.lumis-pricing-card__badge { display: inline-flex; min-height: 28px; margin-bottom: 12px; padding: 0 10px; border-radius: 999px; background: rgba(215,0,6,.1); color: #b70005; align-items: center; font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.lumis-pricing-card__header h3 { margin: 0; color: #181818; font-size: 22px; line-height: 1.15; }
.lumis-pricing-card__header p { min-height: 42px; margin: 7px 0 0; color: #655c55; font-size: 13px; line-height: 1.45; }
.lumis-pricing-card__price { margin: 14px 0; color: #181818; font-size: 25px; font-weight: 900; line-height: 1.1; letter-spacing: -.02em; }
.lumis-pricing-card__features { display: grid; gap: 8px; min-height: 166px; margin: 0 0 16px; padding: 0; list-style: none; }
.lumis-pricing-card__features li { position: relative; padding-left: 18px; color: #4e4842; font-size: 13px; line-height: 1.35; }
.lumis-pricing-card__features li::before { content: ""; position: absolute; left: 0; top: .55em; width: 7px; height: 7px; border-radius: 50%; background: var(--color-one); }
.lumis-pricing-card__cta { width: 100%; min-height: 46px; padding: 0 14px; border: 1px solid #ded0c7; border-radius: 12px; color: #181818; background: #fff; display: inline-flex; align-items: center; justify-content: center; text-align: center; font-size: 13px; font-weight: 900; line-height: 1.1; }
.lumis-pricing-card__cta:hover { color: #fff; border-color: #181818; background: #181818; }
.lumis-pricing-card__cta--primary { color: #fff; border-color: var(--color-one); background: var(--color-one); }
.lumis-pricing-card__cta:focus-visible,
.lumis-pricing-compare:focus-visible { outline: 2px solid var(--color-one); outline-offset: 3px; }
.lumis-pricing-note { margin: 18px 0 0; color: #5f5750; font-size: 13px; line-height: 1.45; }
.lumis-pricing-compare { display: inline-flex; margin-top: 12px; color: #181818; font-size: 14px; font-weight: 900; gap: 8px; }
.lumis-pricing-compare:hover { color: var(--color-one); }
@media (max-width: 1365px) { .lumis-pricing-section { padding: 92px 0 86px; } .lumis-pricing-shell { grid-template-columns: minmax(310px, .72fr) minmax(0, 1.08fr); gap: 36px; } .lumis-pricing-visual { min-height: 540px; } .lumis-pricing-card { padding: 18px 15px 16px; } }
@media (max-width: 1199px) { .lumis-pricing-shell { grid-template-columns: 1fr; } .lumis-pricing-visual { max-width: 720px; width: 100%; min-height: 500px; } .lumis-pricing-plans { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 991px) { .lumis-pricing-plans { grid-template-columns: 1fr; max-width: 680px; } .lumis-pricing-card__header p, .lumis-pricing-card__features { min-height: 0; } }
@media (max-width: 767px) { .lumis-pricing-section { padding: 70px 0; } .lumis-pricing-content__title { font-size: clamp(34px, 9vw, 44px); } .lumis-pricing-visual { min-height: 420px; } .lumis-pricing-visual__primary { inset: 54px 42px 86px 0; border-radius: 22px; } .lumis-pricing-visual__secondary { width: 58%; right: 0; bottom: 38px; border-width: 7px; border-radius: 18px; } .lumis-pricing-visual__callout { left: 14px; right: 14px; bottom: 0; max-width: none; padding: 14px 16px; } .lumis-pricing-visual__callout span, .lumis-pricing-visual__callout strong { font-size: 16px; } .lumis-pricing-toggle { width: 100%; border-radius: 20px; } .lumis-pricing-toggle__option { flex: 1 1 100%; justify-content: center; border-radius: 15px; } }
@media (max-width: 430px) { .lumis-pricing-visual { min-height: 360px; } .lumis-pricing-visual__accent { width: 66px; height: 66px; left: -8px; top: 24px; } .lumis-pricing-visual__accent::after { left: 34px; top: 23px; min-width: 132px; font-size: 9px; } .lumis-pricing-visual__primary { inset: 48px 24px 92px 0; } .lumis-pricing-visual__secondary { width: 64%; bottom: 48px; } .lumis-pricing-card { border-radius: 18px; } }
@media (prefers-reduced-motion: reduce) { .lumis-pricing-card { transition: none; } }

/* LumisPixel final homepage CTA */
.lumis-final-cta {
  position: relative;
  isolation: isolate;
  min-height: clamp(520px, 44vw, 680px);
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 92px 0;
  background: #101010;
}
.lumis-final-cta__media,
.lumis-final-cta__overlay { position: absolute; inset: 0; z-index: -2; }
.lumis-final-cta__media img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center 42%; filter: saturate(.96) contrast(1.05); transform: scale(1.02); }
.lumis-final-cta__overlay { z-index: -1; background: linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.68) 42%, rgba(0,0,0,.38) 100%), radial-gradient(circle at 24% 52%, rgba(215,0,6,.28), transparent 32%), linear-gradient(180deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,.48) 100%); }
.lumis-final-cta__panel { position: relative; max-width: 860px; padding: clamp(28px, 4vw, 54px); border: 1px solid rgba(255,255,255,.18); border-radius: 30px; background: rgba(10,10,10,.58); box-shadow: 0 34px 90px rgba(0,0,0,.34); backdrop-filter: blur(10px); }
.lumis-final-cta__panel::before { content: ""; position: absolute; top: 30px; left: 0; width: 4px; height: 86px; border-radius: 0 999px 999px 0; background: var(--color-one); box-shadow: 0 0 32px rgba(215,0,6,.42); }
.lumis-final-cta__eyebrow { margin: 0 0 12px; color: #ffb7b7; font-size: 12px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.lumis-final-cta__title { max-width: 760px; margin: 0; color: #fff; font-size: clamp(42px, 5vw, 72px); line-height: 1.02; letter-spacing: -.05em; }
.lumis-final-cta__copy { max-width: 720px; margin: 18px 0 0; color: rgba(255,255,255,.82); font-size: clamp(16px, 1.35vw, 19px); line-height: 1.6; }
.lumis-final-cta__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 30px; }
.lumis-final-cta__button,
.lumis-final-cta__link { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; font-size: 13px; font-weight: 900; letter-spacing: .04em; line-height: 1.1; text-transform: uppercase; }
.lumis-final-cta__button { padding: 0 24px; border: 1px solid transparent; }
.lumis-final-cta__button--primary { color: #fff; background: var(--color-one); box-shadow: 0 16px 36px rgba(215,0,6,.28); }
.lumis-final-cta__button--secondary { color: #181818; background: #fff; border-color: #fff; }
.lumis-final-cta__link { gap: 8px; padding: 0 4px; color: #fff; }
.lumis-final-cta__button:hover,
.lumis-final-cta__link:hover { color: #fff; transform: translateY(-2px); }
.lumis-final-cta__button--secondary:hover { background: transparent; border-color: rgba(255,255,255,.62); }
.lumis-final-cta__button:focus-visible,
.lumis-final-cta__link:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.lumis-final-cta__reassurance { margin: 18px 0 0; color: rgba(255,255,255,.66); font-size: 14px; line-height: 1.45; }
@media (max-width: 1024px) { .lumis-final-cta { min-height: 560px; padding: 78px 0; } .lumis-final-cta__panel { max-width: 780px; } .lumis-final-cta__media img { object-position: 58% center; } }
@media (max-width: 767px) { .lumis-final-cta { min-height: 600px; padding: 64px 0; } .lumis-final-cta__overlay { background: linear-gradient(180deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.78) 54%, rgba(0,0,0,.7) 100%), radial-gradient(circle at 30% 36%, rgba(215,0,6,.24), transparent 34%); } .lumis-final-cta__panel { padding: 28px 22px; border-radius: 24px; } .lumis-final-cta__title { font-size: clamp(36px, 10vw, 46px); } .lumis-final-cta__actions { align-items: stretch; flex-direction: column; } .lumis-final-cta__button, .lumis-final-cta__link { width: 100%; min-height: 54px; padding-left: 18px; padding-right: 18px; border: 1px solid rgba(255,255,255,.42); } .lumis-final-cta__link { background: rgba(255,255,255,.08); } }
@media (max-width: 430px) { .lumis-final-cta { min-height: 620px; padding: 56px 0; } .lumis-final-cta__media img { object-position: 62% center; } .lumis-final-cta__panel::before { top: 24px; height: 70px; } .lumis-final-cta__copy { font-size: 15px; } }
@media (prefers-reduced-motion: reduce) { .lumis-final-cta__button, .lumis-final-cta__link, .lumis-final-cta__media img { transition: none; transform: none; } }

/* LumisPixel homepage design-system tokens */
:root {
  /* Brand colors */
  --color-brand-primary: #d70006;
  --color-brand-primary-hover: #c90006;
  --color-brand-primary-active: #b70005;
  --color-brand-primary-soft: #fff1ef;
  --color-brand-primary-tint: rgba(215, 0, 6, 0.10);

  /* Text colors */
  --color-text-primary: #181818;
  --color-text-heading: #151515;
  --color-text-secondary: #4d4a47;
  --color-text-muted: #5e5a55;
  --color-text-subtle: #6c665f;
  --color-text-inverse: #ffffff;

  /* Surface colors */
  --color-surface-page: #ffffff;
  --color-surface-card: #ffffff;
  --color-surface-alt: #f8f6f3;
  --color-surface-warm: #fbf8f5;
  --color-surface-soft: #f2eee9;
  --color-surface-dark: #101010;
  --color-surface-dark-card: rgba(10, 10, 10, 0.58);

  /* Borders and focus */
  --color-border-light: #eee9e4;
  --color-border-medium: #ded8d1;
  --color-border-warm: #eaded5;
  --color-border-inverse: rgba(255, 255, 255, 0.14);
  --color-focus: rgba(215, 0, 6, 0.28);
  --color-status-success: #1d7f49;

  /* Typography */
  --font-display: var(--font-family-base);
  --font-heading: var(--font-family-base);
  --font-body: var(--font-family-base);
  --font-editorial: var(--font-family-two);
  --font-supporting: var(--font-family-three);

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 80px;
  --space-10: 96px;
  --space-11: 120px;

  /* Containers and layout */
  --container-standard: 1300px;
  --container-wide: 1920px;
  --gutter-desktop: 15px;
  --gutter-tablet: 15px;
  --gutter-mobile: 15px;
  --grid-gap: 24px;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-2xl: 26px;
  --radius-panel: 30px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* Shadows and elevation */
  --shadow-none: none;
  --shadow-subtle: 0 10px 24px rgba(26, 20, 16, 0.04);
  --shadow-card: 0 18px 44px rgba(16, 24, 40, 0.10);
  --shadow-card-hover: 0 24px 58px rgba(16, 24, 40, 0.15);
  --shadow-floating: 0 24px 60px rgba(29, 24, 20, 0.12);
  --shadow-dark-floating: 0 24px 62px rgba(0, 0, 0, 0.24);

  /* Motion */
  --motion-fast: 180ms ease;
  --motion-default: 260ms ease;
  --motion-card: 220ms ease;
  --motion-slow: 600ms ease;
  --motion-hover-lift: -3px;

  /* Homepage compatibility aliases */
  --lumis-home-red: var(--color-brand-primary);
  --lumis-home-red-hover: var(--color-brand-primary-hover);
  --lumis-home-ink: var(--color-text-primary);
  --lumis-home-muted: var(--color-text-muted);
  --lumis-home-border: rgba(24, 24, 24, 0.12);
  --lumis-home-border-inverse: var(--color-border-inverse);
  --lumis-home-card-radius: var(--radius-xl);
  --lumis-home-button-radius: var(--radius-md);
  --lumis-home-card-shadow: var(--shadow-card);
  --lumis-home-card-shadow-hover: var(--shadow-card-hover);
  --lumis-home-dark-card-shadow: var(--shadow-dark-floating);
  --lumis-home-transition: var(--motion-default);
}

.wptb-slider.style3,
.lumis-photo-match,
.lumis-photographer-workflow,
.lumis-audiences,
.lumis-how-it-works,
.lumis-ai-features,
.lumis-photographer-marketplace,
.lumis-pricing-section,
.lumis-final-cta {
  scroll-margin-top: 90px;
}

.lumis-photo-match,
.lumis-photographer-workflow,
.lumis-audiences,
.lumis-how-it-works,
.lumis-ai-features,
.lumis-photographer-marketplace,
.lumis-pricing-section {
  padding-top: clamp(76px, 7vw, 112px);
  padding-bottom: clamp(76px, 7vw, 112px);
}

/* LumisPixel homepage: contain the photographer workflow carousel before the audiences section. */
.lumis-photographer-workflow {
  overflow: visible;
  padding-bottom: clamp(96px, 8vw, 132px);
}

.lumis-photographer-workflow__carousel {
  position: relative;
  margin-bottom: 0;
  padding-bottom: clamp(34px, 3.4vw, 58px);
}

.lumis-photographer-workflow__dots {
  margin-top: 0;
}

.lumis-audiences.pt-0 {
  padding-top: clamp(40px, 4.5vw, 72px) !important;
}

@media (max-width: 1199px) {
  .lumis-photographer-workflow {
    padding-bottom: 104px;
  }

  .lumis-photographer-workflow__carousel {
    padding-bottom: 44px;
  }

  .lumis-audiences.pt-0 {
    padding-top: 60px !important;
  }
}

@media (max-width: 767px) {
  .lumis-photographer-workflow {
    padding-bottom: 82px;
  }

  .lumis-photographer-workflow__carousel {
    padding-bottom: 34px;
  }

  .lumis-audiences.pt-0 {
    padding-top: 48px !important;
  }
}

.lumis-photographer-workflow .wptb-heading,
.lumis-audiences .wptb-heading,
.lumis-how-it-works .wptb-heading,
.lumis-ai-features__heading,
.lumis-photographer-discovery__header,
.lumis-photographer-marketplace__content,
.lumis-pricing-content {
  margin-bottom: clamp(30px, 3vw, 44px);
}

.wptb-slider.style3 .wptb-item--subtitle,
.lumis-feature-card__eyebrow,
.lumis-audience-card__kicker,
.lumis-photographer-discovery__eyebrow,
.lumis-ai-preview-panel__eyebrow,
.lumis-photographer-marketplace__eyebrow,
.lumis-pricing-content__eyebrow,
.lumis-final-cta__eyebrow,
.lumis-photo-match__preview-label,
.lumis-marketplace-panel__badge,
.lumis-pricing-card__badge {
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.14em;
  line-height: 1.1;
  text-transform: uppercase;
}

.wptb-slider.style3 .wptb-item--title {
  max-width: 760px;
  font-size: clamp(54px, 5.2vw, 76px);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.lumis-photographer-workflow .wptb-item--title,
.lumis-audiences .wptb-item--title,
.lumis-how-it-works .wptb-item--title,
.lumis-ai-features__heading .wptb-item--title,
.lumis-photographer-discovery__title,
.lumis-photographer-marketplace__title,
.lumis-pricing-content__title,
.lumis-final-cta__title {
  font-size: clamp(40px, 4vw, 56px);
  line-height: 1.04;
  letter-spacing: -0.045em;
}

.wptb-hero-subheadline,
.lumis-photo-match__content .wptb-item--description,
.lumis-photographer-workflow__intro,
.lumis-audiences__intro,
.lumis-how-it-works__intro,
.lumis-ai-features__heading .wptb-item--description,
.lumis-photographer-discovery__intro,
.lumis-photographer-marketplace__intro,
.lumis-pricing-content__intro,
.lumis-final-cta__copy {
  font-size: clamp(16px, 1.12vw, 18px);
  line-height: 1.6;
}

.wptb-slider.style3 .wptb-item--button,
.lumis-ai-features__cta,
.lumis-photographer-marketplace__actions,
.lumis-final-cta__actions {
  gap: 14px;
  margin-top: 28px;
}

.wptb-slider.style3 .btn,
.lumis-photo-match__panel .btn,
.lumis-ai-features__cta .btn,
.lumis-photographer-marketplace__actions .btn,
.lumis-photographer-marketplace__secondary,
.photographer-card__button,
.lumis-photographer-discovery__browse,
.lumis-pricing-card__cta,
.lumis-final-cta__button,
.lumis-marketplace-panel__button {
  min-height: 52px;
  border-radius: var(--lumis-home-button-radius);
  font-size: 14px;
  font-weight: 850;
  letter-spacing: 0.02em;
  line-height: 1;
  transition: color var(--lumis-home-transition), background-color var(--lumis-home-transition), border-color var(--lumis-home-transition), box-shadow var(--lumis-home-transition), transform var(--lumis-home-transition);
}

.wptb-slider.style3 .btn.btn-two.white,
.lumis-photo-match__panel .btn,
.lumis-ai-features__cta .btn,
.lumis-photographer-marketplace__actions .btn,
.lumis-photographer-discovery__browse,
.lumis-pricing-card__cta--primary,
.lumis-final-cta__button--primary,
.lumis-marketplace-panel__button {
  border-color: var(--lumis-home-red);
  background: var(--lumis-home-red);
  color: #fff;
  box-shadow: 0 14px 30px rgba(215, 0, 6, 0.22);
}



/* Keep the How It Works workflow labels subordinate to the section heading. */
.lumis-how-it-works .wptb-item .wptb-item--features-holder {
  align-items: center;
  gap: 24px;
  padding: 18px 0;
  min-height: 78px;
}

.lumis-how-it-works .wptb-item .wptb-item--features-holder .wptb-item--title {
  font-size: 34px;
  line-height: 1.12;
}

.lumis-how-it-works .wptb-item.active .wptb-item--features-holder,
.lumis-how-it-works .wptb-item:hover .wptb-item--features-holder,
.lumis-how-it-works .wptb-item:focus-within .wptb-item--features-holder,
.lumis-how-it-works .wptb-item.active .wptb-item--features-holder .wptb-item--title,
.lumis-how-it-works .wptb-item:hover .wptb-item--features-holder .wptb-item--title,
.lumis-how-it-works .wptb-item:focus-within .wptb-item--features-holder .wptb-item--title {
  font-size: 38px;
  line-height: 1.08;
}

.lumis-how-it-works .wptb-item .wptb-item--features-holder::before {
  flex: 0 0 auto;
  font-size: 22px;
  line-height: 1;
}

.lumis-how-it-works .wptb-item--features-holder a {
  align-items: center;
  gap: 12px;
  min-height: 44px;
  line-height: inherit;
}

.lumis-how-it-works__step-number {
  flex: 0 0 auto;
  font-size: 15px;
  line-height: 1;
}

@media (max-width: 1365px) {
  .lumis-how-it-works .wptb-item .wptb-item--features-holder {
    gap: 22px;
    padding: 16px 0;
    min-height: 72px;
  }

  .lumis-how-it-works .wptb-item .wptb-item--features-holder .wptb-item--title {
    font-size: 32px;
    line-height: 1.14;
  }

  .lumis-how-it-works .wptb-item.active .wptb-item--features-holder,
  .lumis-how-it-works .wptb-item:hover .wptb-item--features-holder,
  .lumis-how-it-works .wptb-item:focus-within .wptb-item--features-holder,
  .lumis-how-it-works .wptb-item.active .wptb-item--features-holder .wptb-item--title,
  .lumis-how-it-works .wptb-item:hover .wptb-item--features-holder .wptb-item--title,
  .lumis-how-it-works .wptb-item:focus-within .wptb-item--features-holder .wptb-item--title {
    font-size: 36px;
    line-height: 1.1;
  }

  .lumis-how-it-works .wptb-item .wptb-item--features-holder::before {
    font-size: 21px;
  }
}

@media (max-width: 1024px) {
  .lumis-how-it-works .wptb-item .wptb-item--features-holder {
    gap: 20px;
    min-height: 68px;
  }

  .lumis-how-it-works .wptb-item .wptb-item--features-holder .wptb-item--title {
    font-size: 30px;
    line-height: 1.15;
  }

  .lumis-how-it-works .wptb-item.active .wptb-item--features-holder,
  .lumis-how-it-works .wptb-item:hover .wptb-item--features-holder,
  .lumis-how-it-works .wptb-item:focus-within .wptb-item--features-holder,
  .lumis-how-it-works .wptb-item.active .wptb-item--features-holder .wptb-item--title,
  .lumis-how-it-works .wptb-item:hover .wptb-item--features-holder .wptb-item--title,
  .lumis-how-it-works .wptb-item:focus-within .wptb-item--features-holder .wptb-item--title {
    font-size: 34px;
    line-height: 1.12;
  }

  .lumis-how-it-works .wptb-item .wptb-item--features-holder::before {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .lumis-how-it-works .wptb-item .wptb-item--features-holder {
    gap: 16px;
    padding: 12px 0;
    min-height: 58px;
  }

  .lumis-how-it-works .wptb-item .wptb-item--features-holder .wptb-item--title {
    font-size: 24px;
    line-height: 1.18;
  }

  .lumis-how-it-works .wptb-item.active .wptb-item--features-holder,
  .lumis-how-it-works .wptb-item:hover .wptb-item--features-holder,
  .lumis-how-it-works .wptb-item:focus-within .wptb-item--features-holder,
  .lumis-how-it-works .wptb-item.active .wptb-item--features-holder .wptb-item--title,
  .lumis-how-it-works .wptb-item:hover .wptb-item--features-holder .wptb-item--title,
  .lumis-how-it-works .wptb-item:focus-within .wptb-item--features-holder .wptb-item--title {
    font-size: 28px;
    line-height: 1.14;
  }

  .lumis-how-it-works .wptb-item .wptb-item--features-holder::before {
    font-size: 18px;
  }

  .lumis-how-it-works .wptb-item--features-holder a {
    gap: 10px;
  }

  .lumis-how-it-works__step-number {
    font-size: 14px;
  }
}

@media (max-width: 390px) {
  .lumis-how-it-works .wptb-item .wptb-item--features-holder {
    gap: 14px;
  }

  .lumis-how-it-works .wptb-item .wptb-item--features-holder .wptb-item--title {
    font-size: 22px;
  }

  .lumis-how-it-works .wptb-item.active .wptb-item--features-holder,
  .lumis-how-it-works .wptb-item:hover .wptb-item--features-holder,
  .lumis-how-it-works .wptb-item:focus-within .wptb-item--features-holder,
  .lumis-how-it-works .wptb-item.active .wptb-item--features-holder .wptb-item--title,
  .lumis-how-it-works .wptb-item:hover .wptb-item--features-holder .wptb-item--title,
  .lumis-how-it-works .wptb-item:focus-within .wptb-item--features-holder .wptb-item--title {
    font-size: 26px;
  }
}
.wptb-slider.style3 .btn.btn-two.white:hover,
.lumis-photo-match__panel .btn:hover,
.lumis-ai-features__cta .btn:hover,
.lumis-photographer-marketplace__actions .btn:hover,
.lumis-photographer-discovery__browse:hover,
.lumis-pricing-card__cta--primary:hover,
.lumis-final-cta__button--primary:hover {
  background: var(--lumis-home-red-hover);
  border-color: var(--lumis-home-red-hover);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(215, 0, 6, 0.28);
}

.wptb-slider.style3 .btn.btn-two.creative,
.photographer-card__button,
.lumis-pricing-card__cta:not(.lumis-pricing-card__cta--primary),
.lumis-final-cta__button--secondary {
  border: 1px solid rgba(24, 24, 24, 0.16);
  background: #fff;
  color: var(--lumis-home-ink);
  box-shadow: none;
}

.wptb-slider.style3 .btn.btn-two.creative:hover,
.photographer-card__button:hover,
.lumis-pricing-card__cta:not(.lumis-pricing-card__cta--primary):hover,
.lumis-final-cta__button--secondary:hover {
  border-color: rgba(24, 24, 24, 0.28);
  background: #f8f8f8;
  color: var(--lumis-home-ink);
  transform: translateY(-2px);
}

.wptb-hero-text-link,
.lumis-feature-card__link,
.lumis-audience-card__link,
.lumis-photo-match__link,
.lumis-photographer-marketplace__secondary,
.lumis-pricing-compare,
.lumis-final-cta__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0.045em;
  line-height: 1;
  text-transform: uppercase;
  transition: color var(--lumis-home-transition), transform var(--lumis-home-transition), border-color var(--lumis-home-transition), background-color var(--lumis-home-transition);
}

.wptb-hero-text-link:hover,
.lumis-feature-card__link:hover,
.lumis-audience-card__link:hover,
.lumis-photo-match__link:hover,
.lumis-pricing-compare:hover,
.lumis-final-cta__link:hover {
  color: var(--lumis-home-red);
  transform: translateX(3px);
}

.lumis-photo-match__panel,
.lumis-feature-card .wptb-item--inner,
.lumis-audience-card,
.lumis-ai-product-panel,
.lumis-photographer-marketplace__step,
.lumis-marketplace-panel,
.lumis-pricing-card,
.lumis-final-cta__panel,
.photographer-card {
  border-radius: var(--lumis-home-card-radius);
  transition: border-color var(--lumis-home-transition), box-shadow var(--lumis-home-transition), transform var(--lumis-home-transition), background-color var(--lumis-home-transition);
}

.lumis-photo-match__panel,
.lumis-feature-card .wptb-item--inner,
.lumis-audience-card,
.lumis-marketplace-panel,
.lumis-final-cta__panel {
  border-color: var(--lumis-home-border-inverse);
  box-shadow: var(--lumis-home-dark-card-shadow);
}

.lumis-ai-product-panel,
.lumis-pricing-card,
.photographer-card {
  border-color: var(--lumis-home-border);
  box-shadow: var(--lumis-home-card-shadow);
}

.lumis-audience-card:hover,
.lumis-audience-card:focus-within,
.lumis-pricing-card:hover,
.photographer-card:hover,
.lumis-photographer-marketplace__step:hover {
  transform: translateY(-4px);
  box-shadow: var(--lumis-home-card-shadow-hover);
}

.lumis-feature-card .wptb-item--image img,
.lumis-audience-card__image img,
.lumis-photo-match__grid img,
.lumis-how-it-works .wptb-item--image img,
.lumis-pricing-visual figure,
.photographer-card__image-wrap {
  border-radius: calc(var(--lumis-home-card-radius) - 4px);
}

.lumis-feature-card .wptb-item--image img,
.lumis-audience-card__image img,
.lumis-photo-match__grid img,
.lumis-pricing-visual img,
.photographer-card__image-wrap img,
.lumis-final-cta__media img {
  filter: saturate(0.96) contrast(1.03);
}

.lumis-photo-match__upload-icon,
.lumis-photo-match__step-number,
.lumis-photographer-marketplace__step-number,
.photographer-card__meta-icon,
.lumis-how-it-works__step-number,
.lumis-pricing-card__features li::before {
  color: var(--lumis-home-red);
}

.lumis-photo-match__upload-icon,
.lumis-photo-match__step-number,
.lumis-photographer-marketplace__step-number {
  background: rgba(215, 0, 6, 0.12);
  border: 1px solid rgba(215, 0, 6, 0.20);
}

.lumis-photo-match__upload-icon i,
.lumis-photo-match__step-number,
.lumis-photographer-marketplace__step-number {
  color: var(--lumis-home-red);
}

.lumis-photo-match__privacy i,
.photographer-card__meta-icon i,
.lumis-how-it-works .wptb-item--button .btn i {
  font-size: 16px;
  line-height: 1;
}

.lumis-ai-feature-tab,
.lumis-pricing-toggle__option,
.lumis-photographer-discovery__filter {
  transition: color var(--lumis-home-transition), background-color var(--lumis-home-transition), border-color var(--lumis-home-transition), box-shadow var(--lumis-home-transition), transform var(--lumis-home-transition);
}

.lumis-ai-feature-tab:hover,
.lumis-pricing-toggle__option:hover,
.lumis-photographer-discovery__filter:hover {
  transform: translateY(-1px);
}

@media (max-width: 1199px) {
  .lumis-photo-match,
  .lumis-photographer-workflow,
  .lumis-audiences,
  .lumis-how-it-works,
  .lumis-ai-features,
  .lumis-photographer-marketplace,
  .lumis-pricing-section {
    padding-top: 88px;
    padding-bottom: 88px;
  }
}

@media (max-width: 767px) {
  .lumis-photo-match,
  .lumis-photographer-workflow,
  .lumis-audiences,
  .lumis-how-it-works,
  .lumis-ai-features,
  .lumis-photographer-marketplace,
  .lumis-pricing-section {
    padding-top: 68px;
    padding-bottom: 68px;
  }

  .wptb-slider.style3 .wptb-item--title,
  .lumis-photographer-workflow .wptb-item--title,
  .lumis-audiences .wptb-item--title,
  .lumis-how-it-works .wptb-item--title,
  .lumis-ai-features__heading .wptb-item--title,
  .lumis-photographer-discovery__title,
  .lumis-photographer-marketplace__title,
  .lumis-pricing-content__title,
  .lumis-final-cta__title {
    font-size: clamp(32px, 9vw, 42px);
    letter-spacing: -0.035em;
  }

  .wptb-slider.style3 .wptb-item--button,
  .lumis-ai-features__cta,
  .lumis-photographer-marketplace__actions,
  .lumis-final-cta__actions {
    gap: 10px;
    margin-top: 24px;
  }
}

@media (max-width: 430px) {
  .wptb-slider.style3 .btn,
  .lumis-photo-match__panel .btn,
  .lumis-ai-features__cta .btn,
  .lumis-photographer-marketplace__actions .btn,
  .lumis-photographer-marketplace__secondary,
  .photographer-card__button,
  .lumis-photographer-discovery__browse,
  .lumis-pricing-card__cta,
  .lumis-final-cta__button,
  .lumis-final-cta__link {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wptb-slider.style3 .btn,
  .lumis-photo-match__panel .btn,
  .lumis-ai-features__cta .btn,
  .lumis-photographer-marketplace__actions .btn,
  .lumis-photographer-marketplace__secondary,
  .photographer-card__button,
  .lumis-photographer-discovery__browse,
  .lumis-pricing-card__cta,
  .lumis-final-cta__button,
  .lumis-final-cta__link,
  .lumis-photo-match__panel,
  .lumis-feature-card .wptb-item--inner,
  .lumis-audience-card,
  .lumis-ai-product-panel,
  .lumis-photographer-marketplace__step,
  .lumis-marketplace-panel,
  .lumis-pricing-card,
  .lumis-final-cta__panel,
  .photographer-card,
  .lumis-feature-card .wptb-item--image img,
  .lumis-audience-card__image img {
    transition: none;
    transform: none;
  }
}

/* LumisPixel audiences: dedicated light SaaS card body overrides. */
.lumis-audiences .lumis-audience-card {
  border-color: rgba(17, 17, 17, 0.08);
  background: #ffffff;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.08);
}

.lumis-audiences .lumis-audience-card:hover,
.lumis-audiences .lumis-audience-card:focus-within {
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.14);
}

.lumis-audiences .lumis-audience-card__body {
  background: #ffffff;
}

.lumis-audiences .lumis-audience-card h2,
.lumis-audiences .lumis-audience-card__link,
.lumis-audiences .lumis-audience-card__link:hover,
.lumis-audiences .lumis-audience-card__link:focus-visible {
  color: #111111;
}

.lumis-audiences .lumis-audience-card p {
  color: #555555;
}

.lumis-audiences .lumis-audience-card__kicker {
  border-color: rgba(215, 0, 6, 0.18);
  background: rgba(215, 0, 6, 0.08);
  color: var(--lumis-home-red);
}

.lumis-audiences .lumis-audience-card__link span {
  color: var(--lumis-home-red);
}

/* --------------------------------------------------------------------------
   Reusable Template Components
   -------------------------------------------------------------------------- */
.lumis-component-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}
.lumis-component-badge--neutral { background: rgba(24, 24, 24, .08); color: #181818; }
.lumis-component-badge--accent { background: rgba(215, 0, 6, .1); color: #b70005; }
.lumis-component-badge--outline { border: 1px solid currentColor; background: transparent; }
.lumis-component-badge--success { background: rgba(37, 161, 92, .12); color: #1d7f49; }


/* Launch-readiness accessibility and browser-compatibility fixes. */
.skip-link {
  position: fixed;
  left: 16px;
  top: 16px;
  z-index: 10000;
  transform: translateY(-160%);
  padding: 12px 16px;
  border-radius: 999px;
  background: #d70006;
  color: #fff;
  font-weight: 800;
  box-shadow: 0 12px 30px rgba(0,0,0,.2);
  transition: transform 160ms ease;
}
.skip-link:focus, .skip-link:focus-visible { transform: translateY(0); color: #fff; outline: 3px solid rgba(255,255,255,.9); outline-offset: 3px; }
#main-content:focus { outline: none; }

button, a, [role="button"] { -webkit-tap-highlight-color: rgba(215, 0, 6, .2); }
button:focus-visible, a:focus-visible, [tabindex]:focus-visible { outline: 3px solid rgba(215, 0, 6, .45); outline-offset: 3px; }

.lumis-marketplace-panel, .lumis-pricing-visual__callout, .lumis-final-cta__panel {
  -webkit-backdrop-filter: blur(10px);
}
.lumis-marketplace-panel { -webkit-backdrop-filter: blur(16px); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .lumis-marketplace-panel { background: rgba(34, 28, 24, .94); }
  .lumis-pricing-visual__callout { background: rgba(24,24,24,.94); }
  .lumis-final-cta__panel { background: rgba(10,10,10,.86); }
}

html, body { max-width: 100%; overflow-x: clip; }
img, svg, video { max-width: 100%; height: auto; }

@media (max-width: 575.98px) {
  .wptb-item--button, .lumis-final-cta__actions, .mobile-auth-actions, .sidebar-auth-actions { display: grid; grid-template-columns: 1fr; gap: 12px; }
  .wptb-item--button .btn, .lumis-final-cta__actions .btn { width: 100%; justify-content: center; min-height: 44px; }
  .lumis-ai-features__tabs { grid-template-columns: 1fr; }
  .lumis-ai-product-panel__workspace { grid-template-columns: 1fr; }
  .lumis-ai-product-panel { min-height: 0; }
}

@media (max-width: 991.98px) {
  .lumis-ai-features__inner { grid-template-columns: 1fr; }
  .lumis-ai-features__preview { padding-top: 0; justify-content: flex-start; }
}
.aside_open { border: 0; background: transparent; }
.aside_open .aside-open--inner { pointer-events: none; }
.mr_menu ul.main-menu li .submenu_opener { border: 0; background: transparent; }
.lumis-error-page { min-height: 68vh; display: grid; place-items: center; padding: 150px 0 90px; text-align: center; background: #f8f6f3; }
.lumis-error-page h1 { margin: 0 auto 18px; max-width: 760px; color: #151515; font-size: clamp(42px, 8vw, 92px); line-height: .95; }
.lumis-error-page p { max-width: 650px; margin: 0 auto 26px; color: #555; }
.lumis-error-page__eyebrow { color: #d70006; font-weight: 900; letter-spacing: .24em; text-transform: uppercase; }

/* Get started authentication choice cards */
.lumis-get-started {
  padding: 120px 0;
}

.lumis-get-started__grid > [class*="col-"] {
  display: flex;
}

.lumis-get-started-card {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: clamp(24px, 3vw, 32px);
  border: 1px solid var(--color-border-warm, #eaded5);
  border-radius: 22px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 16px 38px rgba(48, 35, 27, .08);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.lumis-get-started-card:hover,
.lumis-get-started-card:focus-within {
  transform: translateY(-4px);
  border-color: rgba(215, 0, 6, .28);
  box-shadow: 0 22px 48px rgba(48, 35, 27, .12);
}

.lumis-get-started-card__content {
  flex-grow: 1;
}

.lumis-get-started-card__icon {
  width: 68px;
  height: 68px;
  margin-bottom: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--lumis-home-red, var(--color-one, #d70006));
  background: rgba(215, 0, 6, .09);
  font-size: 30px;
  line-height: 1;
}

.lumis-get-started-card h2 {
  margin: 0 0 12px;
  color: #181818;
  font-size: clamp(24px, 2vw, 30px);
  line-height: 1.15;
}

.lumis-get-started-card p {
  margin: 0 0 26px;
  color: #5f5750;
  font-size: 16px;
  line-height: 1.6;
}

.lumis-get-started-card__button {
  margin-top: auto;
}

@media (max-width: 767px) {
  .lumis-get-started {
    padding: 78px 0;
  }

  .lumis-get-started-card__icon {
    width: 58px;
    height: 58px;
    margin-bottom: 18px;
    font-size: 26px;
  }

  .lumis-get-started-card__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumis-get-started-card {
    transition: none;
  }
}

/* Authentication page polish */
.lumis-auth-section {
  padding: 0px 0 88px;
}

.lumis-auth-form .wptb-heading {
  margin-top: 134px;
  margin-bottom: 30px;
}

.lumis-auth-copy {
  max-width: 620px;
  margin: 10px auto 0;
  color: #5f5750;
  font-size: 15px;
  line-height: 1.6;
}

.lumis-auth-primary,
.lumis-auth-secondary,
.lumis-get-started-card__button {
  cursor: pointer;
  text-decoration: none;
  transition: transform .22s ease, background-color .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease;
}

.lumis-auth-primary {
  min-width: 180px;
}

.lumis-auth-primary:disabled,
.lumis-auth-secondary:disabled {
  cursor: not-allowed;
  opacity: .62;
}

.lumis-auth-secondary {
  min-height: 48px;
  padding: 0 20px;
  border: 1px solid #ded0c7;
  background: #fff;
  color: #181818;
}

.lumis-auth-secondary:hover,
.lumis-auth-secondary:focus-visible {
  border-color: #181818;
  background: #181818;
  color: #fff;
  transform: translateY(-2px);
}

.lumis-auth-primary:focus-visible,
.lumis-auth-secondary:focus-visible {
  outline: 3px solid var(--lumis-home-red, var(--color-one, #d70006));
  outline-offset: 3px;
}

.lumis-auth-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.lumis-auth-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 28px;
  text-align: center;
}

.lumis-auth-actions > p {
  flex: 0 0 100%;
  margin-bottom: 2px;
  color: #5f5750;
}

.lumis-auth-actions--centered {
  align-items: center;
}

.lumis-auth-actions--centered form {
  margin: 0;
}

@media (max-width: 767px) {
  .lumis-auth-section {
    padding: 0px 0 88px;
  }

  .lumis-auth-actions .btn,
  .lumis-auth-actions form,
  .lumis-auth-actions form .btn,
  .lumis-auth-primary {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumis-auth-primary,
  .lumis-auth-secondary,
  .lumis-get-started-card__button {
    transition: none;
  }
}

/* Inner-page authentication navigation and cards */
.marketing-page .header,
.marketing-page .header.color-fixed,
.marketing-page .header.navbar--transparent,
.marketing-page .header.navbar--sticky,
.marketing-page .header.sticky {
  background-color: rgba(var(--color-white-rgb), 0.98);
  border-bottom-color: rgba(var(--color-black-rgb), 0.08);
  transition: box-shadow 300ms ease, transform 300ms ease;
}

.marketing-page .header.sticky {
  box-shadow: 0 16px 36px rgba(var(--color-black-rgb), 0.08);
}

.marketing-page .header .logo a.light_logo,
.marketing-page .mr_menu .logo a.light_logo {
  display: none;
}

.marketing-page .header .logo a.dark_logo,
.marketing-page .mr_menu .logo a.dark_logo {
  display: inline-block;
}

.marketing-page .header .mainnav ul.main-menu > li > a,
.marketing-page .header .mr_menu_toggle,
.marketing-page .header .modal_search_icon,
.marketing-page .header .overlay_menu_toggle,
.marketing-page .header .nav-signin,
.marketing-page .header .nav-signin:visited {
  color: var(--color-white-fixed);
}

.marketing-page .header .aside_open .aside-open--inner > span {
  background: var(--color-black-fixed);
}

.marketing-page .header .nav-start-free {
  background: var(--color-one);
  border-color: var(--color-one);
  color: var(--color-white);
}

.marketing-page .header .nav-start-free:hover,
.marketing-page .header .nav-start-free:focus {
  background: #930606;
  border-color: #930606;
  color: var(--color-white);
}

.marketing-page .header .nav-user-trigger {
  background: rgba(var(--color-black-rgb), 0.04);
  border-color: rgba(var(--color-black-rgb), 0.12);
  color: var(--color-white-fixed);
}

.page-inner .header,
.page-inner .header.color-fixed,
.page-inner .header.navbar--transparent,
.page-inner .header.navbar--sticky,
.page-inner .header.sticky {
  background-color: rgba(var(--color-black-fixed-rgb), 0.92);
  border-bottom-color: rgba(var(--color-white-rgb), 0.12);
}

.page-inner .header .mainnav ul.main-menu > li > a,
.page-inner .header .mr_menu_toggle,
.page-inner .header .modal_search_icon,
.page-inner .header .overlay_menu_toggle,
.page-inner .header .nav-signin,
.page-inner .header .nav-signin:visited {
  color: var(--color-white-fixed);
}

.page-inner .header .aside_open .aside-open--inner > span {
  background: var(--color-white-fixed);
}

.page-inner .header .nav-start-free {
  background: var(--color-one);
  border-color: var(--color-one);
  color: var(--color-white);
}

.page-inner .header .nav-start-free:hover,
.page-inner .header .nav-start-free:focus {
  background: #930606;
  border-color: #930606;
  color: var(--color-white);
}

.page-inner .header .nav-user-trigger {
  background: rgba(var(--color-white-fixed-rgb), 0.08);
  border-color: rgba(var(--color-white-fixed-rgb), 0.34);
  color: var(--color-white-fixed);
}

.page-inner .header .nav-user-trigger:hover,
.page-inner .header .nav-user-trigger:focus,
.page-inner .header .nav-user-menu.is-open .nav-user-trigger {
  background: rgba(var(--color-white-fixed-rgb), 0.13);
  border-color: rgba(var(--color-white-fixed-rgb), 0.58);
  color: var(--color-white-fixed);
}

.page-inner .header .nav-user-trigger:focus-visible {
  box-shadow: 0 0 0 4px rgba(var(--color-white-fixed-rgb), 0.16);
}

.page-inner .header .nav-avatar {
  border: 1px solid rgba(var(--color-white-fixed-rgb), 0.62);
  box-shadow: 0 0 0 3px rgba(var(--color-white-fixed-rgb), 0.08);
}

.page-inner .header .nav-user-trigger,
.page-inner .header .nav-user-trigger .nav-user-copy,
.page-inner .header .nav-user-trigger .nav-user-name,
.page-inner .header .nav-user-trigger .nav-user-role,
.page-inner .header .nav-user-trigger .bi {
  color: #ffffff;
}

.page-inner .header .nav-user-trigger i,
.page-inner .header .nav-user-trigger span,
.page-inner .header .nav-user-trigger svg {
  fill: currentColor;
  stroke: currentColor;
}

.page-inner .header .nav-user-trigger .nav-avatar {
  filter: brightness(0) invert(1);
}

.login-hero {
  position: relative;
  width: 100%;
  margin-top: 114px;
  height: clamp(220px, 29vw, 420px);
  overflow: hidden;
  background: transparent;
}

.login-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, .42), rgba(0, 0, 0, .2));
  pointer-events: none;
}

.login-hero__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.02);
  transform-origin: center center;
}

.login-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1.5rem, 4vw, 3rem);
  text-align: center;
}

.login-hero__copy {
  max-width: 900px;
}

.login-hero__text,
.login-hero__text.lumis-auth-copy {
  color: var(--color-white-fixed, #fff);
  text-shadow: 0 2px 18px rgba(0, 0, 0, .58);
}

.login-hero__text {
  margin: 0 auto;
}

.login-hero__text + .login-hero__text {
  margin-top: 10px;
}

.login-new-user-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}

.login-new-user-row__label {
  margin: 0;
  color: #5f5750;
}

.lumis-login-get-started {
  min-width: min(100%, 220px);
}

.login-new-user-actions {
  display: flex;
  align-items: stretch;
  gap: 1rem;
  width: 100%;
  margin-top: 1rem;
}

.login-new-user-actions > a {
  flex: 1 1 0;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.lumis-get-started-card {
  overflow: hidden;
  padding: 0;
}

.lumis-get-started-card__media {
  aspect-ratio: 16 / 10;
  width: 100%;
  overflow: hidden;
  background: #f3eee9;
}

.lumis-get-started-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lumis-get-started-card__content {
  flex-grow: 1;
  padding: clamp(22px, 2.6vw, 30px) clamp(24px, 3vw, 32px) 0;
}

.lumis-get-started-card .lumis-get-started-card__button {
  margin: auto clamp(24px, 3vw, 32px) clamp(24px, 3vw, 32px);
  min-height: 48px;
  padding: 0 20px;
  justify-content: center;
}

@media (max-width: 991px) {
  .login-new-user-row,
  .login-new-user-actions {
    gap: 10px;
  }

  .login-new-user-actions > a {
    padding-inline: 14px;
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .login-hero {
    height: clamp(220px, 58vw, 320px);
  }

  .login-new-user-row {
    flex-wrap: wrap;
    justify-content: center;
  }

  .login-new-user-actions {
    flex-direction: column;
  }

  .lumis-get-started-card__content {
    padding: 22px 22px 0;
  }

  .lumis-get-started-card .lumis-get-started-card__button {
    width: calc(100% - 44px);
    margin: auto 22px 22px;
  }
}

/* Login feature carousel */
.login-feature-carousel-section {
  --auth-accent-red: var(--color-one, #d73d35);
  position: relative;
  width: 100%;
  margin-top: 65px;
  padding: clamp(38px, 5vw, 76px) 0 0px;
  overflow: hidden;
  background: #fff;
}

.login-feature-carousel {
  width: min(100%, 1780px);
  margin: 0 auto;
  overflow: visible;
  padding: 0 clamp(20px, 4vw, 70px) 48px;
}

.login-feature-carousel .swiper-wrapper {
  align-items: center;
}

.login-feature-carousel .swiper-slide {
  width: min(52vw, 880px);
  opacity: .46;
  transform: scale(.9);
  transform-origin: center center;
  transition: opacity .45s ease, transform .45s ease, filter .45s ease;
  filter: saturate(.72) brightness(.78);
  z-index: 1;
}

.login-feature-carousel .swiper-slide-active {
  opacity: 1;
  transform: scale(1);
  filter: none;
  z-index: 3;
}

.login-feature-slide {
  position: relative;
  display: block;
  aspect-ratio: 1000 / 518;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, .42);
  border-radius: 16px;
  background: #222;
  box-shadow: 0 20px 46px rgba(0, 0, 0, .14);
}

.login-feature-carousel .swiper-slide-active .login-feature-slide {
  box-shadow: 0 30px 70px rgba(0, 0, 0, .24);
}

.login-feature-slide__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.login-feature-slide__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, .05) 20%, rgba(0, 0, 0, .25) 50%, rgba(0, 0, 0, .88) 100%);
  pointer-events: none;
}

.login-feature-carousel .swiper-slide:not(.swiper-slide-active) .login-feature-slide__overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, .22) 0%, rgba(0, 0, 0, .5) 48%, rgba(0, 0, 0, .94) 100%);
}

.login-feature-slide__content {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  max-width: min(540px, 76%);
  padding: 0 32px 42px;
  color: #fff;
  text-align: left;
}

.login-feature-slide__eyebrow {
  display: inline-flex;
  align-items: center;
  margin-bottom: 8px;
  border: 1px solid var(--auth-accent-red);
  border-radius: 999px;
  padding: 4px 10px;
  color: var(--auth-accent-red);
  background: rgba(0, 0, 0, .16);
  font-size: .7rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.login-feature-slide__title {
  margin: 0 0 8px;
  color: #fff;
  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1.05;
}

.login-feature-slide__description {
  max-width: 480px;
  margin: 0 0 12px;
  color: rgba(255, 255, 255, .9);
  font-size: clamp(.9rem, 1vw, 1rem);
  font-weight: 700;
  line-height: 1.24;
  letter-spacing: .045em;
}

.login-feature-slide__link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #fff;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.login-feature-slide__link:hover,
.login-feature-slide__link:focus-visible {
  color: var(--auth-accent-red);
  outline: 2px solid var(--auth-accent-red);
  outline-offset: 4px;
}

.login-feature-slide__corner-action {
  position: absolute;
  top: 28px;
  right: 28px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff;
  color: var(--auth-accent-red);
  font-size: 31px;
  line-height: 1;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
  opacity: .62;
  transform: scale(.9);
  transition: opacity .3s ease, transform .3s ease;
}

.login-feature-carousel .swiper-slide-active .login-feature-slide__corner-action {
  opacity: 1;
  transform: scale(1);
}

.login-feature-slide__corner-action:focus-visible {
  outline: 3px solid var(--auth-accent-red);
  outline-offset: 4px;
}

.login-feature-carousel .wptb-swiper-navigation.style2.login-feature-carousel__nav {
  left: 50%;
  bottom: auto;
  top: calc(50% - 24px);
  z-index: 10;
  width: min(58vw, 940px);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.login-feature-carousel .login-feature-carousel__nav .wptb-swiper-arrow {
  pointer-events: auto;
  width: 60px;
  height: 60px;
  color: #050505;
  background: transparent;
  border: 0;
  font-size: 0;
}

.login-feature-carousel .login-feature-carousel__nav .wptb-swiper-arrow::after {
  font-size: 44px;
  font-weight: 400;
}

.login-feature-carousel .login-feature-carousel__nav .wptb-swiper-arrow:focus-visible {
  outline: 3px solid var(--auth-accent-red);
  outline-offset: 4px;
}

.login-feature-carousel__dots {
  position: relative;
  z-index: 5;
  margin-top: 24px;
  text-align: center;
}

.login-feature-carousel__dots .swiper-pagination-bullet {
  background: #111;
  opacity: .24;
}

.login-feature-carousel__dots .swiper-pagination-bullet-active {
  background: var(--auth-accent-red);
  opacity: 1;
}

@media (max-width: 1199px) {
  .login-feature-carousel .swiper-slide {
    width: min(68vw, 760px);
  }

  .login-feature-carousel .wptb-swiper-navigation.style2.login-feature-carousel__nav {
    width: min(78vw, 820px);
  }
}

@media (max-width: 767px) {
  .login-feature-carousel-section {
    padding-top: 28px;
  }

  .login-feature-carousel {
    padding-inline: 18px;
    padding-bottom: 34px;
  }

  .login-feature-carousel .swiper-slide {
    width: 86vw;
    opacity: .7;
    transform: scale(.96);
  }

  .login-feature-slide {
    aspect-ratio: 4 / 3;
    border-radius: 14px;
  }

  .login-feature-slide__content {
    max-width: 88%;
    padding: 0 20px 26px;
  }

  .login-feature-slide__description {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .login-feature-slide__corner-action {
    top: 18px;
    right: 18px;
    width: 40px;
    height: 40px;
    font-size: 27px;
  }

  .login-feature-carousel .wptb-swiper-navigation.style2.login-feature-carousel__nav {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .login-feature-carousel .swiper-slide,
  .login-feature-slide__corner-action {
    transition: none;
  }
}

.lumis-auth-field-help {
  margin-top: 8px;
  text-align: right;
}

.lumis-auth-field-help a {
  color: #5f5750;
  font-size: 14px;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.lumis-auth-field-help a:hover,
.lumis-auth-field-help a:focus-visible {
  color: var(--lumis-home-red, var(--color-one, #d70006));
}

/* Client onboarding wizard */
.lumis-onboarding {
  padding-top: 72px;
}

.lumis-onboarding__shell {
  max-width: 920px;
  margin: 90px auto 0;
}

.lumis-onboarding__panel {
  background: #fff;
  border: 1px solid #eadfd8;
  box-shadow: 0 24px 70px rgba(24, 24, 24, .08);
  padding: 42px;
}

.lumis-onboarding__progress {
  margin-bottom: 34px;
}

.lumis-onboarding__step-label {
  color: var(--color-one);
  font-weight: var(--fw-semibold);
  letter-spacing: .08em;
  margin-bottom: 14px;
  text-align: center;
  text-transform: uppercase;
}

.lumis-onboarding__steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.lumis-onboarding__steps li {
  align-items: center;
  border: 1px solid #eadfd8;
  color: #6b625c;
  display: flex;
  gap: 10px;
  justify-content: center;
  min-height: 48px;
  padding: 8px 10px;
}

.lumis-onboarding__steps span {
  align-items: center;
  background: #f7efeb;
  border-radius: 50%;
  display: inline-flex;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.lumis-onboarding__steps .is-active {
  border-color: rgba(var(--color-one-rgb), .42);
  color: #181818;
}

.lumis-onboarding__steps .is-active span {
  background: var(--color-one);
  color: #fff;
}

.lumis-onboarding__intro .wptb-item--title {
  color: #181818;
  line-height: 1.18;
  margin: 0 0 16px;
}

.lumis-onboarding__intro .wptb-item--description {
  color: #5f5750;
  max-width: 680px;
}

.lumis-onboarding__form {
  margin-top: 28px;
}

.lumis-onboarding__form label {
  color: #181818;
  display: inline-flex;
  margin-bottom: 8px;
}

.lumis-onboarding__form .form-control {
  background: #fbf8f6;
  border-color: #ded0c7;
  color: #181818;
}

.lumis-onboarding__form .form-control:focus,
.lumis-onboarding__checkbox:focus-visible,
.lumis-onboarding a:focus-visible,
.lumis-onboarding button:focus-visible {
  border-color: var(--color-one);
  box-shadow: 0 0 0 3px rgba(var(--color-one-rgb), .18);
  outline: 3px solid transparent;
}

.lumis-onboarding__check-row {
  align-items: center;
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
}

.lumis-onboarding__check-row label {
  align-items: center;
  display: flex;
  line-height: 1;
  margin: 0;
}

.lumis-onboarding__checkbox {
  accent-color: var(--color-one);
  flex: 0 0 18px;
  height: 18px;
  margin: 0;
  width: 18px;
}

.lumis-onboarding__help,
.lumis-onboarding__error {
  font-size: 14px;
  margin-top: 8px;
}

.lumis-onboarding__error {
  color: var(--color-one);
  font-weight: var(--fw-medium);
}

.lumis-onboarding__cards {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 32px;
}

.lumis-onboarding-card {
  border: 1px solid #eadfd8;
  padding: 24px 20px;
}

.lumis-onboarding-card i {
  color: var(--color-one);
  display: inline-block;
  font-size: 32px;
  margin-bottom: 18px;
}

.lumis-onboarding-card h2 {
  color: #181818;
  font-size: 20px;
  margin-bottom: 10px;
}

.lumis-onboarding-card p {
  color: #5f5750;
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .lumis-onboarding__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .lumis-onboarding__shell {
    margin-top: 48px;
  }

  .lumis-onboarding__panel {
    padding: 28px 18px;
  }

  .lumis-onboarding__steps {
    grid-template-columns: 1fr;
  }

  .lumis-onboarding__cards {
    grid-template-columns: 1fr;
  }
}

/* Client dashboard */
.lumis-client-dashboard {
  padding: 130px 0 90px;
}

.lumis-client-dashboard__hero,
.lumis-client-dashboard__section,
.lumis-client-dashboard__quick-actions {
  background: #fff;
  border: 1px solid #eadfd8;
  box-shadow: 0 24px 70px rgba(24, 24, 24, .08);
  margin: 0 auto 28px;
  padding: 34px;
}

.lumis-client-dashboard__hero .wptb-item--title,
.lumis-client-dashboard__section-heading h2,
.lumis-client-action-card h3,
.lumis-client-summary-card h3 {
  color: #181818;
}

.lumis-client-dashboard__hero .wptb-item--description,
.lumis-client-action-card p,
.lumis-client-summary-card p {
  color: #5f5750;
}

.lumis-client-dashboard__eyebrow {
  color: var(--color-one);
  font-weight: var(--fw-semibold);
  letter-spacing: .08em;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.lumis-client-dashboard__section-heading {
  margin-bottom: 22px;
}

.lumis-client-dashboard__action-grid,
.lumis-client-summary-grid {
  display: grid;
  gap: 18px;
}

.lumis-client-dashboard__action-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lumis-client-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lumis-client-action-card,
.lumis-client-summary-card {
  border: 1px solid #eadfd8;
  min-height: 100%;
  padding: 24px 20px;
}

.lumis-client-action-card__icon {
  color: var(--color-one);
  font-size: 34px;
  line-height: 1;
  margin-bottom: 16px;
}

.lumis-client-event-form label {
  color: #181818;
  display: inline-block;
  font-weight: var(--fw-semibold);
  margin-bottom: 8px;
}

.lumis-client-event-form__row {
  display: flex;
  gap: 12px;
}

.lumis-client-event-form .form-control {
  background: #fbf8f6;
  border-color: #ded0c7;
  color: #181818;
  min-height: 52px;
}

.lumis-client-dashboard__placeholder-note {
  font-size: 14px;
  margin: 12px 0 0;
}

.lumis-client-dashboard__quick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.lumis-client-dashboard__quick-actions a,
.lumis-client-dashboard__quick-actions button {
  align-items: center;
  border: 1px solid #d9d9d9;
  background: #fff;
  color: #181818;
  display: inline-flex;
  font-weight: var(--fw-semibold);
  min-height: 46px;
  padding: 10px 18px;
}

.lumis-client-dashboard__quick-actions button:disabled {
  cursor: not-allowed;
  opacity: .68;
}

.lumis-client-dashboard a:focus-visible,
.lumis-client-dashboard button:focus-visible,
.lumis-client-dashboard input:focus-visible,
.lumis-client-event-form .form-control:focus {
  border-color: var(--color-one);
  box-shadow: 0 0 0 3px rgba(var(--color-one-rgb), .18);
  outline: 3px solid transparent;
}

@media (max-width: 991px) {
  .lumis-client-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .lumis-client-dashboard {
    padding: 100px 0 64px;
  }

  .lumis-client-dashboard__hero,
  .lumis-client-dashboard__section,
  .lumis-client-dashboard__quick-actions {
    padding: 26px 18px;
  }

  .lumis-client-dashboard__action-grid,
  .lumis-client-summary-grid {
    grid-template-columns: 1fr;
  }

  .lumis-client-event-form__row {
    flex-direction: column;
  }

  .lumis-client-event-form__row,
  .lumis-client-dashboard__quick-actions,
  .lumis-client-dashboard__quick-actions a,
  .lumis-client-dashboard__quick-actions button,
  .lumis-client-event-form__row .btn {
    width: 100%;
  }
}

/* Photographer onboarding wizard */

.lumis-onboarding__profile-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 24px;
  row-gap: 22px;
}

.lumis-onboarding__profile-field {
  margin-bottom: 0;
  min-width: 0;
}

.lumis-onboarding__profile-field--full {
  grid-column: 1 / -1;
}

.lumis-onboarding__profile-field label {
  display: block;
  margin-bottom: 7px;
}

.lumis-onboarding__profile-field input,
.lumis-onboarding__profile-field select,
.lumis-onboarding__profile-field textarea {
  width: 100%;
}


.lumis-onboarding__business-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 24px;
  row-gap: 22px;
}

.lumis-onboarding__business-field {
  margin-bottom: 0;
  min-width: 0;
}

.lumis-onboarding__business-field label:not(.lumis-onboarding-choice) {
  display: block;
  margin-bottom: 7px;
}

.lumis-onboarding__business-field input:not([type="checkbox"]),
.lumis-onboarding__business-field select,
.lumis-onboarding__business-field textarea {
  width: 100%;
}

.lumis-onboarding__business-group-label {
  color: #181818;
  display: block;
  font-weight: var(--fw-medium);
  margin-bottom: 7px;
}

.lumis-onboarding-choice--business {
  box-sizing: border-box;
  min-height: 48px;
  padding: 12px 14px;
  width: 100%;
}

.lumis-onboarding__steps--five { grid-template-columns: repeat(5, 1fr); }
.lumis-onboarding__choice-grid,
.lumis-onboarding__theme-grid { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 28px; }
.lumis-onboarding-choice,
.lumis-onboarding-theme { border: 1px solid #eadfd8; cursor: pointer; display: flex; gap: 12px; padding: 18px; }
.lumis-onboarding-choice { align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 10px; margin: 0; min-height: 56px; padding: 14px 16px; }
.lumis-onboarding-choice input[type="checkbox"] { flex: 0 0 18px; height: 22px; margin: 0; width: 18px; }
.lumis-onboarding-choice__label { align-items: center; display: flex; line-height: 1; margin: 0; min-width: 0; }
.lumis-onboarding-choice:focus-within,
.lumis-onboarding-theme:focus-within { border-color: var(--color-one); box-shadow: 0 0 0 3px rgba(var(--color-one-rgb), .18); outline: 2px solid transparent; }
.lumis-onboarding-choice:has(input:checked),
.lumis-onboarding-theme:has(input:checked) { border-color: var(--color-one); background: #fff8f5; }
.lumis-onboarding-theme { flex-direction: column; }
.lumis-onboarding-theme__preview { background: #f7efeb; display: grid; gap: 8px; min-height: 150px; padding: 18px; }
.lumis-onboarding-theme__preview span { background: #fff; border-radius: 999px; display: block; }
.lumis-onboarding-theme__preview span:first-child { min-height: 64px; border-radius: 8px; }
.lumis-onboarding-theme__preview.is-elegant { background: linear-gradient(135deg, #f8efe8, #ead8ca); }
.lumis-onboarding-theme__preview.is-modern { background: linear-gradient(135deg, #eaf0f7, #1d2939); }
.lumis-onboarding-theme__preview.is-sports { background: linear-gradient(135deg, #fff1e5, #d70006); }
.lumis-onboarding-theme__body { display: grid; gap: 8px; }
.lumis-onboarding-theme__body strong { color: #181818; font-size: 20px; }
.lumis-onboarding-theme__body small { color: #5f5750; }
@media (max-width: 991px) { .lumis-onboarding__steps--five, .lumis-onboarding__choice-grid, .lumis-onboarding__theme-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .lumis-onboarding__steps--five { grid-template-columns: 1fr; } }
@media (max-width: 575px) { .lumis-onboarding__choice-grid, .lumis-onboarding__theme-grid { grid-template-columns: 1fr; } }
@media (max-width: 767px) { .lumis-onboarding__profile-grid, .lumis-onboarding__business-grid { grid-template-columns: 1fr; } .lumis-onboarding__profile-field--full { grid-column: auto; } }

/* Setup dashboards */
.lumis-setup-dashboard .lumis-client-dashboard__quick-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 14px; justify-content: flex-start; }
.lumis-setup-progress { display: grid; gap: 12px; margin-top: 20px; }
.lumis-setup-progress__bar { background: #f3e7df; border-radius: 999px; height: 14px; overflow: hidden; }
.lumis-setup-progress__bar span { background: var(--color-one); border-radius: inherit; display: block; height: 100%; min-width: 8px; }
.lumis-setup-preview-card { opacity: .72; position: relative; }
.lumis-setup-preview-card::after { color: var(--color-one); content: "Locked"; font-size: 12px; font-weight: 700; letter-spacing: 1px; position: absolute; right: 18px; text-transform: uppercase; top: 18px; }
.lumis-setup-dashboard a:focus-visible, .lumis-setup-dashboard button:focus-visible { outline: 3px solid rgba(var(--color-one-rgb), .5); outline-offset: 4px; }
@media (max-width: 767px) { .lumis-setup-dashboard .lumis-client-dashboard__quick-actions, .lumis-setup-dashboard .lumis-client-dashboard__quick-actions .btn { width: 100%; } }

.lumis-onboarding__location-summary {
  align-items: center;
  background: #fff8f5;
  border: 1px solid #eadfd8;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  margin-bottom: 24px;
  padding: 16px 18px;
}
.lumis-onboarding__location-label { color: #181818; font-weight: var(--fw-medium); margin-bottom: 4px; }
.lumis-onboarding__location-value { margin-bottom: 0; }
.lumis-onboarding__location-edit { color: var(--color-one); font-weight: var(--fw-medium); white-space: nowrap; }
.lumis-onboarding__business-field.is-disabled { opacity: .58; }
.lumis-onboarding__business-field.is-disabled .lumis-onboarding-choice { cursor: not-allowed; }
@media (max-width: 767px) { .lumis-onboarding__location-summary { align-items: flex-start; flex-direction: column; } }
/* Photographer website theme onboarding */
.lumis-theme-selected{display:none;color:var(--color-one);font-weight:700}.lumis-onboarding-theme:has(input:checked) .lumis-theme-selected{display:inline}.lumis-theme-preview-link{position:relative;z-index:2}.lumis-theme-config{margin-top:32px;padding:24px;border:1px solid #eadfd8;background:#fffaf7}.lumis-theme-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lumis-theme-field--full,.lumis-theme-project{grid-column:1/-1}.lumis-theme-project{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;padding:14px;border:1px dashed #decfc6}.lumis-theme-preview-page{min-height:100vh}.lumis-preview-bar{position:sticky;top:0;z-index:10;display:flex;gap:16px;align-items:center;justify-content:center;padding:12px;background:#181818;color:#fff}.lumis-preview-bar a{color:#fff}.preview-basic{display:grid;place-items:center;min-height:80vh;background:#f7efeb}.preview-card{max-width:720px;padding:48px;background:#fff;text-align:center}.preview-elegant-hero{min-height:70vh;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#ead8ca,#fff8f5);padding:48px}.preview-elegant-story{max-width:900px;margin:auto;padding:64px}.preview-modern{display:grid;grid-template-columns:1.2fr .8fr;min-height:70vh;background:#eaf0f7}.preview-modern>div{padding:64px}.preview-modern-panel{background:#1d2939;color:#fff}.preview-modern-clients{padding:40px;text-align:center}.preview-cinematic{min-height:78vh;padding:80px;display:flex;flex-direction:column;justify-content:end;background:radial-gradient(circle at top,#393939,#050505);color:#fff}.preview-cinematic-story{padding:56px;background:#111;color:#ddd}.preview-editorial{padding:80px 10vw;background:#fff;font-family:Georgia,serif}.preview-editorial h1{font-size:clamp(48px,9vw,120px)}.preview-editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:40px}.preview-editorial-grid h2{grid-column:1/-1}.preview-editorial-grid article{min-height:180px;background:#f1eee9;padding:24px}.preview-sports{min-height:72vh;padding:70px;background:linear-gradient(135deg,#141414,#d70006);color:#fff}.preview-sports .btn{margin-right:12px;background:#fff;color:#d70006}@media(max-width:991px){.lumis-theme-config-grid,.preview-modern,.preview-editorial-grid{grid-template-columns:1fr}.lumis-onboarding__theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575px){.lumis-onboarding__theme-grid,.lumis-theme-project{grid-template-columns:1fr}.lumis-preview-bar{align-items:flex-start;flex-direction:column}.preview-cinematic,.preview-elegant-hero,.preview-modern>div{padding:32px}}
.lumis-onboarding-theme__body { display: flex; flex: 1; flex-direction: column; }
.lumis-theme-preview-link {
  align-self: flex-start;
  border: 1px solid #d8c8be;
  border-radius: 0;
  color: var(--color-one);
  font-weight: 400;
  margin-top: auto;
  padding: 8px 16px;
  text-decoration: none;
}
.lumis-theme-preview-link:hover,
.lumis-theme-preview-link:focus-visible {
  border-color: var(--color-one);
  color: var(--color-one);
  text-decoration: none;
}

/* Public Pricing page */
.pricing-page { background: #fffaf6; }
.pricing-hero { padding: 138px 0 42px; background: radial-gradient(circle at 20% 20%, rgba(215,0,6,.08), transparent 30%), linear-gradient(180deg, #fffaf6 0%, #fff 100%); }
.pricing-hero__inner { max-width: 860px; margin: 0 auto; text-align: center; }
.pricing-hero h1, .pricing-heading h2, .pricing-final h2, .pricing-early h2 { color: #181818; letter-spacing: -.04em; line-height: 1.04; }
.pricing-hero h1 { margin: 10px 0 14px; font-size: clamp(38px, 5vw, 60px); }
.pricing-hero p, .pricing-heading p, .pricing-final p, .pricing-early p { color: #5f5750; font-size: 17px; line-height: 1.65; }
.pricing-hero strong, .pricing-final strong { display: block; margin-top: 10px; color: #342c26; font-weight: 800; }
.pricing-toggle { display: inline-flex; gap: 6px; margin-top: 24px; padding: 6px; border: 1px solid #e6d8ce; border-radius: 999px; background: rgba(255,255,255,.9); box-shadow: 0 12px 34px rgba(48,35,27,.08); }
.pricing-toggle__option { min-height: 44px; padding: 0 20px; border: 0; border-radius: 999px; background: transparent; color: #4b433d; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 900; cursor: pointer; }
.pricing-toggle__option span { padding: 4px 8px; border-radius: 999px; background: rgba(215,0,6,.1); color: #b70005; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.pricing-toggle__option.is-active { background: #181818; color: #fff; box-shadow: 0 8px 18px rgba(0,0,0,.14); }
.pricing-toggle__option:focus-visible, .pricing-card-cta:focus-visible, .pricing-table a:focus-visible, .pricing-faq button:focus-visible { outline: 2px solid var(--color-one); outline-offset: 3px; }
.pricing-section { padding: 76px 0; background: #fffaf6; overflow: clip; }
.pricing-cards-section { padding-top: 24px; }
.pricing-card-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.pricing-plan-card { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-height: 100%; padding: 26px 22px 22px; border: 1px solid #eaded5; border-radius: 24px; background: rgba(255,255,255,.9); box-shadow: 0 16px 40px rgba(48,35,27,.07); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.pricing-plan-card:hover { transform: translateY(-3px); border-color: #dccbc0; box-shadow: 0 22px 52px rgba(48,35,27,.11); }
.pricing-plan-card--featured { border: 2px solid rgba(215,0,6,.42); background: linear-gradient(180deg, #fff2ef 0%, #fff 62%); box-shadow: 0 24px 58px rgba(215,0,6,.12); }
.pricing-badge { display: inline-flex; align-self: flex-start; min-height: 28px; margin-bottom: 12px; padding: 0 11px; align-items: center; border-radius: 999px; background: rgba(215,0,6,.1); color: #b70005; font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.pricing-plan-card h2 { margin: 0; color: #181818; font-size: 25px; }
.pricing-audience { min-height: 46px; margin: 8px 0 0; color: #655c55; font-size: 14px; line-height: 1.45; }
.pricing-price { margin: 16px 0 2px; color: #181818; line-height: 1; }
.pricing-price span { font-size: clamp(34px, 3vw, 44px); font-weight: 900; letter-spacing: -.04em; }
.pricing-price small { margin-left: 4px; color: #655c55; font-size: 14px; font-weight: 800; }
.pricing-billing { min-height: 44px; margin: 10px 0 16px; color: #655c55; font-size: 13px; line-height: 1.4; }
.pricing-plan-card ul { display: grid; gap: 9px; margin: 0 0 20px; padding: 0; list-style: none; }
.pricing-plan-card li { position: relative; padding-left: 22px; color: #433c36; font-size: 13.5px; line-height: 1.4; }
.pricing-plan-card li::before { content: ""; position: absolute; left: 0; top: .55em; width: 8px; height: 8px; border-radius: 50%; background: var(--color-one); }
.pricing-card-cta, .pricing-table a { width: 100%; min-height: 48px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #ded0c7; border-radius: 13px; color: #181818; background: #fff; font-size: 13px; font-weight: 900; text-align: center; }
.pricing-card-cta:hover, .pricing-table a:hover { color: #fff; border-color: #181818; background: #181818; }
.pricing-card-cta--primary { color: #fff; border-color: var(--color-one); background: var(--color-one); }
.pricing-heading { max-width: 780px; margin: 0 auto 30px; text-align: center; }
.pricing-heading h2 { margin: 0 0 12px; font-size: clamp(30px, 4vw, 44px); }
.pricing-value-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.pricing-value-grid article, .pricing-tools__grid > div, .pricing-early__panel, .pricing-final__panel { border: 1px solid #eaded5; border-radius: 24px; background: rgba(255,255,255,.88); box-shadow: 0 16px 42px rgba(48,35,27,.07); }
.pricing-value-grid article { padding: 24px; }
.pricing-value-grid i { display: inline-flex; width: 44px; height: 44px; margin-bottom: 14px; align-items: center; justify-content: center; border-radius: 14px; color: var(--color-one); background: rgba(215,0,6,.08); font-size: 21px; }
.pricing-value-grid h3 { margin: 0 0 8px; color: #181818; font-size: 19px; }
.pricing-value-grid p { margin: 0; color: #5f5750; line-height: 1.55; }
.pricing-tools__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.pricing-tools__grid > div { padding: 26px; }
.pricing-tools__grid h3 { color: #181818; font-size: 22px; }
.pricing-tools__grid p { display: flex; justify-content: space-between; gap: 14px; margin: 12px 0 0; padding: 12px 0 0; border-top: 1px solid #efe3dc; color: #4b433d; }
.pricing-tools__grid strong { color: #0f7a45; }
.pricing-tools__note { margin: 22px 0 0; text-align: center; color: #181818; font-size: 20px; font-weight: 900; }
.pricing-scroll-hint { display: none; margin: -12px 0 12px; color: #655c55; font-size: 13px; font-weight: 800; }
.pricing-table-wrap { overflow-x: auto; border: 1px solid #eaded5; border-radius: 22px; background: #fff; box-shadow: 0 16px 42px rgba(48,35,27,.07); }
.pricing-table { min-width: 920px; width: 100%; border-collapse: separate; border-spacing: 0; }
.pricing-table th, .pricing-table td { padding: 15px 16px; border-bottom: 1px solid #f0e5de; color: #4b433d; vertical-align: middle; }
.pricing-table thead th { position: sticky; top: 0; z-index: 1; background: #fffaf6; color: #181818; font-size: 15px; }
.pricing-table th:first-child { position: sticky; left: 0; z-index: 2; background: inherit; min-width: 230px; color: #181818; }
.pricing-table .is-pro { background: #fff5f2; }
.pricing-table__group th { background: #181818 !important; color: #fff !important; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.pricing-table__cta td, .pricing-table__cta th { border-bottom: 0; }
.pricing-early__panel, .pricing-final__panel { padding: clamp(28px, 5vw, 54px); text-align: center; }
.pricing-early ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 24px 0; padding: 0; list-style: none; }
.pricing-early li { padding: 10px 14px; border-radius: 999px; background: #fff5f2; color: #3d342e; font-weight: 800; }
.pricing-faq-section .container { max-width: 1100px; }
.pricing-faq-heading { max-width: 780px; margin-bottom: 38px; }
.pricing-faq-heading .lp-eyebrow { display: inline-block; margin-bottom: 10px; color: var(--color-one); font-size: 13px; font-weight: 800; letter-spacing: .13em; }
.pricing-faq-heading h2 { margin-bottom: 12px; font-size: clamp(32px, 4vw, 46px); font-weight: 700; line-height: 1.12; }
.pricing-faq-heading p { max-width: 700px; margin: 0 auto; font-size: 18px; line-height: 1.6; }
.pricing-faq { max-width: 1060px; margin: 0 auto; display: grid; gap: 9px; }
.pricing-faq__item { border: 1px solid #eaded5; border-radius: 16px; background: rgba(255,255,255,.94); overflow: hidden; box-shadow: 0 10px 28px rgba(48,35,27,.045); transition: background-color .22s ease, border-color .22s ease, box-shadow .22s ease; }
.pricing-faq__item.is-open { border-color: rgba(215,0,6,.24); background: linear-gradient(180deg, #fff7f4 0%, #fffdfb 100%); box-shadow: 0 14px 34px rgba(215,0,6,.07); }
.pricing-faq h3 { margin: 0; }
.pricing-faq button { width: 100%; min-height: 66px; padding: 16px 20px; border: 0; background: transparent; color: #181818; display: grid; grid-template-columns: 40px minmax(0, 1fr) auto 20px; align-items: center; gap: 14px; text-align: left; cursor: pointer; }
.pricing-faq__question { min-width: 0; font-size: 18px; font-weight: 600; line-height: 1.35; letter-spacing: -.01em; }
.pricing-faq__chevron { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: #fff4f0; color: #5f5750; font-size: 16px; transition: background-color .22s ease, color .22s ease, transform .22s ease; }
.pricing-faq__plus { color: #857b73; font-size: 16px; line-height: 1; transition: color .22s ease, transform .22s ease; }
.pricing-faq button[aria-expanded="true"] .pricing-faq__chevron { color: var(--color-one); background: rgba(215,0,6,.1); transform: rotate(180deg); }
.pricing-faq button[aria-expanded="true"] .pricing-faq__plus { color: var(--color-one); transform: rotate(45deg); }
.pricing-faq__badge { display: inline-flex; min-height: 24px; padding: 0 9px; align-items: center; border-radius: 999px; background: rgba(215,0,6,.1); color: #b70005; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.pricing-faq__panel { padding: 0 22px 18px 74px; color: #5f5750; overflow: hidden; }
.pricing-faq__panel p { max-width: 820px; margin: 0; padding-top: 13px; border-top: 1px solid rgba(234,222,213,.75); font-size: 15.5px; font-weight: 400; line-height: 1.6; }
.pricing-faq__panel[hidden] { display: none; }
.pricing-final__actions { display: flex; justify-content: center; gap: 12px; margin-top: 24px; }
@media (max-width: 1199px) { .pricing-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pricing-faq-heading h2 { font-size: clamp(36px, 4.5vw, 40px); } .pricing-faq__question { font-size: 17px; } }
@media (max-width: 767px) { .pricing-hero { padding-top: 116px; } .pricing-section { padding: 54px 0; } .pricing-faq-section { padding-top: 58px; padding-bottom: 58px; } .pricing-faq-heading { margin-bottom: 28px; } .pricing-faq-heading h2 { font-size: clamp(30px, 8vw, 34px); } .pricing-faq-heading p { font-size: 16px; } .pricing-faq { gap: 8px; } .pricing-faq button { min-height: 64px; padding: 14px 15px; grid-template-columns: 38px minmax(0, 1fr) 18px; gap: 11px; } .pricing-faq__chevron { width: 38px; height: 38px; font-size: 15px; } .pricing-faq__question { font-size: 16px; } .pricing-faq__badge { display: none; } .pricing-faq__panel { padding: 0 16px 16px 64px; } .pricing-faq__panel p { font-size: 15px; } .pricing-toggle { width: 100%; border-radius: 20px; } .pricing-toggle__option { flex: 1; padding: 0 10px; border-radius: 15px; } .pricing-card-grid, .pricing-value-grid, .pricing-tools__grid { grid-template-columns: 1fr; } .pricing-audience, .pricing-billing { min-height: 0; } .pricing-scroll-hint { display: block; } .pricing-final__actions { flex-direction: column; } .pricing-final__actions .btn-one, .pricing-final__actions .btn-two { width: 100%; justify-content: center; } }
@media (max-width: 430px) { .pricing-plan-card { padding: 22px 18px 18px; border-radius: 20px; } .pricing-hero h1 { font-size: 34px; } .pricing-faq button { padding-left: 13px; padding-right: 13px; } .pricing-faq__panel { padding-left: 13px; padding-right: 13px; } }
@media (prefers-reduced-motion: reduce) { .pricing-plan-card, .pricing-faq__item, .pricing-faq__chevron, .pricing-faq__plus { transition: none; } }

/* Resources Blog / Articles page */
.resources-blog { background: #fffaf7; color: #342b25; overflow-x: clip; }
.resources-blog__breadcrumbs { padding-top: 118px; font-size: 13px; }
.resources-blog__breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.resources-blog__breadcrumbs li:not(:last-child)::after { content: "/"; margin-left: 8px; color: #9a8c84; }
.resources-blog-hero { padding: 34px 0 70px; }
.resources-blog-hero__grid, .resources-featured-article, .resources-download__grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr); gap: clamp(28px, 5vw, 64px); align-items: center; }
.resources-blog-hero h1 { margin: 14px 0 18px; font-size: clamp(42px, 6vw, 76px); line-height: .98; letter-spacing: -.05em; }
.resources-blog-hero p, .resources-blog-heading p, .resources-newsletter p, .resources-product-cta p { color: #625850; font-size: 18px; line-height: 1.65; }
.resources-blog__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.resources-blog-section { padding: 74px 0; }
.resources-blog-section--compact { padding: 28px 0; }
.resources-blog-heading { max-width: 760px; margin: 0 auto 34px; text-align: center; }
.resources-blog-heading h2, .resources-blog-section h2 { color: #181818; font-size: clamp(30px, 4vw, 48px); line-height: 1.12; }
.resources-blog-category-nav, .resources-topic-pills { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 100%; }
.resources-blog-category, .resources-topic-pills a { border: 1px solid #eaded5; border-radius: 999px; background: #fff; color: #3d342e; padding: 10px 15px; font-weight: 800; box-shadow: 0 8px 20px rgba(48,35,27,.04); }
.resources-blog-category:hover, .resources-topic-pills a:hover, .resources-blog-category:focus-visible, .resources-topic-pills a:focus-visible, .resources-blog-link:focus-visible { outline: 3px solid rgba(215,0,6,.22); outline-offset: 3px; color: var(--color-one); border-color: rgba(215,0,6,.34); }
.resources-blog-category.is-active { background: #181818; border-color: #181818; color: #fff; }
.resource-image-placeholder { aspect-ratio: 3 / 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 22px; border: 1px solid #eaded5; border-radius: 24px; background: linear-gradient(135deg,#fff,#f6ede8); text-align: center; color: #514740; box-shadow: inset 0 0 0 1px rgba(255,255,255,.8), 0 16px 42px rgba(48,35,27,.06); }
.resource-image-placeholder i { width: 54px; height: 54px; display: inline-flex; align-items: center; justify-content: center; border-radius: 17px; background: rgba(215,0,6,.09); color: var(--color-one); font-size: 25px; }
.resource-image-placeholder span { color: #181818; font-weight: 900; }
.resource-image-placeholder small { color: #7c7068; font-weight: 700; }
.resource-image-placeholder--hero { aspect-ratio: 16 / 10; }
.resource-image-placeholder--featured, .resource-image-placeholder--learning-path { aspect-ratio: 16 / 9; }
.resource-image-placeholder--thumbnail { aspect-ratio: 4 / 3; border-radius: 18px; }
.resource-image-placeholder--download { aspect-ratio: 9 / 11; }
.resource-image-placeholder--small { aspect-ratio: 3 / 2; min-width: 132px; border-radius: 16px; padding: 14px; }
.resource-image-placeholder--small i { width: 36px; height: 36px; font-size: 17px; }
.resources-featured-article, .resources-editor-card, .resources-article-card, .resources-learning-card, .resources-more-grid article { border: 1px solid #eaded5; border-radius: 28px; background: rgba(255,255,255,.9); box-shadow: 0 18px 50px rgba(48,35,27,.07); }
.resources-featured-article { padding: clamp(18px, 3vw, 30px); }
.resources-featured-article__content { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.resources-blog-badge { display: inline-flex; width: fit-content; border-radius: 999px; padding: 6px 11px; background: rgba(215,0,6,.09); color: #b70005; font-size: 11px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.resources-blog-meta { display: flex; flex-wrap: wrap; gap: 8px 14px; color: #766b63; font-size: 13px; font-weight: 800; }
.resources-article-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.resources-article-card, .resources-learning-card { display: flex; flex-direction: column; height: 100%; overflow: hidden; }
.resources-article-card__body, .resources-article-card__footer, .resources-learning-card__body { padding: 20px; }
.resources-article-card__body, .resources-learning-card__body { flex: 1 1 auto; }
.resources-article-card h3, .resources-learning-card h3, .resources-editor-card h3, .resources-more-grid h3 { color: #181818; font-size: 22px; line-height: 1.25; }
.resources-article-card p, .resources-learning-card p, .resources-editor-card p { color: #625850; line-height: 1.55; }
.resources-article-card__footer { margin-top: auto; padding-top: 0; }
.resources-blog-link { display: inline-flex; gap: 7px; align-items: center; margin-top: 12px; color: var(--color-one); font-weight: 900; }
.resources-editors-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr); gap: 20px; }
.resources-editor-card { padding: 22px; }
.resources-editor-stack { display: grid; gap: 16px; }
.resources-editor-stack article { display: grid; grid-template-columns: 170px minmax(0,1fr); gap: 16px; align-items: center; padding: 16px; border: 1px solid #eaded5; border-radius: 22px; background: #fff; }
.resources-learning-grid, .resources-more-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.resources-learning-card .btn-two { margin: 0 20px 20px; justify-content: center; }
.resources-learning-card ul, .resources-download ul { margin: 18px 0; padding-left: 22px; color: #4b433d; }
.resources-download { background: linear-gradient(135deg,#181818,#3a2724); color: #fff; }
.resources-download h2, .resources-download p, .resources-download li { color: #fff; }
.resources-blog-form { display: grid; gap: 10px; margin-top: 18px; }
.resources-blog-form label { color: inherit; font-weight: 900; }
.resources-blog-form input { width: 100%; min-height: 50px; border: 1px solid #eaded5; border-radius: 13px; padding: 0 14px; background: #fff; color: #181818; }
.resources-blog-form input:focus-visible { outline: 3px solid rgba(215,0,6,.25); }
.resources-privacy-note { font-size: 13px !important; }
.resources-more-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.resources-more-grid article { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 16px; padding: 15px; align-items: center; }
.resources-more-grid span { color: #b70005; font-size: 11px; font-weight: 900; text-transform: uppercase; }
.resources-newsletter, .resources-product-cta { text-align: center; }
.resources-newsletter .container, .resources-product-cta .container { max-width: 860px; padding: clamp(30px, 5vw, 56px); border: 1px solid #eaded5; border-radius: 30px; background: #fff; box-shadow: 0 18px 50px rgba(48,35,27,.07); }
.resources-newsletter__form { grid-template-columns: repeat(2, minmax(0, 1fr)) auto; align-items: end; text-align: left; }
.resources-newsletter__form label { grid-row: 1; }
.resources-newsletter__form input, .resources-newsletter__form button { grid-row: 2; }
.resources-newsletter__form button { min-height: 50px; }
@media (max-width: 1199px) { .resources-article-grid, .resources-learning-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 991px) { .resources-blog-hero__grid, .resources-featured-article, .resources-download__grid, .resources-editors-grid { grid-template-columns: 1fr; } .resources-editor-stack article, .resources-more-grid article { grid-template-columns: 130px minmax(0,1fr); } }
@media (max-width: 767px) { .resources-blog__breadcrumbs { padding-top: 96px; } .resources-blog-section { padding: 52px 0; } .resources-article-grid, .resources-learning-grid, .resources-more-grid, .resources-newsletter__form { grid-template-columns: 1fr; } .resources-newsletter__form label, .resources-newsletter__form input, .resources-newsletter__form button { grid-row: auto; } .resources-blog__actions .btn-one, .resources-blog__actions .btn-two { width: 100%; justify-content: center; } .resources-blog-category-nav { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding-bottom: 8px; } .resources-blog-category { flex: 0 0 auto; } }
@media (max-width: 575px) { .resources-editor-stack article, .resources-more-grid article { grid-template-columns: 1fr; } .resource-image-placeholder--small { min-width: 0; } }
@media (prefers-reduced-motion: reduce) { .resources-blog * { scroll-behavior: auto !important; transition: none !important; } }

/* Photography Guides resource page */
.resources-guides { background: #fffaf7; color: #342b25; overflow-x: clip; scroll-behavior: smooth; }
.resources-guides__breadcrumbs { padding-top: 118px; font-size: 13px; }
.resources-guides__breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.resources-guides__breadcrumbs li:not(:last-child)::after { content: "/"; margin-left: 8px; color: #9a8c84; }
.resources-guides-hero { padding: 34px 0 70px; }
.resources-guides-hero__grid, .resources-guide-featured, .resources-video-guide__grid, .resources-checklist__grid { display: grid; grid-template-columns: minmax(0,.92fr) minmax(360px,1.08fr); gap: clamp(28px,5vw,64px); align-items: center; }
.resources-guides-hero h1 { margin: 14px 0 18px; font-size: clamp(42px,6vw,76px); line-height: .98; letter-spacing: -.05em; }
.resources-guides-hero p, .resources-guides-heading p, .resources-guide-featured p, .resources-video-guide p, .resources-checklist p, .resources-guides-newsletter p, .resources-guides-product-cta p { color: #625850; font-size: 18px; line-height: 1.65; }
.resources-guides__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; align-items: center; }
.resources-guides-section { padding: 74px 0; }
.resources-guides-section--compact { padding: 34px 0; }
.resources-guides-heading { max-width: 820px; margin: 0 auto 34px; text-align: center; }
.resources-guides-heading h2, .resources-guides-section h2 { color: #181818; font-size: clamp(30px,4vw,48px); line-height: 1.12; }
.resources-guides-hero__media { position: relative; }
.resources-guide-badge { position: absolute; z-index: 1; top: 18px; left: 18px; border-radius: 999px; padding: 8px 14px; background: rgba(255,255,255,.88); color: #342b25; font-weight: 900; box-shadow: 0 10px 28px rgba(48,35,27,.12); }
.resource-image-placeholder--specialty { aspect-ratio: 4 / 3; }
.resource-image-placeholder--guide-card { aspect-ratio: 3 / 2; }
.resource-image-placeholder--video { aspect-ratio: 16 / 9; }
.resources-guides-discovery { display: grid; gap: 20px; padding: clamp(18px,3vw,28px); border: 1px solid #eaded5; border-radius: 28px; background: #fff; box-shadow: 0 18px 50px rgba(48,35,27,.07); }
.resources-guides-search label, .resources-guides-filters legend, .resources-guides-form label { display: block; margin-bottom: 8px; color: #181818; font-weight: 900; }
.resources-guides-search input, .resources-guides-form input { width: 100%; min-height: 52px; border: 1px solid #eaded5; border-radius: 14px; padding: 0 15px; background: #fff; color: #181818; }
.resources-guides-search input:focus-visible, .resources-guides-form input:focus-visible, .resources-guides-filter:focus-within, .resources-topic-card:focus-visible, .resources-guide-link:focus-visible { outline: 3px solid rgba(215,0,6,.24); outline-offset: 3px; }
.resources-guides-filters { margin: 0; padding: 0; border: 0; min-width: 0; }
.resources-guides-filter-list { display: flex; flex-wrap: wrap; gap: 10px; max-width: 100%; }
.resources-guides-filter { cursor: pointer; border: 1px solid #eaded5; border-radius: 999px; background: #fff; color: #3d342e; padding: 10px 15px; font-weight: 800; box-shadow: 0 8px 20px rgba(48,35,27,.04); }
.resources-guides-filter input { position: absolute; opacity: 0; pointer-events: none; }
.resources-guides-filter:hover, .resources-guides-filter.is-active, .resources-guides-filter:has(input:checked) { background: #181818; border-color: #181818; color: #fff; }
.resources-guide-featured, .resources-specialty-card, .resources-guide-card, .resources-skill-card, .resources-path-card, .resources-latest-card { border: 1px solid #eaded5; border-radius: 28px; background: rgba(255,255,255,.92); box-shadow: 0 18px 50px rgba(48,35,27,.07); }
.resources-guide-featured { padding: clamp(18px,3vw,30px); }
.resources-guide-featured__content { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.resources-guide-badge-tag, .resources-guide-skill, .resources-guide-count { display: inline-flex; width: fit-content; border-radius: 999px; padding: 6px 11px; background: rgba(215,0,6,.09); color: #b70005; font-size: 11px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.resources-guide-skill { background: #f4efe9; color: #514740; }
.resources-guide-count { background: #181818; color: #fff; }
.resources-guide-meta { display: flex; flex-wrap: wrap; gap: 8px 14px; color: #766b63; font-size: 13px; font-weight: 800; }
.resources-specialty-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; align-items: stretch; }
.resources-guide-card-grid, .resources-skill-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; align-items: stretch; }
.resources-topic-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 12px; }
.resources-path-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; align-items: stretch; }
.resources-latest-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.resources-specialty-card, .resources-guide-card, .resources-skill-card, .resources-path-card { display: flex; flex-direction: column; height: 100%; overflow: hidden; }
.resources-specialty-card__body, .resources-guide-card__body, .resources-path-card__body { flex: 1 1 auto; padding: 20px; }
.resources-specialty-card h3, .resources-guide-card h3, .resources-skill-card h3, .resources-path-card h3, .resources-latest-card h3 { color: #181818; font-size: 22px; line-height: 1.25; }
.resources-specialty-card p, .resources-guide-card p, .resources-skill-card p, .resources-path-card p, .resources-latest-card p { color: #625850; line-height: 1.55; }
.resources-guide-card__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.resources-guide-link { display: inline-flex; gap: 7px; align-items: center; margin: auto 20px 20px; color: var(--color-one); font-weight: 900; }
.resources-skill-card { padding: 24px; }
.resources-skill-card > i { width: 54px; height: 54px; display: inline-flex; align-items: center; justify-content: center; border-radius: 17px; background: rgba(215,0,6,.09); color: var(--color-one); font-size: 25px; }
.resources-skill-card ul, .resources-path-card ol, .resources-checklist ul { margin: 18px 0; padding-left: 22px; color: #4b433d; }
.resources-skill-card .btn-two, .resources-path-card .btn-two { margin-top: auto; justify-content: center; }
.resources-topic-card { display: flex; flex-direction: column; gap: 5px; min-width: 0; padding: 16px; border: 1px solid #eaded5; border-radius: 18px; background: #fff; color: #342b25; font-weight: 900; box-shadow: 0 8px 20px rgba(48,35,27,.04); }
.resources-topic-card:hover { transform: translateY(-2px); border-color: rgba(215,0,6,.34); color: var(--color-one); }
.resources-topic-card small { color: #766b63; font-weight: 800; }
.resources-video-guide { background: linear-gradient(135deg,#fff,#f7ede8); }
.resources-checklist { background: linear-gradient(135deg,#181818,#3a2724); color: #fff; }
.resources-checklist h2, .resources-checklist p, .resources-checklist li, .resources-checklist label { color: #fff; }
.resources-guides-form { display: grid; gap: 10px; margin-top: 18px; }
.resources-privacy-note { font-size: 13px !important; }
.resources-latest-card { display: grid; grid-template-columns: 160px minmax(0,1fr); gap: 16px; padding: 15px; align-items: center; }
.resources-guides-newsletter, .resources-guides-product-cta { text-align: center; }
.resources-guides-newsletter .container, .resources-guides-product-cta .container { max-width: 900px; padding: clamp(30px,5vw,56px); border: 1px solid #eaded5; border-radius: 30px; background: #fff; box-shadow: 0 18px 50px rgba(48,35,27,.07); }
.resources-guides-newsletter__form { grid-template-columns: repeat(2,minmax(0,1fr)) auto; align-items: end; text-align: left; }
.resources-guides-newsletter__form label { grid-row: 1; }
.resources-guides-newsletter__form input, .resources-guides-newsletter__form button { grid-row: 2; }
@media (min-width: 1400px) { .resources-specialty-grid { grid-template-columns: repeat(5,minmax(0,1fr)); } }
@media (max-width: 1199px) { .resources-specialty-grid, .resources-topic-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .resources-guide-card-grid, .resources-skill-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 991px) { .resources-guides-hero__grid, .resources-guide-featured, .resources-video-guide__grid, .resources-checklist__grid { grid-template-columns: 1fr; } .resources-specialty-grid, .resources-path-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 767px) { .resources-guides__breadcrumbs { padding-top: 96px; } .resources-guides-section { padding: 52px 0; } .resources-specialty-grid, .resources-guide-card-grid, .resources-skill-grid, .resources-topic-grid, .resources-path-grid, .resources-latest-grid, .resources-guides-newsletter__form { grid-template-columns: 1fr; } .resources-guides-newsletter__form label, .resources-guides-newsletter__form input, .resources-guides-newsletter__form button { grid-row: auto; } .resources-guides__actions .btn-one, .resources-guides__actions .btn-two { width: 100%; justify-content: center; } .resources-guides-filter-list { flex-wrap: nowrap; overflow-x: auto; padding: 4px 0 10px; } .resources-guides-filter { flex: 0 0 auto; } .resources-latest-card { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .resources-guides, .resources-guides * { scroll-behavior: auto !important; transition: none !important; } }

/* Business Guides marketing page */
.business-guides-page { --bg-ink:#1d1916; --bg-muted:#655c55; --bg-line:#eaded5; background:#fffaf7; color:var(--bg-ink); overflow-x:clip; scroll-behavior:smooth; }
.business-guides-page .container { width:min(1180px,calc(100% - 40px)); }
.business-guides-page .bg-breadcrumb { padding-top:118px; font-size:13px; }
.business-guides-page .bg-breadcrumb ol { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
.business-guides-page .bg-breadcrumb li:not(:last-child)::after { content:"/"; margin-left:8px; color:#998b82; }
.business-guides-page .bg-hero { padding:36px 0 76px; }
.business-guides-page .bg-split { display:grid; grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr); align-items:center; gap:clamp(30px,5vw,68px); }
.business-guides-page h1 { margin:14px 0 20px; font-size:clamp(44px,6vw,76px); line-height:.98; letter-spacing:-.05em; }
.business-guides-page h2 { margin:0 0 14px; font-size:clamp(30px,4vw,48px); line-height:1.12; letter-spacing:-.025em; }
.business-guides-page h3 { color:#211c19; font-size:21px; line-height:1.28; }
.business-guides-page h4 { margin:16px 0 6px; font-size:13px; letter-spacing:.04em; text-transform:uppercase; }
.business-guides-page p,.business-guides-page li { line-height:1.62; }
.business-guides-page .bg-lead { color:var(--bg-muted); font-size:19px; }
.business-guides-page .bg-eyebrow { display:inline-block; color:#b70005; font-size:12px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.business-guides-page .bg-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.business-guides-page .bg-trust { display:inline-flex; gap:8px; align-items:center; margin-top:24px; padding:8px 12px; border-radius:999px; background:#fff; border:1px solid var(--bg-line); font-weight:800; }
.business-guides-page .bg-section { padding:76px 0; }
.business-guides-page .bg-tint { background:#f8f0ea; }
.business-guides-page .bg-heading { max-width:790px; margin:0 auto 36px; text-align:center; }
.business-guides-page .bg-heading p { color:var(--bg-muted); font-size:18px; }
.business-guides-page .bg-grid { display:grid; gap:18px; align-items:stretch; }
.business-guides-page .bg-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.business-guides-page .bg-grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.business-guides-page .bg-grid--5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
.business-guides-page .bg-card,.business-guides-page .business-guide-card { display:flex; flex-direction:column; min-width:0; height:100%; padding:22px; border:1px solid var(--bg-line); border-radius:24px; background:#fff; box-shadow:0 16px 42px rgba(48,35,27,.06); }
.business-guides-page .bg-card > i { width:46px; height:46px; display:grid; place-items:center; border-radius:14px; background:#fff1ed; color:#c60005; font-size:21px; }
.business-guides-page .bg-card ul,.business-guides-page .business-guide-card ul { padding-left:20px; color:#514740; }
.business-guides-page .bg-card .btn-two,.business-guides-page .bg-download button { margin-top:auto; justify-content:center; }
.business-guides-page .business-guide-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; padding:22px; border:1px solid #e8d8ce; border-radius:26px; background:radial-gradient(circle at 75% 20%,#ffe3da,transparent 34%),linear-gradient(135deg,#fff,#f5e9e2); text-align:center; box-shadow:0 20px 54px rgba(48,35,27,.08); }
.business-guides-page .business-guide-placeholder i { width:58px; height:58px; display:grid; place-items:center; border-radius:18px; background:#fff; color:#c70005; font-size:27px; box-shadow:0 8px 24px rgba(80,35,25,.1); }
.business-guides-page .business-guide-placeholder strong,.business-guides-page .business-guide-placeholder span { font-weight:900; }
.business-guides-page .business-guide-placeholder small { color:#786c64; }
.business-guides-page .business-guide-placeholder--hero { aspect-ratio:16/10; }
.business-guides-page .business-guide-placeholder--featured { aspect-ratio:4/3; }
.business-guides-page .business-guide-placeholder--card { aspect-ratio:3/2; margin:-22px -22px 18px; border:0; border-radius:23px 23px 0 0; box-shadow:none; }
.business-guides-page .business-guide-placeholder--stage { aspect-ratio:4/3; margin:-22px -22px 18px; border:0; border-radius:23px 23px 0 0; box-shadow:none; }
.business-guides-page .business-guide-placeholder--download { aspect-ratio:3/2; margin:-22px -22px 18px; border:0; border-radius:23px 23px 0 0; box-shadow:none; }
.business-guides-page .bg-filters { display:grid; grid-template-columns:repeat(4,minmax(150px,1fr)); gap:14px; padding:24px; border:1px solid var(--bg-line); border-radius:26px; background:#fff; box-shadow:0 16px 44px rgba(48,35,27,.07); }
.business-guides-page .bg-filters label { display:flex; flex-direction:column; gap:7px; font-weight:800; }
.business-guides-page .bg-search { grid-column:1/-1; }
.business-guides-page input,.business-guides-page select,.business-guides-page textarea { width:100%; min-height:50px; padding:11px 13px; border:1px solid #d9cbc2; border-radius:12px; background:#fff; color:#211c19; }
.business-guides-page textarea { resize:vertical; }
.business-guides-page .bg-result-count { grid-column:1/-1; margin:0; color:var(--bg-muted); }
.business-guides-page .bg-badges,.business-guides-page .business-guide-card__badges { display:flex; flex-wrap:wrap; gap:7px; }
.business-guides-page .bg-badges span,.business-guides-page .business-guide-card__badges span,.business-guides-page .bg-status { display:inline-flex; width:fit-content; padding:6px 10px; border-radius:999px; background:#f2ece7; color:#514740; font-size:10px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.business-guides-page .bg-badges span:first-child,.business-guides-page .bg-status { background:#fff0ec; color:#a90004; }
.business-guides-page .bg-columns { columns:2; padding-left:20px; }
.business-guides-page .bg-notice,.business-guides-page .bg-note { padding:13px 15px; border-left:4px solid #c90005; border-radius:8px; background:#fff3ef; color:#514740; font-size:13px; font-weight:700; }
.business-guides-page .business-guide-card__actions { display:flex; flex-direction:column; align-items:flex-start; gap:11px; margin-top:auto; padding-top:15px; }
.business-guides-page button:disabled { cursor:not-allowed; opacity:.62; }
.business-guides-page .bg-example { margin-top:28px; padding:clamp(22px,4vw,38px); border:1px solid var(--bg-line); border-radius:28px; background:#fff; }
.business-guides-page .bg-example dl { display:grid; gap:0; }
.business-guides-page .bg-example dl div { display:flex; justify-content:space-between; gap:20px; padding:12px 0; border-bottom:1px solid var(--bg-line); }
.business-guides-page .bg-example dd { margin:0; font-weight:900; }
.business-guides-page .bg-links { display:flex; flex-wrap:wrap; gap:16px; }
.business-guides-page .bg-journey,.business-guides-page .bg-framework { display:grid; grid-template-columns:repeat(8,minmax(140px,1fr)); gap:12px; overflow-x:auto; padding-bottom:10px; }
.business-guides-page .bg-journey article,.business-guides-page .bg-framework article { position:relative; min-width:0; padding:20px; border:1px solid var(--bg-line); border-radius:20px; background:#fff; }
.business-guides-page .bg-journey span,.business-guides-page .bg-framework span { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:#1f1a17; color:#fff; font-weight:900; }
.business-guides-page .bg-dark { background:linear-gradient(135deg,#1d1916,#3b2924); color:#fff; }
.business-guides-page .bg-dark h2,.business-guides-page .bg-dark .bg-heading p { color:#fff; }
.business-guides-page .bg-dark .bg-card { color:#342b25; }
.business-guides-page .bg-dark .bg-framework { grid-template-columns:repeat(6,minmax(0,1fr)); overflow:visible; }
.business-guides-page .bg-framework-mini { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:28px; padding:20px; border-radius:18px; background:#fff; }
.business-guides-page .bg-center { text-align:center; justify-content:center; }
.business-guides-page .bg-compare { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:28px; }
.business-guides-page .bg-compare article { padding:24px; border:1px solid var(--bg-line); border-radius:22px; background:#fff; }
.business-guides-page .bg-form-wrap { display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(28px,5vw,64px); padding:clamp(24px,5vw,54px); border:1px solid var(--bg-line); border-radius:30px; background:#fff; }
.business-guides-page .bg-form { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.business-guides-page .bg-form label { display:flex; flex-direction:column; gap:7px; font-weight:800; }
.business-guides-page .bg-span-2 { grid-column:1/-1; }
.business-guides-page .bg-check { flex-direction:row!important; align-items:center; }
.business-guides-page .bg-check input { width:auto; min-height:0; }
.business-guides-page .bg-faq { max-width:900px; }
.business-guides-page .bg-faq-item { margin-bottom:10px; border:1px solid var(--bg-line); border-radius:16px; background:#fff; overflow:hidden; }
.business-guides-page .bg-faq-item h3 { margin:0; }
.business-guides-page .bg-faq-item button { display:flex; justify-content:space-between; gap:20px; width:100%; padding:18px 20px; border:0; background:transparent; color:#211c19; text-align:left; font-size:17px; font-weight:800; }
.business-guides-page .bg-faq-item div { padding:0 20px 18px; }
.business-guides-page .bg-faq-item div[hidden] { display:none; }
.business-guides-page .bg-faq-item button[aria-expanded="true"] i { transform:rotate(45deg); }
.business-guides-page .bg-bridge,.business-guides-page .bg-final { text-align:center; }
.business-guides-page .bg-bridge .container,.business-guides-page .bg-final .container { max-width:900px; padding:clamp(30px,5vw,58px); border-radius:30px; background:#fff; box-shadow:0 18px 50px rgba(48,35,27,.08); }
.business-guides-page .bg-final { background:#f8f0ea; }
.business-guides-page .bg-final ul { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 25px; padding:0; list-style:none; }
.business-guides-page .bg-general-disclaimer { padding:18px 0; background:#211c19; color:#fff; text-align:center; font-size:13px; }
.business-guides-page a:focus-visible,.business-guides-page button:focus-visible,.business-guides-page input:focus-visible,.business-guides-page select:focus-visible,.business-guides-page textarea:focus-visible { outline:3px solid rgba(215,0,6,.32); outline-offset:3px; }
@media(max-width:1199px){.business-guides-page .bg-grid--4,.business-guides-page .bg-grid--5{grid-template-columns:repeat(2,minmax(0,1fr))}.business-guides-page .bg-dark .bg-framework{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991px){.business-guides-page .bg-split,.business-guides-page .bg-form-wrap{grid-template-columns:1fr}.business-guides-page .bg-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.business-guides-page .bg-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.business-guides-page .container{width:min(100% - 28px,1180px)}.business-guides-page .bg-breadcrumb{padding-top:96px}.business-guides-page .bg-section{padding:54px 0}.business-guides-page .bg-grid--3,.business-guides-page .bg-grid--4,.business-guides-page .bg-grid--5,.business-guides-page .bg-filters,.business-guides-page .bg-form,.business-guides-page .bg-compare,.business-guides-page .bg-dark .bg-framework{grid-template-columns:1fr}.business-guides-page .bg-actions .btn-one,.business-guides-page .bg-actions .btn-two{width:100%;justify-content:center}.business-guides-page .bg-journey{display:grid;grid-template-columns:1fr;overflow:visible;border-left:3px solid #dfcec4;padding-left:18px}.business-guides-page .bg-columns{columns:1}.business-guides-page .bg-example dl div{display:block}.business-guides-page .bg-example dd{margin-top:4px}.business-guides-page .bg-span-2{grid-column:auto}.business-guides-page .bg-final ul{display:block}}
@media(prefers-reduced-motion:reduce){.business-guides-page,.business-guides-page *{scroll-behavior:auto!important;transition:none!important}}
.resources-business-guides .resource-image-placeholder--toolkit { aspect-ratio: 9 / 11; }
.resources-business-guides .resource-image-placeholder--success-story { aspect-ratio: 4 / 3; }
.resources-business-stage-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; align-items: stretch; }
.resources-business-stage-card, .resources-assessment-card, .resources-framework article { display: flex; flex-direction: column; height: 100%; border: 1px solid #eaded5; border-radius: 28px; background: #fff; padding: 24px; box-shadow: 0 18px 50px rgba(48,35,27,.07); }
.resources-business-stage-card__step { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; color: var(--color-one); }
.resources-business-stage-card__step span, .resources-framework article > span { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #181818; color: #fff; font-weight: 900; }
.resources-business-stage-card__step::after { content: ""; flex: 1; height: 4px; border-radius: 999px; background: linear-gradient(90deg,var(--color-one),#eaded5); }
.resources-business-stage-card h3, .resources-assessment-card h3, .resources-framework h3 { color: #181818; font-size: 22px; line-height: 1.25; }
.resources-business-stage-card p, .resources-assessment-card p, .resources-framework p { color: #625850; line-height: 1.55; }
.resources-business-stage-card ul { flex: 1 1 auto; margin: 16px 0 22px; padding-left: 22px; color: #4b433d; }
.resources-business-stage-card .btn-two, .resources-path-card .btn-two { margin-top: auto; justify-content: center; }
.resources-business-disclaimer { margin-top: 12px; padding: 10px 12px; border-left: 3px solid var(--color-one); background: #fff7f4; font-size: 13px; font-weight: 800; }
.resources-business-checkup .container, .resources-business-toolkit .container { border: 1px solid #eaded5; border-radius: 34px; padding: clamp(24px,4vw,48px); background: linear-gradient(135deg,#fff,#f7ede8); box-shadow: 0 18px 50px rgba(48,35,27,.07); }
.resources-assessment-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin: 28px 0; }
.resources-assessment-card > i, .resources-topic-card i, .resources-framework i { width: 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center; border-radius: 15px; background: rgba(215,0,6,.09); color: var(--color-one); font-size: 22px; margin-bottom: 12px; }
.resources-assessment-scale { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; margin-top: auto; }
.resources-assessment-scale span { padding: 8px 6px; border: 1px solid #eaded5; border-radius: 999px; text-align: center; font-size: 12px; font-weight: 900; color: #3d342e; background: #fff; }
.resources-framework { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 14px; position: relative; }
.resources-framework article { position: relative; gap: 10px; }
.resources-framework article:not(:last-child)::after { content: ""; position: absolute; top: 44px; right: -15px; width: 16px; height: 2px; background: var(--color-one); }
.resources-framework a, .resources-success-story a.resources-guide-link { color: var(--color-one); font-weight: 900; margin-top: auto; }
.resources-results-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; width: 100%; }
.resources-results-grid span { padding: 14px; border: 1px solid #eaded5; border-radius: 18px; background: #fff; color: #181818; font-weight: 900; }
.resources-business-guides a:focus-visible, .resources-business-guides button:focus-visible, .resources-business-guides input:focus-visible { outline: 3px solid rgba(215,0,6,.28); outline-offset: 3px; }
@media (max-width: 1199px) { .resources-business-stage-grid, .resources-framework { grid-template-columns: repeat(2,minmax(0,1fr)); } .resources-assessment-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .resources-framework article:not(:last-child)::after { display: none; } }
@media (max-width: 767px) { .resources-business-stage-grid, .resources-assessment-grid, .resources-framework, .resources-results-grid { grid-template-columns: 1fr; } .resources-framework { border-left: 3px solid #eaded5; padding-left: 16px; } .resources-business-stage-card__step::after { display: none; } }

/* AI Learning Center resource page */
.resources-ai-learning-center { background: #fffaf7; }
.resources-ai-learning-center .resource-image-placeholder--hero { aspect-ratio: 16 / 10; }
.resources-ai-learning-center .resource-image-placeholder--featured,
.resources-ai-learning-center .resource-image-placeholder--learning-path,
.resources-ai-learning-center .resource-image-placeholder--video { aspect-ratio: 16 / 9; }
.resources-ai-learning-center .resource-image-placeholder--download { aspect-ratio: 9 / 11; }
.resources-ai-learning-center .resource-image-placeholder--thumbnail { aspect-ratio: 4 / 3; }
.resources-ai-learning-center a:focus-visible,
.resources-ai-learning-center button:focus-visible,
.resources-ai-learning-center input:focus-visible { outline: 3px solid rgba(215,0,6,.28); outline-offset: 3px; }
.ai-supporting { font-weight: 900; color: #342b25 !important; }
.ai-topic-nav .container { display: flex; flex-wrap: wrap; gap: 10px; }
.ai-topic-nav a { display: inline-flex; gap: 8px; align-items: center; border: 1px solid #eaded5; border-radius: 999px; padding: 10px 15px; background: #fff; color: #342b25; font-weight: 900; box-shadow: 0 8px 20px rgba(48,35,27,.04); }
.ai-topic-nav a.is-active { background: #181818; border-color: #181818; color: #fff; }
.ai-topic-nav a span { font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.resources-ai-learning-center .ai-card h4 { margin-top: 12px; color: #181818; font-size: 14px; text-transform: uppercase; letter-spacing: .06em; }
.ai-step { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #181818; color: #fff; font-weight: 900; margin: 14px 0 0; }
.ai-callout { margin: 28px auto 0; max-width: 820px; padding: 18px 22px; border-left: 4px solid var(--color-one); border-radius: 18px; background: #fff; color: #342b25; font-weight: 900; box-shadow: 0 18px 50px rgba(48,35,27,.07); }
.ai-workflow .resources-framework article { min-width: 0; }
.ai-workflow .resources-framework i { margin-bottom: 4px; }
.ai-myths { background: linear-gradient(135deg,#fff,#f7ede8); }
.ai-myth-grid { display: grid; gap: 16px; }
.ai-myth-row { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 16px; border: 1px solid #eaded5; border-radius: 24px; padding: clamp(16px, 3vw, 24px); background: #fff; box-shadow: 0 14px 38px rgba(48,35,27,.06); }
.ai-myth-row strong { display: inline-flex; border-radius: 999px; padding: 6px 11px; margin-bottom: 8px; background: #181818; color: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.ai-myth-row div:last-child strong { background: rgba(215,0,6,.09); color: #b70005; }
.ai-faq-list { max-width: 980px; margin: 0 auto; display: grid; gap: 12px; }
.ai-faq-item { border: 1px solid #eaded5; border-radius: 18px; background: #fff; padding: 0; box-shadow: 0 10px 30px rgba(48,35,27,.05); }
.ai-faq-item summary { list-style: none; }
.ai-faq-item summary::-webkit-details-marker { display: none; }
.ai-faq-item button { width: 100%; border: 0; background: transparent; color: #181818; text-align: left; padding: 16px 18px; font-size: 17px; font-weight: 900; cursor: pointer; }
.ai-faq-item div { padding: 0 18px 18px; color: #625850; line-height: 1.6; font-size: 15px; }
.ai-points { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 22px 0; }
.ai-points span { border: 1px solid #eaded5; border-radius: 999px; background: #fff; color: #342b25; padding: 9px 13px; font-weight: 900; }
.ai-points span:first-child { background: #181818; color: #fff; border-color: #181818; }
@media (min-width: 1200px) { .ai-workflow .resources-framework { grid-template-columns: repeat(6,minmax(0,1fr)); } }
@media (max-width: 767px) { .ai-topic-nav .container { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 10px; } .ai-topic-nav a { flex: 0 0 auto; } .ai-myth-row { grid-template-columns: 1fr; } .resources-ai-learning-center .resources-framework { border-left: 3px solid #eaded5; padding-left: 16px; } }
@media (prefers-reduced-motion: reduce) { .resources-ai-learning-center, .resources-ai-learning-center * { scroll-behavior: auto !important; transition: none !important; } }

/* Templates marketing resource page */
.resources-templates { background: #fffaf7; }
.templates-page { background: #fffaf7; color: #342b25; overflow-x: clip; scroll-behavior: smooth; }
.templates-page a:focus-visible,
.templates-page button:focus-visible,
.templates-page input:focus-visible,
.templates-page .resources-guides-filter:focus-within { outline: 3px solid rgba(215,0,6,.28); outline-offset: 3px; }
.templates-support { font-weight: 900; color: #342b25 !important; }
.templates-discovery { display: grid; gap: 18px; padding: clamp(18px,3vw,28px); border: 1px solid #eaded5; border-radius: 28px; background: #fff; box-shadow: 0 18px 50px rgba(48,35,27,.07); }
.templates-discovery label, .templates-discovery legend { color: #181818; font-weight: 900; }
.templates-discovery > label { margin-bottom: -10px; }
.templates-discovery input[type="search"] { width: 100%; min-height: 52px; border: 1px solid #eaded5; border-radius: 14px; padding: 0 15px; background: #fff; color: #181818; }
.templates-discovery fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.templates-filter-list { display: flex; flex-wrap: wrap; gap: 10px; max-width: 100%; }
.template-preview-placeholder { position: relative; isolation: isolate; aspect-ratio: 9 / 11; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 22px; border: 1px solid #eaded5; border-radius: 24px; background: linear-gradient(135deg,#fff,#f6ede8); text-align: center; color: #514740; box-shadow: inset 0 0 0 1px rgba(255,255,255,.8), 0 16px 42px rgba(48,35,27,.06); overflow: hidden; }
.template-preview-placeholder::before,
.template-preview-placeholder::after { content: ""; position: absolute; inset: 16px 22px auto auto; width: 44%; height: 62%; border: 1px solid rgba(234,222,213,.9); border-radius: 14px; background: rgba(255,255,255,.65); transform: rotate(4deg); z-index: -1; }
.template-preview-placeholder::after { inset: auto auto 18px 20px; transform: rotate(-5deg); }
.template-preview-placeholder i { width: 54px; height: 54px; display: inline-flex; align-items: center; justify-content: center; border-radius: 17px; background: rgba(215,0,6,.09); color: var(--color-one); font-size: 25px; }
.template-preview-placeholder span { color: #181818; font-weight: 900; }
.template-preview-placeholder small { color: #7c7068; font-weight: 700; }
.template-preview-placeholder--hero { aspect-ratio: 16 / 10; }
.template-preview-placeholder--bundle,
.template-preview-placeholder--featured { aspect-ratio: 4 / 3; }
.template-preview-placeholder--specialty,
.template-preview-placeholder--compact { aspect-ratio: 4 / 3; border-radius: 18px; }
.templates-category-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; align-items: stretch; }
.templates-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; align-items: stretch; }
.templates-latest-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; align-items: stretch; }
.templates-card { display: flex; flex-direction: column; min-width: 0; height: 100%; padding: 22px; border: 1px solid #eaded5; border-radius: 28px; background: rgba(255,255,255,.92); box-shadow: 0 18px 50px rgba(48,35,27,.07); }
.templates-template-card { padding: 0; overflow: hidden; }
.templates-card > i { width: 52px; height: 52px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 14px; border-radius: 17px; background: rgba(215,0,6,.09); color: var(--color-one); font-size: 24px; }
.templates-card__body { flex: 1 1 auto; min-width: 0; }
.templates-template-card .templates-card__body { padding: 20px 20px 0; }
.templates-card h3 { color: #181818; font-size: 22px; line-height: 1.25; overflow-wrap: anywhere; }
.templates-card p, .templates-card li { color: #625850; line-height: 1.55; }
.templates-card ul, .templates-featured-bundle ul { margin: 16px 0; padding-left: 22px; color: #4b433d; }
.templates-card .btn-two, .templates-card > .btn-two { margin-top: auto; justify-content: center; }
.templates-card-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; padding: 20px; }
.templates-card-actions .btn-one, .templates-card-actions .btn-two { flex: 1 1 150px; justify-content: center; text-align: center; }
.templates-featured-bundle .templates-card-actions { padding: 0; }
.templates-free-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.42fr); gap: 24px; align-items: start; }
.templates-lead-form { position: sticky; top: 110px; padding: 22px; border: 1px solid #eaded5; border-radius: 28px; background: #fff; box-shadow: 0 18px 50px rgba(48,35,27,.07); }
.templates-page-count { margin: 12px 0 0; text-align: center; color: #625850; font-weight: 900; }
.templates-process .resources-framework { grid-template-columns: repeat(3,minmax(0,1fr)); }
.templates-page .ai-faq-item:not([open]) div { display: none; }
@media (min-width: 1400px) { .templates-category-grid { grid-template-columns: repeat(5,minmax(0,1fr)); } .templates-card-grid { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (max-width: 1199px) { .templates-category-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .templates-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 991px) { .templates-category-grid, .templates-free-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .templates-lead-form { position: static; } }
@media (max-width: 767px) { .templates-category-grid, .templates-card-grid, .templates-latest-grid, .templates-free-grid, .templates-process .resources-framework { grid-template-columns: 1fr; } .templates-filter-list { flex-wrap: nowrap; overflow-x: auto; padding: 4px 0 10px; } .templates-filter-list .resources-guides-filter { flex: 0 0 auto; } .templates-card-actions { flex-direction: column; } .templates-card-actions .btn-one, .templates-card-actions .btn-two { width: 100%; } .templates-process .resources-framework { border-left: 3px solid #eaded5; padding-left: 16px; } }
@media (prefers-reduced-motion: reduce) { .templates-page, .templates-page * { scroll-behavior: auto !important; transition: none !important; } }
.templates-cta-actions { justify-content: center; }

/* LumisPixel Video Tutorials page */
.video-tutorials-page { background:#fffaf7; color:#342b25; overflow-x:clip; scroll-behavior:smooth; }
.video-tutorials-breadcrumbs { padding-top:118px; font-size:13px; }
.video-tutorials-breadcrumbs ol { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
.video-tutorials-breadcrumbs li:not(:last-child)::after { content:"/"; margin-left:8px; color:#9a8c84; }
.video-tutorials-hero { padding:34px 0 70px; }
.video-tutorials-hero__grid, .video-featured { display:grid; grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr); gap:clamp(28px,5vw,64px); align-items:center; }
.video-tutorials-hero h1 { margin:14px 0 18px; font-size:clamp(42px,6vw,76px); line-height:.98; letter-spacing:-.05em; }
.video-tutorials-page p { color:#625850; line-height:1.65; }
.video-tutorials-hero p, .video-heading p, .video-newsletter p, .video-support-cta p, .video-final-cta p { font-size:18px; }
.video-tutorials-actions, .video-card-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:22px; }
.video-tutorials-section { padding:74px 0; }
.video-tutorials-section--compact { padding:28px 0; }
.video-heading { max-width:840px; margin:0 auto 34px; text-align:center; }
.video-heading h2, .video-tutorials-section h2 { color:#181818; font-size:clamp(30px,4vw,48px); line-height:1.12; }
.video-thumbnail-placeholder { position:relative; aspect-ratio:16/9; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-width:0; padding:20px; border:1px solid #eaded5; border-radius:26px; background:linear-gradient(135deg,#fff,#f7ede8); color:#342b25; text-align:center; box-shadow:inset 0 0 0 1px rgba(255,255,255,.6); overflow:hidden; }
.video-thumbnail-placeholder i { width:58px; height:58px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:#181818; color:#fff; font-size:30px; }
.video-thumbnail-placeholder span { font-weight:900; }
.video-thumbnail-placeholder small { color:#766b63; font-weight:800; }
.video-duration, .video-status { position:absolute; right:14px; bottom:14px; border-radius:999px; padding:7px 10px; background:#181818; color:#fff; font-size:12px; }
.video-status { left:14px; right:auto; background:rgba(215,0,6,.1); color:#b70005; }
.video-hero-card, .video-featured, .video-product-card, .video-tutorial-card, .video-role-grid article, .video-short-grid article, .video-business-list article, .video-upcoming-grid article, .video-progress-cta, .video-newsletter, .video-support-cta, .video-final-cta, .video-faq-item { border:1px solid #eaded5; border-radius:28px; background:rgba(255,255,255,.92); box-shadow:0 18px 50px rgba(48,35,27,.07); }
.video-hero-card { padding:18px; }
.video-featured { padding:clamp(18px,3vw,30px); }
.video-tutorials-search { display:grid; gap:18px; padding:clamp(18px,3vw,28px); border:1px solid #eaded5; border-radius:28px; background:#fff; box-shadow:0 18px 50px rgba(48,35,27,.07); }
.video-tutorials-search label, .video-tutorials-search legend, .video-newsletter-form label { font-weight:900; color:#181818; }
.video-tutorials-search input[type="search"], .video-newsletter-form input { width:100%; min-height:52px; border:1px solid #eaded5; border-radius:14px; padding:0 15px; background:#fff; color:#181818; }
.video-filter-list { display:flex; flex-wrap:wrap; gap:10px; max-width:100%; }
.video-filter { cursor:pointer; border:1px solid #eaded5; border-radius:999px; background:#fff; color:#3d342e; padding:10px 15px; font-weight:800; }
.video-filter input { position:absolute; opacity:0; pointer-events:none; }
.video-filter:has(input:checked), .video-filter:hover { background:#181818; border-color:#181818; color:#fff; }
.video-tutorials-search input:focus-visible, .video-filter:focus-within, .video-link:focus-visible, .video-faq button:focus-visible { outline:3px solid rgba(215,0,6,.24); outline-offset:3px; }
.video-results-message, .video-notice { border-radius:18px; padding:14px 16px; background:#f4efe9; color:#514740; font-weight:800; }
.video-product-grid, .video-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:stretch; }
.start-path, .video-series-grid, .video-role-grid, .video-short-grid, .video-upcoming-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; align-items:stretch; }
.start-path { grid-template-columns:repeat(6,minmax(0,1fr)); }
.video-series-grid, .video-role-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.video-product-card, .video-tutorial-card, .video-step-card, .video-role-grid article, .video-upcoming-grid article { display:flex; flex-direction:column; height:100%; padding:20px; }
.video-tutorial-card { padding:0; overflow:hidden; }
.video-tutorial-card .btn-two, .video-step-card .btn-two, .video-product-card .btn-two, .video-upcoming-grid .btn-two { margin:auto 20px 20px; justify-content:center; }
.video-product-card > i { width:54px; height:54px; display:flex; align-items:center; justify-content:center; border-radius:17px; background:rgba(215,0,6,.09); color:var(--color-one); font-size:25px; }
.video-card-body { flex:1 1 auto; padding:20px; }
.video-card-body h3, .video-product-card h3, .video-role-grid h3, .video-business-list h3 { color:#181818; font-size:22px; line-height:1.25; }
.video-badges, .video-meta { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; color:#766b63; font-size:13px; font-weight:800; }
.video-badges span, .video-count, .step-number { display:inline-flex; width:fit-content; border-radius:999px; padding:6px 11px; background:rgba(215,0,6,.09); color:#b70005; font-size:11px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.video-count { background:#181818; color:#fff; }
.video-center { display:flex; justify-content:center; margin-top:28px; }
.video-short-grid article { padding:18px; display:flex; flex-direction:column; gap:8px; }
.video-business-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.video-business-list article { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:14px; align-items:center; padding:18px; }
.video-ai-section, .video-website-section { background:linear-gradient(135deg,#fff,#f7ede8); }
.video-progress-cta, .video-newsletter, .video-support-cta, .video-final-cta { padding:clamp(30px,5vw,56px); text-align:center; }
.video-newsletter-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)) auto; gap:10px; align-items:end; text-align:left; margin-top:18px; }
.video-newsletter-form p { grid-column:1/-1; font-size:13px; }
.video-faq { display:grid; gap:12px; }
.video-faq-item { padding:18px; }
.video-faq h3 { margin:0; font-size:18px; }
.video-faq button { width:100%; border:0; background:transparent; color:#181818; text-align:left; font:inherit; font-weight:900; cursor:pointer; }
.video-final-cta { background:linear-gradient(135deg,#181818,#3a2724); }
.video-final-cta h2, .video-final-cta p { color:#fff; }
@media (max-width:1199px){ .start-path{grid-template-columns:repeat(3,minmax(0,1fr));}.video-product-grid,.video-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.video-short-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:991px){ .video-tutorials-hero__grid,.video-featured{grid-template-columns:1fr;}.video-product-grid,.video-series-grid,.video-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:767px){ .video-tutorials-breadcrumbs{padding-top:96px}.video-tutorials-section{padding:52px 0}.start-path,.video-product-grid,.video-card-grid,.video-series-grid,.video-role-grid,.video-short-grid,.video-business-list,.video-upcoming-grid,.video-newsletter-form{grid-template-columns:1fr}.video-tutorials-actions .btn-one,.video-tutorials-actions .btn-two,.video-card-actions .btn-one,.video-card-actions .btn-two{width:100%;justify-content:center}.video-filter-list{flex-wrap:wrap}.video-business-list article{grid-template-columns:1fr}.video-newsletter-form label,.video-newsletter-form input,.video-newsletter-form button{grid-row:auto} }
@media (prefers-reduced-motion:reduce){ .video-tutorials-page *{scroll-behavior:auto!important;transition:none!important;} }