/* Vielmira local visual system — 2026-10-23
   UI-only override. Existing application behavior and production pipeline remain unchanged. */
:root{
  color-scheme:light;
  --paper:#f3f0e9;
  --white:#fffdf9;
  --ink:#1b1a17;
  --muted:#746f67;
  --line:rgba(32,29,24,.11);
  --accent:#6f5d48;
  --accent-strong:#4d4032;
  --dark:#1b1a17;
  --gold:#8b7356;
  --radius:24px;
  --vm-surface:rgba(255,253,249,.88);
  --vm-surface-solid:#fffdf9;
  --vm-soft:#ebe6dc;
  --vm-soft-2:#e4ddd2;
  --vm-shadow:0 18px 55px rgba(40,35,28,.09),0 2px 8px rgba(40,35,28,.05);
  --vm-shadow-deep:0 32px 90px rgba(32,27,21,.16),0 8px 22px rgba(32,27,21,.08);
  --vm-radius-lg:34px;
  --vm-radius-md:24px;
  --vm-radius-sm:16px;
}
*{box-sizing:border-box}
html{background:var(--paper)}
body{
  min-height:100%;
  background:
    radial-gradient(1100px 560px at 88% -6%,rgba(157,139,111,.15),transparent 63%),
    radial-gradient(860px 520px at -8% 23%,rgba(103,116,104,.08),transparent 62%),
    linear-gradient(180deg,#f7f4ee 0%,#f1ede5 52%,#f6f3ed 100%);
  color:var(--ink);
  font-family:var(--sans);
}
body::before{
  content:"";
  position:absolute;
  inset:72px 0 auto;
  height:760px;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(120deg,rgba(255,255,255,.36),transparent 42%),
    radial-gradient(circle at 75% 25%,rgba(116,94,68,.08),transparent 40%);
  mask-image:linear-gradient(#000,transparent 92%);
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:9999;
  opacity:.18;
  background-image:repeating-linear-gradient(0deg,rgba(27,26,23,.012) 0,rgba(27,26,23,.012) 1px,transparent 1px,transparent 3px);
}
[hidden]{display:none!important}
::selection{background:#d7c8b4;color:#241f19}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{
  outline:2px solid #725f48;
  outline-offset:4px;
}
h1,h2,h3{font-family:var(--display);color:var(--ink)}
p{color:inherit}
.nav{
  position:sticky;
  top:0;
  z-index:50;
  min-height:76px;
  padding:13px max(26px,calc((100vw - 1280px)/2));
  border-bottom:1px solid rgba(35,31,25,.08);
  background:rgba(248,245,239,.78);
  box-shadow:0 8px 28px rgba(38,33,27,.035);
  backdrop-filter:blur(20px) saturate(130%);
}
.brandCluster{gap:18px}
.brand.nxWordmark,.brand.vmWordmark{color:var(--ink);text-decoration:none}
.brand.nxWordmark b,.brand.vmWordmark b{
  font:700 18px/1 var(--sans);
  letter-spacing:.22em;
}
.brandAccent{color:inherit}
.productWordmark{
  border-left:1px solid rgba(35,31,25,.14);
  padding-left:18px;
  color:var(--muted);
  font:500 12px/1.2 var(--sans);
  letter-spacing:.035em;
}
.navLinks{gap:28px}
.navLinks a{
  color:#6f6a62;
  font-size:12px;
  font-weight:560;
  letter-spacing:.01em;
}
.navLinks a:hover,.navLinks .active{color:var(--ink)}
.navLinks .active{box-shadow:0 1px var(--ink)}
.navActions{gap:12px}
.langSelect{
  min-height:42px;
  padding:0 36px 0 14px;
  border:1px solid rgba(35,31,25,.12);
  border-radius:999px;
  background:rgba(255,253,249,.72);
  color:var(--ink);
  font:500 12px var(--sans);
  box-shadow:0 4px 16px rgba(38,33,27,.04);
}
.langSelect option{background:#fffdf9;color:var(--ink)}
.primary,.secondary,#payBtn,.priceCard .primary{
  min-height:48px;
  border-radius:999px;
  padding-inline:20px;
  font-size:13px;
  font-weight:650;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.primary,#payBtn,.priceCard .primary{
  border:1px solid #1d1c19;
  background:#1d1c19;
  color:#faf7f1;
  box-shadow:0 10px 28px rgba(29,28,25,.16);
}
.primary:hover:not(:disabled),#payBtn:hover:not(:disabled),.priceCard .primary:hover{
  transform:translateY(-1px);
  border-color:#0f0f0d;
  background:#0f0f0d;
  color:#fffdf8;
  box-shadow:0 15px 34px rgba(29,28,25,.21);
}
.secondary{
  border:1px solid rgba(35,31,25,.13);
  background:rgba(255,253,249,.72);
  color:var(--ink);
  box-shadow:0 6px 20px rgba(35,31,25,.04);
}
.secondary:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:rgba(35,31,25,.22);
  background:#fffdf9;
}
.textButton,.quietLink{color:#5f5141}
.eyebrow,.sectionLabel{
  color:#796851;
  font:650 10px/1.6 var(--sans);
  letter-spacing:.18em;
  text-transform:uppercase;
}
.lead{color:#6e6961;font-size:16px;line-height:1.75}
.hint{color:#7a746c}
.panel,.accountBar,.resultCard{
  border:1px solid rgba(35,31,25,.10);
  border-radius:var(--vm-radius-md);
  background:var(--vm-surface);
  box-shadow:var(--vm-shadow);
  backdrop-filter:blur(16px) saturate(120%);
}

/* Landing */
.productPage main{overflow:hidden}
.productPage .hero{
  width:min(1280px,calc(100% - 56px));
  min-height:720px;
  margin:0 auto;
  padding:72px 0 86px;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  align-items:center;
  gap:clamp(48px,7vw,96px);
}
.heroCopy{position:relative;z-index:2}
.heroCopy .eyebrow{margin-bottom:22px}
.hero h1{
  margin:0;
  max-width:720px;
  font:400 clamp(52px,6.1vw,84px)/.98 var(--display);
  letter-spacing:-.055em;
  text-wrap:balance;
}
.hero h1 span{display:block}
.hero .accentTitle{
  margin-top:7px;
  color:#6f5d48;
  font-style:italic;
  font-weight:400;
}
.heroValueLine{
  margin:27px 0 0;
  max-width:620px;
  color:#292722;
  font-size:15px;
  font-weight:620;
  letter-spacing:.01em;
}
.hero .lead{
  max-width:625px;
  margin-top:18px;
  font-size:17px;
  line-height:1.78;
}
.heroActions{margin-top:30px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.heroLaunchNote{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:27px;
  padding:9px 13px;
  border:1px solid rgba(35,31,25,.10);
  border-radius:999px;
  background:rgba(255,253,249,.62);
  color:#756e65;
  font-size:11px;
  box-shadow:0 6px 22px rgba(35,31,25,.035);
}
.launchDot{width:7px;height:7px;border-radius:50%;background:#81715e;box-shadow:0 0 0 4px rgba(129,113,94,.10)}
.heroVisual{
  position:relative;
  isolation:isolate;
  overflow:visible;
  border-radius:38px;
  background:#d9d1c4;
  box-shadow:var(--vm-shadow-deep);
}
.heroVisual::before{
  content:"";
  position:absolute;
  inset:26px -22px -26px 30px;
  z-index:-2;
  border:1px solid rgba(60,51,41,.10);
  border-radius:42px;
  background:rgba(218,210,197,.42);
  transform:rotate(2.2deg);
}
.heroVisual::after{
  content:"";
  position:absolute;
  width:46%;
  height:30%;
  right:-9%;
  bottom:-7%;
  z-index:-1;
  border-radius:50%;
  background:rgba(88,72,53,.14);
  filter:blur(44px);
}
.heroVisual img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/5;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.54);
  border-radius:38px;
  filter:saturate(.90) contrast(.98);
}
.productPage .section,
.productPage .pricing{
  width:min(1280px,calc(100% - 56px));
  margin-left:auto;
  margin-right:auto;
}
.productPage .section{padding:96px 0}
.sectionHead{gap:46px}
.sectionHead h2{
  font:400 clamp(35px,4.1vw,58px)/1.04 var(--display);
  letter-spacing:-.045em;
}
.sellerValue{
  position:relative;
  padding:72px!important;
  border:1px solid rgba(35,31,25,.08);
  border-radius:var(--vm-radius-lg);
  background:rgba(255,253,249,.66);
  box-shadow:var(--vm-shadow);
  backdrop-filter:blur(18px);
}
.channelTags{gap:9px}
.channelTags span,.evergreenTags li{
  border:1px solid rgba(35,31,25,.10);
  border-radius:999px;
  background:#f7f3ec;
  color:#625d55;
  box-shadow:0 4px 14px rgba(35,31,25,.025);
}
.sellerBenefits{gap:16px}
.sellerBenefits article{
  min-height:220px;
  padding:28px;
  border:1px solid rgba(35,31,25,.09);
  border-radius:22px;
  background:#fffdf9;
  box-shadow:0 14px 38px rgba(35,31,25,.055);
}
.sellerBenefits article>span{color:#9a886f}
.sellerBenefits h3{font-size:23px;line-height:1.15}
.categoryCollageGrid{gap:24px}
.categoryCollageCard{
  border:1px solid rgba(35,31,25,.10);
  border-radius:30px;
  background:#fffdf9;
  box-shadow:0 22px 58px rgba(35,31,25,.09);
  overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.categoryCollageCard:hover{
  transform:translateY(-5px);
  border-color:rgba(35,31,25,.17);
  box-shadow:0 30px 75px rgba(35,31,25,.14);
}
.collageCardTop{padding:19px 22px 14px}
.collageState,.collageNumber{color:#756b5e}
.collageMosaic{gap:5px;background:#ece6dd}
.collageTile img{filter:saturate(.94)}
.collageCardInfo{padding:24px 24px 28px}
.collageCardInfo h3{font-size:31px}
.categoryExplore{color:#5b4c3a}
.workflow{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:78px;
  align-items:start;
}
.steps{gap:12px}
.steps article{
  padding:24px 26px;
  border:1px solid rgba(35,31,25,.09);
  border-radius:20px;
  background:rgba(255,253,249,.76);
  box-shadow:0 10px 30px rgba(35,31,25,.04);
}
.steps article>span{color:#9a886f}
.productTutorials{gap:24px}
.tutorialVideo{
  overflow:hidden;
  border:1px solid rgba(35,31,25,.09);
  border-radius:28px;
  background:#fffdf9;
  box-shadow:var(--vm-shadow);
}
.tutorialVideo h3{padding:22px 24px 10px}
.tutorialVideo video{display:block;background:#181713}
.evergreenPanel{
  padding:64px;
  border:1px solid rgba(35,31,25,.09);
  border-radius:var(--vm-radius-lg);
  background:
    radial-gradient(700px 260px at 90% 0,rgba(154,132,101,.12),transparent 65%),
    #fffdf9;
  box-shadow:var(--vm-shadow);
}
.pricing{
  margin-top:34px;
  margin-bottom:96px;
  padding:64px!important;
  border-radius:38px;
  background:#1d1c19;
  color:#f5f1e9;
  box-shadow:0 38px 90px rgba(25,23,20,.20);
}
.pricing h2,.pricing h3{color:#f8f4ed}
.pricing .pricingIntro p,.pricing .hint,.pricing .offerAvailability,.pricing .reviewNote{color:#bdb6ac}
.offerGrid{gap:18px}
.offerCard{
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  background:#f7f3ec;
  color:#1f1d19;
  box-shadow:0 18px 50px rgba(0,0,0,.12);
}
.offerCard h3{color:#1f1d19}
.offerType,.offerIndex{color:#7a6b58}
.offerPrice{color:#201e1a}
.offerCard .primary{background:#1d1c19;color:#fffaf3}
.faqList details{
  border:1px solid rgba(35,31,25,.09);
  border-radius:18px;
  background:rgba(255,253,249,.72);
  box-shadow:0 8px 24px rgba(35,31,25,.035);
}
.languageLinks,footer{border-color:rgba(35,31,25,.09)}
.productPage footer{
  width:min(1280px,calc(100% - 56px));
  margin:0 auto;
  padding:36px 0 46px;
}

/* Studio */
.studioPage{background-color:var(--paper)}
.studioShell{width:min(1280px,calc(100% - 56px));margin:0 auto;padding-bottom:40px}
.studioShell>h1.sectionLabel{
  margin:42px 0 14px!important;
  color:var(--ink);
  font:400 clamp(38px,4vw,54px)/1 var(--display);
  letter-spacing:-.04em;
  text-transform:none;
}
.contentCategoryNav{
  display:inline-flex;
  gap:5px;
  padding:5px;
  border:1px solid rgba(35,31,25,.09);
  border-radius:999px;
  background:rgba(255,253,249,.72);
  box-shadow:0 8px 28px rgba(35,31,25,.05);
}
.contentCategoryChip{
  min-height:40px;
  padding:0 17px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  color:#6d665d;
  font-size:12px;
  font-weight:650;
}
.contentCategoryChip[aria-current=page]{
  background:#1e1d1a;
  color:#fffaf3;
  box-shadow:0 8px 20px rgba(29,28,25,.16);
}
.categorySummary{margin:14px 0 26px}
.eyewearAudiencePanel{
  margin:0 0 20px;
  padding:22px;
  border:1px solid rgba(35,31,25,.09);
  border-radius:20px;
  background:rgba(255,253,249,.70);
  box-shadow:0 10px 28px rgba(35,31,25,.045);
}
.eyewearAudienceField{border:0;padding:0;margin:0}
.eyewearAudienceField legend{font:500 22px/1.15 var(--display);color:var(--ink)}
.eyewearAudienceOptions{gap:9px}
.eyewearAudienceOption span{
  border:1px solid rgba(35,31,25,.11);
  border-radius:999px;
  background:#fffdf9;
  color:#5f5a52;
}
.eyewearAudienceOption input:checked+span{
  border-color:#1d1c19;
  background:#1d1c19;
  color:#fffaf3;
}
.studioHeading{padding:48px 0 30px}
.studioHeading h1{
  font:400 clamp(42px,5vw,68px)/1.02 var(--display);
  letter-spacing:-.045em;
}
.studioHeading h1 span{color:#78654f}
.edition{color:#8a8177;font-family:var(--sans)}
.authGate{
  overflow:hidden;
  border:1px solid rgba(35,31,25,.10);
  border-radius:30px;
  background:#fffdf9;
  box-shadow:var(--vm-shadow-deep);
}
.authVisual{
  background:#d8d0c4;
  border-right:1px solid rgba(35,31,25,.08);
}
.authVisual img{opacity:1;filter:saturate(.92) contrast(.98)}
.authVisualLabel{
  border:1px solid rgba(255,255,255,.52);
  border-radius:999px;
  background:rgba(30,28,24,.68);
  color:#fffaf3;
  backdrop-filter:blur(10px);
}
.authVisualMeta{border-color:rgba(35,31,25,.10);color:#756e65}
.authVisualMeta span:first-child{color:#584938}
.authContent{background:linear-gradient(145deg,#fffdf9,#f7f3ec)}
.authRow input,input[type=email],input[type=text],input[type=number]{
  border-color:rgba(35,31,25,.12);
  border-radius:13px;
  background:#faf7f1;
  color:var(--ink);
}
.studioGrid{gap:20px}
.setupPanel,.stylesPanel,.checkoutPanel{
  border-radius:26px;
  background:rgba(255,253,249,.84);
  box-shadow:var(--vm-shadow);
}
.referenceGrid{gap:12px}
.referenceSlot{
  border-radius:20px;
  background:#f8f4ed;
}
.referenceDrop{
  min-height:190px;
  border:1px dashed rgba(67,57,45,.25);
  border-radius:20px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.72),rgba(242,236,226,.76));
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.referenceDrop:hover,.referenceDrop:focus-within{
  border-color:#7f6c54;
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(50,43,34,.08);
}
.referenceGuide{filter:grayscale(.35) sepia(.05)}
.uploadRules{
  border:1px solid rgba(35,31,25,.09);
  border-radius:16px;
  background:#f8f4ed;
}
.identityNote{
  border-radius:16px;
  background:#f6f1e9;
  color:#6d675f;
}
.identityNote>span{color:#8a7356}
.packageChoiceGrid{gap:12px}
.packageChoice{
  border:1px solid rgba(35,31,25,.10);
  border-radius:18px;
  background:#faf7f1;
  color:var(--ink);
  box-shadow:0 7px 22px rgba(35,31,25,.035);
}
.packageChoice:hover,.packageChoice:focus-visible{
  border-color:rgba(80,65,48,.30);
  background:#fffdf9;
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(35,31,25,.075);
}
.packageChoice.selected{
  border-color:#76624b;
  background:#f4eee5;
  box-shadow:0 0 0 2px rgba(118,98,75,.10),0 12px 30px rgba(35,31,25,.06);
}
.packageChoiceTop b{color:#65513d}
.purchaseControls{
  border:1px solid rgba(35,31,25,.09);
  border-radius:18px;
  background:#f4efe7;
}
.quantityStepper{
  border-color:rgba(35,31,25,.12);
  border-radius:12px;
  background:#fffdf9;
}
.creditBalance{
  color:#675846;
  font-weight:650;
}
.previewStage{
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  background:
    radial-gradient(700px 300px at 90% 0,rgba(151,126,94,.13),transparent 60%),
    #1d1c19;
  color:#f6f2ea;
  box-shadow:var(--vm-shadow-deep);
}
.previewStage h2{color:#f7f3ec}
.previewStage .eyebrow,.autoNotice,.exampleGrid figcaption>span{color:#bca27f}
.previewButton{border-color:rgba(255,255,255,.10);border-radius:16px;background:#11110f}
.zoomMark{background:rgba(27,26,23,.72);backdrop-filter:blur(8px)}
.previewFooter{border-color:rgba(255,255,255,.11);color:#beb7ad}
.resultGrid{gap:18px}
.resultCard{
  overflow:hidden;
  border-radius:22px;
  background:#fffdf9;
}
.resultImage img{background:#f1ece4}
.resultMeta a{color:#5f4e3b;border-color:#8b7356}
.dashboardPanel{margin-top:28px}
.dashboardList>*{border-radius:16px}
.retentionNote,.studioCompliance{color:#837c73}
.studioFooter{
  border-color:rgba(35,31,25,.10);
  color:#817a71;
}
.studioFooter a{color:#5f574e}
.previewDialog{
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  background:#1d1c19;
  color:#f7f3ec;
  box-shadow:0 42px 100px rgba(0,0,0,.32);
}
.previewDialog::backdrop{background:rgba(31,28,24,.56);backdrop-filter:blur(10px)}
.previewDialog>img{background:#11110f}
.iconButton{border-color:rgba(255,255,255,.18)}

/* Responsive refinement */
@media(max-width:1100px){
  .productPage .hero{
    grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);
    gap:42px;
  }
  .sellerValue{padding:54px!important}
  .workflow{gap:42px}
  .pricing{padding:48px!important}
}
@media(max-width:820px){
  .nav{padding-inline:20px}
  .productPage .hero{
    width:min(100% - 36px,720px);
    min-height:auto;
    grid-template-columns:1fr;
    padding:48px 0 68px;
  }
  .hero h1{font-size:clamp(46px,12vw,68px)}
  .heroVisual{order:-1;border-radius:28px}
  .heroVisual::before{inset:16px -10px -18px 20px;border-radius:30px}
  .heroVisual img{aspect-ratio:16/13;border-radius:28px;object-position:center 44%}
  .productPage .section,.productPage .pricing,.productPage footer{width:calc(100% - 36px)}
  .productPage .section{padding:70px 0}
  .sellerValue{padding:34px!important}
  .workflow{grid-template-columns:1fr}
  .evergreenPanel{padding:38px}
  .pricing{padding:34px!important;border-radius:28px}
  .studioShell{width:calc(100% - 36px)}
}
@media(max-width:600px){
  body::after{display:none}
  .brandCluster{gap:11px}
  .brand.nxWordmark b,.brand.vmWordmark b{font-size:15px;letter-spacing:.16em}
  .productWordmark{padding-left:11px;font-size:10px}
  .navActions{gap:7px}
  .langSelect{min-height:38px;padding-left:11px}
  .heroActions{align-items:stretch}
  .heroActions .primary{width:100%;justify-content:space-between}
  .sellerValue{padding:28px 22px!important}
  .sellerBenefits{grid-template-columns:1fr}
  .categoryCollageGrid{grid-template-columns:1fr}
  .productTutorials{grid-template-columns:1fr}
  .evergreenPanel{padding:30px 22px}
  .pricing{padding:28px 22px!important}
  .offerGrid{grid-template-columns:1fr}
  .studioShell>h1.sectionLabel{margin-top:30px!important}
  .contentCategoryNav{width:100%}
  .contentCategoryChip{flex:1;justify-content:center}
  .panel,.setupPanel,.checkoutPanel{padding:20px}
}

/* Layered editorial hero composition */
.vmHeroComposition{
  min-height:620px;
  padding:0;
  overflow:visible;
  background:
    radial-gradient(520px 420px at 68% 34%,rgba(171,151,122,.20),transparent 60%),
    linear-gradient(145deg,#ded6ca 0%,#cfc5b7 100%);
}
.vmHeroComposition::before{
  inset:28px -20px -28px 34px;
  background:rgba(219,210,197,.50);
}
.vmHeroMain,.vmHeroFloat{margin:0;position:absolute;overflow:hidden}
.vmHeroMain{
  inset:42px 34px 42px 92px;
  z-index:2;
  border:1px solid rgba(255,255,255,.68);
  border-radius:30px;
  background:#eee8de;
  box-shadow:0 24px 68px rgba(38,31,24,.17);
}
.vmHeroMain img{
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  filter:saturate(.90) contrast(.98)!important;
}
.vmHeroFloat{
  z-index:4;
  border:6px solid rgba(255,253,249,.94);
  border-radius:22px;
  background:#fffdf9;
  box-shadow:0 22px 54px rgba(34,29,23,.22);
}
.vmHeroFloat img{
  width:100%!important;
  height:100%!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  border:0!important;
  border-radius:16px!important;
  filter:saturate(.92) contrast(.98)!important;
}
.vmHeroFloatTop{
  width:184px;
  height:184px;
  left:-32px;
  top:72px;
  transform:rotate(-4deg);
}
.vmHeroFloatBottom{
  width:164px;
  height:164px;
  right:-28px;
  bottom:62px;
  transform:rotate(3.5deg);
}
.vmHeroBadge{
  position:absolute;
  z-index:6;
  left:28px;
  bottom:30px;
  min-width:180px;
  padding:17px 18px 15px;
  border:1px solid rgba(255,255,255,.68);
  border-radius:18px;
  background:rgba(255,253,249,.86);
  box-shadow:0 14px 34px rgba(35,30,23,.12);
  backdrop-filter:blur(16px);
}
.vmHeroBadge span{
  display:block;
  margin-bottom:9px;
  color:#81715d;
  font-size:9px;
  font-weight:750;
  letter-spacing:.22em;
}
.vmHeroBadge strong{
  display:block;
  color:#26231e;
  font:500 17px/1.15 var(--display);
}
.vmHeroBadge small{
  display:block;
  margin-top:6px;
  color:#7b746b;
  font-size:10px;
}
@media(max-width:1100px){
  .vmHeroComposition{min-height:560px}
  .vmHeroMain{inset:34px 26px 34px 72px}
  .vmHeroFloatTop{width:150px;height:150px;left:-22px}
  .vmHeroFloatBottom{width:140px;height:140px;right:-18px}
}
@media(max-width:820px){
  .vmHeroComposition{min-height:520px}
  .vmHeroMain{inset:30px 26px 30px 72px}
  .vmHeroFloatTop{left:-8px;top:58px}
  .vmHeroFloatBottom{right:-8px;bottom:48px}
}
@media(max-width:520px){
  .vmHeroComposition{min-height:430px}
  .vmHeroMain{inset:24px 16px 24px 54px}
  .vmHeroFloatTop{width:116px;height:116px;left:-4px;top:42px;border-width:4px}
  .vmHeroFloatBottom{width:108px;height:108px;right:-3px;bottom:34px;border-width:4px}
  .vmHeroBadge{left:16px;bottom:18px;min-width:154px;padding:13px 14px}
  .vmHeroBadge strong{font-size:14px}
}

/* 21st-inspired neutral glass refinements: remove remaining legacy neon/dark controls */
.studioPage .contentCategoryNav{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin:0 0 14px;
  padding:5px;
  border:1px solid rgba(35,31,25,.09);
  border-radius:999px;
  background:rgba(255,253,249,.74);
  box-shadow:0 10px 30px rgba(35,31,25,.055);
  backdrop-filter:blur(16px);
}
.studioPage .contentCategoryChip{
  min-height:40px;
  padding:0 17px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#6d665d;
  box-shadow:none;
  font-size:12px;
  font-weight:650;
}
.studioPage .contentCategoryChip:hover{
  background:rgba(36,33,28,.055);
  color:#24211d;
}
.studioPage .contentCategoryChip[aria-current=page]{
  border:0;
  background:#1e1d1a;
  color:#fffaf3;
  box-shadow:0 8px 20px rgba(29,28,25,.16);
}
.studioPage .eyewearAudiencePanel{
  position:relative;
  overflow:hidden;
  margin:0 0 22px;
  padding:24px 26px;
  border:1px solid rgba(35,31,25,.09);
  border-radius:24px;
  background:
    radial-gradient(520px 190px at 95% -10%,rgba(155,134,105,.11),transparent 62%),
    rgba(255,253,249,.80);
  box-shadow:0 16px 44px rgba(35,31,25,.065);
  backdrop-filter:blur(18px) saturate(120%);
}
.studioPage .eyewearAudiencePanel::after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-56px;
  top:-70px;
  border-radius:50%;
  border:1px solid rgba(92,77,58,.09);
  pointer-events:none;
}
.studioPage .eyewearAudienceField legend{
  color:#25221e;
  font:500 clamp(21px,2.2vw,29px)/1.2 var(--display);
  letter-spacing:-.02em;
}
.studioPage .eyewearAudienceField .hint{
  color:#817a70;
}
.studioPage .eyewearAudienceOptions{
  gap:10px;
}
.studioPage .eyewearAudienceOption{
  min-height:48px;
  padding:12px 15px;
  border:1px solid rgba(35,31,25,.11);
  border-radius:15px;
  background:rgba(250,247,241,.90);
  color:#4f4a43;
  box-shadow:0 5px 16px rgba(35,31,25,.025);
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.studioPage .eyewearAudienceOption:hover{
  transform:translateY(-1px);
  border-color:rgba(91,75,56,.24);
  background:#fffdf9;
  box-shadow:0 9px 22px rgba(35,31,25,.055);
}
.studioPage .eyewearAudienceOption:has(input:checked){
  border-color:#66533e;
  background:#eee7dd;
  color:#28241f;
  box-shadow:0 0 0 2px rgba(102,83,62,.08),0 8px 22px rgba(35,31,25,.05);
}
.studioPage .eyewearAudienceOption input{
  accent-color:#66533e;
}
.studioPage .eyewearAudiencePreview{
  color:#766f66;
}
.introductoryBadge,
.studioPage .introductoryBadge{
  padding:6px 10px;
  border:1px solid rgba(107,87,64,.17);
  border-radius:999px;
  background:#e8ded0;
  color:#5e4b36!important;
  box-shadow:none;
  font:650 10px/1.25 var(--sans);
  letter-spacing:.035em;
}
.studioPage .accountCreditItem{
  border:1px solid rgba(35,31,25,.09);
  border-radius:13px;
  background:rgba(255,253,249,.78);
  box-shadow:0 6px 18px rgba(35,31,25,.035);
}
.studioPage .accountCreditItem strong{
  color:#624f3b;
}
.studioPage .videoTestNote{
  color:#7d6c58;
}
.studioPage #uploadFeedback[data-state="warning"]{
  color:#8a6540;
}

/* Vielmira interaction layer — 21st-inspired composition, Kitchen-style primitives */

/* Stepper */
.vmStepper{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:18px 0 22px;
  padding:8px;
  border:1px solid rgba(35,31,25,.08);
  border-radius:22px;
  background:rgba(255,253,249,.72);
  box-shadow:0 12px 34px rgba(35,31,25,.055);
  backdrop-filter:blur(16px) saturate(120%);
}
.vmStep{
  position:relative;
  min-width:0;
  min-height:72px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:12px 14px;
  border:0;
  border-radius:16px;
  background:transparent;
  color:#777067;
  text-align:left;
  cursor:pointer;
  transition:background .18s ease,transform .18s ease,color .18s ease,box-shadow .18s ease;
}
.vmStep:hover{background:rgba(35,31,25,.045);transform:translateY(-1px)}
.vmStepIndex{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(35,31,25,.12);
  border-radius:12px;
  background:#f6f1e9;
  color:#8a7b67;
  font:700 10px/1 var(--sans);
  letter-spacing:.08em;
}
.vmStepCopy{min-width:0}
.vmStepCopy strong{
  display:block;
  overflow:hidden;
  color:inherit;
  font:650 12px/1.25 var(--sans);
  text-overflow:ellipsis;
  white-space:nowrap;
}
.vmStepCopy small{
  display:block;
  margin-top:4px;
  color:#9a938a;
  font:500 9px/1.2 var(--sans);
  letter-spacing:.06em;
  text-transform:uppercase;
}
.vmStepDot{
  width:8px;
  height:8px;
  border:1px solid rgba(35,31,25,.18);
  border-radius:50%;
  background:transparent;
}
.vmStep.isActive{
  background:#fffdf9;
  color:#24211d;
  box-shadow:0 9px 24px rgba(35,31,25,.065);
}
.vmStep.isActive .vmStepIndex{
  border-color:#24211d;
  background:#24211d;
  color:#fffaf2;
}
.vmStep.isActive .vmStepDot{border-color:#7a674f;background:#7a674f;box-shadow:0 0 0 4px rgba(122,103,79,.10)}
.vmStep.isDone{color:#514a42}
.vmStep.isDone .vmStepIndex{border-color:#cbbba7;background:#e8ded0;color:#5f4f3d}
.vmStep.isDone .vmStepDot{border-color:#77634b;background:#77634b}

/* 21st-style sliding category tabs */
.studioPage .contentCategoryNav{position:relative;isolation:isolate}
.vmTabIndicator{
  position:absolute;
  z-index:0;
  left:5px;
  top:5px;
  height:40px;
  border-radius:999px;
  background:#1e1d1a;
  box-shadow:0 8px 20px rgba(29,28,25,.16);
  transition:transform .24s cubic-bezier(.22,1,.36,1),width .24s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
}
.studioPage .contentCategoryChip{position:relative;z-index:1;transition:color .2s ease,background .2s ease}
.studioPage .contentCategoryChip[aria-current=page]{background:transparent;box-shadow:none;color:#fffaf3}

/* Upload cards */
.referenceSlot{
  position:relative;
  padding:10px;
  border:1px solid rgba(35,31,25,.07);
  border-radius:22px;
  background:rgba(250,247,241,.70);
  box-shadow:0 8px 24px rgba(35,31,25,.035);
}
.vmUploadMeta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:2px 2px 9px;
}
.vmUploadNumber{
  color:#9a8a76;
  font:700 9px/1 var(--sans);
  letter-spacing:.14em;
}
.vmUploadState{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:24px;
  padding:0 9px;
  border:1px solid rgba(35,31,25,.09);
  border-radius:999px;
  background:#f4efe7;
  color:#8b8379;
  font:650 9px/1 var(--sans);
  letter-spacing:.05em;
  text-transform:uppercase;
}
.vmUploadState::before{content:"";width:6px;height:6px;border-radius:50%;background:#b5aea5}
.vmUploadState[data-state=ready]{border-color:rgba(83,105,81,.14);background:#e8eee6;color:#4f6850}
.vmUploadState[data-state=ready]::before{background:#678266}
.vmUploadState[data-state=error]{border-color:rgba(154,75,58,.14);background:#f5e8e3;color:#954a3b}
.vmUploadState[data-state=error]::before{background:#aa5949}
.referenceDrop{
  position:relative;
  overflow:hidden;
  min-height:214px;
  border-radius:16px;
}
.referenceDrop::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.58) 48%,transparent 74%);
  transform:translateX(-110%);
}
.referenceDrop:hover::after,.referenceDrop.drag::after{opacity:1;animation:vmUploadSweep 1.15s ease}
@keyframes vmUploadSweep{to{transform:translateX(115%)}}
.referenceSlot.hasImage{
  border-color:rgba(89,108,84,.15);
  background:rgba(241,246,239,.74);
}
.referenceSlot.hasImage .referenceDrop{border-style:solid;border-color:rgba(89,108,84,.20)}
.referenceUploadError{
  border:1px solid rgba(154,75,58,.16)!important;
  border-radius:14px!important;
  background:#f7ebe7!important;
  color:#8d4638!important;
  box-shadow:none!important;
}

/* Expandable section */
.vmExpandable{
  overflow:hidden;
  border:1px solid rgba(35,31,25,.09)!important;
  border-radius:16px!important;
  background:rgba(248,244,237,.80)!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.vmExpandable[open]{
  border-color:rgba(90,74,55,.15)!important;
  background:#fffdf9!important;
  box-shadow:0 10px 28px rgba(35,31,25,.05);
}
.vmExpandable summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:50px;
  padding:0 15px;
  list-style:none;
  cursor:pointer;
  color:#4e4942;
  font-weight:650;
}
.vmExpandable summary::-webkit-details-marker{display:none}
.vmExpandIcon{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  flex:0 0 auto;
  border:1px solid rgba(35,31,25,.10);
  border-radius:50%;
  background:#f4efe7;
  color:#6e6254;
  font-size:17px;
  transition:transform .22s ease,background .18s ease;
}
.vmExpandable[open] .vmExpandIcon{transform:rotate(45deg);background:#ebe2d6}
.vmExpandable ul{margin-top:0;padding:3px 18px 4px 34px}
.vmExpandable>.hint{padding:0 16px 16px}

/* Kitchen NumberSpinBox-style quantity */
.vmNumberSpinBox{
  display:grid!important;
  grid-template-columns:40px 62px 40px!important;
  min-height:42px;
  border:1px solid rgba(35,31,25,.10)!important;
  border-radius:999px!important;
  overflow:hidden;
  background:#fffdf9!important;
  box-shadow:0 6px 18px rgba(35,31,25,.035);
}
.vmNumberSpinBox .quantityButton{
  width:40px!important;
  height:40px!important;
  color:#544d45!important;
  font-size:18px!important;
  transition:background .16s ease,color .16s ease;
}
.vmNumberSpinBox .quantityButton:hover{background:#eee7dd!important;color:#24211d!important}
.vmNumberSpinBox #purchaseQuantity{
  width:62px;
  min-height:40px;
  padding:0;
  border:0!important;
  border-left:1px solid rgba(35,31,25,.08)!important;
  border-right:1px solid rgba(35,31,25,.08)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:center;
  font-weight:700;
  appearance:textfield;
}
.vmNumberSpinBox #purchaseQuantity::-webkit-outer-spin-button,
.vmNumberSpinBox #purchaseQuantity::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* Pricing card refinement */
.packageChoice{
  position:relative;
  overflow:hidden;
  min-height:142px;
  padding:18px!important;
}
.packageChoice::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:transparent;
  transition:background .18s ease;
}
.packageChoice.selected::before{background:#756048}
.vmChoiceCheck{
  position:absolute;
  right:14px;
  bottom:14px;
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border:1px solid rgba(35,31,25,.10);
  border-radius:50%;
  background:#f4efe7;
  color:transparent;
  font:700 12px/1 var(--sans);
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.packageChoice.selected .vmChoiceCheck{
  background:#26231f;
  color:#fffaf3;
  transform:scale(1.03);
}
.packageChoiceTop{padding-right:34px}

/* ProgressSpinner-style production state */
.vmProductionProgress{
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:13px;
  padding:13px 14px;
  border:1px solid rgba(94,76,56,.12);
  border-radius:15px;
  background:linear-gradient(135deg,#f5efe7,#fffdf9);
  box-shadow:0 8px 24px rgba(35,31,25,.045);
}
.vmSpinner{
  width:23px;
  height:23px;
  flex:0 0 auto;
  border:2px solid rgba(104,84,61,.18);
  border-top-color:#705a42;
  border-radius:50%;
  animation:vmSpin .85s linear infinite;
}
@keyframes vmSpin{to{transform:rotate(360deg)}}
.vmProgressCopy{min-width:0}
.vmProgressCopy strong{display:block;color:#342f29;font-size:11px;line-height:1.35}
.vmProgressCopy small{display:block;margin-top:3px;color:#82796f;font-size:9px;line-height:1.45}

/* Toast */
.vmToastRegion{
  position:fixed;
  z-index:99999;
  top:92px;
  right:20px;
  display:grid;
  width:min(360px,calc(100vw - 32px));
  gap:9px;
  pointer-events:none;
}
.vmToast{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:12px 12px 12px 13px;
  border:1px solid rgba(35,31,25,.10);
  border-radius:16px;
  background:rgba(255,253,249,.94);
  box-shadow:0 20px 50px rgba(35,31,25,.13);
  backdrop-filter:blur(18px) saturate(120%);
  opacity:0;
  transform:translateY(-8px) scale(.985);
  transition:opacity .2s ease,transform .2s ease;
  pointer-events:auto;
}
.vmToast.isVisible{opacity:1;transform:none}
.vmToastIcon{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:10px;
  background:#eee7dd;
  color:#6b5944;
  font-weight:750;
}
.vmToast[data-type=success] .vmToastIcon{background:#e7eee5;color:#526951}
.vmToast[data-type=error] .vmToastIcon{background:#f4e5e0;color:#944a3b}
.vmToastText{color:#4d4740;font-size:11px;line-height:1.45}
.vmToastClose{
  width:30px;
  height:30px;
  padding:0;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#8c847a;
  font-size:18px;
  cursor:pointer;
}
.vmToastClose:hover{background:#f0ebe3;color:#38332d}

/* CarouselWithThumbnails-style result inspector */
.vmResultCarousel{
  margin:22px 0 20px;
  padding:12px;
  border:1px solid rgba(35,31,25,.09);
  border-radius:28px;
  background:rgba(255,253,249,.84);
  box-shadow:0 20px 58px rgba(35,31,25,.085);
  backdrop-filter:blur(18px);
}
.vmCarouselStage{
  position:relative;
  overflow:hidden;
  min-height:520px;
  border-radius:21px;
  background:linear-gradient(145deg,#e9e3da,#f7f3ed);
}
.vmCarouselMedia{
  display:grid;
  place-items:center;
  width:100%;
  min-height:520px;
}
.vmCarouselMedia img,.vmCarouselMedia video{
  display:block;
  width:100%;
  height:520px;
  object-fit:contain;
  background:#ebe5dc;
}
.vmCarouselArrow{
  position:absolute;
  z-index:3;
  top:50%;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  margin-top:-22px;
  border:1px solid rgba(255,255,255,.58);
  border-radius:50%;
  background:rgba(31,29,25,.70);
  color:#fffaf3;
  box-shadow:0 8px 24px rgba(26,23,19,.18);
  backdrop-filter:blur(10px);
  cursor:pointer;
}
.vmCarouselArrow:hover{background:#1d1b18}
.vmCarouselArrow.vmPrev{left:16px}
.vmCarouselArrow.vmNext{right:16px}
.vmCarouselCaption{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:14px;
  background:rgba(255,253,249,.82);
  color:#2e2a25;
  box-shadow:0 10px 30px rgba(35,31,25,.10);
  backdrop-filter:blur(14px);
}
.vmCarouselCaption strong{font:500 15px/1.2 var(--display)}
.vmCarouselCaption span{color:#756d63;font:650 10px/1 var(--sans)}
.vmCarouselThumbs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin-top:10px;
}
.vmCarouselThumb{
  position:relative;
  overflow:hidden;
  min-height:92px;
  padding:0;
  border:1px solid rgba(35,31,25,.09);
  border-radius:14px;
  background:#eee8df;
  opacity:.62;
  cursor:pointer;
  transition:opacity .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.vmCarouselThumb:hover{opacity:.88;transform:translateY(-1px)}
.vmCarouselThumb.isSelected{
  border-color:#766048;
  opacity:1;
  box-shadow:0 0 0 2px rgba(118,96,72,.10),0 8px 20px rgba(35,31,25,.07);
}
.vmCarouselThumb img{display:block;width:100%;height:92px;object-fit:cover}
.vmVideoThumb{display:grid;place-items:center;height:92px;color:#665844;font-size:20px}
.vmResultDownloads{
  margin-top:10px!important;
  padding-top:16px;
  border-top:1px solid rgba(35,31,25,.08);
}
.vmResultDownloads .resultCard{box-shadow:0 9px 24px rgba(35,31,25,.045)}
.vmResultDownloads .resultImage img,
.vmResultDownloads .resultImage video{max-height:210px;object-fit:cover}

/* Mobile */
@media(max-width:900px){
  .vmStepper{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vmCarouselStage,.vmCarouselMedia{min-height:430px}
  .vmCarouselMedia img,.vmCarouselMedia video{height:430px}
}
@media(max-width:600px){
  .vmStepper{display:flex;overflow-x:auto;scrollbar-width:none;padding:6px}
  .vmStepper::-webkit-scrollbar{display:none}
  .vmStep{min-width:184px;min-height:64px}
  .referenceSlot{padding:8px}
  .referenceDrop{min-height:190px}
  .vmToastRegion{top:78px;right:16px}
  .vmCarouselStage,.vmCarouselMedia{min-height:360px}
  .vmCarouselMedia img,.vmCarouselMedia video{height:360px}
  .vmCarouselThumbs{grid-template-columns:repeat(4,76px);overflow-x:auto;justify-content:start}
  .vmCarouselThumb,.vmCarouselThumb img,.vmVideoThumb{height:76px;min-height:76px}
  .vmCarouselArrow{width:38px;height:38px;margin-top:-19px}
  .vmCarouselArrow.vmPrev{left:10px}
  .vmCarouselArrow.vmNext{right:10px}
}
@media(prefers-reduced-motion:reduce){
  .vmSpinner{animation-duration:1.8s}
  .vmStep,.vmTabIndicator,.vmToast,.vmCarouselThumb,.vmExpandIcon,.referenceDrop::after{transition:none!important;animation:none!important}
}

/* 2026-10-23 — Studio bold contrast pass. Landing intentionally untouched. */
.studioPage{
  --vm-studio-bg:#e9e3da;
  --vm-studio-surface:#fffdf9;
  --vm-studio-surface-2:#f5efe7;
  --vm-studio-border:#cfc2b2;
  --vm-studio-border-soft:#ded4c8;
  --vm-studio-text:#171511;
  --vm-studio-muted:#625b52;
  --vm-studio-accent:#6f563c;
  --vm-studio-accent-soft:#eadfD1;
  background:
    radial-gradient(900px 460px at 84% -4%,rgba(134,106,75,.13),transparent 64%),
    linear-gradient(180deg,#eee9e1 0%,#e8e2d9 58%,#eee9e2 100%);
  color:var(--vm-studio-text);
}
.studioPage::before{
  opacity:.56;
  background:
    radial-gradient(760px 320px at 80% 8%,rgba(128,98,67,.11),transparent 64%),
    linear-gradient(180deg,rgba(255,255,255,.24),transparent 76%);
}
.studioPage .nav{
  border-bottom:1px solid #cfc4b7;
  background:rgba(246,241,234,.92);
  box-shadow:0 10px 30px rgba(46,37,28,.075);
}
.studioPage .brand.nxWordmark b,
.studioPage .brand.vmWordmark b{color:#171511;font-weight:800}
.studioPage .productWordmark{color:#5c554c;border-color:#bfb4a6;font-weight:650}
.studioPage .navLinks a{color:#5e574f;font-weight:650}
.studioPage .navLinks a:hover,
.studioPage .navLinks .active{color:#171511}
.studioPage .langSelect{
  border-color:#cbbfb1;
  background:#fffdf9;
  color:#24201b;
  box-shadow:0 8px 20px rgba(47,38,28,.075);
}

.studioPage .studioShell{
  width:min(1320px,calc(100% - 52px));
}
.studioPage .studioShell>h1.sectionLabel{
  color:#16130f;
  font-weight:500;
}
.studioPage .categorySummary{
  color:#5d554c;
  font-weight:560;
}
.studioPage .hint{color:#665e55}
.studioPage .eyebrow,
.studioPage .sectionLabel{
  color:#72593d;
  font-weight:780;
  letter-spacing:.17em;
}
.studioPage .panel,
.studioPage .accountBar,
.studioPage .resultCard{
  border:1px solid var(--vm-studio-border-soft);
  background:rgba(255,253,249,.97);
  box-shadow:0 18px 46px rgba(53,42,31,.095),0 2px 7px rgba(53,42,31,.05);
}
.studioPage .accountBar{
  color:#27231e;
}
.studioPage .accountBar span{color:#6b6258}
.studioPage .accountBar strong{color:#201c17;font-weight:750}

.studioPage .contentCategoryNav{
  border-color:#cbbfb2;
  background:#f7f2ea;
  box-shadow:0 10px 24px rgba(50,40,29,.09);
}
.studioPage .contentCategoryChip{
  color:#5d554b;
  font-weight:740;
}
.studioPage .contentCategoryChip[aria-current=page]{color:#fffdf8}
.studioPage .vmTabIndicator{
  background:#201c17;
  box-shadow:0 8px 22px rgba(26,22,18,.24);
}

.studioPage .eyewearAudiencePanel{
  border:1px solid #cbbdab;
  background:
    radial-gradient(520px 210px at 96% -8%,rgba(126,95,62,.12),transparent 66%),
    #fffaf3;
  box-shadow:0 20px 48px rgba(57,44,31,.105);
}
.studioPage .eyewearAudiencePanel::after{border-color:rgba(96,72,47,.14)}
.studioPage .eyewearAudienceField legend{
  color:#191612;
  font-weight:560;
}
.studioPage .eyewearAudienceField .hint{color:#675f55;font-weight:520}
.studioPage .eyewearAudienceOption{
  border:1px solid #c8baa9!important;
  background:#fffdf9!important;
  color:#3c362f!important;
  font-weight:650;
  box-shadow:0 6px 16px rgba(48,38,27,.045);
}
.studioPage .eyewearAudienceOption:hover{
  border-color:#8c7458!important;
  background:#f4ece1!important;
}
.studioPage .eyewearAudienceOption:has(input:checked){
  border-color:#5d4934!important;
  background:#eadfD1!important;
  color:#211c17!important;
  box-shadow:0 0 0 2px rgba(93,73,52,.10),0 10px 26px rgba(48,38,27,.09);
}
.studioPage .eyewearAudienceOption input{accent-color:#5d4934}

.studioPage .vmStepper{
  border:1px solid #cfc2b2;
  background:#f3ede4;
  box-shadow:0 15px 36px rgba(50,39,28,.09);
}
.studioPage .vmStep{
  cursor:default;
  color:#61584e;
  opacity:1;
}
.studioPage .vmStep:hover{
  transform:none;
  background:transparent;
}
.studioPage .vmStepIndex{
  border-color:#c8baa9;
  background:#eee5da;
  color:#675947;
  font-weight:800;
}
.studioPage .vmStepCopy strong{
  color:#5b5349;
  font-size:12px;
  font-weight:760;
}
.studioPage .vmStepCopy small{
  color:#8a7c6d;
  font-weight:720;
}
.studioPage .vmStepDot{
  border-color:#b9ab99;
  background:#f8f3ec;
}
.studioPage .vmStep.isActive{
  background:#fffdf9;
  color:#171511;
  box-shadow:0 10px 26px rgba(48,38,27,.11);
}
.studioPage .vmStep.isActive .vmStepIndex{
  border-color:#211d18;
  background:#211d18;
  color:#fffdf8;
}
.studioPage .vmStep.isActive .vmStepCopy strong{color:#171511}
.studioPage .vmStep.isActive .vmStepCopy small{color:#6d5a43}
.studioPage .vmStep.isActive .vmStepDot{
  border-color:#755c40;
  background:#755c40;
  box-shadow:0 0 0 4px rgba(117,92,64,.13);
}
.studioPage .vmStep.isDone .vmStepIndex{
  border-color:#a99378;
  background:#dfd0be;
  color:#4d3c2b;
}

.studioPage .setupPanel,
.studioPage .checkoutPanel,
.studioPage .packagePanel,
.studioPage .dashboardPanel{
  border:1px solid #cfc2b2;
  background:#fffdf9;
  box-shadow:0 22px 54px rgba(50,39,28,.11),0 3px 8px rgba(50,39,28,.045);
}
.studioPage .setupPanel>.sectionLabel,
.studioPage .packageTitle{
  color:#6d5032;
  font-weight:820;
}
.studioPage .referenceSlot{
  border:1px solid #d0c4b5;
  background:#f6f0e8;
  box-shadow:0 9px 24px rgba(48,38,27,.055);
}
.studioPage .referenceDrop{
  border:1px dashed #b6a894;
  background:linear-gradient(145deg,#fffdf9,#f0e8dd);
}
.studioPage .referenceDrop:hover,
.studioPage .referenceDrop:focus-within{
  border-color:#7d6345;
  box-shadow:0 15px 34px rgba(49,38,27,.105);
}
.studioPage .referenceDrop strong{
  color:#26211b;
  font-weight:760;
}
.studioPage .referencePrompt{color:#655c52;font-weight:540}
.studioPage .vmUploadNumber{color:#77634a;font-weight:820}
.studioPage .vmUploadState{
  border-color:#c9bcab;
  background:#ede5da;
  color:#6d6256;
  font-weight:760;
}
.studioPage .vmUploadState::before{background:#8b7b68}
.studioPage .vmUploadState[data-state=ready]{
  border-color:#aebca8;
  background:#e2eadf;
  color:#405840;
}
.studioPage .vmUploadState[data-state=error]{
  border-color:#d7a89d;
  background:#f5e2dd;
  color:#883f31;
}

.studioPage .uploadRules,
.studioPage .vmExpandable{
  border-color:#cfc2b2!important;
  background:#f5efe7!important;
}
.studioPage .vmExpandable summary{color:#332d26;font-weight:720}
.studioPage .vmExpandable[open]{
  border-color:#bba992!important;
  background:#fffdf9!important;
  box-shadow:0 12px 30px rgba(50,39,28,.08);
}

.studioPage .packageChoice{
  border:1px solid #cfc2b2;
  background:#f8f2ea;
  color:#28231d;
  box-shadow:0 8px 22px rgba(48,38,27,.055);
}
.studioPage .packageChoice:hover,
.studioPage .packageChoice:focus-visible{
  border-color:#8c7152;
  background:#fffaf3;
  box-shadow:0 14px 32px rgba(48,38,27,.11);
}
.studioPage .packageChoice.selected{
  border:1.5px solid #6b5135;
  background:#eee3d4;
  box-shadow:0 0 0 2px rgba(107,81,53,.08),0 14px 34px rgba(48,38,27,.105);
}
.studioPage .packageChoice.selected::before{background:#6b5135}
.studioPage .packageChoiceTop strong{color:#201c17;font-weight:780}
.studioPage .packageChoiceTop b{color:#4e3a27;font-weight:600}
.studioPage .packageChoice small{color:#62594f}
.studioPage .introductoryBadge{
  border-color:#c7b396;
  background:#e5d6c4;
  color:#5a432c!important;
  font-weight:760;
}
.studioPage .vmChoiceCheck{
  border-color:#bfae99;
  background:#eee5da;
}
.studioPage .packageChoice.selected .vmChoiceCheck{
  background:#211d18;
  color:#fffdf8;
}

.studioPage .purchaseControls{
  border:1px solid #cbbdab;
  background:#efe6db;
}
.studioPage .purchaseQuantityLabel{color:#5f554a;font-weight:700}
.studioPage .purchaseTotal span{color:#62594f}
.studioPage .purchaseTotal strong{color:#211c17}
.studioPage .vmNumberSpinBox{
  border-color:#bfae9a!important;
  background:#fffdf9!important;
}
.studioPage .packageFacts li{color:#3f3932}
.studioPage .campaignDuration{color:#5f554b;font-weight:620}
.studioPage .pipelineLocalNotice{color:#6b6156}
.studioPage .legalContext{color:#70665c}

.studioPage #generateBtn,
.studioPage #payBtn{
  font-weight:760;
}
.studioPage #generateBtn:not(:disabled),
.studioPage #payBtn:not(:disabled){
  box-shadow:0 12px 28px rgba(29,25,21,.20);
}
.studioPage .vmProductionProgress{
  border-color:#c2ae95;
  background:linear-gradient(135deg,#eee2d4,#fffaf3);
  box-shadow:0 10px 26px rgba(49,38,27,.095);
}
.studioPage .vmSpinner{
  border-color:rgba(91,67,43,.20);
  border-top-color:#5f432c;
}
.studioPage .vmProgressCopy strong{color:#2b241d;font-weight:760}
.studioPage .vmProgressCopy small{color:#675b50}

.studioPage .resultsHead h2,
.studioPage .dashboardHead h2{color:#171511}
.studioPage .resultCard{
  border-color:#cfc2b2;
  background:#fffdf9;
}
.studioPage .resultMeta h3{color:#201b16;font-weight:760}
.studioPage .resultMeta p{color:#5f574e}
.studioPage .vmResultCarousel{
  border-color:#c7b9a7;
  background:#fffdf9;
  box-shadow:0 24px 60px rgba(48,38,27,.13);
}
.studioPage .vmCarouselStage{background:linear-gradient(145deg,#ddd4c7,#f2ece4)}
.studioPage .vmCarouselCaption{
  border-color:#d5c8b8;
  background:rgba(255,253,249,.91);
}
.studioPage .vmCarouselThumb{
  border-color:#c8baa9;
  opacity:.78;
}
.studioPage .vmCarouselThumb.isSelected{
  border-color:#684e33;
  opacity:1;
  box-shadow:0 0 0 2px rgba(104,78,51,.13),0 9px 22px rgba(48,38,27,.095);
}
.studioPage .studioCompliance,
.studioPage .retentionNote{color:#5f574e}
.studioPage .studioFooter{
  border-color:#c7baaa;
  color:#665d53;
}

/* 2026-10-23 — remove redundant Studio stepper and strengthen dashboard depth */
.studioPage #vmStudioStepper{
  display:none!important;
}

.studioPage .setupPanel,
.studioPage .checkoutPanel,
.studioPage .packagePanel,
.studioPage .dashboardPanel,
.studioPage .panel,
.studioPage .resultCard{
  border:2px solid #c8baa8!important;
  box-shadow:
    0 24px 58px rgba(50,39,28,.15),
    0 7px 18px rgba(50,39,28,.085)!important;
  background:#fffdf9!important;
}

.studioPage .referenceSlot{
  border:2px solid #cdbfae!important;
  box-shadow:
    0 13px 30px rgba(48,38,27,.09),
    0 2px 6px rgba(48,38,27,.04)!important;
}

.studioPage .referenceDrop{
  border:2px dashed #b29f89!important;
  background:linear-gradient(145deg,#fffdf9,#f1e9de)!important;
}

.studioPage .referenceDrop:hover,
.studioPage .referenceDrop:focus-within{
  border-color:#765c3f!important;
  box-shadow:0 16px 36px rgba(49,38,27,.13)!important;
}

.studioPage .packageChoice{
  border:2px solid #c8baa8!important;
  box-shadow:
    0 11px 28px rgba(48,38,27,.09),
    0 2px 5px rgba(48,38,27,.04)!important;
}

.studioPage .packageChoice:hover,
.studioPage .packageChoice:focus-visible{
  border-color:#876b4d!important;
  box-shadow:
    0 16px 36px rgba(48,38,27,.13),
    0 3px 8px rgba(48,38,27,.05)!important;
}

.studioPage .packageChoice.selected{
  border:2px solid #6b5135!important;
  box-shadow:
    0 0 0 3px rgba(107,81,53,.10),
    0 18px 38px rgba(48,38,27,.15)!important;
}

.studioPage .accountBar{
  border:2px solid #cfc1af!important;
  box-shadow:
    0 13px 30px rgba(48,38,27,.09),
    0 2px 6px rgba(48,38,27,.04)!important;
}

.studioPage .eyewearAudiencePanel{
  border:2px solid #c8baa8!important;
  box-shadow:
    0 20px 48px rgba(57,44,31,.13),
    0 4px 10px rgba(57,44,31,.05)!important;
}

.studioPage .vmResultCarousel{
  border:2px solid #c8baa8!important;
  box-shadow:
    0 26px 64px rgba(48,38,27,.17),
    0 5px 14px rgba(48,38,27,.06)!important;
}

.studioPage .vmExpandable,
.studioPage .uploadRules{
  border:2px solid #cfc2b2!important;
}

.studioPage .purchaseControls{
  border:2px solid #c8baa8!important;
  box-shadow:0 10px 24px rgba(48,38,27,.07)!important;
}

/* 2026-10-23 — Studio palette synchronized with landing */
.studioPage{
  --paper:#f3f0e9;
  --white:#fffdf9;
  --ink:#1b1a17;
  --muted:#746f67;
  --line:rgba(32,29,24,.11);
  --accent:#6f5d48;
  --dark:#1b1a17;
  --gold:#8b7356;
  background:
    radial-gradient(1100px 560px at 88% -6%,rgba(157,139,111,.15),transparent 63%),
    radial-gradient(860px 520px at -8% 23%,rgba(103,116,104,.06),transparent 62%),
    linear-gradient(180deg,#f7f4ee 0%,#f1ede5 52%,#f6f3ed 100%)!important;
  color:#1b1a17;
}
.studioPage::before{
  opacity:1;
  background:
    linear-gradient(120deg,rgba(255,255,255,.32),transparent 42%),
    radial-gradient(circle at 75% 25%,rgba(116,94,68,.07),transparent 40%)!important;
}
.studioPage .nav{
  border-bottom:1px solid rgba(35,31,25,.08)!important;
  background:rgba(248,245,239,.82)!important;
  box-shadow:0 8px 28px rgba(38,33,27,.04)!important;
}
.studioPage .langSelect{
  border:1px solid rgba(35,31,25,.12)!important;
  background:rgba(255,253,249,.82)!important;
  color:#1b1a17!important;
  box-shadow:0 5px 16px rgba(38,33,27,.045)!important;
}
.studioPage .brand.nxWordmark b,
.studioPage .brand.vmWordmark b{color:#1b1a17!important}
.studioPage .productWordmark{
  color:#746f67!important;
  border-color:rgba(35,31,25,.13)!important;
}
.studioPage .navLinks a{color:#6f6a62!important}
.studioPage .navLinks a:hover,
.studioPage .navLinks .active{color:#1b1a17!important}

.studioPage .studioShell{
  width:min(1280px,calc(100% - 56px))!important;
}
.studioPage .studioShell>h1.sectionLabel{
  color:#1b1a17!important;
  font:400 clamp(42px,4.6vw,60px)/1 var(--display)!important;
  letter-spacing:-.045em!important;
}
.studioPage .categorySummary{
  color:#6e6961!important;
  font-weight:500!important;
}
.studioPage .hint,
.studioPage .retentionNote,
.studioPage .studioCompliance{color:#746f67!important}
.studioPage .eyebrow,
.studioPage .sectionLabel{
  color:#796851!important;
  font-weight:650!important;
}

.studioPage .panel,
.studioPage .setupPanel,
.studioPage .checkoutPanel,
.studioPage .packagePanel,
.studioPage .dashboardPanel,
.studioPage .accountBar,
.studioPage .resultCard{
  border:1.5px solid rgba(35,31,25,.11)!important;
  background:rgba(255,253,249,.92)!important;
  box-shadow:
    0 20px 56px rgba(40,35,28,.095),
    0 3px 9px rgba(40,35,28,.045)!important;
  backdrop-filter:blur(16px) saturate(120%);
}
.studioPage .setupPanel,
.studioPage .checkoutPanel,
.studioPage .packagePanel,
.studioPage .dashboardPanel{border-radius:28px!important}
.studioPage .accountBar{
  border-radius:18px!important;
  background:rgba(255,253,249,.82)!important;
}
.studioPage .accountBar span{color:#7b756d!important}
.studioPage .accountBar strong{color:#25221e!important}

.studioPage .contentCategoryNav{
  border:1px solid rgba(35,31,25,.10)!important;
  background:rgba(255,253,249,.72)!important;
  box-shadow:0 8px 28px rgba(35,31,25,.055)!important;
}
.studioPage .contentCategoryChip{color:#6d665d!important}
.studioPage .contentCategoryChip[aria-current=page]{color:#fffaf3!important}
.studioPage .vmTabIndicator{
  background:#1d1c19!important;
  box-shadow:0 8px 22px rgba(29,28,25,.18)!important;
}

.studioPage .eyewearAudiencePanel{
  border:1.5px solid rgba(35,31,25,.11)!important;
  background:
    radial-gradient(520px 190px at 95% -10%,rgba(155,134,105,.10),transparent 62%),
    rgba(255,253,249,.88)!important;
  box-shadow:
    0 18px 50px rgba(40,35,28,.095),
    0 3px 9px rgba(40,35,28,.04)!important;
}
.studioPage .eyewearAudienceField legend{color:#1b1a17!important}
.studioPage .eyewearAudienceField .hint{color:#746f67!important}
.studioPage .eyewearAudienceOption{
  border:1.5px solid rgba(35,31,25,.13)!important;
  background:#fffdf9!important;
  color:#4f4a43!important;
  box-shadow:0 5px 16px rgba(35,31,25,.03)!important;
}
.studioPage .eyewearAudienceOption:hover{
  border-color:#8a7358!important;
  background:#f7f2eb!important;
}
.studioPage .eyewearAudienceOption:has(input:checked){
  border-color:#6f5d48!important;
  background:#ebe2d7!important;
  color:#28231e!important;
  box-shadow:0 0 0 2px rgba(111,93,72,.08),0 9px 24px rgba(35,31,25,.065)!important;
}
.studioPage .eyewearAudienceOption input{accent-color:#6f5d48!important}

.studioPage .referenceSlot{
  border:1.5px solid rgba(35,31,25,.11)!important;
  background:#f8f4ed!important;
  box-shadow:0 11px 30px rgba(40,35,28,.055)!important;
}
.studioPage .referenceDrop{
  border:1.5px dashed rgba(67,57,45,.28)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(242,236,226,.84))!important;
}
.studioPage .referenceDrop:hover,
.studioPage .referenceDrop:focus-within{
  border-color:#7f6c54!important;
  box-shadow:0 15px 34px rgba(50,43,34,.09)!important;
}
.studioPage .referenceDrop strong{
  color:#24211d!important;
  font-weight:700!important;
}
.studioPage .referencePrompt{color:#746f67!important}
.studioPage .referenceGuide{
  opacity:.50!important;
  filter:grayscale(1) sepia(.55) saturate(.70) brightness(.86) contrast(.88)!important;
}
.studioPage .vmUploadNumber{color:#8b7356!important}
.studioPage .vmUploadState{
  border:1px solid rgba(35,31,25,.10)!important;
  background:#f1ebe3!important;
  color:#756d64!important;
}
.studioPage .vmUploadState::before{background:#9a9288!important}
.studioPage .vmUploadState[data-state=ready]{
  border-color:rgba(91,109,84,.14)!important;
  background:#e8eee6!important;
  color:#4f6850!important;
}
.studioPage .vmUploadState[data-state=error]{
  border-color:rgba(154,75,58,.14)!important;
  background:#f5e8e3!important;
  color:#954a3b!important;
}

.studioPage .vmExpandable,
.studioPage .uploadRules{
  border:1.5px solid rgba(35,31,25,.10)!important;
  background:#f8f4ed!important;
  box-shadow:none!important;
}
.studioPage .vmExpandable[open]{
  border-color:rgba(111,93,72,.18)!important;
  background:#fffdf9!important;
  box-shadow:0 10px 28px rgba(35,31,25,.05)!important;
}
.studioPage .vmExpandable summary{color:#4e4942!important}

.studioPage .packageChoice{
  border:1.5px solid rgba(35,31,25,.11)!important;
  background:#faf7f1!important;
  color:#1f1d19!important;
  box-shadow:0 8px 22px rgba(35,31,25,.04)!important;
}
.studioPage .packageChoice:hover,
.studioPage .packageChoice:focus-visible{
  border-color:#8b7356!important;
  background:#fffdf9!important;
  box-shadow:0 14px 34px rgba(35,31,25,.075)!important;
}
.studioPage .packageChoice.selected{
  border:1.5px solid #1d1c19!important;
  background:#1d1c19!important;
  color:#f7f3ec!important;
  box-shadow:0 18px 42px rgba(29,28,25,.18)!important;
}
.studioPage .packageChoice.selected::before{background:#8b7356!important}
.studioPage .packageChoice.selected .packageChoiceTop strong,
.studioPage .packageChoice.selected .packageChoiceTop b,
.studioPage .packageChoice.selected small,
.studioPage .packageChoice.selected .priceOriginal,
.studioPage .packageChoice.selected .priceOriginal span,
.studioPage .packageChoice.selected .priceOriginal s{
  color:#f7f3ec!important;
}
.studioPage .packageChoice.selected .priceOriginal{opacity:.64}
.studioPage .packageChoice.selected .introductoryBadge{
  border-color:rgba(255,255,255,.18)!important;
  background:#ded1c0!important;
  color:#4f3e2c!important;
}
.studioPage .vmChoiceCheck{
  border-color:rgba(35,31,25,.12)!important;
  background:#f1ebe3!important;
}
.studioPage .packageChoice.selected .vmChoiceCheck{
  border-color:#f7f3ec!important;
  background:#f7f3ec!important;
  color:#1d1c19!important;
}

.studioPage .purchaseControls{
  border:1.5px solid rgba(35,31,25,.11)!important;
  background:#f4efe7!important;
  box-shadow:none!important;
}
.studioPage .vmNumberSpinBox{
  border:1px solid rgba(35,31,25,.12)!important;
  background:#fffdf9!important;
  box-shadow:0 6px 18px rgba(35,31,25,.035)!important;
}
.studioPage .purchaseTotal strong{color:#1d1c19!important}

.studioPage .vmProductionProgress{
  border:1px solid rgba(111,93,72,.14)!important;
  background:linear-gradient(135deg,#f5efe7,#fffdf9)!important;
  box-shadow:0 8px 24px rgba(35,31,25,.045)!important;
}
.studioPage .vmSpinner{
  border-color:rgba(104,84,61,.18)!important;
  border-top-color:#705a42!important;
}

.studioPage .vmResultCarousel{
  border:1.5px solid rgba(35,31,25,.10)!important;
  background:rgba(255,253,249,.90)!important;
  box-shadow:0 22px 58px rgba(35,31,25,.10)!important;
}
.studioPage .vmCarouselStage{background:linear-gradient(145deg,#e9e3da,#f7f3ed)!important}
.studioPage .vmCarouselCaption{
  border-color:rgba(255,255,255,.55)!important;
  background:rgba(255,253,249,.86)!important;
}
.studioPage .vmCarouselThumb{
  border-color:rgba(35,31,25,.10)!important;
  background:#eee8df!important;
}
.studioPage .vmCarouselThumb.isSelected{
  border-color:#6f5d48!important;
  box-shadow:0 0 0 2px rgba(111,93,72,.10),0 8px 20px rgba(35,31,25,.07)!important;
}

.studioPage .primary,
.studioPage #payBtn,
.studioPage #generateBtn{
  background:#1d1c19!important;
  border-color:#1d1c19!important;
  color:#faf7f1!important;
  box-shadow:0 10px 28px rgba(29,28,25,.16)!important;
}
.studioPage .primary:hover:not(:disabled),
.studioPage #payBtn:hover:not(:disabled),
.studioPage #generateBtn:hover:not(:disabled){
  background:#0f0f0d!important;
  border-color:#0f0f0d!important;
  color:#fffdf8!important;
  box-shadow:0 15px 34px rgba(29,28,25,.21)!important;
}
.studioPage .secondary{
  border:1px solid rgba(35,31,25,.13)!important;
  background:rgba(255,253,249,.78)!important;
  color:#1b1a17!important;
}
.studioPage .textButton{color:#5f5141!important}

.studioPage .studioFooter{
  border-color:rgba(35,31,25,.10)!important;
  color:#817a71!important;
}

/* Remove remaining legacy green/mint states from Studio */
.studioPage .eyewearAudienceOption,
.studioPage .eyewearAudienceOption:hover,
.studioPage .eyewearAudienceOption:focus-within{
  outline:none!important;
  box-shadow:0 5px 16px rgba(35,31,25,.03)!important;
}
.studioPage .eyewearAudienceOption:has(input:focus-visible){
  outline:2px solid #6f5d48!important;
  outline-offset:2px!important;
  border-color:#6f5d48!important;
}
.studioPage .eyewearAudienceOption span{
  border:0!important;
  background:transparent!important;
  color:inherit!important;
}
.studioPage .eyewearAudienceOption input:checked+span{
  border:0!important;
  background:transparent!important;
  color:inherit!important;
}
.studioPage .referenceSlot.hasImage{
  border-color:rgba(111,93,72,.18)!important;
  background:#f5efe7!important;
}
.studioPage .referenceSlot.hasImage .referenceDrop{
  border-color:rgba(111,93,72,.24)!important;
}
.studioPage .vmUploadState[data-state=ready]{
  border-color:rgba(111,93,72,.16)!important;
  background:#ebe2d7!important;
  color:#5f4d39!important;
}
.studioPage .vmUploadState[data-state=ready]::before{
  background:#8b7356!important;
}
.studioPage .vmToast[data-type=success] .vmToastIcon{
  background:#ebe2d7!important;
  color:#5f4d39!important;
}

/* 2026-10-23 — Dashboard cards aligned to landing dark editorial card language */
.studioPage{
  background:
    radial-gradient(1000px 500px at 85% -10%, rgba(18,77,63,.08), transparent 60%),
    linear-gradient(180deg,#f4f1eb 0%,#f1eee8 50%,#f6f3ed 100%)!important;
}
.studioPage .studioShell>h1.sectionLabel{color:#1a1815!important}
.studioPage .categorySummary{color:#6e6961!important}

/* Dark editorial surfaces matching landing collection cards */
.studioPage .setupPanel,
.studioPage .checkoutPanel,
.studioPage .packagePanel,
.studioPage .dashboardPanel,
.studioPage .panel,
.studioPage .resultCard,
.studioPage .eyewearAudiencePanel,
.studioPage .accountBar,
.studioPage .vmResultCarousel{
  background:linear-gradient(180deg,#07352e 0%,#03281f 100%)!important;
  border:1px solid rgba(194,167,118,.18)!important;
  box-shadow:
    0 26px 60px rgba(7,19,17,.26),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
  color:#f3ecdf!important;
  border-radius:28px!important;
}
.studioPage .setupPanel>.sectionLabel,
.studioPage .packageTitle,
.studioPage .resultsHead h2,
.studioPage .dashboardHead h2,
.studioPage .eyewearAudienceField legend{
  color:#f3ecdf!important;
}
.studioPage .eyebrow,
.studioPage .sectionLabel{
  color:#bda27b!important;
  letter-spacing:.16em!important;
}
.studioPage .hint,
.studioPage .retentionNote,
.studioPage .studioCompliance,
.studioPage .referencePrompt,
.studioPage .purchaseQuantityLabel,
.studioPage .purchaseTotal span,
.studioPage .packageFacts li,
.studioPage .campaignDuration,
.studioPage .pipelineLocalNotice,
.studioPage .legalContext{
  color:#d8d0c4!important;
}

/* Account strip */
.studioPage .accountBar span{color:#cbbfab!important}
.studioPage .accountBar strong{color:#fff6ea!important}

/* Tabs */
.studioPage .contentCategoryNav{
  background:rgba(5,36,31,.92)!important;
  border:1px solid rgba(194,167,118,.16)!important;
  box-shadow:0 16px 36px rgba(7,19,17,.18)!important;
}
.studioPage .contentCategoryChip{color:#d8d0c4!important}
.studioPage .vmTabIndicator{
  background:#f3ecdf!important;
  box-shadow:none!important;
}
.studioPage .contentCategoryChip[aria-current=page]{
  color:#0b1513!important;
  font-weight:700!important;
}

/* Audience selector */
.studioPage .eyewearAudienceField .hint{color:#cabdaa!important}
.studioPage .eyewearAudienceOption{
  border:1px solid rgba(194,167,118,.20)!important;
  background:rgba(255,255,255,.03)!important;
  color:#f0e7d8!important;
  box-shadow:none!important;
}
.studioPage .eyewearAudienceOption:hover{
  border-color:rgba(223,196,149,.30)!important;
  background:rgba(255,255,255,.05)!important;
}
.studioPage .eyewearAudienceOption:has(input:checked){
  border-color:#d5ba8d!important;
  background:rgba(243,236,223,.10)!important;
  color:#fff6ea!important;
  box-shadow:0 0 0 1px rgba(213,186,141,.16) inset!important;
}
.studioPage .eyewearAudienceOption input{accent-color:#d5ba8d!important}
.studioPage .eyewearAudienceOption span{
  color:inherit!important;
  background:transparent!important;
  border:0!important;
}

/* Upload cards */
.studioPage .referenceSlot{
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018))!important;
  border:1px solid rgba(194,167,118,.16)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 12px 28px rgba(7,19,17,.14)!important;
  border-radius:22px!important;
}
.studioPage .referenceDrop{
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012))!important;
  border:1px dashed rgba(198,181,154,.30)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
.studioPage .referenceDrop:hover,
.studioPage .referenceDrop:focus-within{
  border-color:rgba(223,196,149,.42)!important;
  box-shadow:
    0 0 0 1px rgba(223,196,149,.12) inset,
    0 14px 28px rgba(7,19,17,.12)!important;
}
.studioPage .referenceDrop strong{color:#f5edde!important}
.studioPage .referenceGuide{
  opacity:.68!important;
  filter:grayscale(1) sepia(.45) brightness(.86) contrast(.92)!important;
}
.studioPage .vmUploadNumber{color:#bda27b!important}
.studioPage .vmUploadState{
  border:1px solid rgba(194,167,118,.18)!important;
  background:rgba(255,255,255,.04)!important;
  color:#d8d0c4!important;
}
.studioPage .vmUploadState::before{background:#9f8b6b!important}
.studioPage .vmUploadState[data-state=ready]{
  border-color:rgba(213,186,141,.24)!important;
  background:rgba(213,186,141,.10)!important;
  color:#f7eedf!important;
}
.studioPage .vmUploadState[data-state=ready]::before{background:#d5ba8d!important}
.studioPage .vmUploadState[data-state=error]{
  background:rgba(140,54,42,.18)!important;
  border-color:rgba(191,97,77,.24)!important;
  color:#f3d5cd!important;
}

/* Rules */
.studioPage .vmExpandable,
.studioPage .uploadRules{
  background:rgba(255,255,255,.03)!important;
  border:1px solid rgba(194,167,118,.16)!important;
  color:#ece3d4!important;
  box-shadow:none!important;
}
.studioPage .vmExpandable summary{color:#f0e7d8!important}
.studioPage .vmExpandable[open]{
  background:rgba(255,255,255,.04)!important;
  border-color:rgba(213,186,141,.24)!important;
}
.studioPage .vmExpandIcon{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(194,167,118,.18)!important;
  color:#d9c2a0!important;
}

/* Package cards */
.studioPage .packageChoice{
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02))!important;
  border:1px solid rgba(194,167,118,.16)!important;
  color:#f1e8da!important;
  box-shadow:0 10px 24px rgba(7,19,17,.14)!important;
}
.studioPage .packageChoice:hover,
.studioPage .packageChoice:focus-visible{
  border-color:rgba(213,186,141,.30)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03))!important;
}
.studioPage .packageChoice.selected{
  background:linear-gradient(180deg,#0f1312 0%,#151917 100%)!important;
  border:1px solid rgba(215,191,149,.34)!important;
  color:#fff6ea!important;
  box-shadow:
    0 20px 38px rgba(7,19,17,.22),
    inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.studioPage .packageChoiceTop strong,
.studioPage .packageChoiceTop b,
.studioPage .packageChoice small,
.studioPage .priceOriginal,
.studioPage .priceOriginal span,
.studioPage .priceOriginal s{color:inherit!important}
.studioPage .introductoryBadge{
  background:#d9c2a0!important;
  color:#3c2f22!important;
  border:0!important;
}
.studioPage .vmChoiceCheck{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(194,167,118,.18)!important;
  color:transparent!important;
}
.studioPage .packageChoice.selected .vmChoiceCheck{
  background:#f3ecdf!important;
  color:#111311!important;
  border-color:#f3ecdf!important;
}

/* Quantity / purchase */
.studioPage .purchaseControls{
  background:rgba(255,255,255,.03)!important;
  border:1px solid rgba(194,167,118,.16)!important;
  box-shadow:none!important;
}
.studioPage .vmNumberSpinBox{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(194,167,118,.18)!important;
  box-shadow:none!important;
}
.studioPage .vmNumberSpinBox #purchaseQuantity{
  background:transparent!important;
  color:#fff1e1!important;
}
.studioPage .vmNumberSpinBox .quantityButton{color:#efe5d6!important}
.studioPage .vmNumberSpinBox .quantityButton:hover{
  background:rgba(255,255,255,.06)!important;
  color:#fff8ee!important;
}

/* Buttons */
.studioPage #generateBtn,
.studioPage #payBtn,
.studioPage .primary{
  background:#f3ecdf!important;
  border:1px solid #f3ecdf!important;
  color:#111311!important;
  box-shadow:0 12px 30px rgba(7,19,17,.18)!important;
}
.studioPage #generateBtn:hover:not(:disabled),
.studioPage #payBtn:hover:not(:disabled),
.studioPage .primary:hover:not(:disabled){
  background:#fff7ea!important;
  border-color:#fff7ea!important;
  color:#0e100f!important;
}
.studioPage .secondary{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(194,167,118,.18)!important;
  color:#f1e8da!important;
}

/* Carousel + footer */
.studioPage .vmResultCarousel{
  background:linear-gradient(180deg,#07352e 0%,#03281f 100%)!important;
}
.studioPage .vmCarouselStage{background:rgba(255,255,255,.04)!important}
.studioPage .vmCarouselCaption{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(194,167,118,.16)!important;
  color:#f4ebde!important;
}
.studioPage .vmCarouselThumb{
  background:rgba(255,255,255,.03)!important;
  border:1px solid rgba(194,167,118,.16)!important;
}
.studioPage .vmCarouselThumb.isSelected{
  border-color:#d5ba8d!important;
  box-shadow:0 0 0 1px rgba(213,186,141,.12) inset!important;
}
.studioPage .studioFooter{
  color:#c8bca8!important;
  border-color:rgba(194,167,118,.12)!important;
}

/* 2026-10-23 — FINAL STUDIO SURFACE RULE: every dashboard card is premium ivory */
.studioPage{
  --vm-ivory:#fffdf8;
  --vm-ivory-2:#f8f3eb;
  --vm-ivory-3:#f1e9de;
  --vm-ink:#1d1a17;
  --vm-muted:#756d63;
  --vm-taupe:#8a7356;
  --vm-border:rgba(51,43,34,.13);
  --vm-shadow:0 22px 54px rgba(46,37,28,.10),0 4px 12px rgba(46,37,28,.045);
  background:
    radial-gradient(920px 460px at 86% -8%,rgba(139,115,86,.09),transparent 62%),
    linear-gradient(180deg,#f7f4ee 0%,#f1ede5 56%,#f6f3ed 100%)!important;
  color:var(--vm-ink)!important;
}

/* Every card/panel surface = ivory */
.studioPage .panel,
.studioPage .setupPanel,
.studioPage .checkoutPanel,
.studioPage .packagePanel,
.studioPage .dashboardPanel,
.studioPage .eyewearAudiencePanel,
.studioPage .accountBar,
.studioPage .resultCard,
.studioPage .vmResultCarousel,
.studioPage .referenceSlot,
.studioPage .packageChoice,
.studioPage .purchaseControls,
.studioPage .vmExpandable,
.studioPage .uploadRules,
.studioPage .vmProductionProgress,
.studioPage .accountCreditItem{
  background:var(--vm-ivory)!important;
  color:var(--vm-ink)!important;
  border:1px solid var(--vm-border)!important;
  box-shadow:var(--vm-shadow)!important;
}

/* Outer panels */
.studioPage .setupPanel,
.studioPage .checkoutPanel,
.studioPage .packagePanel,
.studioPage .dashboardPanel,
.studioPage .eyewearAudiencePanel,
.studioPage .vmResultCarousel{
  border-radius:28px!important;
}

/* Account strip stays compact but ivory */
.studioPage .accountBar{
  border-radius:18px!important;
  box-shadow:0 14px 34px rgba(46,37,28,.075),0 2px 7px rgba(46,37,28,.035)!important;
}
.studioPage .accountBar span{color:#81786e!important}
.studioPage .accountBar strong{color:var(--vm-ink)!important}

/* Typography */
.studioPage .setupPanel>.sectionLabel,
.studioPage .packageTitle,
.studioPage .resultsHead h2,
.studioPage .dashboardHead h2,
.studioPage .eyewearAudienceField legend{
  color:var(--vm-ink)!important;
}
.studioPage .sectionLabel,
.studioPage .eyebrow{
  color:#7a654d!important;
}
.studioPage .hint,
.studioPage .retentionNote,
.studioPage .studioCompliance,
.studioPage .referencePrompt,
.studioPage .purchaseQuantityLabel,
.studioPage .purchaseTotal span,
.studioPage .packageFacts li,
.studioPage .campaignDuration,
.studioPage .pipelineLocalNotice,
.studioPage .legalContext,
.studioPage .eyewearAudienceField .hint{
  color:var(--vm-muted)!important;
}

/* Watch / Eyewear tabs: ivory rail, graphite selected */
.studioPage .contentCategoryNav{
  background:rgba(255,253,248,.86)!important;
  border:1px solid var(--vm-border)!important;
  box-shadow:0 10px 26px rgba(46,37,28,.055)!important;
}
.studioPage .contentCategoryChip{
  color:#6d655c!important;
  font-weight:650!important;
}
.studioPage .vmTabIndicator{
  background:#1d1c19!important;
  box-shadow:0 8px 20px rgba(29,28,25,.16)!important;
}
.studioPage .contentCategoryChip[aria-current=page]{
  color:#fffaf3!important;
}

/* Audience options = ivory cards; selected uses taupe outline only */
.studioPage .eyewearAudienceOption{
  background:var(--vm-ivory)!important;
  color:#413a33!important;
  border:1px solid rgba(51,43,34,.14)!important;
  box-shadow:0 6px 16px rgba(46,37,28,.035)!important;
}
.studioPage .eyewearAudienceOption:hover{
  background:#fbf7f0!important;
  border-color:#9b8468!important;
}
.studioPage .eyewearAudienceOption:has(input:checked){
  background:#f3ece2!important;
  border:1.5px solid #7b654c!important;
  color:#231f1a!important;
  box-shadow:0 0 0 2px rgba(123,101,76,.08),0 8px 20px rgba(46,37,28,.05)!important;
}
.studioPage .eyewearAudienceOption input{accent-color:#6f5d48!important}

/* Upload slots = nested ivory, not colored */
.studioPage .referenceSlot{
  border-radius:22px!important;
  background:#faf6ef!important;
  box-shadow:0 10px 26px rgba(46,37,28,.055)!important;
}
.studioPage .referenceDrop{
  background:linear-gradient(180deg,#fffdf8 0%,#f8f3eb 100%)!important;
  border:1px dashed rgba(92,78,62,.26)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
.studioPage .referenceDrop:hover,
.studioPage .referenceDrop:focus-within{
  background:#fffefa!important;
  border-color:#8a7356!important;
  box-shadow:0 10px 24px rgba(46,37,28,.055)!important;
}
.studioPage .referenceDrop strong{color:#29241f!important}
.studioPage .referenceGuide{
  opacity:.52!important;
  filter:grayscale(1) sepia(.18) brightness(.93) contrast(.92)!important;
}
.studioPage .vmUploadNumber{color:#8a7356!important}
.studioPage .vmUploadState{
  background:#f2ece3!important;
  color:#746c62!important;
  border:1px solid rgba(51,43,34,.10)!important;
  box-shadow:none!important;
}
.studioPage .vmUploadState::before{background:#a1978c!important}
.studioPage .vmUploadState[data-state=ready]{
  background:#ede4d8!important;
  color:#5b4a38!important;
  border-color:rgba(111,93,72,.16)!important;
}
.studioPage .vmUploadState[data-state=ready]::before{background:#8a7356!important}
.studioPage .vmUploadState[data-state=error]{
  background:#f5e7e2!important;
  color:#91483a!important;
  border-color:rgba(145,72,58,.16)!important;
}

/* Rules card */
.studioPage .vmExpandable,
.studioPage .uploadRules{
  background:#faf6ef!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
.studioPage .vmExpandable summary{color:#3e3831!important}
.studioPage .vmExpandable[open]{
  background:#fffdf8!important;
  border-color:rgba(111,93,72,.18)!important;
  box-shadow:0 10px 24px rgba(46,37,28,.045)!important;
}
.studioPage .vmExpandIcon{
  background:#efe7dc!important;
  color:#665642!important;
  border-color:rgba(51,43,34,.10)!important;
}

/* Package cards: every package remains ivory */
.studioPage .packageChoice{
  position:relative;
  background:linear-gradient(180deg,#fffdf8 0%,#f8f3eb 100%)!important;
  color:var(--vm-ink)!important;
  border:1px solid rgba(51,43,34,.12)!important;
  box-shadow:0 10px 26px rgba(46,37,28,.055)!important;
}
.studioPage .packageChoice:hover,
.studioPage .packageChoice:focus-visible{
  background:#fffefa!important;
  border-color:#9a8061!important;
  box-shadow:0 14px 32px rgba(46,37,28,.085)!important;
}
.studioPage .packageChoice.selected{
  background:linear-gradient(180deg,#fffdf8 0%,#f4ecdf 100%)!important;
  color:var(--vm-ink)!important;
  border:2px solid #6f5d48!important;
  box-shadow:
    0 0 0 3px rgba(111,93,72,.08),
    0 18px 38px rgba(46,37,28,.11)!important;
}
.studioPage .packageChoice.selected::before{
  background:#6f5d48!important;
}
.studioPage .packageChoiceTop strong,
.studioPage .packageChoiceTop b,
.studioPage .packageChoice small,
.studioPage .priceOriginal,
.studioPage .priceOriginal span,
.studioPage .priceOriginal s{
  color:inherit!important;
}
.studioPage .packageChoiceTop b{color:#4e3b28!important}
.studioPage .priceOriginal{color:#83796f!important}
.studioPage .introductoryBadge{
  background:#e6d7c4!important;
  color:#513e2b!important;
  border:1px solid rgba(111,93,72,.12)!important;
}
.studioPage .vmChoiceCheck{
  background:#efe7dc!important;
  color:transparent!important;
  border:1px solid rgba(51,43,34,.11)!important;
}
.studioPage .packageChoice.selected .vmChoiceCheck{
  background:#1d1c19!important;
  color:#fffaf3!important;
  border-color:#1d1c19!important;
}

/* Quantity area = ivory */
.studioPage .purchaseControls{
  background:#f7f1e9!important;
  box-shadow:none!important;
}
.studioPage .vmNumberSpinBox{
  background:#fffdf8!important;
  border:1px solid rgba(51,43,34,.12)!important;
  box-shadow:0 5px 14px rgba(46,37,28,.035)!important;
}
.studioPage .vmNumberSpinBox #purchaseQuantity{
  background:transparent!important;
  color:var(--vm-ink)!important;
}
.studioPage .vmNumberSpinBox .quantityButton{color:#4f4941!important}
.studioPage .vmNumberSpinBox .quantityButton:hover{
  background:#eee6db!important;
  color:#1f1b17!important;
}

/* Primary controls remain graphite for hierarchy; these are buttons, not cards */
.studioPage #generateBtn,
.studioPage #payBtn,
.studioPage .primary{
  background:#1d1c19!important;
  border:1px solid #1d1c19!important;
  color:#fffaf3!important;
  box-shadow:0 12px 28px rgba(29,28,25,.14)!important;
}
.studioPage #generateBtn:hover:not(:disabled),
.studioPage #payBtn:hover:not(:disabled),
.studioPage .primary:hover:not(:disabled){
  background:#0f0f0d!important;
  border-color:#0f0f0d!important;
}
.studioPage .secondary{
  background:#fffdf8!important;
  color:#1d1b18!important;
  border:1px solid rgba(51,43,34,.11)!important;
}

/* Production status = ivory */
.studioPage .vmProductionProgress{
  background:linear-gradient(135deg,#f6efe6,#fffdf8)!important;
  border-color:rgba(111,93,72,.14)!important;
  box-shadow:0 8px 20px rgba(46,37,28,.04)!important;
}
.studioPage .vmSpinner{
  border-color:rgba(104,84,61,.18)!important;
  border-top-color:#705a42!important;
}

/* Results = ivory */
.studioPage .vmResultCarousel{
  background:#fffdf8!important;
}
.studioPage .vmCarouselStage{
  background:linear-gradient(145deg,#ebe4da,#f7f2eb)!important;
}
.studioPage .vmCarouselCaption{
  background:rgba(255,253,248,.92)!important;
  color:var(--vm-ink)!important;
  border:1px solid rgba(51,43,34,.10)!important;
}
.studioPage .vmCarouselThumb{
  background:#eee7dc!important;
  border:1px solid rgba(51,43,34,.10)!important;
}
.studioPage .vmCarouselThumb.isSelected{
  border-color:#6f5d48!important;
  box-shadow:0 0 0 2px rgba(111,93,72,.10),0 8px 18px rgba(46,37,28,.05)!important;
}

/* Toasts = ivory */
.studioPage .vmToast{
  background:rgba(255,253,248,.96)!important;
  color:var(--vm-ink)!important;
  border:1px solid rgba(51,43,34,.10)!important;
}
.studioPage .vmToast[data-type=success] .vmToastIcon{
  background:#ede4d8!important;
  color:#5b4a38!important;
}

/* Footer */
.studioPage .studioFooter{
  color:#746d64!important;
  border-color:rgba(51,43,34,.10)!important;
}

/* Final specificity cleanup — all cards ivory, no legacy mint, selected text readable */
.studioPage .packageChoice.selected{
  background:linear-gradient(180deg,#fffdf8 0%,#f4ecdf 100%)!important;
  color:#1d1a17!important;
  border:2px solid #6f5d48!important;
  opacity:1!important;
}
.studioPage .packageChoice.selected .packageChoiceTop,
.studioPage .packageChoice.selected .packageChoiceTop strong,
.studioPage .packageChoice.selected .packageChoiceTop b,
.studioPage .packageChoice.selected small,
.studioPage .packageChoice.selected .priceOriginal,
.studioPage .packageChoice.selected .priceOriginal span,
.studioPage .packageChoice.selected .priceOriginal s,
.studioPage .packageChoice.selected .introPriceLabel{
  color:#1d1a17!important;
  opacity:1!important;
  -webkit-text-fill-color:#1d1a17!important;
}
.studioPage .packageChoice.selected .packageChoiceTop b{
  color:#4e3b28!important;
  -webkit-text-fill-color:#4e3b28!important;
}
.studioPage .packageChoice.selected .priceOriginal{
  color:#83796f!important;
  opacity:.78!important;
}
.studioPage .packageChoice.selected .introductoryBadge{
  background:#e6d7c4!important;
  color:#513e2b!important;
  -webkit-text-fill-color:#513e2b!important;
}
.studioPage .packageChoice.selected .vmChoiceCheck{
  background:#1d1c19!important;
  color:#fffaf3!important;
  border-color:#1d1c19!important;
}

/* Remove every old mint/green outline from audience controls */
.studioPage .eyewearAudienceOption,
.studioPage .eyewearAudienceOption:hover,
.studioPage .eyewearAudienceOption:focus,
.studioPage .eyewearAudienceOption:focus-within{
  background:#fffdf9!important;
  color:#403a33!important;
  border:1px solid rgba(51,43,34,.14)!important;
  outline:none!important;
  box-shadow:0 6px 16px rgba(46,37,28,.035)!important;
}
.studioPage .eyewearAudienceOption:has(input:checked){
  background:#f3ece2!important;
  color:#231f1a!important;
  border:1.5px solid #7b654c!important;
  box-shadow:0 0 0 2px rgba(123,101,76,.08),0 8px 20px rgba(46,37,28,.05)!important;
}
.studioPage .eyewearAudienceOption:has(input:focus-visible){
  outline:2px solid #6f5d48!important;
  outline-offset:2px!important;
}
.studioPage .eyewearAudienceOption span,
.studioPage .eyewearAudienceOption:hover span,
.studioPage .eyewearAudienceOption:focus span,
.studioPage .eyewearAudienceOption:focus-within span,
.studioPage .eyewearAudienceOption input:checked+span{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:inherit!important;
}
.studioPage .eyewearAudienceOption input{
  accent-color:#6f5d48!important;
}

/* Ensure card descendants never inherit dark-surface colors */
.studioPage .setupPanel,
.studioPage .checkoutPanel,
.studioPage .packagePanel,
.studioPage .dashboardPanel,
.studioPage .eyewearAudiencePanel,
.studioPage .accountBar,
.studioPage .resultCard,
.studioPage .vmResultCarousel{
  background:#fffdf8!important;
  color:#1d1a17!important;
}

/* FINAL collision guard: force premium ivory after legacy Studio dark selectors */
.studioPage #watchWristAudiencePanel .eyewearAudienceOption,
.studioPage #eyewearAudiencePanel .eyewearAudienceOption{
  background:#fffdf8!important;
  color:#3f3932!important;
  border:0!important;
  outline:0!important;
  box-shadow:inset 0 0 0 1px rgba(74,62,48,.17),0 5px 14px rgba(46,37,28,.03)!important;
}
.studioPage #watchWristAudiencePanel .eyewearAudienceOption:hover,
.studioPage #eyewearAudiencePanel .eyewearAudienceOption:hover{
  background:#faf5ed!important;
  box-shadow:inset 0 0 0 1.5px #8a7356,0 8px 18px rgba(46,37,28,.05)!important;
}
.studioPage #watchWristAudiencePanel .eyewearAudienceOption:has(input:checked),
.studioPage #eyewearAudiencePanel .eyewearAudienceOption:has(input:checked){
  background:#f2eadf!important;
  color:#211d18!important;
  border:0!important;
  box-shadow:inset 0 0 0 2px #6f5d48,0 8px 20px rgba(46,37,28,.055)!important;
}
.studioPage #watchWristAudiencePanel .eyewearAudienceOption:has(input:focus-visible),
.studioPage #eyewearAudiencePanel .eyewearAudienceOption:has(input:focus-visible){
  outline:2px solid #6f5d48!important;
  outline-offset:3px!important;
}
.studioPage #watchWristAudiencePanel .eyewearAudienceOption input,
.studioPage #eyewearAudiencePanel .eyewearAudienceOption input{
  accent-color:#6f5d48!important;
}
.studioPage #watchWristAudiencePanel .eyewearAudienceOption span,
.studioPage #eyewearAudiencePanel .eyewearAudienceOption span{
  border:0!important;
  background:transparent!important;
  color:inherit!important;
}

/* Package cards can never inherit legacy dark/green state */
.studioPage .packagePanel .packageChoice,
.studioPage .packagePanel .packageChoice:hover,
.studioPage .packagePanel .packageChoice:focus-visible{
  opacity:1!important;
  filter:none!important;
  background:linear-gradient(180deg,#fffdf8 0%,#f8f3eb 100%)!important;
  color:#211d18!important;
  border:1px solid rgba(51,43,34,.12)!important;
}
.studioPage .packagePanel .packageChoice.selected{
  opacity:1!important;
  filter:none!important;
  background:linear-gradient(180deg,#fffdf8 0%,#f3eadc 100%)!important;
  color:#211d18!important;
  border:2px solid #6f5d48!important;
  box-shadow:0 0 0 3px rgba(111,93,72,.08),0 18px 38px rgba(46,37,28,.11)!important;
}
.studioPage .packagePanel .packageChoice.selected .packageChoiceTop strong,
.studioPage .packagePanel .packageChoice.selected .packageChoiceTop b,
.studioPage .packagePanel .packageChoice.selected small,
.studioPage .packagePanel .packageChoice.selected .priceOriginal,
.studioPage .packagePanel .packageChoice.selected .priceOriginal span,
.studioPage .packagePanel .packageChoice.selected .priceOriginal s{
  opacity:1!important;
  color:#211d18!important;
  -webkit-text-fill-color:#211d18!important;
}
.studioPage .packagePanel .packageChoice.selected .packageChoiceTop b{
  color:#4e3b28!important;
  -webkit-text-fill-color:#4e3b28!important;
}
.studioPage .packagePanel .packageChoice.selected .introductoryBadge{
  opacity:1!important;
  background:#e6d7c4!important;
  color:#513e2b!important;
  -webkit-text-fill-color:#513e2b!important;
}
.studioPage .packagePanel .packageChoice.selected .vmChoiceCheck{
  background:#1d1c19!important;
  color:#fffaf3!important;
  border-color:#1d1c19!important;
}

/* Final removal of legacy neon required-choice glow */
.studioPage .needsChoice::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  padding:0!important;
  border:1px solid rgba(111,93,72,.20)!important;
  border-radius:inherit!important;
  background:transparent!important;
  animation:none!important;
  -webkit-mask:none!important;
  -webkit-mask-composite:initial!important;
  mask:none!important;
  mask-composite:initial!important;
  pointer-events:none!important;
  z-index:1!important;
}
.studioPage .needsChoice:has(input:checked)::after{
  border-color:#6f5d48!important;
}

/* 2026-10-23 — Outer dashboard panels use the exact landing collection-card palette.
   Nested functional cards remain premium ivory. */
.studioPage .setupPanel,
.studioPage .checkoutPanel,
.studioPage .dashboardPanel,
.studioPage .eyewearAudiencePanel,
.studioPage .accountBar,
.studioPage .vmResultCarousel{
  background:linear-gradient(156deg,#0a281f,#061510)!important;
  border:1px solid #1b7357!important;
  color:#f1f4e9!important;
  box-shadow:0 24px 56px rgba(3,15,12,.24),0 4px 12px rgba(3,15,12,.10)!important;
}

/* Outer-panel headings/copy */
.studioPage .setupPanel>.sectionLabel,
.studioPage .checkoutPanel .packageTitle,
.studioPage .dashboardPanel .eyebrow,
.studioPage .dashboardPanel h2,
.studioPage .eyewearAudienceField legend,
.studioPage .resultsHead h2{
  color:#f0f3e9!important;
}
.studioPage .setupPanel>.sectionLabel,
.studioPage .checkoutPanel .packageTitle,
.studioPage .dashboardPanel .eyebrow{
  color:#d7be8f!important;
}
.studioPage .setupPanel>.hint,
.studioPage .setupPanel>.referenceMobileTip,
.studioPage .setupPanel>.uploadPrivacy,
.studioPage .setupPanel>.legalContext,
.studioPage .setupPanel>.identityNote,
.studioPage .checkoutPanel .packageFacts li,
.studioPage .checkoutPanel .campaignDuration,
.studioPage .checkoutPanel .pipelineLocalNotice,
.studioPage .checkoutPanel .legalContext,
.studioPage .checkoutPanel .creditBalance,
.studioPage .dashboardPanel .retentionNote,
.studioPage .eyewearAudienceField .hint,
.studioPage .accountBar span{
  color:#b6c7be!important;
}
.studioPage .accountBar strong{
  color:#f0f3e9!important;
}

/* Keep all nested cards ivory */
.studioPage .referenceSlot,
.studioPage .referenceDrop,
.studioPage .packageChoice,
.studioPage .purchaseControls,
.studioPage .vmExpandable,
.studioPage .uploadRules,
.studioPage .resultCard,
.studioPage .vmCarouselThumb,
.studioPage .vmCarouselCaption,
.studioPage .vmProductionProgress,
.studioPage .accountCreditItem{
  background:#fffdf8!important;
  color:#1d1a17!important;
}

/* Upload area */
.studioPage .referenceSlot{
  border:1px solid rgba(51,43,34,.12)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.10)!important;
}
.studioPage .referenceDrop{
  background:linear-gradient(180deg,#fffdf8 0%,#f8f3eb 100%)!important;
  border:1px dashed rgba(85,74,61,.26)!important;
}
.studioPage .referenceDrop strong{color:#29241f!important}
.studioPage .referencePrompt{color:#746f67!important}
.studioPage .vmUploadNumber{color:#8a7356!important}
.studioPage .vmUploadState{
  background:#f2ece4!important;
  color:#746c62!important;
  border:1px solid rgba(51,43,34,.10)!important;
}
.studioPage .referenceGuide{
  opacity:.54!important;
  filter:grayscale(1) sepia(.18) brightness(.93) contrast(.92)!important;
}

/* Rules remains ivory */
.studioPage .vmExpandable,
.studioPage .uploadRules{
  border:1px solid rgba(51,43,34,.12)!important;
  box-shadow:none!important;
}
.studioPage .vmExpandable summary{color:#3e3831!important}
.studioPage .vmExpandable .hint,
.studioPage .uploadRules .hint,
.studioPage .uploadRules li{
  color:#6f685f!important;
}

/* Audience options are ivory inside the green parent */
.studioPage #watchWristAudiencePanel .eyewearAudienceOption,
.studioPage #eyewearAudiencePanel .eyewearAudienceOption{
  background:#fffdf8!important;
  color:#3f3932!important;
  border:0!important;
  box-shadow:inset 0 0 0 1px rgba(74,62,48,.17),0 5px 14px rgba(0,0,0,.08)!important;
}
.studioPage #watchWristAudiencePanel .eyewearAudienceOption:has(input:checked),
.studioPage #eyewearAudiencePanel .eyewearAudienceOption:has(input:checked){
  background:#f2eadf!important;
  color:#211d18!important;
  box-shadow:inset 0 0 0 2px #6f5d48,0 8px 20px rgba(0,0,0,.08)!important;
}

/* Package cards stay ivory even when selected */
.studioPage .packagePanel .packageChoice,
.studioPage .packagePanel .packageChoice:hover,
.studioPage .packagePanel .packageChoice:focus-visible{
  background:linear-gradient(180deg,#fffdf8 0%,#f8f3eb 100%)!important;
  color:#211d18!important;
  border:1px solid rgba(51,43,34,.12)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.10)!important;
}
.studioPage .packagePanel .packageChoice.selected{
  background:linear-gradient(180deg,#fffdf8 0%,#f3eadc 100%)!important;
  color:#211d18!important;
  border:2px solid #6f5d48!important;
  box-shadow:0 0 0 3px rgba(111,93,72,.08),0 18px 38px rgba(0,0,0,.12)!important;
}
.studioPage .packagePanel .packageChoice.selected .packageChoiceTop strong,
.studioPage .packagePanel .packageChoice.selected .packageChoiceTop b,
.studioPage .packagePanel .packageChoice.selected small,
.studioPage .packagePanel .packageChoice.selected .priceOriginal,
.studioPage .packagePanel .packageChoice.selected .priceOriginal span,
.studioPage .packagePanel .packageChoice.selected .priceOriginal s{
  color:#211d18!important;
  -webkit-text-fill-color:#211d18!important;
  opacity:1!important;
}
.studioPage .packagePanel .packageChoice.selected .packageChoiceTop b{
  color:#4e3b28!important;
  -webkit-text-fill-color:#4e3b28!important;
}

/* Purchase controls nested ivory */
.studioPage .purchaseControls{
  border:1px solid rgba(51,43,34,.12)!important;
  box-shadow:none!important;
}
.studioPage .purchaseQuantityLabel,
.studioPage .purchaseTotal span{color:#6f685f!important}
.studioPage .purchaseTotal strong{color:#1d1a17!important}

/* Result inner cards */
.studioPage .resultCard{
  border:1px solid rgba(51,43,34,.12)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.10)!important;
}
.studioPage .resultMeta h3{color:#211d18!important}
.studioPage .resultMeta p{color:#6f685f!important}

/* Carousel inner media */
.studioPage .vmCarouselStage{
  background:#f3eee6!important;
}
.studioPage .vmCarouselCaption{
  border:1px solid rgba(51,43,34,.10)!important;
}

/* 2026-10-23 — Reduce nested-card density inside landing-green outer panels */

/* Uploads become one continuous ivory tray */
.studioPage .referenceUploads{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  padding:10px!important;
  border:1px solid rgba(51,43,34,.12)!important;
  border-radius:22px!important;
  background:#fffdf8!important;
  box-shadow:0 10px 24px rgba(0,0,0,.08)!important;
  overflow:hidden!important;
}
.studioPage .referenceSlot{
  margin:0!important;
  padding:10px 12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.studioPage .referenceSlot + .referenceSlot{
  border-left:1px solid rgba(51,43,34,.10)!important;
}
.studioPage .referenceDrop{
  min-height:270px!important;
  border:1px dashed rgba(85,74,61,.22)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fffdf8 0%,#faf6ef 100%)!important;
  box-shadow:none!important;
}
.studioPage .referenceDrop:hover,
.studioPage .referenceDrop:focus-within{
  border-color:#8a7356!important;
  background:#fffefa!important;
  box-shadow:inset 0 0 0 1px rgba(138,115,86,.08)!important;
  transform:none!important;
}
.studioPage .vmUploadMeta{
  padding:0 2px 8px!important;
}
.studioPage .referenceSlot .referenceRemove{
  margin-top:6px!important;
}

/* Audience: flat ivory choices without floating-card shadows */
.studioPage #watchWristAudiencePanel .eyewearAudienceOptions,
.studioPage #eyewearAudiencePanel .eyewearAudienceOptions{
  gap:10px!important;
}
.studioPage #watchWristAudiencePanel .eyewearAudienceOption,
.studioPage #eyewearAudiencePanel .eyewearAudienceOption{
  box-shadow:none!important;
  border:1px solid rgba(51,43,34,.13)!important;
  border-radius:14px!important;
}
.studioPage #watchWristAudiencePanel .eyewearAudienceOption:hover,
.studioPage #eyewearAudiencePanel .eyewearAudienceOption:hover{
  box-shadow:none!important;
}
.studioPage #watchWristAudiencePanel .eyewearAudienceOption:has(input:checked),
.studioPage #eyewearAudiencePanel .eyewearAudienceOption:has(input:checked){
  box-shadow:inset 0 0 0 1px #6f5d48!important;
}

/* Package cards: flatter, less lifted */
.studioPage .packageChoiceGrid{
  gap:8px!important;
}
.studioPage .packagePanel .packageChoice,
.studioPage .packagePanel .packageChoice:hover,
.studioPage .packagePanel .packageChoice:focus-visible{
  box-shadow:none!important;
  border-radius:16px!important;
}
.studioPage .packagePanel .packageChoice.selected{
  box-shadow:inset 0 0 0 1px rgba(111,93,72,.15)!important;
}

/* Rules + quantity become simple inset sections, not cards */
.studioPage .vmExpandable,
.studioPage .uploadRules{
  background:rgba(255,253,248,.92)!important;
  border:1px solid rgba(51,43,34,.10)!important;
  box-shadow:none!important;
}
.studioPage .purchaseControls{
  background:rgba(255,253,248,.78)!important;
  border:1px solid rgba(51,43,34,.10)!important;
  box-shadow:none!important;
}

/* Result inner cards likewise flatter */
.studioPage .resultCard{
  box-shadow:none!important;
}
.studioPage .vmCarouselThumb{
  box-shadow:none!important;
}

/* Mobile: stack slots cleanly without nested card effect */
@media(max-width:760px){
  .studioPage .referenceUploads{
    grid-template-columns:1fr!important;
  }
  .studioPage .referenceSlot + .referenceSlot{
    border-left:0!important;
    border-top:1px solid rgba(51,43,34,.10)!important;
  }
}

/* 2026-10-23 — Bold borders + single flat page background */
.studioPage{
  background:#f3f0e9!important;
  color:#1d1a17!important;
}

/* Outer landing-green panels */
.studioPage .setupPanel,
.studioPage .checkoutPanel,
.studioPage .dashboardPanel,
.studioPage .eyewearAudiencePanel,
.studioPage .accountBar,
.studioPage .vmResultCarousel{
  background:linear-gradient(156deg,#0a281f,#061510)!important;
  border:2px solid #1b7357!important;
  box-shadow:0 20px 42px rgba(3,15,12,.18)!important;
  border-radius:28px!important;
  color:#f1f4e9!important;
}
.studioPage .setupPanel>.sectionLabel,
.studioPage .checkoutPanel .packageTitle,
.studioPage .dashboardPanel .eyebrow,
.studioPage .dashboardPanel h2,
.studioPage .eyewearAudienceField legend,
.studioPage .resultsHead h2{color:#f0f3e9!important}
.studioPage .setupPanel>.sectionLabel,
.studioPage .checkoutPanel .packageTitle,
.studioPage .dashboardPanel .eyebrow{color:#d7be8f!important}
.studioPage .setupPanel .hint,
.studioPage .setupPanel .legalContext,
.studioPage .setupPanel .referencePrompt,
.studioPage .checkoutPanel .campaignDuration,
.studioPage .checkoutPanel .packageFacts li,
.studioPage .dashboardPanel .retentionNote,
.studioPage .eyewearAudienceField .hint,
.studioPage .accountBar span{color:#bfd0c5!important}
.studioPage .accountBar strong{color:#f0f3e9!important}

/* Inner ivory regions with stronger separation */
.studioPage .referenceUploads,
.studioPage .purchaseControls,
.studioPage .vmExpandable,
.studioPage .uploadRules,
.studioPage .resultCard,
.studioPage .vmProductionProgress,
.studioPage .accountCreditItem{
  background:#fffdf8!important;
  border:2px solid rgba(51,43,34,.18)!important;
  color:#1d1a17!important;
  box-shadow:none!important;
  border-radius:20px!important;
}

/* Upload tray */
.studioPage .referenceUploads{
  padding:10px!important;
  gap:0!important;
  overflow:hidden!important;
}
.studioPage .referenceSlot{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.studioPage .referenceSlot + .referenceSlot{
  border-left:2px solid rgba(51,43,34,.14)!important;
}
.studioPage .referenceDrop{
  background:#fbf8f3!important;
  border:2px dashed rgba(85,74,61,.28)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
.studioPage .referenceDrop:hover,
.studioPage .referenceDrop:focus-within{
  border-color:#8a7356!important;
  background:#fffdf9!important;
}
.studioPage .referenceDrop strong{color:#29241f!important}
.studioPage .referenceGuide{
  opacity:.55!important;
  filter:grayscale(1) sepia(.18) brightness(.94) contrast(.92)!important;
}
.studioPage .vmUploadNumber{color:#8a7356!important}
.studioPage .vmUploadState{
  background:#f2ece4!important;
  color:#746c62!important;
  border:2px solid rgba(51,43,34,.12)!important;
}
.studioPage .vmUploadState[data-state=ready]{
  background:#ede4d8!important;
  color:#5b4a38!important;
  border-color:#8a7356!important;
}
.studioPage .vmUploadState[data-state=error]{
  background:#f5e7e2!important;
  color:#91483a!important;
  border-color:#91483a!important;
}

/* Model options */
.studioPage #watchWristAudiencePanel .eyewearAudienceOption,
.studioPage #eyewearAudiencePanel .eyewearAudienceOption{
  background:#fffdf8!important;
  color:#3f3932!important;
  border:2px solid rgba(74,62,48,.18)!important;
  box-shadow:none!important;
  border-radius:14px!important;
}
.studioPage #watchWristAudiencePanel .eyewearAudienceOption:hover,
.studioPage #eyewearAudiencePanel .eyewearAudienceOption:hover{
  border-color:#8a7356!important;
  background:#faf5ed!important;
}
.studioPage #watchWristAudiencePanel .eyewearAudienceOption:has(input:checked),
.studioPage #eyewearAudiencePanel .eyewearAudienceOption:has(input:checked){
  background:#f2eadf!important;
  color:#211d18!important;
  border-color:#6f5d48!important;
}
.studioPage #watchWristAudiencePanel .eyewearAudienceOption span,
.studioPage #eyewearAudiencePanel .eyewearAudienceOption span{
  background:transparent!important;
  border:0!important;
  color:inherit!important;
}

/* Package cards */
.studioPage .packagePanel .packageChoice{
  background:linear-gradient(180deg,#fffdf8 0%,#f8f3eb 100%)!important;
  color:#211d18!important;
  border:2px solid rgba(51,43,34,.16)!important;
  box-shadow:none!important;
  border-radius:16px!important;
}
.studioPage .packagePanel .packageChoice:hover,
.studioPage .packagePanel .packageChoice:focus-visible{
  border-color:#8a7356!important;
  background:#fffefa!important;
}
.studioPage .packagePanel .packageChoice.selected{
  background:linear-gradient(180deg,#fffdf8 0%,#f3eadc 100%)!important;
  color:#211d18!important;
  border:2px solid #6f5d48!important;
  box-shadow:none!important;
}
.studioPage .packagePanel .packageChoice.selected .packageChoiceTop strong,
.studioPage .packagePanel .packageChoice.selected .packageChoiceTop b,
.studioPage .packagePanel .packageChoice.selected small,
.studioPage .packagePanel .packageChoice.selected .priceOriginal,
.studioPage .packagePanel .packageChoice.selected .priceOriginal span,
.studioPage .packagePanel .packageChoice.selected .priceOriginal s{
  color:#211d18!important;
  -webkit-text-fill-color:#211d18!important;
  opacity:1!important;
}
.studioPage .packagePanel .packageChoice.selected .packageChoiceTop b{
  color:#4e3b28!important;
  -webkit-text-fill-color:#4e3b28!important;
}
.studioPage .packagePanel .vmChoiceCheck{
  border:2px solid rgba(51,43,34,.16)!important;
}
.studioPage .packagePanel .packageChoice.selected .vmChoiceCheck{
  background:#1d1c19!important;
  color:#fffaf3!important;
  border-color:#1d1c19!important;
}

/* Accordion / quantity */
.studioPage .vmExpandable,
.studioPage .uploadRules{
  background:#fffdf8!important;
  border:2px solid rgba(51,43,34,.16)!important;
  box-shadow:none!important;
}
.studioPage .vmExpandable summary{color:#3e3831!important}
.studioPage .purchaseControls{
  background:#fffdf8!important;
  border:2px solid rgba(51,43,34,.16)!important;
}
.studioPage .purchaseQuantityLabel,
.studioPage .purchaseTotal span{color:#6f685f!important}
.studioPage .purchaseTotal strong{color:#1d1a17!important}

/* Result internals */
.studioPage .resultCard{
  background:#fffdf8!important;
  border:2px solid rgba(51,43,34,.16)!important;
  box-shadow:none!important;
}
.studioPage .vmCarouselStage{background:#f3eee6!important}
.studioPage .vmCarouselCaption,
.studioPage .vmCarouselThumb{
  background:#fffdf8!important;
  border:2px solid rgba(51,43,34,.14)!important;
  box-shadow:none!important;
}
.studioPage .vmCarouselThumb.isSelected{border-color:#6f5d48!important}

@media(max-width:760px){
  .studioPage .referenceSlot + .referenceSlot{
    border-left:0!important;
    border-top:2px solid rgba(51,43,34,.14)!important;
  }
}

/* 2026-10-23 — FINAL GOLDEN NEON STUDIO
   Uses the legacy dark dashboard composition, but replaces teal/neon with warm gold. */
.studioPage{
  --gn-bg:#050c0a;
  --gn-panel:#081510;
  --gn-panel-2:#0b1b16;
  --gn-panel-3:#0d211a;
  --gn-line:rgba(221,178,86,.22);
  --gn-line-strong:rgba(232,187,91,.62);
  --gn-gold:#e0b95c;
  --gn-gold-2:#f3d790;
  --gn-gold-dim:#9b7b3d;
  --gn-text:#f3eee2;
  --gn-muted:#bdb4a4;
  --gn-shadow:0 18px 44px rgba(0,0,0,.28);
  background:
    radial-gradient(900px 430px at 82% -8%,rgba(224,185,92,.08),transparent 58%),
    #050c0a!important;
  color:var(--gn-text)!important;
}

/* Header */
.studioPage .nav{
  background:rgba(5,12,10,.96)!important;
  border-bottom:1px solid rgba(224,185,92,.16)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.20)!important;
}
.studioPage .brand.vmWordmark b{color:#f4efe4!important}
.studioPage .productWordmark{
  color:#bfb7aa!important;
  border-color:rgba(224,185,92,.18)!important;
}
.studioPage .navLinks a{color:#aaa293!important}
.studioPage .navLinks a:hover,
.studioPage .navLinks .active{color:#f4efe4!important}
.studioPage .navLinks .active{box-shadow:0 1px var(--gn-gold)!important}
.studioPage .langSelect{
  background:#07110e!important;
  border:1px solid rgba(224,185,92,.24)!important;
  color:#eee8dc!important;
  box-shadow:none!important;
}
.studioPage .headerAccountEmail,
.studioPage .accountLogout,
.studioPage .headerSignIn{color:#d5c6a7!important}

/* Top counters */
.studioPage .accountCreditItem{
  background:#071611!important;
  border:1px solid rgba(224,185,92,.24)!important;
  box-shadow:none!important;
  color:#eee8dc!important;
}
.studioPage .accountCreditItem>span{color:#a9a193!important}
.studioPage .accountCreditItem strong{color:var(--gn-gold-2)!important}

/* Page title area */
.studioPage .studioShell>h1.sectionLabel{
  color:#f3eee2!important;
}
.studioPage .categorySummary{color:#b8b0a1!important}

/* Category toggle */
.studioPage .contentCategoryNav{
  background:#07130f!important;
  border:1px solid rgba(224,185,92,.20)!important;
  box-shadow:none!important;
}
.studioPage .contentCategoryChip{color:#c2baad!important}
.studioPage .vmTabIndicator{
  background:linear-gradient(180deg,#f0d787 0%,#c99b3c 100%)!important;
  box-shadow:0 0 18px rgba(224,185,92,.22)!important;
}
.studioPage .contentCategoryChip[aria-current=page]{
  color:#17120a!important;
  font-weight:750!important;
}

/* Main dashboard panels */
.studioPage .setupPanel,
.studioPage .checkoutPanel,
.studioPage .dashboardPanel,
.studioPage .eyewearAudiencePanel,
.studioPage .accountBar,
.studioPage .vmResultCarousel,
.studioPage .results,
.studioPage .panel{
  background:linear-gradient(180deg,#0a1914 0%,#07130f 100%)!important;
  border:1px solid rgba(224,185,92,.20)!important;
  box-shadow:var(--gn-shadow)!important;
  color:var(--gn-text)!important;
}
.studioPage .setupPanel,
.studioPage .checkoutPanel,
.studioPage .dashboardPanel,
.studioPage .eyewearAudiencePanel,
.studioPage .vmResultCarousel{
  border-radius:16px!important;
}

/* Section typography */
.studioPage .sectionLabel,
.studioPage .eyebrow,
.studioPage .setupPanel>.sectionLabel,
.studioPage .checkoutPanel .packageTitle,
.studioPage .dashboardPanel .eyebrow{
  color:var(--gn-gold-2)!important;
  font-weight:700!important;
  letter-spacing:.14em!important;
}
.studioPage .eyewearAudienceField legend,
.studioPage .resultsHead h2,
.studioPage .dashboardHead h2{
  color:#f4efe4!important;
}
.studioPage .hint,
.studioPage .retentionNote,
.studioPage .studioCompliance,
.studioPage .pipelineLocalNotice,
.studioPage .campaignDuration,
.studioPage .legalContext,
.studioPage .referenceMobileTip{
  color:#b9b0a1!important;
}
.studioPage .accountBar span{color:#a9a193!important}
.studioPage .accountBar strong{color:#f0eadf!important}

/* Audience choices */
.studioPage #watchWristAudiencePanel .eyewearAudienceOption,
.studioPage #eyewearAudiencePanel .eyewearAudienceOption{
  background:#091712!important;
  color:#eee8dd!important;
  border:1px solid rgba(224,185,92,.20)!important;
  box-shadow:none!important;
  border-radius:8px!important;
}
.studioPage #watchWristAudiencePanel .eyewearAudienceOption:hover,
.studioPage #eyewearAudiencePanel .eyewearAudienceOption:hover{
  background:#0c1e18!important;
  border-color:rgba(224,185,92,.48)!important;
}
.studioPage #watchWristAudiencePanel .eyewearAudienceOption:has(input:checked),
.studioPage #eyewearAudiencePanel .eyewearAudienceOption:has(input:checked){
  background:#0d211a!important;
  color:#fff8e9!important;
  border-color:var(--gn-gold)!important;
  box-shadow:0 0 0 1px rgba(224,185,92,.18),0 0 18px rgba(224,185,92,.08)!important;
}
.studioPage #watchWristAudiencePanel .eyewearAudienceOption input,
.studioPage #eyewearAudiencePanel .eyewearAudienceOption input{
  accent-color:var(--gn-gold)!important;
}
.studioPage .needsChoice::after{
  border-color:rgba(224,185,92,.26)!important;
}

/* Upload tray / slots */
.studioPage .referenceUploads{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  gap:14px!important;
  overflow:visible!important;
}
.studioPage .referenceSlot{
  background:#071611!important;
  border:1px solid rgba(224,185,92,.16)!important;
  border-radius:10px!important;
  box-shadow:none!important;
  padding:12px!important;
}
.studioPage .referenceSlot + .referenceSlot{
  border-left:1px solid rgba(224,185,92,.16)!important;
}
.studioPage .referenceDrop{
  background:#06110d!important;
  border:1px dashed rgba(224,185,92,.30)!important;
  color:#eee8dc!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
.studioPage .referenceDrop:hover,
.studioPage .referenceDrop:focus-within{
  background:#081711!important;
  border-color:var(--gn-gold)!important;
  box-shadow:0 0 0 1px rgba(224,185,92,.12)!important;
}
.studioPage .referenceDrop strong{color:#f3eee2!important}
.studioPage .referencePrompt{color:#c6bda9!important}
.studioPage .referenceGuide{
  opacity:.76!important;
  filter:sepia(.65) saturate(.65) hue-rotate(351deg) brightness(1.12) contrast(.92)!important;
}
.studioPage .vmUploadNumber{
  color:var(--gn-gold-2)!important;
}
.studioPage .vmUploadState{
  background:#0b1a14!important;
  color:#c9bfad!important;
  border:1px solid rgba(224,185,92,.18)!important;
}
.studioPage .vmUploadState::before{background:#8e7441!important}
.studioPage .vmUploadState[data-state=ready]{
  background:#211b0e!important;
  color:#f0d68f!important;
  border-color:rgba(224,185,92,.48)!important;
}
.studioPage .vmUploadState[data-state=ready]::before{background:var(--gn-gold)!important}
.studioPage .vmUploadState[data-state=error]{
  background:#2a1410!important;
  color:#f0b7a8!important;
  border-color:#9e5749!important;
}

/* Rules */
.studioPage .vmExpandable,
.studioPage .uploadRules{
  background:#081611!important;
  border:1px solid rgba(224,185,92,.16)!important;
  color:#e9e3d8!important;
  box-shadow:none!important;
}
.studioPage .vmExpandable summary{color:#eee8dc!important}
.studioPage .vmExpandable .hint,
.studioPage .uploadRules .hint,
.studioPage .uploadRules li{color:#b9b0a1!important}
.studioPage .vmExpandIcon{
  background:#101c17!important;
  color:var(--gn-gold-2)!important;
  border-color:rgba(224,185,92,.20)!important;
}

/* Packages */
.studioPage .packagePanel .packageChoice,
.studioPage .packagePanel .packageChoice:hover,
.studioPage .packagePanel .packageChoice:focus-visible{
  background:#081611!important;
  color:#eee8dc!important;
  border:1px solid rgba(224,185,92,.18)!important;
  box-shadow:none!important;
  border-radius:8px!important;
}
.studioPage .packagePanel .packageChoice:hover,
.studioPage .packagePanel .packageChoice:focus-visible{
  background:#0b1d17!important;
  border-color:rgba(224,185,92,.45)!important;
}
.studioPage .packagePanel .packageChoice.selected{
  background:#0c1d17!important;
  color:#fff7e8!important;
  border:1px solid var(--gn-gold)!important;
  box-shadow:0 0 0 1px rgba(224,185,92,.16),0 0 18px rgba(224,185,92,.08)!important;
}
.studioPage .packagePanel .packageChoice .packageChoiceTop strong,
.studioPage .packagePanel .packageChoice .packageChoiceTop b,
.studioPage .packagePanel .packageChoice small,
.studioPage .packagePanel .packageChoice .priceOriginal,
.studioPage .packagePanel .packageChoice .priceOriginal span,
.studioPage .packagePanel .packageChoice .priceOriginal s{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  opacity:1!important;
}
.studioPage .packagePanel .packageChoice .packageChoiceTop b{
  color:var(--gn-gold-2)!important;
  -webkit-text-fill-color:var(--gn-gold-2)!important;
}
.studioPage .introductoryBadge{
  background:#332916!important;
  color:#f2d58b!important;
  border:1px solid rgba(224,185,92,.30)!important;
}
.studioPage .vmChoiceCheck{
  background:#0b1713!important;
  border:1px solid rgba(224,185,92,.22)!important;
  color:transparent!important;
}
.studioPage .packagePanel .packageChoice.selected .vmChoiceCheck{
  background:linear-gradient(180deg,#f0d787,#c99b3c)!important;
  color:#17120a!important;
  border-color:var(--gn-gold)!important;
}

/* Purchase controls */
.studioPage .purchaseControls{
  background:#071510!important;
  border:1px solid rgba(224,185,92,.18)!important;
  color:#eee8dc!important;
  box-shadow:none!important;
}
.studioPage .purchaseQuantityLabel,
.studioPage .purchaseTotal span{color:#b9b0a1!important}
.studioPage .purchaseTotal strong{color:var(--gn-gold-2)!important}
.studioPage .vmNumberSpinBox{
  background:#081611!important;
  border:1px solid rgba(224,185,92,.20)!important;
  box-shadow:none!important;
}
.studioPage .vmNumberSpinBox #purchaseQuantity{
  background:transparent!important;
  color:#eee8dc!important;
}
.studioPage .vmNumberSpinBox .quantityButton{color:#d7cab5!important}
.studioPage .vmNumberSpinBox .quantityButton:hover{
  background:#171b12!important;
  color:var(--gn-gold-2)!important;
}

/* Main actions = gold */
.studioPage #generateBtn,
.studioPage #payBtn,
.studioPage .primary{
  background:linear-gradient(180deg,#f0d787 0%,#c99b3c 100%)!important;
  border:1px solid #d5a947!important;
  color:#17120a!important;
  box-shadow:0 10px 26px rgba(224,185,92,.16)!important;
}
.studioPage #generateBtn:hover:not(:disabled),
.studioPage #payBtn:hover:not(:disabled),
.studioPage .primary:hover:not(:disabled){
  background:linear-gradient(180deg,#f6e09b 0%,#d5aa4b 100%)!important;
  border-color:#e0b95c!important;
}
.studioPage .secondary{
  background:#081611!important;
  border:1px solid rgba(224,185,92,.20)!important;
  color:#eee8dc!important;
}

/* Progress */
.studioPage .vmProductionProgress{
  background:#081611!important;
  border:1px solid rgba(224,185,92,.18)!important;
  color:#eee8dc!important;
  box-shadow:none!important;
}
.studioPage .vmSpinner{
  border-color:rgba(224,185,92,.20)!important;
  border-top-color:var(--gn-gold)!important;
}
.studioPage .vmProgressCopy strong{color:#f0eadf!important}
.studioPage .vmProgressCopy small{color:#b9b0a1!important}

/* Results */
.studioPage .resultCard{
  background:#081611!important;
  border:1px solid rgba(224,185,92,.18)!important;
  color:#eee8dc!important;
  box-shadow:none!important;
}
.studioPage .resultMeta h3{color:#f0eadf!important}
.studioPage .resultMeta p{color:#b9b0a1!important}
.studioPage .resultMeta a{
  color:var(--gn-gold-2)!important;
  border-color:var(--gn-gold)!important;
}
.studioPage .vmCarouselStage{background:#06100d!important}
.studioPage .vmCarouselCaption{
  background:rgba(9,22,17,.94)!important;
  border:1px solid rgba(224,185,92,.20)!important;
  color:#eee8dc!important;
}
.studioPage .vmCarouselThumb{
  background:#071510!important;
  border:1px solid rgba(224,185,92,.18)!important;
}
.studioPage .vmCarouselThumb.isSelected{
  border-color:var(--gn-gold)!important;
  box-shadow:0 0 0 2px rgba(224,185,92,.12)!important;
}

/* Toasts */
.studioPage .vmToast{
  background:rgba(8,21,16,.97)!important;
  border:1px solid rgba(224,185,92,.20)!important;
  color:#eee8dc!important;
}
.studioPage .vmToastIcon{
  background:#211a0d!important;
  color:var(--gn-gold-2)!important;
}

/* Footer */
.studioPage .studioFooter{
  color:#a9a193!important;
  border-color:rgba(224,185,92,.14)!important;
}
.studioPage .studioFooter a{color:#d9c999!important}

/* Mobile separators */
@media(max-width:760px){
  .studioPage .referenceSlot + .referenceSlot{
    border-left:1px solid rgba(224,185,92,.16)!important;
    border-top:1px solid rgba(224,185,92,.16)!important;
  }
}

/* Golden dashboard readability guard for selected package */
.studioPage .packagePanel .packageChoice.selected .packageChoiceTop strong{
  color:#f3eee2!important;
  -webkit-text-fill-color:#f3eee2!important;
  opacity:1!important;
}
.studioPage .packagePanel .packageChoice.selected .packageChoiceTop b{
  color:#f3d790!important;
  -webkit-text-fill-color:#f3d790!important;
  opacity:1!important;
}
.studioPage .packagePanel .packageChoice.selected>small:not(.introductoryBadge),
.studioPage .packagePanel .packageChoice.selected .priceOriginal,
.studioPage .packagePanel .packageChoice.selected .priceOriginal span,
.studioPage .packagePanel .packageChoice.selected .priceOriginal s{
  color:#bdb4a4!important;
  -webkit-text-fill-color:#bdb4a4!important;
  opacity:1!important;
}
.studioPage .packagePanel .packageChoice.selected .introductoryBadge{
  color:#f2d58b!important;
  -webkit-text-fill-color:#f2d58b!important;
  background:#332916!important;
}

/* 2026-10-23 — Golden glow refinement: lighter dark theme + animated neon borders */
@property --vm-gold-angle{
  syntax:'<angle>';
  initial-value:0deg;
  inherits:false;
}
@keyframes vmGoldOrbit{to{--vm-gold-angle:360deg}}
@keyframes vmGoldPulse{
  0%,100%{filter:drop-shadow(0 0 0 rgba(240,199,99,0))}
  50%{filter:drop-shadow(0 0 8px rgba(240,199,99,.18))}
}

/* Open the dark tone slightly */
.studioPage{
  background:
    radial-gradient(1000px 520px at 82% -8%,rgba(240,199,99,.10),transparent 58%),
    radial-gradient(720px 460px at 10% 34%,rgba(133,111,67,.06),transparent 64%),
    linear-gradient(180deg,#091310 0%,#0b1713 48%,#08120f 100%)!important;
}
.studioPage .nav{
  background:rgba(8,17,14,.94)!important;
}
.studioPage .setupPanel,
.studioPage .checkoutPanel,
.studioPage .dashboardPanel,
.studioPage .eyewearAudiencePanel,
.studioPage .accountBar,
.studioPage .vmResultCarousel,
.studioPage .results,
.studioPage .panel{
  background:
    linear-gradient(180deg,rgba(18,39,31,.97),rgba(10,25,20,.98)) padding-box,
    conic-gradient(from var(--vm-gold-angle),
      rgba(240,199,99,.14) 0deg,
      rgba(240,199,99,.14) 248deg,
      rgba(255,225,145,.95) 280deg,
      rgba(228,177,67,.74) 314deg,
      rgba(240,199,99,.14) 350deg,
      rgba(240,199,99,.14) 360deg) border-box!important;
  border:1px solid transparent!important;
  box-shadow:
    0 20px 48px rgba(0,0,0,.24),
    0 0 28px rgba(224,185,92,.055),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
  animation:vmGoldOrbit 7.5s linear infinite;
}

/* Slightly brighter working cards, still dark premium */
.studioPage .referenceSlot,
.studioPage .packagePanel .packageChoice,
.studioPage #watchWristAudiencePanel .eyewearAudienceOption,
.studioPage #eyewearAudiencePanel .eyewearAudienceOption,
.studioPage .purchaseControls,
.studioPage .vmExpandable,
.studioPage .uploadRules,
.studioPage .resultCard,
.studioPage .vmProductionProgress{
  background:
    linear-gradient(180deg,#10231c 0%,#0b1b16 100%) padding-box,
    conic-gradient(from var(--vm-gold-angle),
      rgba(224,185,92,.12) 0deg,
      rgba(224,185,92,.12) 265deg,
      rgba(250,215,126,.78) 295deg,
      rgba(224,185,92,.12) 336deg,
      rgba(224,185,92,.12) 360deg) border-box!important;
  border:1px solid transparent!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  animation:vmGoldOrbit 10s linear infinite;
}
.studioPage .packagePanel .packageChoice.selected,
.studioPage #watchWristAudiencePanel .eyewearAudienceOption:has(input:checked),
.studioPage #eyewearAudiencePanel .eyewearAudienceOption:has(input:checked){
  background:
    linear-gradient(180deg,#162b22 0%,#102019 100%) padding-box,
    conic-gradient(from var(--vm-gold-angle),
      rgba(240,199,99,.30) 0deg,
      rgba(240,199,99,.30) 220deg,
      #ffe59c 274deg,
      #d9a83f 322deg,
      rgba(240,199,99,.30) 360deg) border-box!important;
  border:1.5px solid transparent!important;
  box-shadow:0 0 24px rgba(224,185,92,.10)!important;
  animation:vmGoldOrbit 5.5s linear infinite;
}

/* Upload dropzones use a calmer gold outline */
.studioPage .referenceDrop{
  background:#0c1d17!important;
  border:1px dashed rgba(241,207,124,.34)!important;
}
.studioPage .referenceDrop:hover,
.studioPage .referenceDrop:focus-within{
  background:#10241c!important;
  border-color:#f0c763!important;
  box-shadow:0 0 18px rgba(240,199,99,.08)!important;
}

/* Fix unreadable reference identity note */
.studioPage .identityNote{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin-top:14px!important;
  padding:14px 16px!important;
  border:1px solid rgba(240,199,99,.24)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,rgba(240,199,99,.10),rgba(255,255,255,.025))!important;
  color:#eee5d5!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.studioPage .identityNote>span{
  color:#f3d790!important;
  font-size:15px!important;
  line-height:1.5!important;
  text-shadow:0 0 12px rgba(240,199,99,.28)!important;
}
.studioPage .identityNote p{
  color:#eee5d5!important;
  font-weight:520!important;
  line-height:1.65!important;
}
.studioPage .identityNote strong{
  color:#fff7e8!important;
}

/* Gold highlight states */
.studioPage .sectionLabel,
.studioPage .eyebrow,
.studioPage .vmUploadNumber,
.studioPage .packageTitle{
  text-shadow:0 0 14px rgba(240,199,99,.14);
}
.studioPage .vmUploadState[data-state=ready],
.studioPage .introductoryBadge{
  animation:vmGoldPulse 3.8s ease-in-out infinite;
}

@media(prefers-reduced-motion:reduce){
  .studioPage .setupPanel,
  .studioPage .checkoutPanel,
  .studioPage .dashboardPanel,
  .studioPage .eyewearAudiencePanel,
  .studioPage .accountBar,
  .studioPage .vmResultCarousel,
  .studioPage .results,
  .studioPage .panel,
  .studioPage .referenceSlot,
  .studioPage .packagePanel .packageChoice,
  .studioPage #watchWristAudiencePanel .eyewearAudienceOption,
  .studioPage #eyewearAudiencePanel .eyewearAudienceOption,
  .studioPage .purchaseControls,
  .studioPage .vmExpandable,
  .studioPage .uploadRules,
  .studioPage .resultCard,
  .studioPage .vmProductionProgress{
    animation:none!important;
  }
}

/* Golden landing hero asset */
.productPage .vmGoldenHero{
  position:relative!important;
  overflow:hidden!important;
  min-height:620px!important;
  border:1px solid rgba(205,166,86,.30)!important;
  border-radius:34px!important;
  background:#07120f!important;
  box-shadow:0 30px 70px rgba(15,25,21,.20),0 0 34px rgba(218,177,82,.08)!important;
}
.productPage .vmGoldenHero img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:620px!important;
  object-fit:cover!important;
  object-position:center!important;
}
.productPage .vmGoldenHero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  box-shadow:inset 0 0 42px rgba(224,185,92,.08)!important;
}
@media(max-width:900px){
  .productPage .vmGoldenHero,
  .productPage .vmGoldenHero img{min-height:480px!important}
}

/* 2026-10-23 — VIELMIRA champagne / muted olive / soft gold palette */
:root{
  --vm-champagne:#f5efe2;
  --vm-champagne-2:#fffaf0;
  --vm-cream:#fbf7ee;
  --vm-olive:#29301c;
  --vm-olive-2:#353a21;
  --vm-olive-3:#424329;
  --vm-gold:#c59a43;
  --vm-gold-soft:#e2c77e;
  --vm-gold-pale:#f0dfb0;
  --vm-brown:#493b29;
  --vm-ink:#201c17;
  --vm-muted:#756d61;
}

/* LANDING */
.productPage{
  background:
    radial-gradient(900px 480px at 92% 4%,rgba(216,186,111,.12),transparent 62%),
    linear-gradient(180deg,#f8f4eb 0%,#f2ecdf 55%,#f8f4eb 100%)!important;
  color:var(--vm-ink)!important;
}
.productPage .nav{
  background:rgba(249,245,237,.91)!important;
  border-bottom:1px solid rgba(97,79,48,.10)!important;
  box-shadow:0 8px 26px rgba(72,57,38,.045)!important;
}
.productPage .eyebrow{color:#927348!important}
.productPage .accentTitle{color:#7b674d!important}
.productPage .lead{color:#746c61!important}
.productPage .primary,
.productPage .navCta{
  background:linear-gradient(180deg,#302f1f,#202117)!important;
  color:#fff9ed!important;
  border-color:#302f1f!important;
  box-shadow:0 10px 24px rgba(45,42,28,.12)!important;
}
.productPage .primary:hover,
.productPage .navCta:hover{background:#171910!important}

/* Benefit / long-use block */
.productPage .sellerValue,
.productPage .proofSection,
.productPage .pricingSection,
.productPage .pricing,
.productPage .introPricing,
.productPage .valueSection{
  background:
    radial-gradient(760px 260px at 100% 0%,rgba(226,199,126,.12),transparent 62%),
    linear-gradient(145deg,#31351f 0%,#242b1a 100%)!important;
  border:1px solid rgba(197,154,67,.28)!important;
  box-shadow:0 20px 46px rgba(64,55,36,.10)!important;
}
.productPage .sellerValue .eyebrow,
.productPage .proofSection .eyebrow,
.productPage .pricingSection .eyebrow{color:var(--vm-gold-soft)!important}
.productPage .sellerValue h2,
.productPage .sellerValue h3,
.productPage .sellerValue p,
.productPage .proofSection h2,
.productPage .proofSection p{color:#f7f0e2!important}
.productPage .sellerValue .lead,
.productPage .proofSection .lead{color:#d4cbbb!important}
.productPage .channelTags span{
  background:rgba(255,250,240,.035)!important;
  color:#eee5d4!important;
  border-color:rgba(226,199,126,.42)!important;
}

/* Landing package cards: champagne */
.productPage .pricingCard,
.productPage .priceCard,
.productPage .packageCard{
  background:linear-gradient(145deg,#fffaf0,#f4ead7)!important;
  color:var(--vm-ink)!important;
  border:1.5px solid rgba(197,154,67,.48)!important;
  box-shadow:0 12px 28px rgba(64,55,36,.08)!important;
}
.productPage .pricingCard h3,
.productPage .priceCard h3,
.productPage .packageCard h3{color:#241e17!important}
.productPage .pricingCard p,
.productPage .priceCard p,
.productPage .packageCard p{color:#6e6254!important}

/* Collection cards: muted olive, restrained gold */
.productPage .categoryCollageCard,
.productPage .collectionCard{
  background:
    radial-gradient(420px 180px at 92% 8%,rgba(218,183,99,.10),transparent 65%),
    linear-gradient(150deg,#333720 0%,#252b19 100%)!important;
  border:1.5px solid rgba(197,154,67,.48)!important;
  box-shadow:0 18px 40px rgba(62,52,34,.12)!important;
}
.productPage .categoryCollageCard::before{
  background:linear-gradient(135deg,rgba(226,199,126,.22),transparent 34%,transparent 68%,rgba(197,154,67,.16))!important;
}
.productPage .categoryCollageCard h3,
.productPage .collectionCard h3{color:#fff7e8!important}
.productPage .categoryCollageCard p,
.productPage .collectionCard p{color:#d6cdbc!important}
.productPage .categoryCollageCard .cardIndex{color:var(--vm-gold-soft)!important}
.productPage .categoryCollageCard a{color:#f0d99b!important}

/* Golden hero: soften frame to champagne palette */
.productPage .vmGoldenHero{
  border:1.5px solid rgba(197,154,67,.46)!important;
  box-shadow:0 28px 60px rgba(68,55,34,.14),0 0 28px rgba(197,154,67,.06)!important;
}

/* STUDIO / DASHBOARD */
.studioPage{
  background:
    radial-gradient(900px 480px at 85% -5%,rgba(226,199,126,.11),transparent 60%),
    linear-gradient(180deg,#171c13 0%,#202419 48%,#171c13 100%)!important;
  color:#f7f0e2!important;
}
.studioPage .nav{
  background:rgba(24,29,20,.95)!important;
  border-bottom:1px solid rgba(197,154,67,.22)!important;
}
.studioPage .brand.vmWordmark b{color:#fff8ea!important}
.studioPage .productWordmark,
.studioPage .navLinks a{color:#c7bdab!important}
.studioPage .navLinks a.active{color:#fff8ea!important}
.studioPage .navLinks .active{box-shadow:0 1px var(--vm-gold)!important}
.studioPage .langSelect{
  background:#272c1d!important;
  border-color:rgba(197,154,67,.30)!important;
  color:#f5eddf!important;
}

/* Dashboard panels: lighter muted olive */
.studioPage .setupPanel,
.studioPage .checkoutPanel,
.studioPage .dashboardPanel,
.studioPage .eyewearAudiencePanel,
.studioPage .accountBar,
.studioPage .vmResultCarousel,
.studioPage .results,
.studioPage .panel{
  background:
    linear-gradient(145deg,#353a22,#282f1c) padding-box,
    linear-gradient(115deg,rgba(226,199,126,.68),rgba(197,154,67,.18) 32%,rgba(197,154,67,.12) 70%,rgba(235,211,148,.58)) border-box!important;
  border:1px solid transparent!important;
  box-shadow:0 18px 42px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.025)!important;
  animation:none!important;
}
.studioPage .sectionLabel,
.studioPage .eyebrow,
.studioPage .packageTitle{color:#e6ca83!important;text-shadow:none!important}
.studioPage .eyewearAudienceField legend,
.studioPage .resultsHead h2,
.studioPage .dashboardHead h2{color:#fff7e8!important}
.studioPage .hint,
.studioPage .retentionNote,
.studioPage .studioCompliance,
.studioPage .pipelineLocalNotice,
.studioPage .campaignDuration,
.studioPage .legalContext{color:#cfc5b4!important}

/* Inner cards: deeper olive, no flashy moving neon */
.studioPage .referenceSlot,
.studioPage .packagePanel .packageChoice,
.studioPage #watchWristAudiencePanel .eyewearAudienceOption,
.studioPage #eyewearAudiencePanel .eyewearAudienceOption,
.studioPage .purchaseControls,
.studioPage .vmExpandable,
.studioPage .uploadRules,
.studioPage .resultCard,
.studioPage .vmProductionProgress{
  background:linear-gradient(180deg,#3b4027 0%,#2e341f 100%)!important;
  border:1px solid rgba(197,154,67,.30)!important;
  color:#f4ecdc!important;
  box-shadow:none!important;
  animation:none!important;
}
.studioPage .referenceDrop{
  background:#292f1d!important;
  border:1px dashed rgba(226,199,126,.44)!important;
}
.studioPage .referenceDrop:hover,
.studioPage .referenceDrop:focus-within{
  background:#333922!important;
  border-color:#d6ad56!important;
  box-shadow:0 0 14px rgba(197,154,67,.08)!important;
}
.studioPage .referenceDrop strong{color:#fff6e6!important}
.studioPage .referencePrompt{color:#d0c5b2!important}
.studioPage .referenceGuide{
  opacity:.74!important;
  filter:sepia(.5) saturate(.45) hue-rotate(355deg) brightness(1.14) contrast(.9)!important;
}

/* Gold selected states, restrained */
.studioPage .packagePanel .packageChoice.selected,
.studioPage #watchWristAudiencePanel .eyewearAudienceOption:has(input:checked),
.studioPage #eyewearAudiencePanel .eyewearAudienceOption:has(input:checked){
  background:linear-gradient(180deg,#46452a,#373923)!important;
  border:1.5px solid #d0a64f!important;
  box-shadow:0 0 0 2px rgba(197,154,67,.08)!important;
  animation:none!important;
}
.studioPage .packagePanel .packageChoice.selected .packageChoiceTop strong{color:#fff7e8!important;-webkit-text-fill-color:#fff7e8!important}
.studioPage .packagePanel .packageChoice.selected .packageChoiceTop b{color:#ebce84!important;-webkit-text-fill-color:#ebce84!important}
.studioPage .packagePanel .packageChoice.selected>small:not(.introductoryBadge),
.studioPage .packagePanel .packageChoice.selected .priceOriginal,
.studioPage .packagePanel .packageChoice.selected .priceOriginal span,
.studioPage .packagePanel .packageChoice.selected .priceOriginal s{
  color:#cfc5b4!important;
  -webkit-text-fill-color:#cfc5b4!important;
}
.studioPage .introductoryBadge{
  background:#5a4928!important;
  border-color:rgba(226,199,126,.32)!important;
  color:#f0d99b!important;
  animation:none!important;
}

/* Gold controls */
.studioPage .vmTabIndicator,
.studioPage #generateBtn,
.studioPage #payBtn,
.studioPage .primary{
  background:linear-gradient(180deg,#e5c36f,#bd8e35)!important;
  border-color:#c69a43!important;
  color:#241d11!important;
  box-shadow:0 8px 20px rgba(197,154,67,.13)!important;
}
.studioPage .contentCategoryNav{
  background:#282e1d!important;
  border-color:rgba(197,154,67,.24)!important;
}
.studioPage .contentCategoryChip{color:#d3c8b5!important}
.studioPage .contentCategoryChip[aria-current=page]{color:#231d11!important}
.studioPage .vmUploadState{
  background:#333822!important;
  color:#d3c7b4!important;
  border-color:rgba(197,154,67,.22)!important;
}
.studioPage .vmUploadState[data-state=ready]{
  background:#554726!important;
  color:#f0d99b!important;
  border-color:rgba(226,199,126,.44)!important;
}
.studioPage .vmUploadState[data-state=ready]::before{background:#d0a64f!important}

/* Reference note: champagne glass panel */
.studioPage .identityNote{
  background:linear-gradient(135deg,rgba(226,199,126,.13),rgba(255,250,240,.035))!important;
  border-color:rgba(226,199,126,.34)!important;
  color:#f4ecdc!important;
}
.studioPage .identityNote>span{color:#edcf86!important;text-shadow:none!important}
.studioPage .identityNote p{color:#e2d8c6!important}

/* 2026-10-23 — LANDING ONLY: reference-matched champagne / olive / soft-gold */
.productPage{
  --lp-bg:#f6f1e7;
  --lp-cream:#fffaf0;
  --lp-cream-2:#f5ead5;
  --lp-olive:#33351f;
  --lp-olive-2:#262b19;
  --lp-gold:#c89c45;
  --lp-gold-soft:#e2c77e;
  --lp-ink:#201b16;
  --lp-muted:#736a5f;
  background:
    radial-gradient(900px 420px at 86% 4%,rgba(216,183,104,.10),transparent 62%),
    linear-gradient(180deg,#faf7f0 0%,#f3ecdf 58%,#faf7f0 100%)!important;
  color:var(--lp-ink)!important;
}
.productPage .nav{
  background:rgba(250,247,240,.92)!important;
  border-bottom:1px solid rgba(97,78,45,.10)!important;
  box-shadow:0 8px 24px rgba(64,51,33,.04)!important;
}
.productPage .eyebrow{color:#9b7845!important}
.productPage .accentTitle{color:#7d674c!important}
.productPage .lead{color:#766d62!important}
.productPage .heroValueLine{color:#332d26!important}
.productPage .primary,
.productPage .navCta{
  background:linear-gradient(180deg,#34321f,#222319)!important;
  color:#fff9ed!important;
  border:1px solid #34321f!important;
  box-shadow:0 9px 20px rgba(50,46,29,.11)!important;
}
.productPage .primary:hover,
.productPage .navCta:hover{background:#181a11!important}

/* Keep the current golden VIELMIRA hero, soften its framing */
.productPage .vmGoldenHero{
  border:1px solid rgba(200,156,69,.46)!important;
  background:#242719!important;
  box-shadow:0 24px 54px rgba(67,54,34,.13)!important;
}

/* Collections heading stays on cream page */
.productPage .categoryShowcase{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.productPage .categoryShowcase .sectionHead h2{color:#211b16!important}
.productPage .categoryShowcase .sectionHead .lead{color:#776e62!important}

/* Reference: olive collection cards with restrained gold frame */
.productPage .categoryCollageCard{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(380px 160px at 92% 7%,rgba(226,199,126,.12),transparent 64%),
    linear-gradient(150deg,#393b23 0%,#292e1b 100%)!important;
  border:1.5px solid rgba(200,156,69,.60)!important;
  border-radius:22px!important;
  box-shadow:0 16px 36px rgba(65,53,34,.11)!important;
  color:#fff7e9!important;
}
.productPage .categoryCollageCard::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(135deg,rgba(236,211,148,.18),transparent 25%),
    linear-gradient(315deg,rgba(200,156,69,.12),transparent 28%)!important;
}
.productPage .collageCardTop,
.productPage .collageMosaic,
.productPage .collageCardInfo{position:relative!important;z-index:1!important}
.productPage .collageNumber{color:#f0d99c!important}
.productPage .collageState{color:#e6d8bc!important}
.productPage .categoryCollageCard h3{color:#fff8ea!important}
.productPage .categoryCollageCard p{color:#ddd3c0!important}
.productPage .collageCaption{color:#c9bda8!important}
.productPage .categoryExplore{color:#f0d99c!important}
.productPage .collageTile{
  border-color:rgba(238,216,158,.42)!important;
  background:#1f2416!important;
}

/* Evergreen block = reference's light luxury hero-like panel, not dark green */
.productPage .evergreenValue{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.productPage .evergreenPanel{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(520px 260px at 90% 12%,rgba(228,196,117,.24),transparent 65%),
    linear-gradient(115deg,#fffaf0 0%,#f7ecd6 54%,#f2dfb6 100%)!important;
  border:1.5px solid rgba(200,156,69,.46)!important;
  border-radius:28px!important;
  box-shadow:0 18px 40px rgba(72,58,35,.08)!important;
  color:#241d17!important;
}
.productPage .evergreenPanel::after{
  content:""!important;
  position:absolute!important;
  right:-8%!important;
  top:-35%!important;
  width:48%!important;
  height:180%!important;
  transform:rotate(14deg)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent)!important;
  pointer-events:none!important;
}
.productPage .evergreenPanel>*{position:relative!important;z-index:1!important}
.productPage .evergreenPanel .eyebrow{color:#9c7640!important}
.productPage .evergreenPanel h2{color:#211b16!important}
.productPage .evergreenPanel .lead{color:#62594f!important}
.productPage .evergreenTags li{
  background:rgba(255,251,242,.58)!important;
  border:1px solid rgba(184,139,54,.52)!important;
  color:#493b29!important;
  box-shadow:none!important;
}
.productPage .evergreenNote{color:#75695b!important}

/* Pricing = large champagne panel from reference */
.productPage .pricing{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(620px 300px at 100% 0%,rgba(232,203,132,.28),transparent 65%),
    linear-gradient(135deg,#fffaf0 0%,#f5e8cd 100%)!important;
  border:1.5px solid rgba(200,156,69,.46)!important;
  border-radius:28px!important;
  box-shadow:0 18px 42px rgba(72,58,35,.08)!important;
  color:#221c16!important;
}
.productPage .pricing::after{
  content:""!important;
  position:absolute!important;
  right:-12%!important;
  top:-45%!important;
  width:52%!important;
  height:190%!important;
  transform:rotate(16deg)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent)!important;
  pointer-events:none!important;
}
.productPage .pricing>*{position:relative!important;z-index:1!important}
.productPage .pricingIntro h2{color:#211b16!important}
.productPage .pricingIntro p{color:#5f564d!important}
.productPage .offerGrid{gap:20px!important}
.productPage .offerCard{
  background:linear-gradient(145deg,#fffdf8 0%,#f7ecd8 100%)!important;
  color:#211b16!important;
  border:1.5px solid rgba(200,156,69,.58)!important;
  border-radius:20px!important;
  box-shadow:0 10px 24px rgba(72,58,35,.06)!important;
}
.productPage .offerCard h3{color:#241d17!important}
.productPage .offerCard>p{color:#6a6054!important}
.productPage .offerIndex,
.productPage .offerType{color:#9c7439!important}
.productPage .offerStatus{
  background:#f5e7ca!important;
  border-color:rgba(184,139,54,.34)!important;
  color:#7b5a2d!important;
}
.productPage .offerPrice{color:#211b16!important}
.productPage .priceOriginal{color:#7a7065!important}
.productPage .offerCard .primary{
  background:linear-gradient(180deg,#39371f,#242619)!important;
  color:#fff9ec!important;
  border-color:#a98339!important;
  box-shadow:0 6px 14px rgba(67,58,31,.11)!important;
}
.productPage .campaignDuration,
.productPage .offerAvailability{color:#74695c!important}

/* Neutralize earlier dark landing overrides on unrelated sections */
.productPage .sellerValue,
.productPage .proofSection,
.productPage .pricingSection,
.productPage .introPricing,
.productPage .valueSection{
  background:#fffdf8!important;
  border:1px solid rgba(93,75,47,.09)!important;
  box-shadow:0 14px 32px rgba(64,51,33,.05)!important;
  color:#211b16!important;
}
.productPage .sellerValue h2,
.productPage .sellerValue h3,
.productPage .sellerValue p,
.productPage .proofSection h2,
.productPage .proofSection p{color:#29231d!important}
.productPage .sellerValue .lead,
.productPage .proofSection .lead{color:#746b60!important}
.productPage .channelTags span{
  background:#f7f0e4!important;
  color:#554a3c!important;
  border-color:rgba(184,139,54,.28)!important;
}

/* 2026-10-23 — LANDING EXACT REFERENCE PALETTE + ORBITING GOLD BORDER */
@property --lp-gold-angle{
  syntax:'<angle>';
  initial-value:0deg;
  inherits:false;
}
@keyframes lpGoldOrbit{to{--lp-gold-angle:360deg}}

.productPage{
  --lp-page:#f6f0e4;
  --lp-ivory:#fff9ec;
  --lp-ivory-2:#f8edd8;
  --lp-olive:#33351f;
  --lp-olive-2:#272b19;
  --lp-olive-3:#414226;
  --lp-gold:#c89a42;
  --lp-gold-soft:#e8cc82;
  --lp-gold-pale:#f3dfad;
  --lp-ink:#211b15;
  --lp-muted:#73685a;
  background:
    radial-gradient(900px 460px at 88% 0%,rgba(232,204,133,.13),transparent 62%),
    linear-gradient(180deg,#fbf7ef 0%,#f4ecde 58%,#fbf7ef 100%)!important;
  color:var(--lp-ink)!important;
}

/* base card orbit helper */
.productPage .lpOrbitCard,
.productPage .evergreenPanel,
.productPage .pricing,
.productPage .categoryCollageCard{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.productPage .lpOrbitCard::before,
.productPage .evergreenPanel::before,
.productPage .pricing::before,
.productPage .categoryCollageCard::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  padding:1.5px!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:conic-gradient(
    from var(--lp-gold-angle),
    rgba(200,154,66,.20) 0deg,
    rgba(200,154,66,.20) 248deg,
    rgba(255,229,154,.98) 281deg,
    rgba(220,170,63,.78) 319deg,
    rgba(200,154,66,.20) 352deg,
    rgba(200,154,66,.20) 360deg
  )!important;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;
  mask-composite:exclude!important;
  animation:lpGoldOrbit 8s linear infinite!important;
}
.productPage .lpOrbitCard>*,
.productPage .evergreenPanel>*,
.productPage .pricing>*,
.productPage .categoryCollageCard>*{
  position:relative!important;
  z-index:1!important;
}

/* NAV */
.productPage .nav{
  background:rgba(250,246,238,.94)!important;
  border-bottom:1px solid rgba(99,78,42,.10)!important;
  box-shadow:0 8px 24px rgba(78,58,33,.04)!important;
}
.productPage .brand.vmWordmark b{color:#17140f!important}
.productPage .productWordmark,
.productPage .navLinks a{color:#6f665b!important}
.productPage .navLinks a:hover{color:#211b15!important}
.productPage .langSelect{
  background:#fffaf0!important;
  border-color:rgba(104,81,44,.14)!important;
  color:#30291f!important;
}
.productPage .navCta,
.productPage .primary{
  background:linear-gradient(180deg,#33321f,#242619)!important;
  border-color:#33321f!important;
  color:#fff9ec!important;
  box-shadow:0 8px 18px rgba(52,48,31,.11)!important;
}

/* HERO */
.productPage .hero{
  width:min(1180px,calc(100% - 48px))!important;
  gap:54px!important;
}
.productPage .heroCopy .eyebrow{color:#9c7742!important}
.productPage .hero h1{color:#211b15!important}
.productPage .hero .accentTitle{color:#806b50!important}
.productPage .heroValueLine{color:#3f362d!important}
.productPage .hero .lead{color:#74695c!important}
.productPage .heroLaunchNote{
  background:#fffaf0!important;
  border-color:rgba(104,81,44,.12)!important;
  color:#70665b!important;
}
.productPage .launchDot{background:#b38b44!important}

.productPage .vmGoldenHero{
  border:1.5px solid rgba(200,154,66,.50)!important;
  border-radius:24px!important;
  background:#272919!important;
  box-shadow:0 22px 48px rgba(70,55,34,.13),0 0 20px rgba(200,154,66,.06)!important;
}

/* SELLER / WHITE INFO PANEL */
.productPage .sellerValue{
  background:#fffdf8!important;
  border:1px solid rgba(97,78,49,.09)!important;
  border-radius:28px!important;
  box-shadow:0 14px 32px rgba(67,52,33,.05)!important;
}
.productPage .sellerValue .eyebrow{color:#b28743!important}
.productPage .sellerValue h2,
.productPage .sellerValue h3,
.productPage .sellerValue p{color:#2a241d!important}
.productPage .sellerValue .lead{color:#756c61!important}
.productPage .channelTags span{
  background:#f8f0e2!important;
  border-color:rgba(184,139,54,.28)!important;
  color:#5b4e3f!important;
}

/* LIGHT CHAMPAGNE LONG-TERM PANEL */
.productPage .evergreenPanel{
  background:
    radial-gradient(540px 260px at 92% 8%,rgba(231,201,125,.26),transparent 65%),
    linear-gradient(115deg,#fffaf0 0%,#f7ecd6 54%,#f0dcb0 100%)!important;
  border-radius:26px!important;
  border:1px solid rgba(200,154,66,.34)!important;
  box-shadow:0 16px 38px rgba(69,55,35,.07)!important;
}
.productPage .evergreenPanel .eyebrow{color:#a17a40!important}
.productPage .evergreenPanel h2{color:#211b15!important}
.productPage .evergreenPanel .lead{color:#645a50!important}
.productPage .evergreenTags li{
  background:rgba(255,250,240,.72)!important;
  border:1px solid rgba(184,139,54,.50)!important;
  color:#4b3d2c!important;
  box-shadow:none!important;
}
.productPage .evergreenNote{color:#76695a!important}

/* PRICING — exact light gold panel */
.productPage .pricing{
  background:
    radial-gradient(620px 300px at 100% 0%,rgba(232,203,132,.30),transparent 64%),
    linear-gradient(135deg,#fffaf0 0%,#f5e7ca 100%)!important;
  border-radius:26px!important;
  border:1px solid rgba(200,154,66,.40)!important;
  box-shadow:0 18px 42px rgba(74,58,35,.08)!important;
  color:#211b15!important;
}
.productPage .pricingIntro h2{color:#211b15!important}
.productPage .pricingIntro p{color:#60564b!important}
.productPage .offerGrid{gap:18px!important}
.productPage .offerCard{
  background:linear-gradient(145deg,#fffdf8 0%,#f8edd8 100%)!important;
  border:1.5px solid rgba(200,154,66,.56)!important;
  border-radius:18px!important;
  color:#211b15!important;
  box-shadow:0 8px 18px rgba(70,55,34,.05)!important;
}
.productPage .offerCard h3{color:#241d17!important}
.productPage .offerCard>p{color:#6b6054!important}
.productPage .offerIndex,
.productPage .offerType{color:#a17636!important}
.productPage .offerStatus{
  background:#f5e6c7!important;
  border-color:rgba(184,139,54,.36)!important;
  color:#77572d!important;
}
.productPage .offerPrice{color:#211b15!important}
.productPage .priceOriginal{color:#7b7064!important}
.productPage .offerCard .primary{
  background:linear-gradient(180deg,#3a381f,#252619)!important;
  border:1px solid rgba(196,154,66,.88)!important;
  color:#fff9ec!important;
  box-shadow:0 5px 12px rgba(67,58,31,.10)!important;
}

/* COLLECTIONS — exact muted olive / gold cards */
.productPage .categoryShowcase{background:transparent!important}
.productPage .categoryShowcase .sectionHead h2{color:#211b15!important}
.productPage .categoryShowcase .sectionHead .lead{color:#766c60!important}
.productPage .categoryCollageCard{
  background:
    radial-gradient(420px 180px at 92% 6%,rgba(226,199,126,.14),transparent 64%),
    linear-gradient(150deg,#3a3d23 0%,#292e1a 100%)!important;
  border:1.5px solid rgba(200,154,66,.58)!important;
  border-radius:20px!important;
  color:#fff8e9!important;
  box-shadow:0 14px 30px rgba(68,54,35,.10)!important;
}
.productPage .collageNumber{color:#f0d99c!important}
.productPage .collageState{color:#e6d7b8!important}
.productPage .categoryCollageCard h3{color:#fff8e9!important}
.productPage .categoryCollageCard p{color:#ddd2bd!important}
.productPage .collageCaption{color:#c9bca7!important}
.productPage .categoryExplore{color:#f0d99c!important}
.productPage .collageTile{
  border:1px solid rgba(239,216,157,.38)!important;
  background:#212617!important;
}

/* keep orbit subtle */
@media(prefers-reduced-motion:reduce){
  .productPage .lpOrbitCard::before,
  .productPage .evergreenPanel::before,
  .productPage .pricing::before,
  .productPage .categoryCollageCard::before{
    animation:none!important;
  }
}

/* 2026-10-23 — DASHBOARD REFERENCE MATCH
   Layout locked. Colors only: near-black emerald + warm gold orbit. */
@property --vm-ref-angle{
  syntax:'<angle>';
  initial-value:0deg;
  inherits:false;
}
@keyframes vmRefGoldOrbit{to{--vm-ref-angle:360deg}}

.studioPage{
  --vm-ref-bg:#06110d;
  --vm-ref-bg-2:#091711;
  --vm-ref-panel:#0a2118;
  --vm-ref-panel-2:#0c251b;
  --vm-ref-inner:#081b14;
  --vm-ref-inner-2:#0a2017;
  --vm-ref-gold:#d7ad4f;
  --vm-ref-gold-bright:#f0ca69;
  --vm-ref-gold-deep:#9c772b;
  --vm-ref-line:rgba(203,163,72,.34);
  --vm-ref-line-soft:rgba(203,163,72,.20);
  --vm-ref-text:#f3eee2;
  --vm-ref-muted:#bdc2b5;
  --vm-ref-faint:#899388;
  background:
    radial-gradient(820px 520px at 9% 8%,rgba(108,125,115,.16),transparent 64%),
    radial-gradient(760px 440px at 84% 2%,rgba(215,173,79,.035),transparent 64%),
    linear-gradient(180deg,#07120e 0%,#081610 50%,#06110d 100%)!important;
  color:var(--vm-ref-text)!important;
}

/* Header */
.studioPage .nav{
  background:#050d0a!important;
  border-bottom:1px solid rgba(215,173,79,.18)!important;
  box-shadow:none!important;
}
.studioPage .brand.vmWordmark b{color:#f5f0e5!important}
.studioPage .productWordmark{
  color:#b9b7aa!important;
  border-color:rgba(215,173,79,.18)!important;
}
.studioPage .navLinks a{color:#b9b6aa!important}
.studioPage .navLinks a:hover,
.studioPage .navLinks .active{color:#f5f0e5!important}
.studioPage .navLinks .active{
  box-shadow:0 1px var(--vm-ref-gold)!important;
}
.studioPage .langSelect{
  background:#07130e!important;
  border:1px solid rgba(215,173,79,.31)!important;
  color:#f0eadf!important;
  box-shadow:none!important;
}
.studioPage .accountLogout,
.studioPage .headerSignIn,
.studioPage .headerAccountEmail{color:#d4c9b2!important}

/* Header balances */
.studioPage .accountCreditItem{
  background:#07150f!important;
  border:1px solid rgba(215,173,79,.27)!important;
  box-shadow:none!important;
  color:#f0eadf!important;
}
.studioPage .accountCreditItem>span{color:#aaa99e!important}
.studioPage .accountCreditItem strong{color:#e9c761!important}

/* Page title / tabs */
.studioPage .studioShell>h1.sectionLabel{color:#eee8dc!important}
.studioPage .contentCategoryNav{
  background:#08150f!important;
  border:1px solid rgba(215,173,79,.23)!important;
  box-shadow:none!important;
}
.studioPage .contentCategoryChip{
  color:#c0beb2!important;
  font-weight:650!important;
}
.studioPage .vmTabIndicator{
  background:linear-gradient(180deg,#efc95f,#c79531)!important;
  box-shadow:0 0 16px rgba(229,187,79,.20)!important;
}
.studioPage .contentCategoryChip[aria-current=page]{
  color:#19150c!important;
  font-weight:800!important;
}

/* Main outer panels — same dark emerald as reference screenshot */
.studioPage .eyewearAudiencePanel,
.studioPage .accountBar,
.studioPage .setupPanel,
.studioPage .checkoutPanel,
.studioPage .dashboardPanel,
.studioPage .vmResultCarousel{
  background:
    linear-gradient(180deg,var(--vm-ref-panel-2),var(--vm-ref-panel)) padding-box,
    conic-gradient(
      from var(--vm-ref-angle),
      rgba(215,173,79,.20) 0deg,
      rgba(215,173,79,.20) 245deg,
      rgba(246,207,105,.98) 282deg,
      rgba(190,143,47,.72) 318deg,
      rgba(215,173,79,.20) 352deg,
      rgba(215,173,79,.20) 360deg
    ) border-box!important;
  border:1px solid transparent!important;
  color:var(--vm-ref-text)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.018)!important;
  animation:vmRefGoldOrbit 8.5s linear infinite!important;
}

/* radius closer to reference */
.studioPage .eyewearAudiencePanel{border-radius:14px!important}
.studioPage .accountBar{border-radius:18px!important}
.studioPage .setupPanel,
.studioPage .checkoutPanel,
.studioPage .dashboardPanel,
.studioPage .vmResultCarousel{border-radius:14px!important}

/* Headings + copy */
.studioPage .eyewearAudienceField legend,
.studioPage .resultsHead h2,
.studioPage .dashboardHead h2{color:#f2ecdf!important}
.studioPage .sectionLabel,
.studioPage .eyebrow,
.studioPage .setupPanel>.sectionLabel,
.studioPage .checkoutPanel .packageTitle{
  color:#e4bf60!important;
  text-shadow:none!important;
}
.studioPage .hint,
.studioPage .retentionNote,
.studioPage .studioCompliance,
.studioPage .campaignDuration,
.studioPage .pipelineLocalNotice,
.studioPage .legalContext,
.studioPage .referenceMobileTip{color:#bcc2b6!important}
.studioPage .accountBar span{color:#a7ada3!important}
.studioPage .accountBar strong{color:#eee9de!important}

/* Audience choices */
.studioPage #watchWristAudiencePanel .eyewearAudienceOption,
.studioPage #eyewearAudiencePanel .eyewearAudienceOption{
  background:
    linear-gradient(180deg,#091b14,#081711) padding-box,
    conic-gradient(
      from var(--vm-ref-angle),
      rgba(215,173,79,.18) 0deg,
      rgba(215,173,79,.18) 255deg,
      rgba(241,199,90,.72) 292deg,
      rgba(215,173,79,.18) 335deg
    ) border-box!important;
  border:1px solid transparent!important;
  color:#f1ebdf!important;
  box-shadow:none!important;
  border-radius:7px!important;
  animation:vmRefGoldOrbit 11s linear infinite!important;
}
.studioPage #watchWristAudiencePanel .eyewearAudienceOption:hover,
.studioPage #eyewearAudiencePanel .eyewearAudienceOption:hover{
  background:#0b2118!important;
  border-color:rgba(230,188,78,.58)!important;
}
.studioPage #watchWristAudiencePanel .eyewearAudienceOption:has(input:checked),
.studioPage #eyewearAudiencePanel .eyewearAudienceOption:has(input:checked){
  background:
    linear-gradient(180deg,#0d251b,#0a1d16) padding-box,
    conic-gradient(
      from var(--vm-ref-angle),
      rgba(215,173,79,.36) 0deg,
      rgba(215,173,79,.36) 220deg,
      #f2cb66 275deg,
      #b9892d 322deg,
      rgba(215,173,79,.36) 360deg
    ) border-box!important;
  border:1px solid transparent!important;
  box-shadow:0 0 14px rgba(215,173,79,.07)!important;
  animation:vmRefGoldOrbit 6s linear infinite!important;
}
.studioPage #watchWristAudiencePanel .eyewearAudienceOption input,
.studioPage #eyewearAudiencePanel .eyewearAudienceOption input{accent-color:#d7ad4f!important}

/* Upload slots */
.studioPage .referenceUploads{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  gap:12px!important;
  padding:0!important;
}
.studioPage .referenceSlot{
  background:
    linear-gradient(180deg,#0a1d16,#081811) padding-box,
    conic-gradient(
      from var(--vm-ref-angle),
      rgba(215,173,79,.16) 0deg,
      rgba(215,173,79,.16) 260deg,
      rgba(240,197,88,.68) 295deg,
      rgba(215,173,79,.16) 338deg
    ) border-box!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  box-shadow:none!important;
  animation:vmRefGoldOrbit 12s linear infinite!important;
}
.studioPage .referenceSlot + .referenceSlot{border-left:1px solid transparent!important}
.studioPage .referenceDrop{
  background:#071711!important;
  border:1px dashed rgba(215,173,79,.39)!important;
  border-radius:5px!important;
  box-shadow:none!important;
}
.studioPage .referenceDrop:hover,
.studioPage .referenceDrop:focus-within{
  background:#0a1d16!important;
  border-color:#d9af4d!important;
  box-shadow:0 0 12px rgba(215,173,79,.06)!important;
}
.studioPage .referenceDrop strong{color:#f2ecdf!important}
.studioPage .referencePrompt{color:#bec4b7!important}
.studioPage .referenceGuide{
  opacity:.72!important;
  filter:sepia(.35) saturate(.4) brightness(1.15) contrast(.9)!important;
}
.studioPage .vmUploadNumber{color:#e1bb58!important}
.studioPage .vmUploadState{
  background:#0a1b14!important;
  color:#c5c5b9!important;
  border:1px solid rgba(215,173,79,.22)!important;
}
.studioPage .vmUploadState::before{background:#9d7b31!important}
.studioPage .vmUploadState[data-state=ready]{
  background:#2b2616!important;
  color:#eccb77!important;
  border-color:rgba(215,173,79,.48)!important;
}
.studioPage .vmUploadState[data-state=ready]::before{background:#d7ad4f!important}

/* Rules */
.studioPage .vmExpandable,
.studioPage .uploadRules{
  background:#081912!important;
  border:1px solid rgba(215,173,79,.20)!important;
  color:#e8e2d7!important;
  box-shadow:none!important;
  border-radius:10px!important;
}
.studioPage .vmExpandable summary{color:#ece6da!important}
.studioPage .vmExpandable .hint,
.studioPage .uploadRules .hint,
.studioPage .uploadRules li{color:#b8beb2!important}

/* Package cards */
.studioPage .packagePanel .packageChoice,
.studioPage .packagePanel .packageChoice:hover,
.studioPage .packagePanel .packageChoice:focus-visible{
  background:
    linear-gradient(180deg,#0a1d16,#081811) padding-box,
    conic-gradient(
      from var(--vm-ref-angle),
      rgba(215,173,79,.18) 0deg,
      rgba(215,173,79,.18) 258deg,
      rgba(240,197,88,.68) 296deg,
      rgba(215,173,79,.18) 340deg
    ) border-box!important;
  border:1px solid transparent!important;
  color:#eee9de!important;
  border-radius:6px!important;
  box-shadow:none!important;
  animation:vmRefGoldOrbit 11s linear infinite!important;
}
.studioPage .packagePanel .packageChoice:hover,
.studioPage .packagePanel .packageChoice:focus-visible{
  background:#0c2118!important;
  border-color:rgba(230,188,78,.58)!important;
}
.studioPage .packagePanel .packageChoice.selected{
  background:
    linear-gradient(180deg,#10271c,#0a1e16) padding-box,
    conic-gradient(
      from var(--vm-ref-angle),
      rgba(215,173,79,.40) 0deg,
      rgba(215,173,79,.40) 218deg,
      #f0c961 274deg,
      #b9882e 322deg,
      rgba(215,173,79,.40) 360deg
    ) border-box!important;
  border:1px solid transparent!important;
  box-shadow:0 0 16px rgba(215,173,79,.07)!important;
  animation:vmRefGoldOrbit 5.8s linear infinite!important;
}
.studioPage .packagePanel .packageChoice .packageChoiceTop strong{color:#f0eadf!important;-webkit-text-fill-color:#f0eadf!important}
.studioPage .packagePanel .packageChoice .packageChoiceTop b{color:#e9c866!important;-webkit-text-fill-color:#e9c866!important}
.studioPage .packagePanel .packageChoice small,
.studioPage .packagePanel .packageChoice .priceOriginal,
.studioPage .packagePanel .packageChoice .priceOriginal span,
.studioPage .packagePanel .packageChoice .priceOriginal s{
  color:#b8bdb2!important;
  -webkit-text-fill-color:#b8bdb2!important;
}
.studioPage .introductoryBadge{
  background:#392d15!important;
  color:#eac971!important;
  border:1px solid rgba(215,173,79,.32)!important;
}
.studioPage .vmChoiceCheck{
  background:#081710!important;
  border:1px solid rgba(215,173,79,.22)!important;
}
.studioPage .packagePanel .packageChoice.selected .vmChoiceCheck{
  background:linear-gradient(180deg,#efca64,#c59331)!important;
  color:#17130b!important;
  border-color:#d7ad4f!important;
}

/* Purchase and actions */
.studioPage .purchaseControls{
  background:#081912!important;
  border:1px solid rgba(215,173,79,.20)!important;
  color:#eee9de!important;
  box-shadow:none!important;
}
.studioPage .purchaseQuantityLabel,
.studioPage .purchaseTotal span{color:#b8beb2!important}
.studioPage .purchaseTotal strong{color:#e8c561!important}
.studioPage #generateBtn,
.studioPage #payBtn,
.studioPage .primary{
  background:linear-gradient(180deg,#edc861,#c69732)!important;
  border:1px solid #d7ad4f!important;
  color:#1a160c!important;
  box-shadow:0 8px 18px rgba(215,173,79,.12)!important;
}
.studioPage .secondary{
  background:#081912!important;
  border:1px solid rgba(215,173,79,.22)!important;
  color:#eee9de!important;
}

/* Reference identity note */
.studioPage .identityNote{
  background:#0a1d16!important;
  border:1px solid rgba(215,173,79,.25)!important;
  color:#e9e2d5!important;
}
.studioPage .identityNote>span{color:#e7c366!important;text-shadow:none!important}
.studioPage .identityNote p{color:#d8d7cb!important}

/* Results */
.studioPage .resultCard{
  background:#091b14!important;
  border:1px solid rgba(215,173,79,.20)!important;
  color:#eee9de!important;
  box-shadow:none!important;
}
.studioPage .resultMeta h3{color:#f0eadf!important}
.studioPage .resultMeta p{color:#b8beb2!important}
.studioPage .resultMeta a{color:#e7c366!important;border-color:#d7ad4f!important}

@media(prefers-reduced-motion:reduce){
  .studioPage .eyewearAudiencePanel,
  .studioPage .accountBar,
  .studioPage .setupPanel,
  .studioPage .checkoutPanel,
  .studioPage .dashboardPanel,
  .studioPage .vmResultCarousel,
  .studioPage .referenceSlot,
  .studioPage .packagePanel .packageChoice,
  .studioPage #watchWristAudiencePanel .eyewearAudienceOption,
  .studioPage #eyewearAudiencePanel .eyewearAudienceOption{
    animation:none!important;
  }
}

/* 2026-10-23 — LANDING ONLY: dashboard emerald + orbiting golden borders */
@property --lp-emerald-angle{
  syntax:'<angle>';
  initial-value:0deg;
  inherits:false;
}
@keyframes lpEmeraldGoldOrbit{to{--lp-emerald-angle:360deg}}

/* Exact dark emerald borrowed from the approved dashboard */
.productPage{
  --lp-ref-emerald:#0a2118;
  --lp-ref-emerald-2:#07170f;
  --lp-ref-gold:#d7ad4f;
  --lp-ref-gold-bright:#f0ca69;
}

/* Replace the olive collection-card tone with the dashboard emerald */
.productPage .categoryCollageCard{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(420px 180px at 92% 6%,rgba(215,173,79,.08),transparent 64%),
    linear-gradient(150deg,#0a2118 0%,#07170f 100%)!important;
  border:1px solid transparent!important;
  color:#fff8ea!important;
  box-shadow:0 16px 34px rgba(0,0,0,.13)!important;
}
.productPage .categoryCollageCard h3{color:#fff8ea!important}
.productPage .categoryCollageCard p{color:#d9d3c7!important}
.productPage .collageNumber,
.productPage .categoryExplore{color:#f0d99c!important}
.productPage .collageCaption,
.productPage .collageState{color:#cfc6b5!important}
.productPage .collageTile{
  background:#06130e!important;
  border:1px solid rgba(240,202,105,.32)!important;
}

/* Shared orbiting golden border for the major landing boxes */
.productPage .vmGoldenHero,
.productPage .sellerValue,
.productPage .evergreenPanel,
.productPage .pricing,
.productPage .categoryCollageCard,
.productPage .offerCard{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.productPage .vmGoldenHero::before,
.productPage .sellerValue::before,
.productPage .evergreenPanel::before,
.productPage .pricing::before,
.productPage .categoryCollageCard::before,
.productPage .offerCard::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  padding:1.5px!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:conic-gradient(
    from var(--lp-emerald-angle),
    rgba(215,173,79,.12) 0deg,
    rgba(215,173,79,.12) 244deg,
    rgba(248,216,132,.98) 280deg,
    rgba(195,145,43,.76) 318deg,
    rgba(215,173,79,.12) 352deg,
    rgba(215,173,79,.12) 360deg
  )!important;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;
  mask-composite:exclude!important;
  animation:lpEmeraldGoldOrbit 8s linear infinite!important;
}
.productPage .vmGoldenHero>*,
.productPage .sellerValue>*,
.productPage .evergreenPanel>*,
.productPage .pricing>*,
.productPage .categoryCollageCard>*,
.productPage .offerCard>*{
  position:relative!important;
  z-index:1!important;
}

/* Keep light champagne boxes light while the border moves */
.productPage .sellerValue{
  background:#fffdf8!important;
  border:1px solid rgba(118,91,48,.08)!important;
}
.productPage .evergreenPanel{
  background:
    radial-gradient(540px 260px at 92% 8%,rgba(231,201,125,.26),transparent 65%),
    linear-gradient(115deg,#fffaf0 0%,#f7ecd6 54%,#f0dcb0 100%)!important;
  border:1px solid rgba(200,154,66,.28)!important;
}
.productPage .pricing{
  background:
    radial-gradient(620px 300px at 100% 0%,rgba(232,203,132,.30),transparent 64%),
    linear-gradient(135deg,#fffaf0 0%,#f5e7ca 100%)!important;
  border:1px solid rgba(200,154,66,.32)!important;
}
.productPage .offerCard{
  background:linear-gradient(145deg,#fffdf8 0%,#f8edd8 100%)!important;
  border:1px solid rgba(200,154,66,.38)!important;
}

/* A restrained glow so it reads as luxury, not arcade neon */
.productPage .vmGoldenHero,
.productPage .pricing,
.productPage .evergreenPanel,
.productPage .categoryCollageCard{
  box-shadow:
    0 16px 36px rgba(65,50,30,.08),
    0 0 20px rgba(215,173,79,.045)!important;
}

@media(prefers-reduced-motion:reduce){
  .productPage .vmGoldenHero::before,
  .productPage .sellerValue::before,
  .productPage .evergreenPanel::before,
  .productPage .pricing::before,
  .productPage .categoryCollageCard::before,
  .productPage .offerCard::before{
    animation:none!important;
  }
}