/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.5_@babel+core@7.28.5_@playwright+test@1.57.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.5_@babel+core@7.28.5_@playwright+test@1.57.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!../../packages/app-shell/src/appShell.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Supernova PASS D — Canonical AppShell layout primitives */
:root{
  --velara-bg-0: #070A12;
  --velara-bg-1: #0B1020;
  --velara-border: rgba(255,255,255,0.10);
  --velara-text: rgba(255,255,255,0.92);
  --velara-muted: rgba(255,255,255,0.68);
  --velara-radius: 14px;
  --velara-pad-4: 16px;
  --velara-pad-6: 24px;
  --velara-shadow: 0 12px 40px rgba(0,0,0,0.35);
}

.velara-shell{
  min-height: 100vh;
  display: grid;
  grid-template-columns: 280px 1fr;
  background:
    radial-gradient(1200px 700px at 20% -10%, rgba(129, 90, 255, 0.22), transparent 55%),
    radial-gradient(900px 500px at 110% 0%, rgba(0, 229, 255, 0.15), transparent 50%),
    var(--velara-bg-0);
  color: var(--velara-text);
}

.velara-shell__sidebar{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 100vh;
  padding: var(--velara-pad-6);
  border-right: 1px solid var(--velara-border);
  background: linear-gradient(180deg, rgba(255,255,255,0.04), transparent 40%);
  overflow: hidden;
}

.velara-shell__brand{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: var(--velara-pad-4);
  border: 1px solid var(--velara-border);
  border-radius: var(--velara-radius);
  background: rgba(255,255,255,0.04);
  box-shadow: var(--velara-shadow);
}

.velara-shell__nav{
  margin-top: var(--velara-pad-6);
  display:flex;
  flex-direction:column;
  gap: 8px;
}

.velara-shell__nav a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
  color: var(--velara-text);
  text-decoration:none;
}

.velara-shell__nav a:hover{
  border-color: rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.06);
}

.velara-shell__main{
  min-height: 100vh;
  display:flex;
  flex-direction:column;
}

.velara-shell__topbar{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 14px var(--velara-pad-6);
  border-bottom: 1px solid var(--velara-border);
  background: rgba(7,10,18,0.72);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.velara-shell__content{
  flex:1 1;
  overflow-y: auto; /* single scroll container */
  padding: var(--velara-pad-6);
}

.velara-page{
  max-width: 1200px;
  margin: 0 auto;
  display:flex;
  flex-direction:column;
  gap: 16px;
}

.velara-page__header{
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: var(--velara-radius);
  background: rgba(255,255,255,0.04);
  padding: 16px 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

.velara-page__body{
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--velara-radius);
  background: rgba(255,255,255,0.03);
  padding: 16px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.5_@babel+core@7.28.5_@playwright+test@1.57.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.5_@babel+core@7.28.5_@playwright+test@1.57.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!../../packages/app-shell/src/polish.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* PASS E rebuilt */
.velara-shell{font-feature-settings:'ss01'}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.5_@babel+core@7.28.5_@playwright+test@1.57.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.5_@babel+core@7.28.5_@playwright+test@1.57.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!../../packages/app-shell/src/hero.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Supernova PASS F — Hero Surfaces (12/10) */
.velara-hero{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.14);
  background:
    radial-gradient(900px 520px at 12% 10%, rgba(129, 90, 255, 0.24), transparent 55%),
    radial-gradient(720px 460px at 90% 0%, rgba(0, 229, 255, 0.18), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.03));
  box-shadow: 0 18px 70px rgba(0,0,0,0.35);
  padding: 18px;
  display:flex;
  flex-direction:column;
  gap: 14px;
}
.velara-hero__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.velara-hero__title{font-size:18px;font-weight:800;letter-spacing:-0.3px;}
.velara-hero__sub{margin-top:4px;font-size:13px;color:rgba(255,255,255,0.70);}
.velara-metricgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;}
.velara-metric{border-radius:14px;border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.04);padding:12px;}
.velara-metric__label{font-size:12px;color:rgba(255,255,255,0.68);}
.velara-metric__value{margin-top:6px;font-size:15px;font-weight:800;}
.velara-proofstrip,.velara-signalband{display:flex;flex-wrap:wrap;gap:8px;}
.velara-proofitem,.velara-signalitem{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.04);font-size:12px;color:rgba(255,255,255,0.82);}
.velara-dot{width:8px;height:8px;border-radius:999px;background:rgba(0,229,255,0.85);box-shadow:0 0 0 3px rgba(0,229,255,0.14);}
@media (max-width: 980px){.velara-metricgrid{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* ===============================
   Supernova PASS G+H+I — Mega Polish
   Date: 2025-12-19
   =============================== */

:root {
  --sv-hero-radius: 22px;
  --sv-hero-border: rgba(255,255,255,.10);
  --sv-hero-border-strong: rgba(255,255,255,.16);
  --sv-hero-bg-0: rgba(10,12,18,.75);
  --sv-hero-bg-1: rgba(14,18,28,.55);
  --sv-hero-glow: rgba(120,140,255,.18);
  --sv-hero-glow-strong: rgba(160,180,255,.26);
  --sv-hero-shadow: 0 18px 55px rgba(0,0,0,.38);
  --sv-hero-shadow-strong: 0 26px 85px rgba(0,0,0,.46);
  --sv-ease-std: cubic-bezier(.2,.8,.2,1);
}

.sv-hero {
  position: relative;
  border-radius: var(--sv-hero-radius);
  border: 1px solid var(--sv-hero-border);
  background: linear-gradient(180deg, var(--sv-hero-bg-0), var(--sv-hero-bg-1));
  box-shadow: var(--sv-hero-shadow);
  overflow: hidden;
  isolation: isolate;
}

.sv-hero::before {
  content: "";
  position: absolute;
  inset: -35%;
  background:
    radial-gradient(circle at 20% 20%, var(--sv-hero-glow), transparent 55%),
    radial-gradient(circle at 80% 35%, rgba(90,160,255,.12), transparent 52%),
    radial-gradient(circle at 45% 85%, rgba(190,120,255,.10), transparent 55%);
  filter: blur(22px);
  transform: translateZ(0);
  pointer-events: none;
  opacity: .95;
}

.sv-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(135deg, rgba(255,255,255,.035), rgba(255,255,255,.035) 1px, transparent 1px, transparent 10px);
  opacity: .08;
  pointer-events: none;
  mix-blend-mode: overlay;
}

.sv-hero__inner {
  position: relative;
  padding: 20px 18px 14px;
}

.sv-hero__title {
  margin: 0;
  letter-spacing: -0.02em;
  line-height: 1.12;
}

.sv-hero__subtitle {
  margin: 6px 0 0;
  opacity: .82;
  line-height: 1.45;
  max-width: 72ch;
}

.sv-hero--flagship {
  border-color: var(--sv-hero-border-strong);
  box-shadow: var(--sv-hero-shadow-strong);
}
.sv-hero--flagship::before {
  opacity: 1;
  filter: blur(26px);
  background:
    radial-gradient(circle at 22% 22%, var(--sv-hero-glow-strong), transparent 55%),
    radial-gradient(circle at 82% 32%, rgba(110,190,255,.16), transparent 52%),
    radial-gradient(circle at 48% 86%, rgba(210,130,255,.14), transparent 58%),
    radial-gradient(circle at 55% 40%, rgba(120,255,210,.10), transparent 58%);
}
.sv-hero--flagship::after {
  opacity: .10;
}

.sv-metric-grid {
  margin-top: 14px;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
.sv-metric-card {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  background: rgba(255,255,255,.035);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  padding: 12px 12px 10px;
}
.sv-metric-label {
  opacity: .74;
  font-size: .78rem;
  letter-spacing: .01em;
}
.sv-metric-value {
  margin-top: 6px;
  font-size: 1.02rem;
  letter-spacing: -0.01em;
}

.sv-signal-band {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.sv-signal-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 999px;
  padding: 8px 10px;
  background: rgba(255,255,255,.028);
}
.sv-signal-dot {
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: rgba(180,200,255,.65);
  box-shadow: 0 0 0 3px rgba(120,140,255,.10);
}
.sv-signal-label {
  opacity: .78;
  font-size: .80rem;
}
.sv-signal-value {
  font-size: .82rem;
  letter-spacing: -0.01em;
}

.sv-proof-strip {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.sv-proof-chip {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 999px;
  padding: 7px 10px;
  background: rgba(255,255,255,.022);
  display: inline-flex;
  gap: 8px;
}
.sv-proof-k {
  opacity: .72;
  font-size: .78rem;
}
.sv-proof-v {
  font-size: .80rem;
}

@media (prefers-reduced-motion: no-preference) {
  .sv-reveal {
    animation: sv-reveal-in 520ms var(--sv-ease-std) both;
  }
  .sv-reveal--slow {
    animation-duration: 680ms;
  }
  .sv-metric-card, .sv-signal-pill, .sv-proof-chip {
    transition: transform 180ms var(--sv-ease-std), border-color 180ms var(--sv-ease-std), background 180ms var(--sv-ease-std);
  }
  .sv-metric-card:hover, .sv-signal-pill:hover, .sv-proof-chip:hover {
    transform: translateY(-1px);
    border-color: rgba(255,255,255,.16);
    background: rgba(255,255,255,.04);
  }
}

@keyframes sv-reveal-in {
  from { opacity: 0; transform: translateY(8px) scale(.995); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

.sv-page-prose {
  max-width: 1120px;
  margin-inline: auto;
}
.sv-page-prose h2 {
  letter-spacing: -0.015em;
  margin-top: 20px;
}
.sv-page-prose p {
  line-height: 1.65;
  max-width: 82ch;
}