/* LuckyStudio portfolio journey — wizard shell only. No customer template selectors. */
body.studio-start-active:not(.one-working){
 --wj-canvas:#ecf3ed;--wj-paper:#fff;--wj-paper-soft:#f4f9f5;
 --wj-ink:#173c2c;--wj-muted:#517462;--wj-line:#c3d8ca;
 --wj-green:#1a7349;--wj-mint:#b5f7a7;--wj-shadow:0 22px 55px rgba(17,55,33,.075);
 background:radial-gradient(ellipse 80% 34% at 80% 4%,#d7ebdc,transparent),var(--wj-canvas);
 color:var(--wj-ink);
}
html[data-lw-theme="dark"] body.studio-start-active:not(.one-working){
 --wj-canvas:#10281f;--wj-paper:#1a392b;--wj-paper-soft:#204330;
 --wj-ink:#e9f5eb;--wj-muted:#b4d3bd;--wj-line:#3f7054;
 --wj-green:#a9f0b5;--wj-shadow:0 22px 55px rgba(0,0,0,.16);
 background:radial-gradient(ellipse 80% 38% at 80% 0%,#204e39,transparent),var(--wj-canvas);
}
body.studio-start-active:not(.one-working) #studio-start{
 width:min(1256px,calc(100% - 56px));max-width:none;min-height:70dvh;
 padding:34px 0 132px;font-family:Manrope,Inter,system-ui,sans-serif;
}
body.studio-start-active:not(.one-working) #studio-start .start-achievement-slot{min-height:0}
body.studio-start-active:not(.one-working) #studio-start .start-achievement-slot:empty{display:none}
body.studio-start-active:not(.one-working) #studio-start .start-achievement-slot:not(:empty){margin:10px 0 18px}
body.studio-wizard-navigation #studio-start .start-progress{
 display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:relative;
 width:100%;max-width:none;gap:9px;margin:0 0 23px;padding:10px;
 box-sizing:border-box;border-radius:18px;background:var(--wj-paper);
 border:1px solid var(--wj-line);box-shadow:0 8px 26px #092c1a08;
}
body.studio-wizard-navigation #studio-start .start-progress li{min-width:0;position:relative;z-index:1}
body.studio-wizard-navigation #studio-start .start-progress button{
 display:flex;flex-direction:row;justify-content:center;align-items:center;
 min-height:51px;padding:7px 5px;gap:9px;border-radius:12px;
 color:var(--wj-muted);font:750 12px/1.3 Manrope,system-ui,sans-serif;
 background:transparent;border:1px solid transparent;opacity:1;
 transition:background .2s ease,color .2s ease,border-color .2s ease;
}
body.studio-wizard-navigation #studio-start .start-progress button[aria-current=step]{
 background:var(--wj-paper-soft);color:var(--wj-ink);
 border-color:var(--wj-line);box-shadow:0 4px 12px #1235210a;
}
body.studio-wizard-navigation #studio-start .start-progress .start-step-number{
 width:30px;height:30px;border:1px solid var(--wj-line);border-radius:9px;
 background:var(--wj-paper-soft);color:var(--wj-muted);font:800 12px/1 Manrope,system-ui;
}
body.studio-wizard-navigation #studio-start .start-progress .is-done .start-step-number,
body.studio-wizard-navigation #studio-start .start-progress [aria-current=step] .start-step-number{
 background:#1b7549;border-color:#1b7549;color:#fff;
}
body.studio-wizard-navigation #studio-start .start-progress .start-step-name{text-decoration:none!important;white-space:normal}
body.studio-wizard-navigation #studio-start .start-progress button:not(:disabled):hover{background:var(--wj-paper-soft);color:var(--wj-ink)}
body.studio-wizard-navigation #studio-start .start-progress button:focus-visible{outline:3px solid #4fa57a;outline-offset:2px}
body.studio-start-active:not(.one-working) #studio-start .start-scene{
 position:relative;isolation:isolate;overflow:hidden;
 display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
 min-height:348px;padding:clamp(28px,4.6vw,58px);
 border:1px solid rgba(178,241,194,.26);border-radius:26px;
 background:linear-gradient(115deg,#081e19,#123b2e 72%,#0b2d29);
 box-shadow:0 28px 65px #071e1b2a;color:#f3fbf5;
 animation:wj-scene-in .42s ease-out both;
}
body.studio-start-active:not(.one-working) #studio-start .start-scene::after{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background:radial-gradient(circle at 96% 0%,#8cde9a33,transparent 36%),
 linear-gradient(90deg,rgba(5,24,18,.34) 8%,transparent 70%);
}
body.studio-start-active:not(.one-working) #studio-start .start-scene-copy{
 position:relative;z-index:2;max-width:670px;align-self:center;min-width:0;
}
body.studio-start-active:not(.one-working) #studio-start .start-scene-visual{
 position:absolute;inset:0 0 0 46%;z-index:0;pointer-events:none;
 background:linear-gradient(90deg,#0d3026 0%,rgba(13,48,38,.58) 20%,transparent 78%),
 url("/assets/lucky-product-studio-art.webp") center 46% / cover no-repeat;
 opacity:.92;
}
body.studio-start-active:not(.one-working) #studio-start .start-scene-visual::after{
 content:"";position:absolute;inset:0;
 background:linear-gradient(0deg,#071d19b0,transparent 34%,#112b2433);
}
body.studio-start-active:not(.one-working) #studio-start .start-scene-art-tag{
 position:absolute;right:23px;bottom:22px;color:#d9f3e1;
 font:800 10px/1.4 Manrope,system-ui;letter-spacing:.16em;
 border:1px solid #d5fce44d;padding:9px 13px;border-radius:7px;
 background:rgba(3,27,20,.65);backdrop-filter:blur(9px);z-index:2;
}
body.studio-start-active:not(.one-working) #studio-start .start-scene .start-eyebrow{
 display:inline-flex;align-items:center;gap:8px;margin:0;
 color:#b5f7a7;letter-spacing:.16em;font:800 11px/1.6 Manrope,system-ui;
}
body.studio-start-active:not(.one-working) #studio-start .start-scene .start-eyebrow::before{
 content:"";display:block;width:18px;height:2px;background:#b5f7a7;border-radius:4px;
}
body.studio-start-active:not(.one-working) #studio-start .start-scene h1{
 max-width:800px;margin:15px 0 18px;color:#fff!important;
 font:800 clamp(35px,4.4vw,61px)/1.065 Manrope,system-ui,sans-serif;
 letter-spacing:-.065em;text-wrap:balance;
}
body.studio-start-active:not(.one-working) #studio-start .start-scene-lead{
 max-width:55ch;margin:0;color:#cde4d5;
 font:500 clamp(14px,1.5vw,17px)/1.78 Manrope,system-ui,sans-serif;
}
body.studio-start-active:not(.one-working) #studio-start .start-scene .start-roxy-guide{
 max-width:560px;width:100%;margin:22px 0 0;padding:12px 13px;
 border:1px solid #baf2d63e;border-radius:14px;
 background:rgba(10,48,36,.65);box-shadow:0 9px 25px #0002;color:#f2faf4;
 backdrop-filter:blur(10px);
}
body.studio-start-active:not(.one-working) #studio-start .start-scene .start-roxy-guide strong{color:#e6ffeb}
body.studio-start-active:not(.one-working) #studio-start .start-scene .start-roxy-guide p{color:#c4e7d0}
body.studio-start-active:not(.one-working) #studio-start .start-scene .start-roxy-guide-action{
 background:#b5f7a7;border-color:#b5f7a7;color:#0c3020;
}
/* Calm editorial workspace beneath the cinematic introduction. */
body.studio-start-active:not(.one-working) #studio-start .start-trial-notice{
 max-width:none;margin:15px 0 20px;padding:11px 17px;
 color:var(--wj-muted);border:1px solid var(--wj-line);border-radius:12px;
 background:var(--wj-paper-soft);font:650 12px/1.5 Manrope,system-ui;
}
body.studio-start-active:not(.one-working) #studio-start .start-trial-notice::before{
 background:#d8f1dd;color:#166a40;
}
body.studio-wizard-navigation #studio-start .start-step{
 position:relative;min-width:0;max-width:none;margin:0;padding:clamp(20px,3vw,36px);
 border:1px solid var(--wj-line);border-radius:24px;
 background:var(--wj-paper);color:var(--wj-ink);
 box-shadow:var(--wj-shadow);animation:wj-stage-in .38s ease both;
}
body.studio-wizard-navigation #studio-start .start-step::before{
 content:"";position:absolute;left:32px;top:0;width:74px;height:3px;
 background:linear-gradient(90deg,#1b8051,#b5f7a7);border-radius:0 0 6px 6px;
}
body.studio-wizard-navigation #studio-start .start-note,
body.studio-wizard-navigation #studio-start .start-quality-intro,
body.studio-wizard-navigation #studio-start .start-quality-feature,
body.studio-wizard-navigation #studio-start .start-design-reason{
 color:var(--wj-muted);
}
body.studio-wizard-navigation #studio-start .start-choices{max-width:none;gap:18px}
body.studio-wizard-navigation #studio-start .start-choice{
 position:relative;isolation:isolate;overflow:hidden;
 min-height:142px;padding:24px;border:1px solid var(--wj-line);
 border-radius:18px;background:var(--wj-paper-soft);
 color:var(--wj-ink);text-align:left;gap:10px;
 box-shadow:0 6px 16px #082e1809;
 transition:transform .21s ease,box-shadow .21s ease,border-color .21s ease,background .21s ease;
}
body.studio-wizard-navigation #studio-start .start-choice::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(130deg,rgba(181,247,167,.09),transparent 53%);
 opacity:0;transition:opacity .2s ease;
}
body.studio-wizard-navigation #studio-start .start-choice strong{
 position:relative;z-index:1;font:800 clamp(16px,1.8vw,23px)/1.24 Manrope,system-ui;color:var(--wj-ink);
 letter-spacing:-.035em;
}
body.studio-wizard-navigation #studio-start .start-choice span{
 position:relative;z-index:1;color:var(--wj-muted);font:550 13px/1.7 Manrope,system-ui;
}
body.studio-wizard-navigation #studio-start .start-choice:hover:not(:disabled){
 transform:translateY(-4px);border-color:#72b990;box-shadow:0 16px 34px #0f573322;
}
body.studio-wizard-navigation #studio-start .start-choice:hover::after{opacity:1}
body.studio-wizard-navigation #studio-start .start-choice[aria-pressed=true]{
 background:color-mix(in srgb,var(--wj-paper) 78%,#b5f7a7);
 border-color:#1d9256;box-shadow:0 0 0 2px #3fba792f,0 13px 28px #144a291a;
}
body.studio-wizard-navigation #studio-start .start-choice[aria-pressed=true]::before{
 border-color:#288955;color:#288955;
}
body.studio-wizard-navigation #studio-start .start-choice:focus-visible{outline:3px solid #319b67;outline-offset:3px}
body.studio-wizard-navigation[data-wizard-step="1"] #studio-start .start-choice{
 min-height:195px;justify-content:flex-end;padding:26px 30px;
}
body.studio-wizard-navigation[data-wizard-step="1"] #studio-start .start-choice::before{
 content:"";position:absolute;left:28px;top:25px;width:62px;height:50px;
 border-radius:14px;border:1px solid var(--wj-line);
 background:
 linear-gradient(90deg,transparent 31%,var(--wj-line) 32%,var(--wj-line) 34%,transparent 35%),
 linear-gradient(0deg,transparent 39%,var(--wj-line) 40%,var(--wj-line) 42%,transparent 43%),
 linear-gradient(120deg,#d4f0dc,#f8fff6);
 box-shadow:0 10px 21px #0c442416;
}
body.studio-wizard-navigation[data-wizard-step="1"] #studio-start .start-choice:nth-child(2)::before{
 background:
 linear-gradient(0deg,#53b882 0 23%,transparent 23% 37%,#53b882 37% 55%,transparent 55%),
 linear-gradient(120deg,#d4f0dc,#f8fff6);
}
body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-industries{
 counter-reset:wj-industries;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:11px;max-width:none;min-width:0;align-content:start;
}
body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-industries .start-choice{
 counter-increment:wj-industries;min-height:91px;padding:22px 15px 17px;
 display:flex;flex-direction:column;justify-content:flex-end;gap:9px;
}
body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-industries .start-choice::before{
 content:counter(wj-industries,decimal-leading-zero);position:relative;z-index:1;
 color:#218352;font:800 11px/1 Manrope,system-ui;letter-spacing:.12em;
}
body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-industries .start-choice strong{font-size:14px;line-height:1.35}
body.studio-wizard-navigation[data-wizard-step="3"] #studio-start .start-choices .start-choice{min-height:158px}
body.studio-wizard-navigation[data-wizard-step="3"] #studio-start .start-choices .start-choice::before{
 content:"";display:block;width:100%;height:42px;flex:none;
 border-radius:9px;border:1px solid #a7c6b47d;
 background:linear-gradient(115deg,#10402d 12%,#8fd6a0 48%,#f2f5d4 84%);
}
body.studio-wizard-navigation[data-wizard-step="3"] #studio-start .start-choices .start-choice:nth-child(2)::before{background:linear-gradient(115deg,#e3dacc,#f6f1e5 53%,#7b9a87)}
body.studio-wizard-navigation[data-wizard-step="3"] #studio-start .start-choices .start-choice:nth-child(3)::before{background:linear-gradient(115deg,#422326,#ce7251 53%,#efcb88)}
body.studio-wizard-navigation[data-wizard-step="3"] #studio-start .start-choices .start-choice:nth-child(4)::before{background:linear-gradient(115deg,#11345a,#4ba7c3 53%,#d8f1f0)}
body.studio-wizard-navigation #studio-start .start-mini-preview{
 border-color:var(--wj-line);border-radius:17px;
 background:var(--wj-paper-soft);box-shadow:0 8px 25px #0d462013;
}
body.studio-wizard-navigation #studio-start .start-mini-preview>p:first-child{color:var(--wj-ink);font-weight:800}
body.studio-wizard-navigation #studio-start .start-mini-preview .start-note{color:var(--wj-muted)}
body.studio-wizard-navigation #studio-start .start-sections{max-width:none}
body.studio-wizard-navigation #studio-start .start-section{
 border-color:var(--wj-line);border-radius:14px;background:var(--wj-paper-soft);
 color:var(--wj-ink);min-height:74px;transition:transform .18s ease,border-color .18s ease;
}
body.studio-wizard-navigation #studio-start .start-section:hover{transform:translateY(-2px);border-color:#58a878}
body.studio-wizard-navigation #studio-start .start-section.selected{background:color-mix(in srgb,var(--wj-paper) 80%,#b5f7a7);border-color:#389968}
body.studio-wizard-navigation #studio-start .start-own-fields{
 max-width:none;background:var(--wj-paper-soft);border-color:var(--wj-line);border-radius:17px;
}
body.studio-wizard-navigation #studio-start .start-own-fields h2,
body.studio-wizard-navigation #studio-start .start-owned-field{color:var(--wj-ink)}
body.studio-wizard-navigation #studio-start .start-owned-field :is(input,textarea){
 border-color:var(--wj-line);background:var(--wj-paper);color:var(--wj-ink);
}
body.studio-wizard-navigation #studio-start .start-materials{max-width:none}
body.studio-wizard-navigation #studio-start .start-materials .start-choice{min-height:94px;padding:17px 19px}
body.studio-wizard-navigation #studio-start .start-materials .start-choice strong{font-size:15px}
/* Actual templates stay untouched: only comparison card frames get refined. */
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-step{
 background:transparent;border:0;box-shadow:none;padding:6px 0 0;
}
body.studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-step::before{display:none}
body.studio-wizard-navigation #studio-start .start-quality-card{
 border:1px solid var(--wj-line);background:var(--wj-paper);
 border-radius:22px;box-shadow:var(--wj-shadow);overflow:hidden;
 transition:transform .2s ease,box-shadow .2s ease;
}
body.studio-wizard-navigation #studio-start .start-quality-card:hover{
 transform:translateY(-3px);box-shadow:0 25px 60px #12382121;
}
body.studio-wizard-navigation #studio-start .start-quality-card.quality-theme{
 border-color:#5aa976;box-shadow:0 14px 37px #267c3f25;
}
body.studio-wizard-navigation #studio-start .start-quality-card.quality-personal{border-color:#d4bd8a}
body.studio-wizard-navigation #studio-start .start-quality-label,
body.studio-wizard-navigation #studio-start .start-quality-title,
body.studio-wizard-navigation #studio-start .start-quality-more-heading{color:var(--wj-ink)}
body.studio-wizard-navigation #studio-start .start-quality-price{background:var(--wj-paper-soft);color:var(--wj-muted)}
body.studio-wizard-navigation #studio-start .start-finish-guide{
 border-color:var(--wj-line);border-radius:15px;background:var(--wj-paper);
 color:var(--wj-muted);
}
body.studio-wizard-navigation #studio-start .start-quality-card .start-explore{
 border-color:var(--wj-line);color:var(--wj-ink);background:var(--wj-paper-soft);
}
body.studio-wizard-navigation #studio-start .start-quality-card .start-explore:focus-visible{outline:3px solid #389968;outline-offset:2px}
body.studio-wizard-navigation .start-navigation{
 position:fixed;inset:auto 0 0;z-index:900;width:100%;max-width:none;box-sizing:border-box;
 display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
 min-height:82px;padding:12px max(26px,calc((100vw - 1160px)/2));
 padding-bottom:calc(12px + env(safe-area-inset-bottom));
 border-top:1px solid var(--wj-line);
 background:color-mix(in srgb,var(--wj-paper) 90%,transparent);
 color:var(--wj-ink);box-shadow:0 -15px 40px #092e1c16;
 backdrop-filter:blur(18px) saturate(145%);
}
body.studio-wizard-navigation .start-navigation .start-navigation-state{
 color:var(--wj-muted);font:750 12px/1.4 Manrope,system-ui;
 letter-spacing:.045em;
}
body.studio-wizard-navigation .start-navigation button{
 min-height:48px;border-radius:11px;padding:11px 21px;
 color:var(--wj-ink);border:1px solid var(--wj-line);
 background:var(--wj-paper-soft);
 font:800 13px/1.35 Manrope,system-ui;
 transition:transform .2s ease,box-shadow .2s ease;
}
body.studio-wizard-navigation .start-navigation button:not(:disabled):hover{
 transform:translateY(-2px);box-shadow:0 10px 18px #0d3e251a;
}
body.studio-wizard-navigation .start-navigation .start-primary{
 background:#b5f7a7!important;color:#0d3020!important;border-color:#b5f7a7!important;
 box-shadow:0 8px 18px #419d572b;
}
body.studio-wizard-navigation .start-navigation button:focus-visible{outline:3px solid #2f9d63;outline-offset:2px}
body.studio-start-active:not(.studio-wizard-navigation):not(.one-working) #studio-start>.start-primary{
 margin:4px 0 0;padding:15px 32px;min-height:54px;
 border-radius:12px;background:#1e7850;color:#fff;border-color:#1e7850;
 box-shadow:0 9px 26px #16633c35;font:800 14px Manrope,system-ui;
}
body.studio-start-active:not(.studio-wizard-navigation):not(.one-working) #studio-start>.start-resume{
 display:inline-flex;margin:18px 12px 0 0;max-width:100%;
 padding:14px 18px;white-space:normal;background:var(--wj-paper);
 border-color:var(--wj-line);color:var(--wj-ink);
}
/* Maintain readable contrast in the dark public theme. */
html[data-lw-theme="dark"] body.studio-wizard-navigation #studio-start .start-choice[aria-pressed=true],
html[data-lw-theme="dark"] body.studio-wizard-navigation #studio-start .start-section.selected{
 background:#26533a;
}
html[data-lw-theme="dark"] body.studio-wizard-navigation #studio-start .start-choice[aria-pressed=true]::before{color:#b5f7a7}
html[data-lw-theme="dark"] body.studio-wizard-navigation #studio-start .start-own-fields :is(input,textarea){color:#e8f5ec}
html[data-lw-theme="dark"] body.studio-wizard-navigation #studio-start .start-quality-card .start-quality-price{color:#cbe2d1}
@keyframes wj-scene-in{from{opacity:.75;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes wj-stage-in{from{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1060px){
 body.studio-start-active:not(.one-working) #studio-start .start-scene{
  grid-template-columns:1fr;min-height:340px;padding:35px;
 }
 body.studio-start-active:not(.one-working) #studio-start .start-scene-visual{inset:0 0 0 43%;opacity:.62}
 body.studio-wizard-navigation #studio-start .start-progress{gap:5px}
 body.studio-wizard-navigation #studio-start .start-progress button{flex-direction:column;gap:4px}
 body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-industries{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.studio-wizard-navigation #studio-start .start-choices{gap:12px}
}
@media(max-width:767px){
 body.studio-start-active:not(.one-working) #studio-start{
  width:calc(100% - 28px);padding:15px 0 115px;
 }
 body.studio-wizard-navigation #studio-start .start-progress{
  gap:2px;padding:6px;margin-bottom:12px;border-radius:12px;
 }
 body.studio-wizard-navigation #studio-start .start-progress button{
  min-height:60px;padding:5px 1px;gap:5px;border-radius:9px;
 }
 body.studio-wizard-navigation #studio-start .start-progress .start-step-number{
  width:25px;height:25px;font-size:11px;border-radius:7px;
 }
 body.studio-wizard-navigation #studio-start .start-progress .start-step-name{
  font-size:9px;line-height:1.3;overflow-wrap:anywhere;
 }
 body.studio-start-active:not(.one-working) #studio-start .start-scene{
  min-height:370px;padding:26px 20px;border-radius:18px;
 }
 body.studio-start-active:not(.one-working) #studio-start .start-scene-visual{
  inset:0 0 0 22%;opacity:.4;
  background-position:center,70% center;
 }
 body.studio-start-active:not(.one-working) #studio-start .start-scene::after{
  background:linear-gradient(90deg,#0a271fdc,#0b2c238c),linear-gradient(0deg,#071d196e,transparent);
 }
 body.studio-start-active:not(.one-working) #studio-start .start-scene h1{
  font-size:clamp(31px,8vw,44px);line-height:1.12;margin:14px 0;
 }
 body.studio-start-active:not(.one-working) #studio-start .start-scene-lead{font-size:13px;line-height:1.65}
 body.studio-start-active:not(.one-working) #studio-start .start-scene .start-roxy-guide{
  margin-top:18px;padding:11px;gap:9px;
 }
 body.studio-start-active:not(.one-working) #studio-start .start-scene .start-roxy-guide>img{
  width:39px;height:39px;flex-basis:39px;
 }
 body.studio-start-active:not(.one-working) #studio-start .start-scene .start-roxy-guide-action{
  padding:9px 11px;font-size:11px;min-height:42px;
 }
 body.studio-start-active:not(.one-working) #studio-start .start-scene-art-tag{display:none}
 body.studio-wizard-navigation #studio-start .start-step{
  padding:22px 14px;border-radius:17px;
 }
 body.studio-wizard-navigation #studio-start .start-step::before{left:17px}
 body.studio-wizard-navigation #studio-start .start-choices{grid-template-columns:1fr;gap:11px}
 body.studio-wizard-navigation #studio-start .start-choice{min-height:105px;padding:18px}
 body.studio-wizard-navigation[data-wizard-step="1"] #studio-start .start-choice{
  min-height:140px;padding:20px 21px;justify-content:flex-end;
 }
 body.studio-wizard-navigation[data-wizard-step="1"] #studio-start .start-choice::before{
  top:14px;left:20px;width:42px;height:37px;border-radius:10px;
 }
 body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-industries{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-industries .start-choice{
  min-height:85px;padding:14px 12px;
 }
 body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-industries .start-choice strong{font-size:13px}
 body.studio-wizard-navigation[data-wizard-step="3"] #studio-start .start-choices .start-choice{min-height:126px}
 body.studio-wizard-navigation .start-navigation{
  min-height:72px;padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom));gap:7px;
 }
 body.studio-wizard-navigation .start-navigation button{
  padding:10px 12px;font-size:12px;min-height:48px;
 }
 body.studio-wizard-navigation .start-navigation-state{font-size:11px}
 body.studio-wizard-navigation #studio-start .start-quality-card:hover{transform:none}
}
@media(max-width:370px){
 body.studio-wizard-navigation #studio-start .start-progress .start-step-name{font-size:8px}
 body.studio-start-active:not(.one-working) #studio-start .start-scene{padding:23px 16px}
 body.studio-start-active:not(.one-working) #studio-start .start-scene .start-roxy-guide p{font-size:11px}
 body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-industries .start-choice strong{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 body.studio-start-active:not(.one-working) #studio-start :is(.start-scene,.start-step){animation:none!important}
 body.studio-start-active:not(.one-working) #studio-start :is(.start-choice,.start-quality-card,.start-section){transition:none!important}
 body.studio-start-active:not(.one-working) #studio-start :is(.start-choice,.start-section):hover{transform:none}
}

/* Studio-v2 previously reserved an empty desktop sidebar for the old standalone
   Roxy card. Roxy is now part of the scene, so restore the full canvas width. */
body[data-lw-studio-v2].studio-start-active:not(.one-working)[data-studio-screen="wizard"] #studio-start{
 display:block!important;grid-template-columns:none!important;
}
/* Keep the established in-flow navigation: fixed assistants and cookie consent
   must never obscure the Next button. Portfolio styling, not position, changes. */
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-navigation{
 position:static!important;inset:auto!important;width:100%!important;max-width:none!important;
 margin:28px 0 0!important;padding:14px 18px!important;
 border:1px solid var(--wj-line)!important;border-radius:17px;
 background:var(--wj-paper)!important;box-shadow:var(--wj-shadow)!important;
}
body[data-lw-studio-v2].studio-start-active:not(.one-working) #studio-start .start-scene .start-roxy-guide .start-roxy-guide-action{
 background:#b5f7a7!important;color:#123621!important;border-color:#b5f7a7!important;
 opacity:1!important;
}
@media(max-width:767px){
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-navigation{
  grid-template-columns:auto 1fr auto;margin:20px 0 0!important;padding:10px 9px!important;
 }
 body[data-lw-studio-v2].studio-start-active:not(.one-working) #studio-start{padding-bottom:35px}
}
/* On mobile, make the decision first and show the responsive live preview after it.
   Older Studio CSS used to put the miniature preview above the choice list. */
@media(max-width:767px){
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-step:has(.start-mini-preview)>.start-mini-preview{
  grid-column:1;grid-row:auto!important;order:20;width:100%;max-width:none;
 }
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-step:has(.start-mini-preview)>.start-choices,
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-step:has(.start-mini-preview)>.start-industries{
  grid-column:1;grid-row:auto!important;order:0;
 }
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-step:has(.start-mini-preview)>.start-field{
  grid-column:1;grid-row:auto!important;order:1;
 }
}

/* A different editorial atmosphere for each question, while all actual Web
   and Shop templates keep their own independently authored palettes. */
body.studio-start-active:not(.one-working) #studio-start .start-scene[data-scene="2"]{
 background:linear-gradient(118deg,#0b222a,#154b48 80%,#0d3432);
}
body.studio-start-active:not(.one-working) #studio-start .start-scene[data-scene="3"]{
 background:linear-gradient(118deg,#19251c,#405238 80%,#243c30);
}
body.studio-start-active:not(.one-working) #studio-start .start-scene[data-scene="3"] .start-scene-visual{
 filter:hue-rotate(-20deg) saturate(.88);
}
body.studio-start-active:not(.one-working) #studio-start .start-scene[data-scene="4"]{
 background:linear-gradient(118deg,#0d2826,#215150 80%,#133834);
}
body.studio-start-active:not(.one-working) #studio-start .start-scene[data-scene="5"]{
 background:linear-gradient(118deg,#102625,#344640 80%,#162c2b);
}
body.studio-start-active:not(.one-working) #studio-start .start-scene[data-scene="6"]{
 background:linear-gradient(118deg,#071c16,#10523a 78%,#143f34);
}
/* Portfolio depth pass 02 — actual wizard surfaces only, never iframe templates.
   Physical separation is the visual language: deep canvas / lifted scene / raised choices. */
body[data-lw-studio-v2].studio-start-active:not(.one-working){
 --wj-edge:rgba(187,241,204,.26);
 --wj-strong:#effff1;
 --wj-soft:#c3dec9;
 --wj-deep:#091d16;
 background:
  radial-gradient(ellipse 58% 36% at 91% 12%,rgba(42,122,82,.27),transparent 76%),
  radial-gradient(ellipse 68% 38% at 0% 57%,rgba(37,101,76,.22),transparent 72%),
  linear-gradient(180deg,#0d2b21 0%,#091c16 47%,#0a2119 100%)!important;
}
body[data-lw-studio-v2].studio-start-active:not(.one-working) #studio-start{
 filter:drop-shadow(0 20px 28px rgba(0,14,8,.08));
}
body[data-lw-studio-v2].studio-start-active:not(.one-working) #studio-start .start-scene{
 border-color:#8bd7a34d;
 background-color:#0a211b;
 box-shadow:
  0 3px 0 rgba(4,21,15,.8),
  0 19px 31px rgba(0,19,12,.4),
  0 43px 90px rgba(2,17,12,.3),
  inset 0 1px 0 rgba(225,255,224,.2),
  inset 0 -15px 35px rgba(0,12,7,.16);
}
body[data-lw-studio-v2].studio-start-active:not(.one-working) #studio-start .start-scene::before{
 content:"";position:absolute;inset:1px;z-index:1;pointer-events:none;border-radius:inherit;
 background:
  radial-gradient(ellipse at 78% 13%,rgba(184,249,205,.25),transparent 43%),
  linear-gradient(180deg,rgba(245,255,235,.12),transparent 19%),
  linear-gradient(112deg,rgba(4,25,17,.04) 28%,transparent 66%);
 box-shadow:inset 0 1px 0 rgba(228,255,225,.25);
}
body[data-lw-studio-v2].studio-start-active:not(.one-working) #studio-start .start-scene-visual{
 background-position:center,center 48%;
 box-shadow:inset 25px 0 60px rgba(5,26,20,.15);
}
body[data-lw-studio-v2].studio-start-active:not(.one-working) #studio-start .start-scene h1{
 color:#f7fff4!important;text-shadow:0 3px 18px rgba(0,13,8,.35);
}
body[data-lw-studio-v2].studio-start-active:not(.one-working) #studio-start .start-scene-lead{
 color:#e0f3e6;text-shadow:0 1px 8px rgba(0,11,8,.3);
}
body[data-lw-studio-v2].studio-start-active:not(.one-working) #studio-start .start-scene .start-roxy-guide{
 background:linear-gradient(138deg,rgba(35,92,65,.94),rgba(12,48,36,.91))!important;
 border-color:rgba(172,244,188,.45)!important;
 box-shadow:0 15px 35px rgba(0,9,6,.25),inset 0 1px rgba(237,255,229,.15)!important;
}
body[data-lw-studio-v2].studio-start-active:not(.one-working) #studio-start .start-scene .start-roxy-guide strong{
 color:#f5fff2!important;font-weight:850;
}
body[data-lw-studio-v2].studio-start-active:not(.one-working) #studio-start .start-scene .start-roxy-guide p{
 color:#d3e9dc!important;
}
body[data-lw-studio-v2].studio-start-active:not(.one-working) #studio-start .start-scene .start-roxy-guide-action{
 box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 19px rgba(4,20,11,.27);
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-progress{
 background:linear-gradient(162deg,#204b38,#15382b)!important;
 border-color:#548a67!important;
 box-shadow:0 13px 32px rgba(0,15,8,.29),inset 0 1px rgba(228,255,220,.16)!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-progress button{
 color:#c7e5d0!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-progress button[aria-current=step]{
 color:#f2ffef!important;
 background:linear-gradient(145deg,#35674a,#21513d)!important;
 border-color:#8bcba182;
 box-shadow:0 6px 15px rgba(0,15,8,.22),inset 0 1px rgba(232,255,220,.18);
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-progress .start-step-number{
 background:#143e2a;color:#dbf9dc;border-color:#659473;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-progress .is-done .start-step-number,
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-progress [aria-current=step] .start-step-number{
 color:#08291a!important;background:#b5f7a7;border-color:#b5f7a7;
 box-shadow:0 3px 12px rgba(116,247,150,.2);
}
body[data-lw-studio-v2].studio-wizard-navigation:not([data-wizard-step="6"]) #studio-start .start-step{
 background:
  radial-gradient(ellipse 60% 80% at 96% 3%,rgba(136,223,165,.09),transparent 68%),
  linear-gradient(143deg,#224a38 0%,#1b3d2e 56%,#153528 100%)!important;
 border-color:#518064!important;
 box-shadow:0 3px 0 #0a2119,0 22px 55px rgba(0,16,8,.29),
  0 42px 85px rgba(0,19,12,.17),inset 0 1px 0 rgba(236,255,225,.16)!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice{
 background:
  radial-gradient(ellipse 80% 90% at 100% 0%,rgba(165,238,177,.11),transparent 68%),
  linear-gradient(145deg,#27553e 0%,#1d4534 62%,#1a3f30 100%)!important;
 color:#f4fff2!important;border:1px solid #699678!important;
 box-shadow:0 2px 0 rgba(6,27,17,.9),0 14px 25px rgba(0,15,8,.28),
  inset 0 1px 0 rgba(232,255,227,.18),inset 0 -12px 23px rgba(0,19,10,.09)!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice strong{
 color:#f6fff3!important;text-shadow:0 1px 1px rgba(0,20,11,.28);
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice span{
 color:#c5e1ce!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice[aria-pressed="true"]{
 background:
  radial-gradient(ellipse 100% 100% at 100% 0%,rgba(181,247,167,.2),transparent 63%),
  linear-gradient(146deg,#367856,#245b41 65%,#204d3a)!important;
 border-color:#b5f7a7!important;
 box-shadow:
  0 0 0 2px rgba(181,247,167,.28),
  0 5px 0 #102f20,
  0 23px 45px rgba(10,70,40,.36),
  0 0 25px rgba(139,241,148,.11),
  inset 0 1px 0 rgba(249,255,235,.31)!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice[aria-pressed="true"] strong{
 color:#ffffff!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice[aria-pressed="true"] span{
 color:#e1ffe6!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice[aria-pressed="true"]::after{
 opacity:.93;
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice:hover:not(:disabled){
  transform:translate3d(0,-4px,0);
  border-color:#bdffd0!important;
  box-shadow:0 5px 0 #102c1c,0 22px 42px rgba(0,18,10,.38),
    inset 0 1px rgba(245,255,230,.24)!important;
 }
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice[aria-pressed="true"]:hover:not(:disabled){
  box-shadow:0 0 0 2px rgba(181,247,167,.38),0 6px 0 #0b2b1b,
    0 27px 49px rgba(12,73,38,.42),inset 0 1px rgba(245,255,225,.32)!important;
 }
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice:focus-visible{
 outline:3px solid #ceffbb!important;outline-offset:4px;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice[aria-pressed="true"]:not(:has(.start-basic-swatches))::after{
 opacity:.8;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-section{
 background:linear-gradient(150deg,#214c38,#1a402f);
 border-color:#64876e;color:#f3ffef;
 box-shadow:0 10px 20px rgba(0,22,10,.15),inset 0 1px rgba(229,255,230,.12);
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-section.selected{
 background:linear-gradient(150deg,#306d4d,#265b41);
 border-color:#b5f7a7;color:#f6fff1;
 box-shadow:0 0 0 1px rgba(181,247,167,.2),0 12px 23px rgba(0,19,8,.25);
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-section input{
 accent-color:#b5f7a7;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-basic-appearance,
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-own-fields{
 background:linear-gradient(145deg,#254b39,#173629)!important;
 border-color:#5b8b6d!important;
 box-shadow:inset 0 1px 0 rgba(232,255,227,.13),0 15px 30px rgba(0,18,9,.17);
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-basic-appearance :is(h2,legend),
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-own-fields :is(h2,label){
 color:#f2fff1;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-mini-preview{
 border-color:#80a98a;
 background:linear-gradient(145deg,#24503b,#14362a);
 box-shadow:0 18px 35px rgba(0,18,8,.3),inset 0 1px rgba(235,255,229,.16);
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-mini-preview>p:first-child{
 color:#f4fff0;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-trial-notice{
 max-width:none!important;margin:18px 0 20px!important;padding:12px 18px!important;
 border:1px solid rgba(175,232,190,.28)!important;border-radius:13px!important;
 background:linear-gradient(105deg,rgba(40,88,62,.78),rgba(16,51,36,.46))!important;
 color:#e1f5e2!important;
 box-shadow:inset 0 1px rgba(237,255,231,.1),0 6px 19px rgba(0,15,6,.12);
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-trial-notice::before{
 color:#0b3823;background:#b5f7a7;
}
/* Editorial finish on the result/gallery shell only (customer preview iframes untouched). */
body[data-lw-studio-v2].studio-wizard-navigation[data-wizard-step="6"] #studio-start .start-step{
 background:transparent!important;border-color:transparent!important;box-shadow:none!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-quality-card{
 background:linear-gradient(157deg,#204a36,#113025)!important;
 border-color:#5e906a!important;
 box-shadow:0 3px 0 rgba(1,20,10,.75),0 20px 43px rgba(0,15,7,.3),
  inset 0 1px 0 rgba(236,255,219,.16)!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-quality-card.quality-theme{
 border-color:#b3f7ac!important;
 background:linear-gradient(150deg,#296547,#163728)!important;
 box-shadow:0 0 0 1px rgba(170,248,182,.23),0 23px 48px rgba(15,86,44,.28),
  inset 0 1px 0 rgba(237,255,216,.23)!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-quality-card.quality-personal{
 border-color:#cbb57b!important;
 box-shadow:0 20px 43px rgba(0,15,7,.3),0 0 0 1px #d3b87021,
  inset 0 1px 0 rgba(245,224,168,.25)!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-design{
 background:linear-gradient(158deg,#25533d,#15382a)!important;
 border-color:#659877!important;
 box-shadow:inset 0 1px 0 rgba(231,255,229,.15),0 8px 19px rgba(0,17,7,.25)!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start :is(.start-quality-label,.start-quality-title,.start-design h2,.start-design h3){
 color:#f2fff0!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start :is(.start-quality-feature,.start-quality-intro,.start-design-meta,.start-design-reason){
 color:#cde4d0!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-quality-card .start-explore{
 background:linear-gradient(#285b40,#1d4432)!important;border-color:#72a681!important;
 color:#f3fff0!important;box-shadow:inset 0 1px rgba(243,255,230,.14);
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-navigation{
 background:linear-gradient(148deg,#26533d,#17372b)!important;
 border-color:#679b79!important;
 box-shadow:0 17px 44px rgba(0,17,8,.25),inset 0 1px rgba(240,255,229,.16)!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-navigation .start-navigation-state{
 color:#d5e9d8!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-navigation button:not(.start-primary){
 color:#f4fff1!important;background:#264c3a!important;border-color:#789e81!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-navigation .start-primary{
 color:#0c321d!important;background:linear-gradient(130deg,#d6ffbf,#a8eb92)!important;
 border:1px solid #c6ffb6!important;
 box-shadow:inset 0 1px rgba(255,255,255,.5),0 8px 18px rgba(0,14,6,.25)!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-basic-appearance button:not([aria-pressed="true"]){
 background:#1c4332;border-color:#699577;color:#edffed;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-basic-appearance button[aria-pressed="true"]{
 background:#367854!important;color:#f3fff0!important;border-color:#b5f7a7!important;
 box-shadow:0 0 0 2px #b5f7a73d,0 9px 20px #061b1029!important;
}
/* Daylight theme: preserve the dimensional hierarchy without dark-on-dark cards. */
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-start-active:not(.one-working){
 --wj-strong:#153d28;--wj-soft:#486b52;--wj-deep:#f0f8f2;
 background:
  radial-gradient(ellipse 70% 34% at 94% 7%,#d6efdd,transparent 70%),
  linear-gradient(180deg,#e8f1e9,#f3f7f0 57%,#e8f1e9)!important;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-progress{
 background:linear-gradient(150deg,#fbfffa,#e8f5eb)!important;
 border-color:#b4d2bc!important;
 box-shadow:0 14px 32px rgba(35,91,51,.11),inset 0 1px #fff!important;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-progress button{
 color:#376548!important;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-progress button[aria-current=step]{
 background:linear-gradient(#d8f4dc,#c8eccf)!important;color:#154b2b!important;
 border-color:#7ebb8d;box-shadow:0 5px 14px #2d7c461b,inset 0 1px #fff;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-progress .start-step-number{
 background:#f1f9ef;color:#366846;border-color:#9dbba3;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-progress .is-done .start-step-number,
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-progress [aria-current=step] .start-step-number{
 background:#1c7b48;color:white!important;border-color:#1c7b48;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation:not([data-wizard-step="6"]) #studio-start .start-step{
 background:linear-gradient(144deg,#ffffff,#eff8f0 67%,#e9f4e9)!important;
 border-color:#b6d5bf!important;
 box-shadow:0 3px 0 #d6e6d9,0 24px 51px rgba(30,87,48,.14),
  inset 0 1px 0 rgba(255,255,255,.95)!important;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice{
 background:
  radial-gradient(ellipse 84% 84% at 97% 0%,rgba(190,242,198,.4),transparent 68%),
  linear-gradient(147deg,#ffffff,#eef8f0 90%)!important;
 border-color:#a9cfb3!important;color:#153c27!important;
 box-shadow:0 2px 0 #d3e4d5,0 12px 25px rgba(30,86,49,.13),
  inset 0 1px rgba(255,255,255,1)!important;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice :is(strong,span){
 color:#153f29!important;text-shadow:none;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice span{
 color:#4b6b55!important;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice[aria-pressed="true"]{
 background:linear-gradient(142deg,#daf7de,#bdf0c9 70%,#d0f1d5)!important;
 border-color:#208249!important;color:#123923!important;
 box-shadow:0 0 0 2px #2d985538,0 4px 0 #a6c6ae,0 20px 37px #2c894637,
  inset 0 1px #fff!important;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice[aria-pressed="true"] :is(strong,span){
 color:#104025!important;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-section{
 background:linear-gradient(150deg,#ffffff,#eaf6ec);color:#1c4930;border-color:#afd1b9;
 box-shadow:0 8px 19px rgba(17,67,30,.11),inset 0 1px #fff;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-section.selected{
 background:linear-gradient(#d6f6dc,#bcebc6);color:#17442d;border-color:#2a9555;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start :is(.start-basic-appearance,.start-own-fields,.start-mini-preview){
 background:linear-gradient(145deg,#fff,#eaf6ed)!important;
 border-color:#bbd7c0!important;
 box-shadow:0 13px 29px rgba(25,84,43,.11),inset 0 1px #fff;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start :is(.start-basic-appearance,.start-own-fields,.start-mini-preview) :is(h2,legend,label,p:first-child){
 color:#19452e;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-trial-notice{
 background:linear-gradient(105deg,#f6fff3,#e7f5e8)!important;color:#2a6042!important;
 border-color:#b9d9c0!important;box-shadow:0 6px 18px #16482c14;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-navigation{
 background:linear-gradient(#fff,#e9f5eb)!important;border-color:#b3d3bc!important;
 box-shadow:0 17px 36px #1d6a371e,inset 0 1px #fff!important;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-navigation .start-navigation-state{
 color:#315c3e!important;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-navigation button:not(.start-primary){
 color:#1b4930!important;background:#f4fbf3!important;border-color:#abcbb3!important;
}
/* Maintain contrast for the scene kicker in BOTH public themes. */
body[data-lw-studio-v2].studio-start-active:not(.one-working) #studio-start .start-scene .start-eyebrow{
 color:#c6ff9f!important;text-shadow:0 1px 6px rgba(0,15,7,.65);
}
/* Light cards need a dark-backed icon: white linework on pale mint disappears. */
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation[data-wizard-step="1"] #studio-start .start-choice::before{
 border-color:#2e8652!important;
 background:
  linear-gradient(90deg,transparent 31%,#f3fff2 32%,#f3fff2 34%,transparent 35%),
  linear-gradient(0deg,transparent 39%,#f3fff2 40%,#f3fff2 42%,transparent 43%),
  linear-gradient(130deg,#398f5f,#115035)!important;
 box-shadow:0 10px 22px rgba(28,98,53,.23)!important;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation[data-wizard-step="1"] #studio-start .start-choice:nth-child(2)::before{
 background:
  linear-gradient(0deg,#c8ffd0 0 23%,transparent 23% 37%,#c8ffd0 37% 55%,transparent 55%),
  linear-gradient(130deg,#398f5f,#115035)!important;
}
/* Brief first-step celebration may be visible during navigation; never eat a tap. */
body.studio-wizard-navigation .ls-reward-panel:not(.is-final){pointer-events:none!important}
/* Reserve status copy beneath the async industry preview to prevent a layout
   jump exactly when Next is being clicked (especially on narrow devices). */
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-mini-preview>.start-note{
 min-height:4.9em;box-sizing:border-box;
}
/* Final wizard finish: make progress, selection and mobile pacing tangible.
   Scoped to the journey shell: no Web/Shop template, preview iframe or editor selectors. */
body[data-lw-studio-v2].studio-wizard-navigation[data-wizard-step="1"]{--wj-journey-progress:16.67%}
body[data-lw-studio-v2].studio-wizard-navigation[data-wizard-step="2"]{--wj-journey-progress:33.33%}
body[data-lw-studio-v2].studio-wizard-navigation[data-wizard-step="3"]{--wj-journey-progress:50%}
body[data-lw-studio-v2].studio-wizard-navigation[data-wizard-step="4"]{--wj-journey-progress:66.67%}
body[data-lw-studio-v2].studio-wizard-navigation[data-wizard-step="5"]{--wj-journey-progress:83.33%}
body[data-lw-studio-v2].studio-wizard-navigation[data-wizard-step="6"]{--wj-journey-progress:100%}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-progress::after{
 content:"";position:absolute;bottom:0;left:13px;right:13px;height:3px;z-index:0;
 border-radius:99px;pointer-events:none;
 background:linear-gradient(90deg,#b5f7a7 0 var(--wj-journey-progress),rgba(170,219,179,.15) var(--wj-journey-progress) 100%);
 box-shadow:0 1px 9px rgba(150,249,150,.22);
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-progress::after{
 background:linear-gradient(90deg,#247d48 0 var(--wj-journey-progress),rgba(90,158,112,.15) var(--wj-journey-progress) 100%);
 box-shadow:none;
}
/* Visible confirmation without rewriting labels or interfering with the original button action. */
body[data-lw-studio-v2].studio-wizard-navigation #studio-start :is(.start-choices,.start-industries,.start-materials)>.start-choice[aria-pressed="true"]::after{
 content:"✓";inset:12px 12px auto auto;width:27px;height:27px;
 display:grid;place-items:center;border:1px solid rgba(250,255,231,.73);
 border-radius:50%;font:900 15px/1 Manrope,system-ui,sans-serif;
 background:#b5f7a7;color:#0b3821;opacity:1;pointer-events:none;
 box-shadow:0 3px 13px rgba(0,17,6,.24),inset 0 1px rgba(255,255,255,.55);
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start :is(.start-choices,.start-industries,.start-materials)>.start-choice[aria-pressed="true"]::after{
 background:#1f804b;color:#fff;border-color:#e7ffe4;
 box-shadow:0 3px 12px rgba(36,111,61,.22),inset 0 1px rgba(255,255,255,.2);
}
/* Every step deserves an identity; avoid replaying a full-height landing hero six times. */
@media(min-width:768px){
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-scene:not([data-scene="1"]){
  min-height:278px;padding:28px clamp(28px,3.8vw,50px);
 }
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-scene:not([data-scene="1"]) h1{
  font-size:clamp(31px,3.45vw,47px);line-height:1.09;margin:12px 0 13px;
 }
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-scene:not([data-scene="1"]) .start-roxy-guide{
  margin-top:15px;max-width:525px;
 }
}
/* Narrow screens: present the next decision sooner, without hiding Roxy or the status. */
@media(max-width:767px){
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-scene{
  min-height:0;padding:22px 18px;border-radius:18px;
 }
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-scene h1{
  font-size:clamp(29px,7.6vw,39px);line-height:1.12;margin:11px 0 12px;
 }
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-scene-lead{
  line-height:1.58;
 }
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-scene .start-roxy-guide{
  margin-top:15px!important;
 }
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-scene[data-scene="1"]{
  min-height:305px;
 }
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-scene:not([data-scene="1"]){
  min-height:255px;
 }
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-progress{
  margin-bottom:10px;padding:5px!important;
 }
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-progress::after{
  bottom:0;left:7px;right:7px;
 }
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice[aria-pressed="true"]::after{
  width:24px;height:24px;inset:10px 10px auto auto;font-size:13px;
 }
}
@media(max-width:370px){
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-scene{
  padding-inline:15px;
 }
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-scene h1{
  font-size:28px;
 }
}
/* Keyboard selection must remain visible; motion stays optional. */
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-progress button:focus-visible{
 outline:3px solid #c8ffa9;outline-offset:2px;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-progress button:focus-visible{
 outline-color:#167b44;
}
@media(prefers-reduced-motion:reduce){
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice::after{transition:none!important}
}
/* Actual card depth v4: the former accent ring alone did not create a
   raised surface or react to the pointer. Keep all 3D work in the wizard UI. */
body[data-lw-studio-v2].studio-wizard-navigation #studio-start :is(.start-choices,.start-industries,.start-materials){
 perspective:1050px;overflow:visible;transform-style:preserve-3d;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice{
 transform-origin:center center;transform-style:preserve-3d;
 backface-visibility:hidden;
 transition:transform .19s ease-out,box-shadow .22s ease-out,background .18s ease-out!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice[aria-pressed="true"]{
 z-index:4;
 transform:translate3d(0,-5px,16px) scale(1.013)!important;
 background:
  radial-gradient(circle 245px at var(--wj-glint-x,20%) var(--wj-glint-y,0%),rgba(214,255,211,.28),transparent 72%),
  linear-gradient(148deg,#397a55 0%,#2a6747 53%,#1c4d36 100%)!important;
 border-color:#c1fbd0!important;
 box-shadow:
  0 0 0 1px rgba(205,255,200,.4),
  0 4px 0 #183d2a,
  0 11px 0 rgba(5,32,17,.7),
  0 23px 34px rgba(0,20,10,.36),
  0 43px 60px rgba(0,22,11,.24),
  inset 0 2px 0 rgba(248,255,232,.36),
  inset 0 -14px 25px rgba(0,34,16,.1)!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice.wj-fx-active{
 z-index:7;
 transform:perspective(900px) translate3d(0,-9px,23px)
  rotateX(var(--wj-tilt-x,0deg)) rotateY(var(--wj-tilt-y,0deg)) scale(1.021)!important;
 background:
  radial-gradient(circle 230px at var(--wj-glint-x,45%) var(--wj-glint-y,32%),rgba(225,255,221,.25),transparent 76%),
  linear-gradient(145deg,#2e6548,#1e4734)!important;
 border-color:#bff9c9!important;
 box-shadow:0 3px 0 #133522,0 10px 0 rgba(2,25,12,.72),
  0 25px 40px rgba(0,21,10,.37),0 45px 68px rgba(0,20,7,.25),
  inset 0 2px 0 rgba(242,255,228,.31)!important;
}
body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice.wj-fx-active[aria-pressed="true"]{
 background:
  radial-gradient(circle 260px at var(--wj-glint-x,45%) var(--wj-glint-y,32%),rgba(235,255,229,.43),transparent 76%),
  linear-gradient(145deg,#39875e,#286c4b 60%,#1d513a)!important;
 border-color:#d1ffca!important;
 box-shadow:0 0 0 2px rgba(197,255,195,.37),0 5px 0 #1a4630,
  0 13px 0 rgba(2,28,12,.82),0 28px 43px rgba(0,26,11,.43),
  0 52px 76px rgba(0,25,10,.27),inset 0 2px 0 rgba(245,255,232,.42)!important;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice[aria-pressed="true"]{
 background:
  radial-gradient(circle 260px at var(--wj-glint-x,22%) var(--wj-glint-y,0%),rgba(255,255,255,.85),transparent 75%),
  linear-gradient(148deg,#ddffe2 0%,#b9ecc9 65%,#9edeb8)!important;
 border-color:#21834a!important;
 box-shadow:0 0 0 1px rgba(58,148,81,.3),0 5px 0 #8fbda0,
  0 11px 0 rgba(78,129,91,.55),0 23px 37px rgba(38,109,53,.22),
  0 44px 58px rgba(43,113,53,.14),inset 0 2px 0 rgba(255,255,255,.92)!important;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice.wj-fx-active{
 background:
  radial-gradient(circle 240px at var(--wj-glint-x,42%) var(--wj-glint-y,32%),rgba(255,255,255,.85),transparent 74%),
  linear-gradient(145deg,#fafff6,#daeee0)!important;
 border-color:#23824e!important;
 box-shadow:0 5px 0 #bad5c0,0 12px 0 #92b9a0,
  0 25px 42px rgba(34,102,48,.22),inset 0 2px 0 #fff!important;
}
html[data-lw-theme="light"] body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice.wj-fx-active[aria-pressed="true"]{
 background:
  radial-gradient(circle 270px at var(--wj-glint-x,42%) var(--wj-glint-y,32%),rgba(255,255,255,.94),transparent 75%),
  linear-gradient(145deg,#e3ffe6,#a7e8bd 72%,#95d7ad)!important;
 border-color:#167542!important;
 box-shadow:0 0 0 2px rgba(42,130,72,.3),0 5px 0 #84b497,
  0 13px 0 #679f7b,0 29px 43px rgba(39,105,55,.29),
  0 47px 68px rgba(40,100,55,.17),inset 0 2px 0 #fff!important;
}
/* Touch has no hover; retain the visible elevated selected state at rest. */
@media(max-width:767px){
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice[aria-pressed="true"]{
  transform:translate3d(0,-3px,8px) scale(1.006)!important;
 }
}
/* Respect vestibular accessibility: depth may remain, but no card motion. */
@media(prefers-reduced-motion:reduce){
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice{
  transition:none!important;
 }
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice[aria-pressed="true"]{
  transform:none!important;
 }
 body[data-lw-studio-v2].studio-wizard-navigation #studio-start .start-choice.wj-fx-active{
  transform:none!important;
 }
}

/* v40 wizard visuals integrated from verified QA staging. */
/* LuckyStudio QA 20261103: remove right showcase; content sits directly on the page. */
body[data-lw-studio-v2][data-studio-screen="welcome"] #studio-start{
 display:block!important;width:min(100% - 48px,1140px)!important;max-width:1140px!important;margin:0 auto!important;
 padding:clamp(26px,5vw,70px) 0 100px!important;
}
body[data-lw-studio-v2][data-studio-screen="welcome"] #studio-start .studio-v2-welcome-copy{
 display:block!important;max-width:960px!important;width:100%!important;
}
body[data-lw-studio-v2][data-studio-screen="welcome"] #studio-start :is(.studio-v2-showcase,.start-scene-visual){display:none!important}
body[data-lw-studio-v2][data-studio-screen="welcome"] #studio-start .start-scene{
 display:block!important;min-height:0!important;overflow:visible!important;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;padding:0!important;animation:none!important;color:var(--s-ink)!important;
}
body[data-lw-studio-v2][data-studio-screen="welcome"] #studio-start .start-scene::after{display:none!important}
body[data-lw-studio-v2][data-studio-screen="welcome"] #studio-start .start-scene-copy{max-width:900px!important;width:100%!important}
body[data-lw-studio-v2][data-studio-screen="welcome"] #studio-start .start-scene h1{color:var(--s-ink)!important;max-width:850px!important}
body[data-lw-studio-v2][data-studio-screen="welcome"] #studio-start .start-scene-lead{color:var(--s-muted)!important;max-width:680px!important}
body[data-lw-studio-v2][data-studio-screen="welcome"] #studio-start .start-scene .start-roxy-guide{
 background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;
 padding:12px 0!important;
}
body[data-lw-studio-v2][data-studio-screen="welcome"] #studio-start .start-scene .start-roxy-guide strong{color:var(--s-ink)!important}
body[data-lw-studio-v2][data-studio-screen="welcome"] #studio-start .start-scene .start-roxy-guide p{color:var(--s-muted)!important}
body[data-lw-studio-v2][data-studio-screen="welcome"] #studio-start .start-scene .start-eyebrow{color:var(--s-accent-ink)!important}
/* Industry picker: full-width three-tier comparison, responsive without overlapping the choices. */
body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-step:has(>.start-mini-preview-tiers){display:block!important}
body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-step>.start-mini-preview-tiers{
 display:block!important;grid-column:1/-1!important;grid-row:auto!important;aspect-ratio:auto!important;
 max-width:none!important;width:100%!important;margin:28px 0 0!important;padding:0!important;
 border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-tier-mini-title{
 font-size:clamp(17px,2vw,23px);margin:0 0 16px;line-height:1.3;color:var(--s-ink);
}
body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-tier-mini-grid{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;
}
body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-tier-mini-card{
 min-width:0;padding:12px;border:1px solid var(--s-line);border-radius:16px;background:var(--s-card);overflow:hidden;
}
body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-tier-mini-card h4{
 margin:0 0 12px;font:800 14px/1.4 Manrope,system-ui,sans-serif;color:var(--s-ink);
}
body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-tier-mini-card .start-mini-view{
 width:100%;aspect-ratio:16/10;border-radius:10px;overflow:hidden;
}
body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-tier-mini-card .start-mini-view iframe{
 width:1280px;height:900px;transform:scale(.22);transform-origin:0 0;pointer-events:none;border:0;
}
body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-tier-mini-card .start-tier-mini-open{
 margin-top:12px;width:100%;min-height:44px;background:transparent;border:1px solid var(--s-line);color:var(--s-ink);
}
body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-tier-mini-card .start-note{font-size:12px;margin:10px 0;color:var(--s-muted)}
@media(max-width:800px){
 body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-tier-mini-grid{grid-template-columns:1fr;gap:14px}
 body.studio-wizard-navigation[data-wizard-step="2"] #studio-start .start-tier-mini-card{width:100%;max-width:540px}
}
@media(max-width:700px){
 body[data-lw-studio-v2][data-studio-screen="welcome"] #studio-start{width:calc(100% - 32px)!important;padding-top:28px!important}
}


/* QA welcome finish: keep the existing human Roxy portrait; no animal replacement. */
html body[data-lw-studio-v2][data-studio-screen="welcome"] #studio-start .start-scene .start-roxy-guide,
html body[data-lw-studio-v2].studio-start-active[data-studio-screen="welcome"] #studio-start .start-scene .start-roxy-guide{
 display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;gap:10px 16px!important;
 background:transparent!important;background-image:none!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 backdrop-filter:none!important;padding:18px 0!important;margin:24px 0 0!important;
 max-width:620px!important;align-items:center!important;
}
html body[data-lw-studio-v2][data-studio-screen="welcome"] #studio-start .start-scene .start-roxy-guide img{
 width:56px!important;height:56px!important;border-radius:50%!important;
 object-fit:cover!important;grid-column:1!important;grid-row:1/3!important;
}
html body[data-lw-studio-v2][data-studio-screen="welcome"] #studio-start .start-scene .start-roxy-guide > div{
 grid-column:2!important;grid-row:1!important;min-width:0!important;
}
html body[data-lw-studio-v2][data-studio-screen="welcome"] #studio-start .start-scene .start-roxy-guide .start-roxy-guide-action{
 grid-column:2!important;grid-row:2!important;width:max-content!important;
 max-width:100%!important;padding:9px 18px!important;min-height:42px!important;
 border-radius:11px!important;
}
@media(max-width:420px){
 html body[data-lw-studio-v2][data-studio-screen="welcome"] #studio-start .start-scene .start-roxy-guide{
  grid-template-columns:48px minmax(0,1fr)!important;gap:8px 12px!important;
 }
 html body[data-lw-studio-v2][data-studio-screen="welcome"] #studio-start .start-scene .start-roxy-guide img{
  width:48px!important;height:48px!important;
 }
}


/* Persistent real tier strip in LuckyStudio wizard steps 2-5. */
body.studio-wizard-navigation #studio-start .start-live-preview{
  box-sizing:border-box!important;position:sticky!important;top:12px!important;z-index:38!important;
  width:100%!important;max-width:none!important;margin:12px 0 22px!important;padding:11px 13px 13px!important;
  border:1px solid rgba(163,226,177,.30)!important;border-radius:16px!important;
  background:linear-gradient(120deg,rgba(9,33,26,.97),rgba(14,34,37,.97))!important;
  box-shadow:0 16px 36px rgba(1,15,9,.26)!important;
  -webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;
  isolation:isolate!important;
}
body.studio-wizard-navigation #studio-start .start-live-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  margin:0 0 8px!important;color:#f1fff5!important;
}
body.studio-wizard-navigation #studio-start .start-live-description{
  display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:10px!important;min-width:0!important;
}
body.studio-wizard-navigation #studio-start .start-live-title{
  font:800 13px/1.3 Inter,system-ui,sans-serif!important;color:#f1fff4!important;
}
body.studio-wizard-navigation #studio-start .start-live-caption{
  font:400 11px/1.3 Inter,system-ui,sans-serif!important;color:rgba(228,248,231,.75)!important;
}
body.studio-wizard-navigation #studio-start .start-live-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;
}
body.studio-wizard-navigation #studio-start .start-live-card{
  display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:5px!important;min-width:0!important;padding:7px!important;border-radius:10px!important;
  border:1px solid rgba(205,248,218,.18)!important;background:rgba(255,255,255,.055)!important;
  overflow:hidden!important;
}
body.studio-wizard-navigation #studio-start .start-live-card.is-active{
  border-color:rgba(172,247,177,.65)!important;box-shadow:inset 0 0 0 1px rgba(172,247,177,.15)!important;
}
body.studio-wizard-navigation #studio-start .start-live-tier{
  color:#effff2!important;font:750 12px/1.25 Inter,system-ui,sans-serif!important;
}
body.studio-wizard-navigation #studio-start .start-live-viewport{
  display:block!important;position:relative!important;overflow:hidden!important;
  width:100%!important;aspect-ratio:16/8!important;border-radius:7px!important;background:#0b1815!important;
}
body.studio-wizard-navigation #studio-start .start-live-viewport iframe{
  display:block!important;position:absolute!important;left:0!important;top:0!important;
  border:0!important;transform-origin:left top!important;max-width:none!important;pointer-events:none!important;
}
body.studio-wizard-navigation #studio-start .start-live-status{
  font:450 11px/1.35 Inter,system-ui,sans-serif!important;color:#c8e7d0!important;
}
body.studio-wizard-navigation #studio-start .start-live-open{
  display:inline-flex!important;justify-self:end!important;width:auto!important;min-height:30px!important;
  padding:4px 9px!important;margin:0!important;border-radius:7px!important;
  border:1px solid rgba(166,225,178,.35)!important;background:rgba(17,48,37,.65)!important;
  color:#ddf8e3!important;font:650 11px/1.2 Inter,system-ui,sans-serif!important;
}
body.studio-wizard-navigation #studio-start .start-live-toggle{display:none!important}
@media(max-width:700px){
  body.studio-wizard-navigation #studio-start .start-live-preview{
    position:fixed!important;top:auto!important;left:10px!important;right:10px!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;width:auto!important;
    padding:10px 11px!important;margin:0!important;border-radius:14px!important;
    z-index:90!important;max-height:74dvh!important;overflow:hidden!important;
  }
  body.studio-wizard-navigation #studio-start .start-live-head{margin-bottom:0!important}
  body.studio-wizard-navigation #studio-start .start-live-title{font-size:12px!important}
  body.studio-wizard-navigation #studio-start .start-live-caption{display:none!important}
  body.studio-wizard-navigation #studio-start .start-live-toggle{
    display:inline-flex!important;flex:none!important;min-height:34px!important;
    padding:7px 11px!important;border:1px solid rgba(166,230,173,.40)!important;
    border-radius:8px!important;background:rgba(46,107,63,.5)!important;
    color:#effff1!important;font:750 11px/1.2 Inter,system-ui,sans-serif!important;
  }
  body.studio-wizard-navigation #studio-start .start-live-grid{display:none!important}
  body.studio-wizard-navigation #studio-start .start-live-preview[data-open="true"] .start-live-grid{
    display:grid!important;grid-template-columns:repeat(3,minmax(180px,1fr))!important;
    gap:8px!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;
    overscroll-behavior-x:contain!important;margin-top:11px!important;padding-bottom:7px!important;
  }
  body.studio-wizard-navigation #studio-start .start-live-card{scroll-snap-align:start!important}
  body.studio-wizard-navigation #studio-start{padding-bottom:94px!important}
}


/* Real e-shop Premium palette and contrast configuration. */
body.studio-wizard-navigation #studio-start .start-shop-premium-appearance{
  display:block!important;width:100%!important;max-width:none!important;
  border:1px solid var(--s-line,rgba(150,205,158,.24))!important;
  border-radius:18px!important;padding:clamp(15px,2vw,24px)!important;
  margin:17px 0 26px!important;background:rgba(24,67,47,.18)!important;
}
body.studio-wizard-navigation #studio-start .start-shop-premium-appearance h2{
  font-size:clamp(20px,2vw,25px)!important;line-height:1.25!important;margin:0 0 8px!important;
}
body.studio-wizard-navigation #studio-start .start-shop-premium-appearance>.start-note{
  margin:0 0 18px!important;
}
body.studio-wizard-navigation #studio-start .start-shop-premium-appearance fieldset{
  min-width:0!important;border:0!important;padding:0!important;margin:0 0 18px!important;
}
body.studio-wizard-navigation #studio-start .start-shop-premium-appearance legend{
  font:750 13px/1.4 Inter,system-ui,sans-serif!important;
  padding:0!important;margin:0 0 10px!important;
}
body.studio-wizard-navigation #studio-start .start-shop-premium-palettes{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;
}
body.studio-wizard-navigation #studio-start .start-shop-premium-palettes legend{grid-column:1/-1!important}
body.studio-wizard-navigation #studio-start .start-shop-premium-palette{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;
  min-width:0!important;min-height:72px!important;padding:9px!important;margin:0!important;
  border:1px solid rgba(139,182,151,.28)!important;border-radius:11px!important;
  background:rgba(22,45,36,.20)!important;text-align:left!important;
}
body.studio-wizard-navigation #studio-start .start-shop-premium-palette[aria-pressed="true"]{
  border:2px solid #a1ef9d!important;background:rgba(92,154,105,.20)!important;
}
body.studio-wizard-navigation #studio-start .start-shop-premium-palette strong{
  font-size:12px!important;font-weight:700!important;line-height:1.3!important;
}
body.studio-wizard-navigation #studio-start .start-shop-premium-swatches{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:2px!important;overflow:hidden!important;border-radius:7px!important;
  width:100%!important;height:19px!important;
}
body.studio-wizard-navigation #studio-start .start-shop-premium-swatches i{display:block!important}
body.studio-wizard-navigation #studio-start .start-shop-premium-contrasts{
  display:flex!important;flex-wrap:wrap!important;gap:9px!important;align-items:center!important;
}
body.studio-wizard-navigation #studio-start .start-shop-premium-contrasts legend{width:100%!important}
body.studio-wizard-navigation #studio-start .start-shop-premium-contrast{
  flex:1 1 95px!important;min-height:42px!important;padding:8px 12px!important;
  border:1px solid rgba(139,182,151,.32)!important;border-radius:9px!important;
  background:rgba(25,52,39,.28)!important;
}
body.studio-wizard-navigation #studio-start .start-shop-premium-contrast[aria-pressed="true"]{
  border:2px solid #a2ef9f!important;background:rgba(92,154,105,.20)!important;
}
@media(max-width:680px){
 body.studio-wizard-navigation #studio-start .start-shop-premium-palettes{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
}


/* LuckyStudio cinematic opening · active once per session, replay with ?cinema=1. */
#lw-cinematic-intro{
 position:fixed;inset:0;z-index:2147483000;background:#020a09;color:#f4fff5;
 display:grid;place-items:center;overflow:hidden;isolation:isolate;
 font-family:Inter,Manrope,system-ui,sans-serif;
}
#lw-cinematic-intro .lw-cinema-light{
 position:absolute;inset:-50%;background:radial-gradient(circle at 66% 45%,rgba(72,236,145,.28),transparent 34%),
 radial-gradient(circle at 20% 60%,rgba(46,148,158,.26),transparent 40%);
 animation:lw-light 3.5s ease-out both;pointer-events:none;
}
#lw-cinematic-intro .lw-cinema-rays{
 position:absolute;inset:-40%;pointer-events:none;opacity:.5;
 background:linear-gradient(110deg,transparent 30%,rgba(151,255,179,.14) 32%,transparent 35%),
 linear-gradient(110deg,transparent 60%,rgba(125,255,170,.09) 61%,transparent 65%);
 transform:translateX(-24%);animation:lw-rays 3.7s ease-out both;
}
#lw-cinematic-intro .lw-cinema-film{
 position:absolute;left:0;right:0;height:7vh;background:#000;z-index:3;
 animation:lw-letterbox 3.6s ease both;
}
#lw-cinematic-intro .lw-cinema-film-top{top:0}
#lw-cinematic-intro .lw-cinema-film-bottom{bottom:0}
#lw-cinematic-intro .lw-cinema-core{
 position:relative;z-index:2;width:min(96%,1180px);
 padding:35px clamp(20px,4vw,70px);text-align:center;
}
#lw-cinematic-intro .lw-cinema-brand{
 display:flex;align-items:center;justify-content:center;gap:15px;
 font-size:clamp(16px,2.2vw,28px);font-weight:900;letter-spacing:.18em;
 animation:lw-appear 1.0s cubic-bezier(.15,.75,.2,1) .15s both;
}
#lw-cinematic-intro .lw-cinema-brand img{
 width:clamp(34px,4vw,52px);height:auto;filter:drop-shadow(0 0 20px rgba(152,251,169,.5));
}
#lw-cinematic-intro .lw-cinema-brand b{color:#a5f6a1}
#lw-cinematic-intro .lw-cinema-line{
 width:min(50%,480px);height:1px;margin:clamp(17px,3vh,32px) auto;
 background:linear-gradient(90deg,transparent,#c8ffbc,transparent);
 animation:lw-line 1.1s ease .55s both;
}
#lw-cinematic-intro .lw-cinema-kicker{
 color:#a4f2b7;letter-spacing:.28em;
 font:800 clamp(9px,1.05vw,14px)/1.45 Inter,system-ui,sans-serif;
 animation:lw-appear .9s ease .9s both;
}
#lw-cinematic-intro h2{
 font:900 clamp(40px,7.6vw,109px)/1.00 Inter,Manrope,system-ui,sans-serif;
 letter-spacing:-.07em;max-width:1100px;margin:18px auto;
 text-wrap:balance;animation:lw-appear 1s cubic-bezier(.2,.8,.2,1) 1.12s both;
}
#lw-cinematic-intro h2 em{
 font-style:normal;background:linear-gradient(110deg,#d8ffb5,#81eda0);
 -webkit-background-clip:text;background-clip:text;color:transparent;
}
#lw-cinematic-intro .lw-cinema-sub{
 font-size:clamp(13px,1.55vw,19px);color:#d3e7d9;
 animation:lw-appear .85s ease 1.55s both;
}
#lw-cinematic-intro .lw-cinema-skip{
 position:absolute;right:clamp(18px,3vw,44px);bottom:clamp(24px,5vh,65px);
 z-index:5;padding:11px 20px;min-height:44px;border-radius:99px;
 border:1px solid rgba(161,242,177,.52);color:#fff;background:rgba(18,57,37,.44);
 font:650 13px/1 Inter,system-ui,sans-serif;cursor:pointer;
}
#lw-cinematic-intro .lw-cinema-progress{
 position:absolute;bottom:0;left:0;height:3px;width:100%;
 background:linear-gradient(90deg,#68d993,#d8ffab);transform-origin:left;
 animation:lw-progress 3.9s linear both;
}
#lw-cinematic-intro.lw-cinema-exit{
 pointer-events:none;animation:lw-fade .6s ease-out both;
}
@keyframes lw-appear{from{opacity:0;transform:translateY(30px);filter:blur(14px)}to{opacity:1;transform:none;filter:none}}
@keyframes lw-light{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@keyframes lw-rays{from{opacity:0;transform:translateX(-24%)}to{opacity:.5;transform:translateX(15%)}}
@keyframes lw-line{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes lw-letterbox{0%,75%{height:7vh}100%{height:0}}
@keyframes lw-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes lw-fade{from{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(18px)}}
/* Main page remains unframed, but gains its own cinematic hierarchy. */
body[data-studio-screen="welcome"] #studio-start{
 max-width:1290px!important;width:min(100% - 50px,1290px)!important;
 padding:clamp(22px,4vw,58px) 0 90px!important;
}
body[data-studio-screen="welcome"] #studio-start .studio-v2-welcome-copy{max-width:none!important;width:100%!important}
body[data-studio-screen="welcome"] #studio-start .start-scene{
 min-height:min(74vh,740px)!important;display:flex!important;
 flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
 width:100%!important;position:relative!important;isolation:isolate!important;
 padding:clamp(30px,4vw,60px) clamp(14px,3vw,44px)!important;
 border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;
}
body[data-studio-screen="welcome"] #studio-start .start-scene::before{
 content:"";position:absolute;inset:-60px -6vw;z-index:-1;pointer-events:none;
 background:radial-gradient(ellipse at 85% 30%,rgba(80,215,155,.20),transparent 45%),
 radial-gradient(ellipse at 65% 90%,rgba(42,146,139,.09),transparent 50%);
}
body[data-studio-screen="welcome"] #studio-start .start-scene-copy{width:100%!important;max-width:1080px!important}
body[data-studio-screen="welcome"] #studio-start .start-eyebrow{
 font:800 clamp(10px,1vw,14px)/1.4 Inter,system-ui,sans-serif!important;
 letter-spacing:.22em!important;color:#a9f09c!important;margin-bottom:18px!important;
}
body[data-studio-screen="welcome"] #studio-start .start-scene h1{
 font:900 clamp(50px,6.5vw,100px)/1.02 Inter,Manrope,system-ui,sans-serif!important;
 letter-spacing:-.066em!important;max-width:940px!important;color:#f7fff6!important;text-wrap:balance!important;
}
body[data-studio-screen="welcome"] #studio-start .start-scene-lead{
 color:#cde1d2!important;max-width:650px!important;
 font-size:clamp(15px,1.5vw,19px)!important;line-height:1.6!important;
 margin-top:clamp(20px,2vw,29px)!important;
}
body[data-studio-screen="welcome"] #studio-start .studio-v2-welcome-actions{
 margin:clamp(24px,2.5vw,34px) 0 13px!important;
}
body[data-studio-screen="welcome"] #studio-start .start-primary{
 min-height:58px!important;min-width:210px!important;border-radius:12px!important;
 padding:15px 36px!important;font-size:16px!important;font-weight:800!important;
 box-shadow:0 12px 39px rgba(126,247,155,.16)!important;
}
body[data-studio-screen="welcome"] #studio-start .start-scene .start-roxy-guide{margin-top:32px!important}
@media(max-width:700px){
 body[data-studio-screen="welcome"] #studio-start{width:calc(100% - 26px)!important;padding-top:10px!important}
 body[data-studio-screen="welcome"] #studio-start .start-scene{min-height:calc(100svh - 120px)!important;padding:18px 3px!important}
 body[data-studio-screen="welcome"] #studio-start .start-scene h1{font-size:clamp(43px,11vw,67px)!important}
 body[data-studio-screen="welcome"] #studio-start .start-scene-lead{font-size:15px!important}
 #lw-cinematic-intro .lw-cinema-brand{letter-spacing:.11em}
 #lw-cinematic-intro .lw-cinema-kicker{letter-spacing:.15em}
}
@media(prefers-reduced-motion:reduce){#lw-cinematic-intro{display:none!important}}
