/* AIMCODE AURA — additive visual layer
   The stylesheet deliberately leaves application markup, data and interaction rules intact. */
:root {
  --aura-void: #090711;
  --aura-ink: #100c1d;
  --aura-panel: rgba(24, 18, 42, .76);
  --aura-panel-strong: rgba(29, 21, 50, .92);
  --aura-panel-soft: rgba(255, 255, 255, .055);
  --aura-line: rgba(226, 215, 255, .14);
  --aura-line-strong: rgba(202, 184, 255, .28);
  --aura-text: #f7f3ff;
  --aura-muted: #aaa2bc;
  --aura-lavender: #bca6ff;
  --aura-violet: #855bff;
  --aura-fuchsia: #ef8dff;
  --aura-cyan: #6de2e2;
  --aura-mint: #8ee9c8;
  --aura-radius: 22px;
  --aura-shadow: 0 24px 70px rgba(4, 1, 15, .42);
  --aura-ease: cubic-bezier(.22, 1, .36, 1);
  --aura-mx: 50%;
  --aura-my: 20%;
}

html { background: var(--aura-void); }
body { background: var(--aura-void); color: var(--aura-text); }
body::before {
  content: "";
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(580px circle at var(--aura-mx) var(--aura-my), rgba(137, 94, 255, .12), transparent 64%);
  opacity: .62;
  transition: opacity .35s ease;
}

.aura-scroll-progress {
  position: fixed;
  z-index: 10050;
  inset: 0 0 auto;
  height: 2px;
  transform: scaleX(0);
  transform-origin: 0 50%;
  pointer-events: none;
  background: linear-gradient(90deg, var(--aura-violet), var(--aura-fuchsia), var(--aura-cyan));
  box-shadow: 0 0 18px rgba(188, 166, 255, .78);
}

[data-aura-reveal] {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  transition: opacity .8s var(--aura-ease) var(--aura-delay, 0ms), transform .8s var(--aura-ease) var(--aura-delay, 0ms);
}
[data-aura-reveal].aura-revealed { opacity: 1; transform: none; }

/* Public landing */
.signal-page {
  --signal-bg: var(--aura-void);
  --signal-paper: #151025;
  --signal-ink: var(--aura-text);
  --signal-line: var(--aura-line);
  background:
    radial-gradient(900px 520px at 82% 7%, rgba(128, 74, 255, .18), transparent 70%),
    var(--aura-void);
}
.signal-page::selection { color: var(--aura-void); background: var(--aura-lavender); }
.signal-header {
  width: min(1440px, calc(100% - 48px));
  height: 82px;
  border-bottom-color: var(--aura-line);
}
.signal-header nav { gap: 10px; }
.signal-header nav a,
.signal-login,
.signal-quiet { border-radius: 999px; }
.signal-header nav a { padding: 10px 14px; color: rgba(247,243,255,.64); }
.signal-header nav a:hover { color: var(--aura-text); background: var(--aura-panel-soft); }
.signal-login {
  min-height: 42px;
  padding-inline: 18px;
  border-color: var(--aura-line-strong);
  background: rgba(16, 10, 29, .54);
}
.signal-hero {
  min-height: 720px;
  height: min(860px, 94svh);
  border-bottom-color: var(--aura-line);
  background: var(--aura-void);
}
.signal-hero-art img { filter: saturate(.86) contrast(1.05); }
.signal-hero-shade {
  background:
    radial-gradient(620px 560px at 74% 40%, rgba(111, 54, 214, .28), transparent 72%),
    linear-gradient(90deg, rgba(8,5,17,.98), rgba(8,5,17,.76) 38%, rgba(8,5,17,.22) 82%),
    linear-gradient(0deg, rgba(8,5,17,.96), transparent 42%);
}
.signal-hero:after {
  opacity: .23;
  background-size: 72px 72px;
  mask-image: radial-gradient(ellipse at 70% 28%, #000, transparent 72%);
}
.signal-hero-layout { width: min(1440px, calc(100% - 64px)); gap: 56px; }
.signal-eyebrow { letter-spacing: .18em; color: var(--aura-lavender); }
.signal-hero-title {
  font-size: clamp(68px, 9vw, 126px);
  font-weight: 650;
  letter-spacing: -.055em;
  text-shadow: 0 12px 54px rgba(133, 91, 255, .25);
}
.signal-hero-promise {
  max-width: 720px;
  font-size: clamp(30px, 4vw, 54px);
  letter-spacing: -.035em;
}
.signal-hero-lead { max-width: 620px; color: rgba(247,243,255,.68); }
.signal-hero-actions { gap: 10px; }
.signal-primary,
.signal-primary.dark,
.primary-button {
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 999px;
  background: linear-gradient(135deg, #eee7ff, #baa1ff 55%, #8e69ff);
  color: #160e29;
  box-shadow: 0 12px 34px rgba(139, 91, 255, .27), inset 0 1px rgba(255,255,255,.68);
  transition: transform .28s var(--aura-ease), box-shadow .28s, filter .28s;
}
.signal-primary:hover,
.signal-primary.dark:hover,
.primary-button:hover { filter: brightness(1.08); transform: translateY(-3px); box-shadow: 0 18px 42px rgba(139, 91, 255, .4), inset 0 1px rgba(255,255,255,.72); }
.signal-quiet { border-color: var(--aura-line-strong); background: rgba(255,255,255,.06); }
.signal-route-console {
  border-color: var(--aura-line-strong);
  border-radius: var(--aura-radius);
  background: linear-gradient(145deg, rgba(36,25,62,.8), rgba(12,9,24,.78));
  box-shadow: var(--aura-shadow), inset 0 1px rgba(255,255,255,.11);
}
.signal-route-input,
.signal-route-models > div { border-color: var(--aura-line); border-radius: 14px; background: rgba(255,255,255,.055); }
.signal-route-trunk { background: linear-gradient(90deg, var(--aura-violet), var(--aura-fuchsia), var(--aura-cyan)); }
.signal-status {
  background: rgba(16, 11, 29, .72);
  border-color: var(--aura-line);
  border-radius: 18px;
  overflow: hidden;
  width: min(1440px, calc(100% - 48px));
  box-shadow: var(--aura-shadow);
}
.signal-status > div { border-color: var(--aura-line); }
.signal-status b { color: var(--aura-text); }

.signal-offer,
.signal-product,
.signal-pricing {
  color: var(--aura-text);
  background:
    radial-gradient(640px 420px at 78% 12%, rgba(126, 83, 255, .13), transparent 72%),
    var(--aura-ink);
}
.signal-offer { padding-block: clamp(82px, 10vw, 140px); }
.signal-product { background-color: #120e20; }
.signal-pricing { background-color: #0d0a17; }
.signal-offer-copy h2,
.signal-section-heading h2,
.signal-model-heading h2,
.signal-final h2 { letter-spacing: -.045em; color: var(--aura-text); }
.signal-offer-copy p,
.signal-section-heading p,
.signal-model-heading p { color: var(--aura-muted); }
.signal-offer-facts { border-top-color: var(--aura-line-strong); }
.signal-offer-facts article { border-bottom-color: var(--aura-line); }
.signal-offer-facts strong { color: var(--aura-lavender); }
.signal-flow { border-color: var(--aura-line); }
.signal-flow article,
.signal-capabilities article { border-color: var(--aura-line); }
.signal-flow article > svg,
.signal-capabilities article > svg:last-child { color: var(--aura-lavender); }
.signal-flow h3,
.signal-capabilities h3 { color: var(--aura-text); }
.signal-flow p,
.signal-capabilities p { color: var(--aura-muted); }
.signal-models { background: #0b0813; }
.signal-model-grid,
.catalog-grid,
.model-carousel {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.signal-model-grid::-webkit-scrollbar,
.catalog-grid::-webkit-scrollbar,
.model-carousel::-webkit-scrollbar { display: none; }
.signal-model-card,
.panel,
.glass-surface,
.document-card,
.operator-strip {
  border-color: var(--aura-line);
  border-radius: var(--aura-radius);
  background: linear-gradient(145deg, rgba(34,25,57,.84), rgba(14,10,26,.82));
  box-shadow: inset 0 1px rgba(255,255,255,.07), 0 18px 60px rgba(3,1,12,.3);
}
.signal-model-card { min-height: 360px; transition: transform .5s var(--aura-ease), border-color .28s, box-shadow .5s; }
.signal-model-card:hover { transform: translateY(-9px) rotateX(1deg); border-color: var(--aura-line-strong); box-shadow: 0 22px 70px rgba(103, 66, 204, .25), inset 0 1px rgba(255,255,255,.12); }
.signal-card-spectrum { opacity: .25; filter: saturate(1.25); }
.signal-model-card dl { border-color: var(--aura-line); background: var(--aura-line); }
.signal-model-card dl > div { background: rgba(14,10,26,.72); }
.signal-rate-table { border-top-color: var(--aura-line-strong); }
.signal-rate-head,
.signal-rate-table > div:not(.signal-rate-head) { border-bottom-color: var(--aura-line); }
.signal-rate-table > div:not(.signal-rate-head):hover { background: rgba(173,148,255,.09); }
.signal-rate-table .featured { background: rgba(133,91,255,.16); }
.signal-rate-table button { color: var(--aura-text); border-color: var(--aura-line-strong); background: rgba(255,255,255,.05); }
.signal-rate-table button:hover { color: #160e29; background: var(--aura-lavender); }
.signal-final { background: #0a0712; }
.signal-final-beam { background: linear-gradient(90deg, transparent, var(--aura-fuchsia), var(--aura-cyan), transparent); box-shadow: 0 0 34px 6px rgba(161,114,255,.4); }

/* Auth */
.auth-screen {
  background:
    radial-gradient(720px 560px at 78% 16%, rgba(132, 80, 255, .2), transparent 70%),
    radial-gradient(620px 520px at 14% 92%, rgba(237, 127, 255, .12), transparent 72%),
    var(--aura-void);
}
.auth-shade { background: linear-gradient(135deg, rgba(9,7,17,.2), rgba(9,7,17,.82)); }
.auth-panel {
  border: 1px solid var(--aura-line-strong);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(36,26,62,.9), rgba(14,10,27,.86));
  box-shadow: 0 30px 100px rgba(3,1,12,.52), inset 0 1px rgba(255,255,255,.12);
  backdrop-filter: blur(26px) saturate(130%);
}
.auth-panel-head h1 { letter-spacing: -.045em; }
.auth-tabs { border: 1px solid var(--aura-line); border-radius: 999px; background: rgba(255,255,255,.04); padding: 4px; }
.auth-tabs button { border-radius: 999px; }
.auth-tabs button[aria-selected="true"], .auth-tabs .active { background: rgba(188,166,255,.18); color: var(--aura-text); }
.auth-screen input,
.auth-screen select,
.auth-screen textarea,
.field-input,
.amount-field,
.promo-entry {
  border: 1px solid var(--aura-line);
  border-radius: 14px;
  background: rgba(255,255,255,.055);
  color: var(--aura-text);
  transition: border-color .25s, box-shadow .25s, background .25s;
}
.auth-screen input:focus,
.auth-screen select:focus,
.auth-screen textarea:focus { border-color: var(--aura-lavender); box-shadow: 0 0 0 4px rgba(188,166,255,.12); background: rgba(255,255,255,.08); outline: 0; }
.auth-submit { border-radius: 999px; background: linear-gradient(135deg, var(--aura-lavender), var(--aura-violet)); color: #170e2c; box-shadow: 0 13px 34px rgba(133,91,255,.32); }
.auth-submit:hover { transform: translateY(-2px); }
.auth-security { color: var(--aura-mint); }

/* Cabinet shell and views */
.app-shell { background: var(--aura-void); }
.sidebar,
.topbar,
.content-area,
.app-main { color: var(--aura-text); }
.sidebar {
  border-right: 1px solid var(--aura-line);
  background: linear-gradient(180deg, rgba(22,15,39,.92), rgba(10,7,18,.94));
}
.sidebar-head,
.sidebar-context,
.sidebar-system { border-color: var(--aura-line); }
.main-navigation a,
.sidebar a { border-radius: 14px; color: var(--aura-muted); transition: color .25s, background .25s, transform .25s; }
.main-navigation a:hover,
.sidebar a:hover { color: var(--aura-text); background: rgba(188,166,255,.09); transform: translateX(2px); }
.main-navigation a[aria-current="page"],
.main-navigation a.active,
.sidebar a.active { color: var(--aura-text); background: linear-gradient(90deg, rgba(133,91,255,.3), rgba(133,91,255,.08)); box-shadow: inset 3px 0 var(--aura-lavender); }
.topbar {
  border-bottom: 1px solid var(--aura-line);
  background: rgba(11,8,20,.72);
  backdrop-filter: blur(22px) saturate(130%);
}
.topbar-actions > *,
.topbar-balance,
.user-menu,
.language-toggle { border-color: var(--aura-line); border-radius: 999px; background: rgba(255,255,255,.055); }
.content-area { background: radial-gradient(750px 480px at 80% 0, rgba(119,79,235,.1), transparent 68%); }
.view-stack { display: grid; gap: 22px; }
.panel { padding: clamp(18px, 2.5vw, 30px); }
.panel h1, .panel h2, .panel h3 { letter-spacing: -.035em; }
.primary-button, .secondary-button, .support-primary { min-height: 44px; border-radius: 999px; }
.secondary-button { border-color: var(--aura-line-strong); background: rgba(255,255,255,.05); color: var(--aura-text); }
.secondary-button:hover { background: rgba(188,166,255,.12); border-color: var(--aura-lavender); }
.status-beacon { background: var(--aura-mint); box-shadow: 0 0 16px rgba(142,233,200,.65); }
.offline-banner, .toast { border: 1px solid var(--aura-line-strong); border-radius: 16px; background: rgba(39,24,58,.9); box-shadow: var(--aura-shadow); }
.topup-modal, .modal-backdrop, .support-window, .forbidden-screen { backdrop-filter: blur(24px); }
.topup-modal, .support-window { border: 1px solid var(--aura-line-strong); border-radius: 24px; background: var(--aura-panel-strong); box-shadow: 0 34px 110px rgba(2,1,10,.62); }
.amount-presets button, .support-choice { border-radius: 14px; border-color: var(--aura-line); background: rgba(255,255,255,.045); }
.amount-presets button:hover, .support-choice:hover { border-color: var(--aura-lavender); background: rgba(188,166,255,.1); }
.range-caption, .summary-total { color: var(--aura-lavender); }

/* Studio, Team, connect and support surfaces supplied by feature overlays */
[class*="studio"], [class*="Studio"], [class*="team"], [class*="Team"], [class*="connect"], [class*="Connect"] {
  --feature-accent: var(--aura-lavender);
}
.studio-shell, .studio-panel, .team-panel, .connect-panel, .connect-card,
.team-card, .studio-card, .workspace-card, .feature-panel {
  border: 1px solid var(--aura-line);
  border-radius: var(--aura-radius);
  background: linear-gradient(145deg, rgba(34,25,57,.82), rgba(13,10,25,.78));
  box-shadow: inset 0 1px rgba(255,255,255,.07), var(--aura-shadow);
}
.studio-shell button, .team-panel button, .connect-panel button { border-radius: 999px; }

/* Legal/document pages and injected footer */
.page-wrap, .legal { background: transparent; }
.topbar + .page-wrap { position: relative; }
.layout main { min-width: 0; }
.document-card, .operator-strip { transition: transform .35s var(--aura-ease), border-color .25s, box-shadow .35s; }
.document-card:hover, .operator-strip:hover { transform: translateY(-5px); border-color: var(--aura-line-strong); box-shadow: 0 24px 72px rgba(104,66,204,.2), inset 0 1px rgba(255,255,255,.1); }
.document-card h2, .operator-strip h2, .legal-section h2 { color: var(--aura-text); }
.document-card p, .operator-strip p, .legal-section p, .legal-section li { color: var(--aura-muted); }
.document-meta, .toc, .legal-section, .document-end { border-color: var(--aura-line); }
.pill { border-color: rgba(142,233,200,.25); color: var(--aura-mint); background: rgba(142,233,200,.08); }
.footer, .aim-legal-footer {
  border-top-color: var(--aura-line-strong);
  background: linear-gradient(180deg, rgba(16,11,29,.72), rgba(8,6,14,.96));
  color: var(--aura-muted);
}
.footer a, .aim-legal-footer a { color: var(--aura-lavender); }
.footer a:hover, .aim-legal-footer a:hover { color: var(--aura-fuchsia); }
.footer-bottom { border-top-color: var(--aura-line); }

/* Landing footer uses a single expanded AURA layout. The legacy compact row
   remains in the bundle for compatibility but is visually superseded here. */
.signal-final > footer.aim-footer-enhanced { position: relative !important; inset: auto !important; left: auto !important; right: auto !important; bottom: auto !important; top: auto !important; display: block !important; min-height: 0 !important; margin-top: 112px !important; padding: 0 !important; border-top: 0 !important; }
.signal-final > footer > .signal-brand,
.signal-final > footer > nav,
.signal-final > footer > span { display: none !important; }
.signal-final > footer.aim-footer-enhanced > .aim-legal-footer { position: relative !important; inset: auto !important; }
@media (max-width: 640px) { .signal-final > footer { margin-top: 78px !important; } }

@media (max-width: 900px) {
  .signal-header { width: calc(100% - 28px); }
  .signal-hero-layout { width: calc(100% - 36px); gap: 28px; }
  .signal-status { width: calc(100% - 28px); }
  .signal-model-grid, .catalog-grid, .model-carousel {
    display: flex;
    gap: 14px;
    margin-inline: -4px;
    padding: 4px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    overscroll-behavior-x: contain;
  }
  .signal-model-grid > *, .catalog-grid > *, .model-carousel > * { flex: 0 0 min(82vw, 340px); scroll-snap-align: start; }
  .signal-model-card { min-height: 340px; }
  .sidebar { background: linear-gradient(180deg, rgba(22,15,39,.98), rgba(10,7,18,.98)); }
}
@media (max-width: 640px) {
  :root { --aura-radius: 18px; }
  .signal-hero { min-height: 720px; height: auto; }
  .signal-hero-layout { display: block; padding-top: 42px; }
  .signal-hero-title { font-size: clamp(58px, 18vw, 92px); }
  .signal-hero-promise { font-size: clamp(28px, 8.3vw, 42px); }
  .signal-route-console { margin-top: 48px; }
  .signal-status { grid-template-columns: 1fr 1fr; }
  .signal-status > div { min-height: 82px; padding-inline: 16px; }
  .signal-status > div:first-child { grid-column: 1 / -1; }
  .signal-offer, .signal-product, .signal-models, .signal-pricing, .signal-final { padding-inline: 20px; }
  .signal-flow, .signal-capabilities { grid-template-columns: 1fr; }
  .signal-flow article, .signal-capabilities article { min-height: 250px; border-right: 0; }
  .signal-section-heading, .signal-model-heading { display: block; }
  .signal-section-heading h2, .signal-model-heading h2 { margin-top: 22px; font-size: 44px; }
  .signal-final h2 { font-size: 58px; }
  .signal-rate-head { display: none !important; }
  .signal-rate-table > div:not(.signal-rate-head) { grid-template-columns: 1fr auto; gap: 8px; padding-block: 16px; }
  .signal-rate-table > div:not(.signal-rate-head) span { grid-column: 1; }
  .signal-rate-table > div:not(.signal-rate-head) button { grid-column: 2; grid-row: 1 / span 2; }
  .auth-panel { border-radius: 22px; }
  .footer, .aim-legal-footer { padding-inline: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  body::before { transition: none; }
  [data-aura-reveal] { opacity: 1; transform: none; transition: none; }
  .signal-model-card:hover, .document-card:hover, .operator-strip:hover { transform: none; }
}