/* Alternate homepage concept: fluid, nocturnal and editorial. Scoped to keep the live page untouched. */
.alera-fluid { --fluid-black: #05060d; background: var(--fluid-black); letter-spacing: -.01em; }
.alera-fluid .site-nav { top:14px; left:clamp(10px,2vw,28px); right:clamp(10px,2vw,28px); width:auto; padding:8px 10px 8px 18px; border:1px solid rgba(237,237,237,.14); border-radius:999px; background:rgba(13,11,25,.7); box-shadow:0 12px 45px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.06); backdrop-filter:blur(18px); transform:none; }
.alera-fluid .site-nav.is-scrolled { top:8px; background:rgba(8,7,18,.88); }
.alera-fluid .site-nav .brand { width:40px; height:40px; overflow:visible; }
.alera-fluid .site-nav.is-scrolled .brand { width:36px; }
.alera-fluid .site-nav .brand img { position:static; width:100%; height:100%; max-height:none; object-fit:contain; transform:none; }
.alera-fluid .site-nav nav a { font-size:11px; }
.alera-fluid .site-nav .button-small,.alera-fluid .button { border-radius:999px; }
.alera-fluid .site-nav > .progress-bar { top:auto !important; bottom:6px; left:22px; width:calc(100% - 44px); height:2px; border-radius:999px; opacity:.9; }

.alera-fluid .c2-hero { min-height:790px; padding:170px clamp(24px,6vw,98px) 44px; isolation:isolate; background:#070711; }
.alera-fluid .c2-hero::before { content:""; position:absolute; z-index:0; inset:0; background:url("assets/alera-liquid-hero-v1.png") calc(50% + var(--hero-x, 0px)) calc(50% + var(--hero-y, 0px)) / cover no-repeat; transition:background-position .18s ease-out; }
.alera-fluid .c2-hero::after { content:""; position:absolute; z-index:1; inset:0; background:radial-gradient(circle at 66% 48%,transparent 20%,rgba(6,5,15,.13) 65%),linear-gradient(90deg,rgba(5,6,13,.9) 0%,rgba(5,6,13,.56) 37%,rgba(5,6,13,.05) 73%); }
.alera-fluid .c2-atmosphere { display:none; }
.alera-fluid .c2-hero-copy { max-width:620px; }
.alera-fluid .c2-hero-copy h1 { margin-top:21px; font-size:clamp(75px,9.7vw,150px); line-height:.73; text-transform:uppercase; }
.alera-fluid .c2-hero-copy h1 em { font-family:var(--display); font-style:normal; color:var(--lime); }
.alera-fluid .c2-hero-copy > p { max-width:410px; font-size:15px; line-height:1.55; }
.alera-fluid .hero-actions { gap:28px; }
.alera-fluid .hero-primary-action { display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
.alera-fluid .fluid-cta { min-height:48px; padding:0 21px; gap:12px; border:1px solid var(--lime); background:var(--lime); color:var(--ink); box-shadow:0 8px 24px rgba(0,0,0,.18); font:600 11px/1 var(--body); letter-spacing:-.01em; }
.alera-fluid .fluid-cta span { display:inline; font:inherit; }
.alera-fluid .fluid-cta i { display:inline; color:inherit; font:500 16px/1 var(--body); font-style:normal; transition:transform .22s ease; }
.alera-fluid .fluid-cta:hover { background:var(--paper); border-color:var(--paper); color:var(--ink); transform:none; }
.alera-fluid .fluid-cta:hover i { transform:translateX(3px); }
.alera-fluid .hero-primary-action small { margin:0; padding-left:2px; color:rgba(237,237,237,.5); font:9px/1.2 var(--mono); letter-spacing:.06em; text-transform:uppercase; }
.alera-fluid .c2-signal-row { width:min(640px,100%); margin-top:58px; border-top-color:rgba(237,237,237,.18); }
.alera-fluid .c2-signal-row strong { color:var(--paper); }
.alera-fluid .c2-rail { margin-top:42px; }

/* Homepage motion is intentionally subtle: movement creates depth without competing with the content. */
.motion-ready .c2-hero-copy { animation:hero-copy-arrival .9s cubic-bezier(.16,1,.3,1) both; transform:translate3d(0, var(--hero-copy-y, 0), 0); }
.motion-ready .c2-rail { animation:rail-glow 3.6s ease-in-out infinite; }
.motion-ready .c3-chapter-copy,
.motion-ready .c3-chapter-media,
.motion-ready .collage-copy,
.motion-ready .collage-card,
.motion-ready .collage-stat,
.motion-ready .signal-copy { opacity:0; }
.motion-ready .motion-in { opacity:1; transition:opacity .75s ease, transform .9s cubic-bezier(.16,1,.3,1); }
.motion-ready .c3-chapter-copy.motion-in { transform:translate3d(0,0,0); }
.motion-ready .c3-chapter-media.motion-in { transform:translate3d(0,0,0); }
.motion-ready .c3-chapter-copy { transform:translate3d(-28px,0,0); }
.motion-ready .c3-chapter-reverse .c3-chapter-copy { transform:translate3d(28px,0,0); }
.motion-ready .c3-chapter-media { transform:scale(.97); }
.motion-ready .collage-copy { transform:translate3d(-20px,25px,0); }
.motion-ready .collage-copy.motion-in { transform:translate3d(0,0,0); }
.motion-ready .collage-one { transform:translate3d(var(--motion-x,0px),var(--motion-y,22px),0) translateX(-50%) rotate(-6deg); }
.motion-ready .collage-two { transform:translate3d(var(--motion-x,0px),var(--motion-y,22px),0) translateX(-50%); }
.motion-ready .collage-three { transform:translate3d(var(--motion-x,0px),var(--motion-y,22px),0) translateX(-50%) rotate(6deg); }
.motion-ready .collage-stat { transform:translate3d(var(--motion-x,0px),var(--motion-y,22px),0) rotate(3deg); }
.motion-ready .collage-card.motion-in,
.motion-ready .collage-stat.motion-in { opacity:1; transition:opacity .7s ease, transform .9s cubic-bezier(.16,1,.3,1); }
.motion-ready .signal-copy { transform:translate3d(28px,0,0); }
.motion-ready .signal-copy.motion-in { transform:translate3d(0,0,0); }
@keyframes hero-copy-arrival { from { opacity:0; transform:translate3d(0,32px,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes rail-glow { 0%,100% { border-color:rgba(237,237,237,.17); } 50% { border-color:rgba(193,255,0,.5); } }

.alera-fluid .trust-strip { min-height:145px; background:#070711; }
.alera-fluid .c-statement { padding:clamp(110px,15vw,200px) 7vw; background:radial-gradient(circle at 80% 12%,rgba(80,38,127,.46),transparent 35%),#0a0917; }
.alera-fluid .c-statement h2 { max-width:1130px; }
.alera-fluid .c-statement h2 em { color:var(--lime); font-style:normal; }

.alera-fluid .c3-chapters { background:#080813; }
.alera-fluid .c3-chapter { min-height:720px; grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr); border-color:rgba(237,237,237,.12); color:var(--paper); }
.alera-fluid .c3-chapter-reverse { grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr); }
.alera-fluid .c3-chapter-copy { padding:80px clamp(25px,5vw,90px); background:linear-gradient(145deg,rgba(45,27,105,.3),transparent 55%); }
.alera-fluid .c3-chapter-copy > span { color:var(--lime); }
.alera-fluid .c3-chapter-copy h2 em { color:#c390ff; }
.alera-fluid .c3-chapter-copy p { color:rgba(237,237,237,.63); }
.alera-fluid .c3-chapter-copy a.chapter-cta { border-color:var(--lime); background:var(--lime); color:var(--ink); border-radius:999px; }
.alera-fluid .c3-chapter-copy a.chapter-cta span { color:var(--purple); }
.alera-fluid .c3-chapter-media { background:#111027; }

.alera-fluid .c-collage { background:#0a0918; color:var(--paper); }
.alera-fluid .collage-copy > span { color:var(--lime); }
.alera-fluid .collage-copy p { color:rgba(237,237,237,.62); }
.alera-fluid .collage-card span { background:#161126; border-color:rgba(237,237,237,.18); color:var(--paper); }
.alera-fluid .collage-stat { background:var(--lime); border-color:#c390ff; color:var(--ink); }
.alera-fluid .collage-stat strong,.alera-fluid .collage-stat em { color:var(--ink); }
.alera-fluid .c-signal { background:radial-gradient(circle at 27% 48%,rgba(160,78,247,.19),transparent 27%),#06070f; }
.alera-fluid .signal-orbit b { box-shadow:0 0 45px rgba(193,255,0,.38); }
.alera-fluid .c-final { min-height:840px; }
.alera-fluid .c-final::after { background:linear-gradient(90deg,rgba(7,7,17,.72),rgba(7,7,17,.17)); }

@media (max-width:760px) {
  .alera-fluid .site-nav { top:8px; left:8px; right:8px; width:auto; padding:7px 8px 7px 16px; border-radius:999px; }
  .alera-fluid .site-nav .brand,.alera-fluid .site-nav.is-scrolled .brand { width:34px; height:34px; }
  .alera-fluid .site-nav > .progress-bar { bottom:4px; left:16px; width:calc(100% - 32px); }
  .alera-fluid .c2-hero { min-height:100svh; height:100svh; padding:112px 25px 30px; justify-content:center; }
  .alera-fluid .c2-hero::before { background-position:65% center; }
  .alera-fluid .c2-hero::after { background:linear-gradient(90deg,rgba(5,6,13,.9),rgba(5,6,13,.48)); }
  .alera-fluid .c2-hero-copy h1 { font-size:clamp(66px,18.5vw,92px); }
  .alera-fluid .c2-hero-copy > p { margin-top:25px; font-size:14px; }
  .alera-fluid .hero-actions { margin-top:27px; }
  .alera-fluid .hero-primary-action { gap:7px; }
  .alera-fluid .hero-primary-action small { font-size:8px; }
  .alera-fluid .c2-text-link,.alera-fluid .c2-rail { display:none; }
  .alera-fluid .c2-signal-row { width:100%; margin-top:23px; padding-top:13px; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; border-top-color:rgba(237,237,237,.2); }
  .alera-fluid .c2-signal-row div { min-width:0; display:block; padding-right:7px; border-right:1px solid rgba(237,237,237,.13); }
  .alera-fluid .c2-signal-row div:last-child { padding-right:0; border-right:0; }
  .alera-fluid .c2-signal-row span { display:block; min-height:22px; font-size:6px; line-height:1.25; letter-spacing:.055em; }
  .alera-fluid .c2-signal-row strong { display:block; margin-top:3px; font-size:19px; line-height:1; letter-spacing:-.055em; }
  .alera-fluid .c3-chapter,.alera-fluid .c3-chapter-reverse { grid-template-columns:1fr; }
  .alera-fluid .c3-chapter-copy { padding:76px 25px; }
  .motion-ready .collage-one { transform:translate3d(0,var(--motion-y,0px),0) rotate(3deg); }
  .motion-ready .collage-two { transform:translate3d(0,var(--motion-y,0px),0) rotate(-3deg); }
  .motion-ready .collage-three { transform:translate3d(0,var(--motion-y,0px),0) rotate(2deg); }
  .motion-ready .collage-stat { transform:translate3d(0,var(--motion-y,0px),0) rotate(-2deg); }
}

@media (prefers-reduced-motion:reduce) {
  .motion-ready .c2-hero-copy,.motion-ready .c2-rail { animation:none; }
  .motion-ready .c3-chapter-copy,.motion-ready .c3-chapter-media,.motion-ready .collage-copy,.motion-ready .collage-card,.motion-ready .collage-stat,.motion-ready .signal-copy { opacity:1; transform:none; transition:none; }
}