/* Aimodra skin: new visual identity only.
   Existing JavaScript, motion, interaction, layout scale, and accessibility behavior remain unchanged. */
:root {
  --skin-bg: #070510;
  --skin-bg-raised: #100b24;
  --skin-panel: #120c2c;
  --skin-panel-hover: #171031;
  --skin-border: #2d2458;
  --skin-border-hover: #4f3d94;
  --skin-text: #f3f0ff;
  --skin-muted: #a49ac4;
  --skin-soft: #d8ccff;
  --skin-accent: #9df3ff;
  --skin-accent-2: #ff9ad5;
  --skin-accent-3: #f4d67a;
  --radius: 0.8rem;
}

html,
body,
body.signal-home,
body.user-workspace,
body.admin-workspace,
body.orb-public {
  color-scheme: dark;
  background: var(--skin-bg) !important;
  color: var(--skin-text);
}

/* Aurora shell: a static, low-cost identity layer; the animated canvas stays in place. */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 90% 55% at 12% -8%, #6f3bd20f, transparent 70%),
    radial-gradient(ellipse 70% 50% at 88% 6%, #16b7c40c, transparent 68%),
    radial-gradient(ellipse 90% 65% at 50% 110%, #ff5fb810, transparent 70%),
    linear-gradient(180deg, #070510, #090613 55%, #070510);
}

body.signal-home .site-ambient {
  opacity: .45;
  mix-blend-mode: screen;
}

/* Typography */
body,
.signal-home,
.user-workspace,
.admin-workspace,
.orb-public {
  font-family: ui-rounded, "SF Pro Rounded", "Segoe UI Variable", "Segoe UI", Inter, system-ui, -apple-system, sans-serif;
}

.future-copy h1,
.section-heading h2,
.final-cta h2,
.orb-public h1,
.user-workspace h1,
.admin-workspace h1 {
  letter-spacing: -.055em;
}

.future-copy h1>span {
  background-image: linear-gradient(100deg, #f8fdff 0%, #9df3ff 28%, #ff9ad5 55%, #f4d67a 78%, #f8fdff 100%) !important;
  -webkit-background-clip: text;
  background-clip: text;
}

.eyebrow,
.feature-index,
.plan-top>span,
.console-title,
.motion-control {
  letter-spacing: .1em;
}

/* Header */
.signal-home .site-header,
.site-header.header-scrolled {
  background: #0d0a21e5 !important;
  border-color: #3a2e70 !important;
  box-shadow: 0 18px 50px #04030d9e, inset 0 1px #ffffff05 !important;
  backdrop-filter: blur(22px);
}

.site-header nav a,
.nav-actions>a:first-child {
  color: var(--skin-muted) !important;
}
.site-header nav a:hover,
.nav-actions>a:first-child:hover,
.site-header nav a.section-active {
  color: #fff !important;
}

/* Surfaces */
.signal-home .feature,
.signal-home .plan,
.user-workspace .card,
.admin-workspace .card,
.orb-public [class*="bg-neutral-9"],
.orb-public [class*="bg-neutral-8"] {
  background:
    radial-gradient(ellipse at var(--light-x, 50%) var(--light-y, 0%), #9df3ff0d, transparent 70%),
    linear-gradient(155deg, #151030, #0d0a22) !important;
  border-color: var(--skin-border) !important;
  border-radius: 18px;
  box-shadow: inset 0 1px #ffffff05, 0 16px 42px #060415a8;
}

.signal-home .feature:hover,
.signal-home .plan:hover,
.user-workspace .card:hover,
.admin-workspace .card:hover {
  border-color: var(--skin-border-hover) !important;
  background:
    radial-gradient(ellipse at var(--light-x, 50%) var(--light-y, 0%), #ff9ad517, transparent 70%),
    linear-gradient(155deg, #181237, #0f0b27) !important;
}

.signal-home .restored-plan.featured,
.plan.featured {
  background:
    linear-gradient(145deg, #ffffff08, transparent 62%),
    radial-gradient(ellipse at 50% 0%, #9df3ff1a, transparent 70%),
    #151032 !important;
  border-color: #6d55b8 !important;
}

.hero-console,
.code-visual,
.key-visual,
.window-visual,
.launch-link,
.allowance-boxes>div {
  background: #0b081f !important;
  border-color: #332a67 !important;
  color: var(--skin-soft);
}

.hero-console:before,
.key-visual:after {
  background: linear-gradient(90deg, transparent, #9df3ff, transparent);
}

.future-badge,
.motion-control,
.signal-marquee,
.plan-top>span {
  background: #100c28 !important;
  border-color: #3b2f77 !important;
  color: #cfc5ee !important;
}

.future-badge>span,
.plan-top>span {
  color: var(--skin-accent) !important;
}

.eyebrow i,
.status-dot {
  background: var(--skin-accent) !important;
  box-shadow: 0 0 16px #9df3ff77 !important;
}

/* Text and controls */
.signal-home p,
.feature p,
.plan-note,
.plan dl>div,
.site-footer p,
.site-footer nav,
.site-footer>span,
.orb-public [class*="text-neutral-4"],
.orb-public [class*="text-neutral-5"] {
  color: var(--skin-muted) !important;
}

.future-copy p,
.section-heading>p,
.plan dd,
.price,
.console-title,
.hero-console>a {
  color: #c8bfe4 !important;
}

.signal-home .action,
.user-workspace .btn,
.admin-workspace .btn,
.orb-public [data-slot=button],
.orb-public [data-variant=default] {
  background:
    radial-gradient(ellipse at var(--light-x, 50%) var(--light-y, 0%), #9df3ff12, transparent 72%),
    linear-gradient(135deg, #231a4d, #12102b) !important;
  color: #f4f0ff !important;
  border-color: #503f99 !important;
  box-shadow: inset 0 1px #ffffff08, 0 5px 22px #060412a5;
}

.signal-home .action.primary,
.user-workspace .btn.primary,
.admin-workspace .btn.primary,
.orb-public [data-variant=default] {
  background:
    radial-gradient(ellipse at var(--light-x, 30%) var(--light-y, 0%), #9df3ff25, transparent 68%),
    linear-gradient(135deg, #6441cf, #24335d) !important;
  color: #fff !important;
  border-color: #b8a5ff80 !important;
}

.signal-home .action:before,
.user-workspace .btn:before,
.admin-workspace .btn:before,
.orb-public [data-slot=button]:before {
  background: conic-gradient(from var(--control-orbit), transparent 0deg, transparent 260deg, #9df3ff77 300deg, #ffffff 335deg, transparent 360deg) !important;
}

.signal-home .action:after,
.user-workspace .btn:after,
.admin-workspace .btn:after,
.orb-public [data-slot=button]:after {
  background: linear-gradient(110deg, transparent 36%, #9df3ff20 46%, #ffffff38 50%, #ff9ad51c 54%, transparent 64%) !important;
}

.signal-home .action:hover,
.user-workspace .btn:hover,
.admin-workspace .btn:hover,
.orb-public [data-slot=button]:hover {
  background: linear-gradient(135deg, #342668, #1a1438) !important;
  border-color: #a390ff !important;
}

.signal-home .action.primary:hover,
.user-workspace .btn.primary:hover,
.admin-workspace .btn.primary:hover,
.orb-public [data-variant=default]:hover {
  background: linear-gradient(135deg, #7853e6, #334477) !important;
  border-color: #d6c7ff !important;
}

.user-workspace .input,
.admin-workspace .input,
.composer,
.workspace-switch,
.usage-mini,
.orb-public input {
  background: #0c0922 !important;
  border-color: #382e76 !important;
  color: #f4f1ff !important;
}

.user-workspace .sidebar,
.admin-workspace .sidebar,
.user-workspace .topbar,
.admin-workspace .topbar {
  background: #0a071c !important;
  border-color: #2c2458 !important;
}

.nav-link.active,
.signal-home #small-nav a:hover {
  background: #9df3ff18 !important;
  color: #fff !important;
  border-color: #4c3b96 !important;
}

.nav-link.active:before {
  background: var(--skin-accent) !important;
}

/* Focal sections */
.final-cta {
  background:
    radial-gradient(ellipse at 90% 115%, #ff5fb828, transparent 62%),
    radial-gradient(ellipse at 10% 0%, #9df3ff22, transparent 68%),
    linear-gradient(150deg, #181137, #0b0821) !important;
  border-color: #5a47a7 !important;
}

.final-cta h2 span,
.feature>a,
.hero-console code>em,
.code-visual em {
  color: var(--skin-accent) !important;
}

.window-bars i {
  background: linear-gradient(90deg, #9df3ff, #ff9ad5) !important;
}

.pricing-tabs button[aria-selected=true] {
  background: #2b1f61 !important;
  border-color: #775fca !important;
  color: #fff !important;
}

::selection {
  background: #9df3ff38;
  color: #fff;
}

/* Rollback-safe: no animation, transition, duration, easing, or scripting behavior is changed. */
@media (prefers-reduced-motion: reduce) {
  body::before {
    display: none;
  }
}

/* Aimodra premium hero refinements: richer depth, clearer hierarchy, softer glass. */
.signal-home .future-hero{background:
  radial-gradient(ellipse at 18% 12%, rgba(83, 226, 214, .11), transparent 46%),
  radial-gradient(ellipse at 82% 18%, rgba(141, 117, 255, .13), transparent 45%),
  linear-gradient(180deg, #06080e 0%, #070b14 45%, #06080e 100%);
}
.signal-home .future-copy h1{
  margin-top:20px;
  text-shadow:0 24px 90px rgba(6, 10, 20, .75), 0 4px 30px rgba(83, 226, 214, .12);
}
.signal-home .future-copy h1>span{
  background:linear-gradient(105deg,#ffffff 0%,#aefaf0 28%,#bda8ff 62%,#ffffff 100%);
  background-size:200% auto;
}
.signal-home .future-badge{
  padding:8px 14px 8px 8px;
  background:linear-gradient(120deg,rgba(18,28,46,.82),rgba(11,17,30,.68));
  border-color:rgba(160,246,231,.24);
  box-shadow:0 12px 40px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
}
.signal-home .future-copy p{
  color:#a5b6ca;
  text-shadow:0 12px 35px rgba(6,10,20,.65);
}
.signal-home .future-copy .action.primary{
  box-shadow:0 16px 50px rgba(83,226,214,.20), inset 0 1px 0 rgba(255,255,255,.55);
}
.signal-home .future-copy .action:not(.primary){
  background:linear-gradient(120deg,rgba(18,28,46,.80),rgba(10,16,29,.72));
  border-color:rgba(255,255,255,.16);
  box-shadow:0 12px 42px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.05);
}
.signal-home .trial-note{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:99px;
  background:rgba(8,12,20,.42);
  color:#8ba0b5;
}
.signal-home .hero-console{
  background:linear-gradient(150deg,rgba(14,22,37,.92),rgba(8,13,23,.86));
  border-color:rgba(160,246,231,.28);
  box-shadow:0 30px 110px rgba(0,0,0,.38), 0 0 0 1px rgba(255,255,255,.03), inset 0 1px 0 rgba(255,255,255,.05);
  border-radius:18px;
}
.signal-home .hero-console:before{
  background:linear-gradient(90deg,transparent,rgba(174,250,240,.75),rgba(189,168,255,.75),transparent);
}
.signal-home .console-title{
  font-size:9px;
  color:#8f9dae;
}
.signal-home .hero-console code{
  color:#ccdcec;
}
@media(max-width:760px){
  .signal-home .future-copy h1{text-shadow:0 16px 55px rgba(6,10,20,.72);}
  .signal-home .trial-note{font-size:9px;padding:7px 11px;}
  .signal-home .hero-console{border-radius:15px;}
}

/* Hero headline clipping fix and premium spacing refinement. */
.signal-home .future-copy h1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  line-height: 1.04;
  margin: 22px auto 24px;
  padding: 0 12px;
}

.signal-home .future-copy h1 > span {
  display: inline-block;
  width: 100%;
  max-width: 900px;
  overflow: visible;
  padding: 0 6px 8px;
  line-height: 1.04;
  background-clip: text;
  -webkit-background-clip: text;
  background-size: 100% auto;
  animation: none;
}

.signal-home .future-copy p {
  max-width: 720px;
  margin: 0 auto 28px;
  padding: 0 18px;
  line-height: 1.65;
}

.signal-home .hero-console {
  margin-top: 180px;
}

.signal-home .hero-vignette {
  background:
    linear-gradient(180deg, rgba(6, 8, 14, .62) 0%, rgba(6, 8, 14, .24) 28%, transparent 58%, rgba(6, 8, 14, .96) 100%),
    radial-gradient(ellipse at 50% 16%, transparent 20%, rgba(6, 8, 14, .28) 70%);
}

@media (max-width: 760px) {
  .signal-home .future-copy h1 {
    font-size: clamp(48px, 11.6vw, 68px);
    line-height: 1.06;
    margin: 20px auto 22px;
    padding: 0 2px;
  }

  .signal-home .future-copy h1 > span {
    padding: 0 2px 6px;
    background-size: 100% auto;
  }

  .signal-home .future-copy p {
    font-size: 15px;
    line-height: 1.68;
    padding: 0 8px;
  }

  .signal-home .hero-console {
    margin-top: 220px;
  }
}

/* Hero headline: keep premium scale while guaranteeing two visual lines. */
.signal-home .future-copy h1 {
  font-size: clamp(58px, 6.4vw, 78px);
  line-height: 1.07;
  margin: 20px auto 22px;
  max-width: 760px;
}

.signal-home .future-copy h1 > span {
  padding: 0 4px 7px;
  line-height: 1.07;
}

.signal-home .future-copy p {
  font-size: clamp(15px, 1.15vw, 18px);
  max-width: 680px;
  margin: 0 auto 26px;
}

/* Faster first paint: static layered aurora paints immediately, canvas adds motion after. */
.signal-home .future-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background:
    radial-gradient(ellipse 65% 45% at 20% 12%, rgba(157, 243, 255, .14), transparent 65%),
    radial-gradient(ellipse 55% 40% at 78% 18%, rgba(183, 128, 255, .17), transparent 62%),
    radial-gradient(ellipse 75% 55% at 48% 85%, rgba(255, 154, 213, .12), transparent 68%),
    linear-gradient(180deg, #05070d 0%, #080b17 45%, #05070d 100%);
  animation: hero-aurora-breathe 12s ease-in-out infinite alternate;
}

.signal-home .future-copy p strong {
  color: #c7f7ef;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}

@keyframes hero-aurora-breathe {
  0%, 100% { opacity: .86; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.015); }
}

@media (max-width: 760px) {
  .signal-home .future-copy h1 {
    font-size: clamp(42px, 10.8vw, 58px);
    line-height: 1.08;
    max-width: 90vw;
  }
  .signal-home .future-copy h1 > span {
    padding-bottom: 6px;
  }
  .signal-home .future-copy p {
    max-width: 88vw;
    font-size: 15px;
    line-height: 1.68;
  }
}

@media (prefers-reduced-motion: reduce) {
  .signal-home .future-hero::before { animation: none; }
}