/* Leadstrium Landing Visual Foundation 4.1
   Production token + art-composition layer. Intentionally non-destructive:
   4.2 consumes these primitives for the flagship landing reconstruction. */
:root{
  --ls-canvas-dark:#060c14;
  --ls-canvas-navy:#07172c;
  --ls-charcoal:#0d1724;
  --ls-surface-1:#101c2a;
  --ls-surface-2:#142234;
  --ls-surface-3:#182a3f;
  --ls-border-soft:rgba(109,233,255,.13);
  --ls-border-focus:rgba(108,233,255,.48);
  --ls-blue-teal:#17b7b1;
  --ls-blue-teal-bright:#29c8e9;
  --ls-cyan-highlight:#6ce9ff;
  --ls-electric-blue:#229cff;
  --ls-text-primary:#f2f7fb;
  --ls-text-secondary:#a8bac9;
  --ls-text-muted:#708598;
  --ls-glow-soft:0 0 36px rgba(41,200,233,.12);
  --ls-glow-focus:0 0 44px rgba(108,233,255,.22);
  --ls-radius-sm:12px;
  --ls-radius-md:18px;
  --ls-radius-lg:28px;
  --ls-space-1:.375rem;
  --ls-space-2:.625rem;
  --ls-space-3:1rem;
  --ls-space-4:1.5rem;
  --ls-space-5:2.25rem;
  --ls-space-6:3.5rem;
  --ls-content-max:1440px;
  --ls-motion-fast:160ms;
  --ls-motion-base:280ms;
  --ls-motion-slow:700ms;
  --ls-ease:cubic-bezier(.2,.8,.2,1);
  --ls-hero-dark:url('/assets/hero-dark-atmosphere.svg');
  --ls-hero-light:url('/assets/hero-light-atmosphere.svg');
  --ls-ambient-grid:url('/assets/ambient-grid.svg');
  --ls-stack-art:url('/assets/stack-composer-foundation.svg');
}
html[data-theme="light"],body[data-theme="light"]{
  --ls-canvas-dark:#f7fbff;
  --ls-canvas-navy:#eef7fc;
  --ls-charcoal:#ffffff;
  --ls-surface-1:#fbfdff;
  --ls-surface-2:#f3f9fd;
  --ls-surface-3:#eaf5fb;
  --ls-border-soft:rgba(7,48,78,.10);
  --ls-border-focus:rgba(0,149,198,.34);
  --ls-text-primary:#07233d;
  --ls-text-secondary:#416179;
  --ls-text-muted:#6f8798;
  --ls-glow-soft:0 18px 60px rgba(17,139,191,.08);
  --ls-glow-focus:0 18px 70px rgba(27,177,213,.16);
}
.ls-landing-shell{position:relative;isolation:isolate;overflow:hidden;background:var(--ls-canvas-dark);color:var(--ls-text-primary)}
.ls-landing-section{position:relative;width:min(calc(100% - 32px),var(--ls-content-max));margin-inline:auto;padding-block:clamp(3.5rem,7vw,7.5rem)}
.ls-ambient-canvas{position:absolute;inset:0;pointer-events:none;background-image:var(--ls-ambient-grid);background-size:cover;opacity:.28;mix-blend-mode:screen}
html[data-theme="light"] .ls-ambient-canvas{opacity:.16;mix-blend-mode:multiply}
.ls-art-dark{background-image:var(--ls-hero-dark)}
.ls-art-light{background-image:var(--ls-hero-light)}
.ls-art-layer{background-position:center;background-repeat:no-repeat;background-size:cover;mask-image:linear-gradient(to bottom,#000 0 82%,transparent 100%)}
.ls-glass-card{position:relative;border:1px solid var(--ls-border-soft);border-radius:var(--ls-radius-md);background:linear-gradient(145deg,color-mix(in srgb,var(--ls-surface-2) 92%,transparent),color-mix(in srgb,var(--ls-surface-1) 78%,transparent));box-shadow:0 18px 48px rgba(0,0,0,.12);backdrop-filter:blur(16px) saturate(125%);transition:transform var(--ls-motion-base) var(--ls-ease),border-color var(--ls-motion-base) var(--ls-ease),box-shadow var(--ls-motion-base) var(--ls-ease)}
.ls-glass-card:hover{transform:translateY(-3px);border-color:var(--ls-border-focus);box-shadow:var(--ls-glow-focus)}
.ls-accent-text{background:linear-gradient(95deg,var(--ls-blue-teal),var(--ls-cyan-highlight));-webkit-background-clip:text;background-clip:text;color:transparent}
.ls-icon-well{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:1px solid var(--ls-border-soft);background:linear-gradient(145deg,rgba(34,156,255,.14),rgba(23,183,177,.08));box-shadow:inset 0 1px rgba(255,255,255,.08)}
.ls-focus-ring:focus-visible{outline:2px solid var(--ls-cyan-highlight);outline-offset:3px}
.ls-stack-foundation{background:url('/assets/stack-composer-foundation.svg') center/contain no-repeat;aspect-ratio:16/9}
@media (max-width:900px){.ls-landing-section{width:min(calc(100% - 24px),var(--ls-content-max));padding-block:clamp(3rem,9vw,5rem)}.ls-glass-card:hover{transform:none}}
@media (max-width:640px){.ls-landing-section{width:min(calc(100% - 20px),var(--ls-content-max));padding-block:3rem}.ls-art-layer{background-position:62% center}}
@media (prefers-reduced-motion:reduce){.ls-glass-card{transition:none!important}.ls-glass-card:hover{transform:none}}