/*
 * LuckyDigital / Ecosystem Depth System 1.0
 * Shared L0->L4 material scale for OUR marketing shells only:
 * LuckyWeb, LuckyWork, LuckyStudio landing, Studio offers & account, Start.
 * Never loaded into customer Web/Shop templates, demo storefronts, iframes,
 * LuckyWork operational applications or sector-specific Premium/Hi-End pages.
 * Brand/accent colors are NOT unified. Only backdrop and optical elevation.
 *
 * Loaded LAST, after public identity / theme / page-specific CSS.
 */

/* L0 canvas, L1 stage, L2 raised panel, L3 interactive tile, L4 selected item */
html:not([data-lw-theme="light"]) :is(
 body.lw-public-home,body.lw-public-work,
 body.studio-one:not(.one-working),
 body.lw-studio-offers,body.lw-studio-cloud,
 body.lw-start-marketing,body.vx-page,
 body.lw-login-marketing
){
 --ld-page:#1c3b37;
 --ld-stage:#254940;
 --ld-panel:#30584d;
 --ld-card:#3c6659;
 --ld-ink:#f0fff7;
 --ld-quiet:#d1e9dd;
 --ld-edge:rgba(198,251,223,.30);
 --ld-edge-strong:rgba(211,255,232,.53);
 --ld-shine:rgba(245,255,245,.18);
 --ld-elevation:0 19px 47px rgba(4,28,29,.29),inset 0 1px var(--ld-shine);
 --ld-tile-shadow:0 9px 22px rgba(3,29,29,.21),inset 0 1px rgba(244,255,248,.14);
 --ld-canvas:
  radial-gradient(ellipse 53% 33% at 81% 5%,rgba(104,195,163,.17),transparent 79%),
  radial-gradient(ellipse 35% 30% at 7% 33%,rgba(111,185,162,.085),transparent 76%),
  linear-gradient(151deg,#254740 0%,#1e403a 46%,#193733 100%);
 color-scheme:dark;
 background:var(--ld-canvas);
 background-color:var(--ld-page);
}
html[data-lw-theme="light"] :is(
 body.lw-public-home,body.lw-public-work,
 body.studio-one:not(.one-working),
 body.lw-studio-offers,body.lw-studio-cloud,
 body.lw-start-marketing,body.vx-page,
 body.lw-login-marketing
){
 --ld-page:#f0f8f2;
 --ld-stage:#e9f3ed;
 --ld-panel:#f9fdfa;
 --ld-card:#ffffff;
 --ld-ink:#153c2e;
 --ld-quiet:#496a57;
 --ld-edge:rgba(25,106,68,.22);
 --ld-edge-strong:rgba(23,119,75,.35);
 --ld-shine:rgba(255,255,255,.85);
 --ld-elevation:0 18px 42px rgba(29,98,69,.13),inset 0 1px #fff;
 --ld-tile-shadow:0 9px 23px rgba(28,104,69,.12),inset 0 1px rgba(255,255,255,.9);
 --ld-canvas:
  radial-gradient(ellipse 57% 45% at 84% 6%,rgba(163,218,183,.23),transparent 78%),
  radial-gradient(ellipse 42% 45% at 10% 40%,rgba(213,242,221,.42),transparent 79%),
  linear-gradient(151deg,#f5faf6,#edf7f0 67%,#eaf5ee);
 color-scheme:light;
 background:var(--ld-canvas);
 background-color:var(--ld-page);
}

/* Marketing banners share one depth language without replacing the cinematic
   LuckyWeb hero or the unique visuals inside customer previews. */
html:not([data-lw-theme="light"]) body.lw-public-home .lw-home-paths__inside,
html:not([data-lw-theme="light"]) body.lw-public-work :is(.lw-ai-overview,.lw-pricing,.lw-shop-spotlight,.cta,.ecosystem-story__core),
html:not([data-lw-theme="light"]) body.studio-one:not(.one-working) :is(.one-mode,.one-plan,.one-original-card){
 border-color:var(--ld-edge);
 box-shadow:var(--ld-elevation);
}
html:not([data-lw-theme="light"]) body.lw-public-home :is(.lw-home-path,.lw-card-polish),
html:not([data-lw-theme="light"]) body.lw-public-work :is(.lw-ai-overview__features article,.ecosystem-story__module,.lw-core-plain>div){
 border-color:var(--ld-edge);
 box-shadow:var(--ld-tile-shadow);
}

/* Work: lift the full product catalog off the stage. Keep the CORE cinematic
   hardware illustration and its precisely positioned 10 nodes untouched. */
html:not([data-lw-theme="light"]) body.lw-public-work .lw-module-circuit{
 border:1px solid var(--ld-edge-strong);
 background:
  radial-gradient(ellipse 62% 40% at 75% 8%,rgba(161,245,197,.12),transparent 80%),
  linear-gradient(153deg,#31574e 0%,#284b43 70%,#24473f 100%);
 box-shadow:
  0 37px 78px rgba(4,27,30,.36),
  0 1px 0 rgba(211,255,231,.10),
  inset 0 1px rgba(241,255,244,.25);
}
html:not([data-lw-theme="light"]) body.lw-public-work .lw-v12-product-lead{
 background:linear-gradient(132deg,#3a6658 0%,#31594e 60%,#2d5449 100%);
 border:1px solid var(--ld-edge-strong);
 box-shadow:0 16px 33px rgba(2,31,29,.22),inset 0 1px rgba(249,255,248,.24);
 color:var(--ld-ink);
}
html:not([data-lw-theme="light"]) body.lw-public-work .lw-v12-product-lead__text p{
 color:#d9efe2;
}
html:not([data-lw-theme="light"]) body.lw-public-work .lw-v12-product-lead__indicator{
 color:#edfff4;
 background:linear-gradient(150deg,#2c5e49,#1e483a);
 border:1px solid rgba(199,255,216,.34);
 box-shadow:inset 0 1px rgba(246,255,239,.22),0 8px 20px rgba(4,36,29,.20);
}
html:not([data-lw-theme="light"]) body.lw-public-work .lw-v12-catalog [data-lw-v12-product]{
 min-height:67px;
 border:1px solid rgba(214,255,226,.40);
 background:linear-gradient(145deg,#3d6c5b,#355c52 76%,#31594e);
 color:#f4fff8;
 box-shadow:var(--ld-tile-shadow);
 transition:background .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
html:not([data-lw-theme="light"]) body.lw-public-work .lw-v12-catalog [data-lw-v12-product] :is(strong,small){
 color:#f0fff5;
}
html:not([data-lw-theme="light"]) body.lw-public-work .lw-v12-catalog [data-lw-v12-product] small{
 color:#cfe8d9;
}
html:not([data-lw-theme="light"]) body.lw-public-work .lw-v12-catalog__icon{
 background:rgba(18,74,54,.4);
 border:1px solid rgba(217,255,232,.22);
}
html:not([data-lw-theme="light"]) body.lw-public-work .lw-v12-catalog [data-lw-v12-product]:is(:hover,:focus-visible){
 transform:translateY(-2px);
 border-color:rgba(241,255,243,.76);
 background:linear-gradient(141deg,#497a65,#386959 78%);
 box-shadow:0 16px 30px rgba(2,27,31,.34),inset 0 1px rgba(255,255,248,.30);
}
html:not([data-lw-theme="light"]) body.lw-public-work .lw-v12-catalog [data-lw-v12-product].is-active,
html:not([data-lw-theme="light"]) body.lw-public-work .lw-v12-catalog [data-lw-v12-product][aria-pressed="true"]{
 border-color:#b9ffda;
 background:linear-gradient(140deg,#467b61,#325d50 80%);
 box-shadow:inset 0 1px rgba(248,255,244,.40),0 0 0 1px rgba(183,255,211,.27),0 15px 32px rgba(2,29,27,.34);
}
html:not([data-lw-theme="light"]) body.lw-public-work .lw-v12-catalog__arrow{
 color:#baffd5;
}
html:not([data-lw-theme="light"]) body.lw-public-work .lw-v12-navigator{
 background:linear-gradient(150deg,#315b4f,#284b43);
 border:1px solid rgba(209,255,231,.34);
 box-shadow:inset 0 1px rgba(246,255,242,.17),0 12px 29px rgba(3,30,30,.21);
}
html:not([data-lw-theme="light"]) body.lw-public-work .lw-v12-navigator__controls button{
 min-height:40px;
 background:#406c59;
 color:#f0fff6;
 border:1px solid rgba(213,255,232,.33);
}
html:not([data-lw-theme="light"]) body.lw-public-work .lw-v12-navigator__controls button:is(:hover,:focus-visible){
 background:#4b7964;border-color:rgba(238,255,239,.7);
}
html:not([data-lw-theme="light"]) body.lw-public-work .lw-core-selection,
html:not([data-lw-theme="light"]) body.lw-public-work .lw-module-panel{
 background:linear-gradient(147deg,#345f51,#284f46 80%);
 border-color:var(--ld-edge);
 box-shadow:var(--ld-elevation);
}
html:not([data-lw-theme="light"]) body.lw-public-work .lw-core-selection__ai,
html:not([data-lw-theme="light"]) body.lw-public-work .lw-module-panel__story article{
 background:rgba(226,255,234,.085);
 border:1px solid rgba(210,255,230,.19);
}
/* Secondary catalogue tiles share the same optically readable Work hierarchy.
   Desktop positions of the original cinematic network nodes are preserved. */
@media(max-width:999px){
 html:not([data-lw-theme="light"]) body.lw-public-work .lw-circuit-node{
  background:linear-gradient(142deg,#3b6556,#2d5248);
  border-color:var(--ld-edge);
  box-shadow:var(--ld-tile-shadow);
 }
}
html:not([data-lw-theme="light"]) body.lw-public-work :is(.lw-core-option,.lw-module){
 border-color:var(--ld-edge);
 box-shadow:var(--ld-tile-shadow);
}

/* Light Work keeps exactly the same four elevations; controls remain legible. */
html[data-lw-theme="light"] body.lw-public-work .lw-module-circuit{
 background:linear-gradient(147deg,#f8fcf9,#e9f4ec 84%);
 border:1px solid var(--ld-edge);
 box-shadow:var(--ld-elevation);
}
html[data-lw-theme="light"] body.lw-public-work .lw-v12-product-lead{
 background:linear-gradient(145deg,#fff,#eff9f1);
 border-color:var(--ld-edge);
 box-shadow:var(--ld-elevation);
}
html[data-lw-theme="light"] body.lw-public-work .lw-v12-catalog [data-lw-v12-product]{
 border:1px solid rgba(36,114,75,.25);
 background:linear-gradient(140deg,#fff,#f1faf4);
 color:#173f2d;box-shadow:var(--ld-tile-shadow);
 transition:transform .2s ease,box-shadow .2s ease;
}
html[data-lw-theme="light"] body.lw-public-work .lw-v12-catalog [data-lw-v12-product]:is(:hover,:focus-visible){
 border-color:rgba(19,125,78,.48);transform:translateY(-2px);
 box-shadow:0 16px 31px rgba(30,100,67,.19);
}
html[data-lw-theme="light"] body.lw-public-work .lw-v12-catalog [data-lw-v12-product].is-active{
 border-color:#128258;background:#e0f7e8;
 box-shadow:0 0 0 1px rgba(32,149,89,.22),0 11px 26px rgba(24,102,69,.15);
}
html[data-lw-theme="light"] body.lw-public-work .lw-v12-navigator,
html[data-lw-theme="light"] body.lw-public-work .lw-core-selection{
 background:linear-gradient(145deg,#fcfffc,#edf7f0);
 border-color:var(--ld-edge);box-shadow:var(--ld-elevation);
}
html[data-lw-theme="light"] body.lw-public-work :is(.lw-ai-overview,.lw-pricing,.ecosystem-story__core){
 border-color:var(--ld-edge);box-shadow:var(--ld-elevation);
}

/* Studio marketing/landing: same canvas and material hierarchy, not applied to
   the live editor when body.one-working is set, nor to preview iframes. */
html:not([data-lw-theme="light"]) body.studio-one:not(.one-working) :is(.one-stage,.one-offer,.one-originals){
 background:transparent;
}
html:not([data-lw-theme="light"]) body.studio-one:not(.one-working) :is(.one-mode,.one-plan,.one-original-card){
 background:linear-gradient(148deg,#365e52,#2b4d44 83%);
 border-color:var(--ld-edge);
 box-shadow:var(--ld-elevation);
}
html:not([data-lw-theme="light"]) body.studio-one:not(.one-working) :is(.one-mode,.one-plan,.one-original-card):is(:hover,:focus-within){
 border-color:var(--ld-edge-strong);
 box-shadow:0 28px 57px rgba(3,27,27,.33),inset 0 1px rgba(245,255,246,.20);
}
html[data-lw-theme="light"] body.studio-one:not(.one-working) :is(.one-mode,.one-plan,.one-original-card){
 border-color:var(--ld-edge);box-shadow:var(--ld-elevation);
}
/* The public studio offer and account panels use the same surface ladder
   without tinting the invoice paper, auth credentials or customer previews. */
html:not([data-lw-theme="light"]) body.lw-studio-offers :is(.plan,.ls-offer-showcase){
 border-color:var(--ld-edge);box-shadow:var(--ld-elevation);
}
html:not([data-lw-theme="light"]) body.lw-studio-offers .plan{
 background:linear-gradient(146deg,#365e52,#2b5047 82%);
}
html:not([data-lw-theme="light"]) body.lw-studio-offers .plan.featured{
 border-color:var(--ld-edge-strong);
 background:linear-gradient(146deg,#426c58,#30554a 80%);
 box-shadow:0 25px 53px rgba(3,28,28,.33),inset 0 1px rgba(246,255,246,.23);
}
html:not([data-lw-theme="light"]) body.lw-studio-cloud :is(.panel,.project){
 border-color:var(--ld-edge);box-shadow:var(--ld-elevation);
}
html:not([data-lw-theme="light"]) body.lw-studio-cloud .project{
 background:linear-gradient(147deg,#3a6254,#2f5449);
}
/* All public header glass stays optically compatible, without touching the
   specialized Studio app header or altering selected language links. */
html:not([data-lw-theme="light"]) body[data-lucky-public-identity]:is(
 .lw-public-work,.studio-one:not(.one-working),.lw-studio-offers,
 .lw-studio-cloud,.lw-start-marketing
)>header,
html:not([data-lw-theme="light"]) body.lw-public-work .lw-work-header{
 --identity-glass:
  linear-gradient(114deg,rgba(231,255,238,.16),rgba(42,89,76,.06) 46%,rgba(227,255,237,.08)),
  rgba(22,59,55,.55);
 --identity-line:rgba(212,255,227,.31);
 --identity-glass-shadow:inset 0 1px rgba(255,255,252,.34),
  inset 0 -1px rgba(242,255,239,.09),0 17px 39px rgba(4,27,29,.23);
}
/* Consistent low-motion fallback, no floating pseudo-element catching taps. */
html:not([data-lw-theme="light"]) body.lw-public-work .lw-v12-catalog [data-lw-v12-product]:focus-visible{
 outline:3px solid #c9ffdd;outline-offset:3px;
}
@media (prefers-reduced-motion:reduce){
 html:not([data-lw-theme="light"]) body.lw-public-work .lw-v12-catalog [data-lw-v12-product],
 html:not([data-lw-theme="light"]) body.studio-one:not(.one-working) :is(.one-mode,.one-plan,.one-original-card){
  transition:none;transform:none;
 }
}
@media (forced-colors:active){
 body.lw-public-work .lw-v12-catalog [data-lw-v12-product],
 body.lw-public-work .lw-v12-product-lead,
 body.lw-public-work .lw-v12-navigator{
  border:1px solid CanvasText;box-shadow:none;
 }
}

/* Depth system must never paint the printable invoice background.
   The Studio invoices retain their original white-paper rules. */
@media print {
 body.lw-studio-offers {
  background:#ffffff!important;
  color:#163729!important;
  color-scheme:light;
 }
}


/* Studio audit refinement / 2026-10-25.
   Applies ONLY to LuckyWeb's marketing home and LuckyStudio shell.
   Does not reach live editors, customer templates, storefronts or demos. */
html:not([data-lw-theme="light"]) :is(body.lw-public-home,body.studio-one:not(.one-working)){
 --ld-canvas:
  radial-gradient(ellipse 58% 47% at 80% 5%,rgba(159,224,192,.16),transparent 76%),
  radial-gradient(ellipse 43% 40% at 10% 56%,rgba(102,162,179,.15),transparent 78%),
  linear-gradient(150deg,#1c353d 0%,#1a3338 45%,#203d39 100%);
 background:var(--ld-canvas);
 color:var(--ld-ink);
}
html:not([data-lw-theme="light"]) body.lw-public-home :is(.lw-home-paths__inside,.lw-home-path),
html:not([data-lw-theme="light"]) body.studio-one:not(.one-working) :is(.one-mode,.one-plan,.one-original-card){
 border-color:rgba(212,251,231,.37);
 background:radial-gradient(ellipse at 85% 0,rgba(167,237,205,.12),transparent 66%),
  linear-gradient(155deg,rgba(61,93,93,.94),rgba(30,57,61,.97));
 box-shadow:0 22px 46px rgba(2,19,31,.23),inset 0 1px rgba(249,255,252,.17);
}
html:not([data-lw-theme="light"]) :is(body.lw-public-home,body.studio-one:not(.one-working)) > header[data-lw-public-header]{
 --identity-glass:
  linear-gradient(116deg,rgba(231,255,242,.18),rgba(98,143,148,.08) 48%,rgba(226,255,238,.12)),
  rgba(29,61,68,.52);
 --identity-glass-filter:blur(27px) saturate(1.29);
 --identity-line:rgba(220,255,236,.34);
 --identity-glass-shadow:
  inset 0 1px rgba(251,255,248,.42),
  inset 0 -1px rgba(191,241,221,.08),
  0 15px 40px rgba(2,23,28,.21);
}
html[data-lw-theme="light"] :is(body.lw-public-home,body.studio-one:not(.one-working)) > header[data-lw-public-header]{
 --identity-glass:
  linear-gradient(116deg,rgba(255,255,255,.51),rgba(232,253,245,.12) 45%,rgba(255,255,255,.26)),
  rgba(248,255,252,.52);
 --identity-glass-filter:blur(27px) saturate(1.32);
 --identity-line:rgba(255,255,255,.69);
 --identity-glass-shadow:inset 0 1px rgba(255,255,255,.91),0 13px 36px rgba(16,70,51,.14);
}
body.lw-public-home .lw-hero-next__actions .cta.secondary{
 border-color:rgba(177,247,204,.48);
 background:linear-gradient(120deg,rgba(117,182,153,.18),rgba(39,103,91,.18));
 color:var(--lw-ink,#eafff1);
 box-shadow:0 8px 21px rgba(5,29,35,.13),inset 0 1px rgba(255,255,255,.08);
}
body.lw-public-home .lw-hero-next__actions .cta.secondary:is(:hover,:focus-visible){
 border-color:rgba(200,255,225,.73);
 background:linear-gradient(120deg,rgba(137,222,178,.26),rgba(53,138,112,.23));
 box-shadow:0 13px 28px rgba(4,26,32,.19);
}
html[data-lw-theme="light"] body.lw-public-home .lw-hero-next__actions .cta.secondary{
 color:#184934;background:rgba(246,255,249,.79);border-color:rgba(29,126,82,.35);
}
body.studio-one .studio-start .start-quality-card{
 row-gap:clamp(10px,1.5vw,19px);
}
@media(prefers-reduced-motion:reduce){
 body.lw-public-home .lw-hero-next__actions .cta.secondary{transition:none}
}