/* ==========================================================
   STREF HERO — "Aurora Coverflow Reveal"
   ----------------------------------------------------------
   A completely new design language for the hero:
   • Animated mesh-gradient aurora background (not photo BG)
   • Centered vertical rhythm (no left/right split)
   • 3D perspective coverflow carousel with reflection
   • Morphing-word headline (slot-machine style)
   • Floating CSS 3D shapes (cube, ring, torus) for depth
   • Glassmorphism chips, gradient text, neon accents
   • Touch-swipe, keyboard, autoplay, dots, progress
   • Fully responsive: desktop (coverflow) + mobile (peek)
   ========================================================== */

/* ---------- ROOT VARIABLES ---------- */
.stref-hero-aurora{
  --au-bg:#070A1A;
  --au-bg-2:#0E1330;
  --au-ink:#FFFFFF;
  --au-ink-soft:#C9D2EA;
  --au-muted:rgba(255,255,255,.62);
  --au-line:rgba(255,255,255,.10);
  --au-glass:rgba(255,255,255,.06);
  --au-glass-2:rgba(255,255,255,.10);
  --au-orange:#FF6B2C;
  --au-orange-2:#FF9558;
  --au-cyan:#34E1C7;
  --au-violet:#7C5CFF;
  --au-gold:#FFD466;
  --au-pink:#FF4D8D;
  --au-shadow:0 30px 80px -20px rgba(0,0,0,.55);
  --au-ease:cubic-bezier(.22,.61,.36,1);
  --au-ease-soft:cubic-bezier(.4,.0,.2,1);
  --au-pad-x:clamp(20px, 4vw, 64px);

  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:100svh;
  color:var(--au-ink);
  background:var(--au-bg);
  font-family:'Inter','Sora',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* ===========================================================
   1. AURORA BACKGROUND — animated mesh gradient + orbs + shapes
   =========================================================== */
.aurora-bg{
  position:absolute;inset:-6% -2%;
  z-index:0;pointer-events:none;
  perspective:1200px;
}
.aurora-mesh{
  position:absolute;inset:0;border-radius:inherit;
  background:
    radial-gradient(60% 50% at 18% 22%, rgba(255,107,44,.55) 0%, rgba(255,107,44,0) 60%),
    radial-gradient(55% 45% at 82% 18%, rgba(124,92,255,.55) 0%, rgba(124,92,255,0) 60%),
    radial-gradient(60% 55% at 25% 88%, rgba(52,225,199,.45) 0%, rgba(52,225,199,0) 65%),
    radial-gradient(50% 45% at 80% 80%, rgba(255,77,141,.40) 0%, rgba(255,77,141,0) 65%),
    radial-gradient(80% 70% at 50% 50%, #0E1330 0%, #070A1A 70%);
  filter:saturate(115%);
  animation:aurora-drift 22s ease-in-out infinite alternate;
  will-change:transform,filter;
}
@keyframes aurora-drift{
  0%  { transform:translate3d(-1.5%,-1%,0) scale(1.02); }
  50% { transform:translate3d(1.5%,1.5%,0) scale(1.06); }
  100%{ transform:translate3d(-1%,1%,0) scale(1.03); }
}

/* Subtle grid overlay */
.aurora-grid{
  position:absolute;inset:0;opacity:.08;mix-blend-mode:overlay;
  background-image:
    linear-gradient(rgba(255,255,255,.5) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.5) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(70% 70% at 50% 50%, #000 35%, transparent 80%);
  -webkit-mask-image:radial-gradient(70% 70% at 50% 50%, #000 35%, transparent 80%);
}

/* Floating glow orbs */
.aurora-orb{
  position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;
  will-change:transform;
}
.aurora-orb--1{width:520px;height:520px;left:-8%;top:-12%;
  background:radial-gradient(circle, rgba(255,107,44,.85) 0%, rgba(255,107,44,0) 70%);
  animation:orb-float-a 18s ease-in-out infinite;}
.aurora-orb--2{width:480px;height:480px;right:-10%;top:30%;
  background:radial-gradient(circle, rgba(124,92,255,.75) 0%, rgba(124,92,255,0) 70%);
  animation:orb-float-b 24s ease-in-out infinite;}
.aurora-orb--3{width:560px;height:560px;left:30%;bottom:-18%;
  background:radial-gradient(circle, rgba(52,225,199,.65) 0%, rgba(52,225,199,0) 70%);
  animation:orb-float-c 28s ease-in-out infinite;}
@keyframes orb-float-a{0%,100%{transform:translate3d(0,0,0);}50%{transform:translate3d(60px,40px,0);}}
@keyframes orb-float-b{0%,100%{transform:translate3d(0,0,0);}50%{transform:translate3d(-50px,30px,0);}}
@keyframes orb-float-c{0%,100%{transform:translate3d(0,0,0);}50%{transform:translate3d(40px,-50px,0);}}

/* Floating 3D decorative shapes */
.aurora-shape{
  position:absolute;pointer-events:none;opacity:.55;
  transform-style:preserve-3d;
  will-change:transform;
}
.aurora-shape--ring{
  width:120px;height:120px;right:6%;top:18%;
  border:2px solid rgba(255,255,255,.22);
  border-radius:50%;
  box-shadow:inset 0 0 30px rgba(255,107,44,.25), 0 0 40px rgba(255,107,44,.18);
  animation:ring-spin 22s linear infinite;
}
.aurora-shape--cube{
  width:70px;height:70px;left:5%;top:55%;
  background:linear-gradient(135deg, rgba(124,92,255,.5), rgba(52,225,199,.4));
  border:1px solid rgba(255,255,255,.25);
  transform-style:preserve-3d;
  animation:cube-spin 14s linear infinite;
}
.aurora-shape--torus{
  width:90px;height:90px;left:48%;bottom:8%;
  border:8px solid transparent;
  border-top-color:rgba(255,212,102,.55);
  border-right-color:rgba(255,107,44,.55);
  border-radius:50%;
  box-shadow:0 0 30px rgba(255,212,102,.25);
  animation:torus-spin 18s linear infinite;
}
@keyframes ring-spin{to{transform:rotate(360deg);}}
@keyframes cube-spin{
  0%{transform:rotateX(0) rotateY(0) rotateZ(0);}
  50%{transform:rotateX(180deg) rotateY(180deg) rotateZ(0);}
  100%{transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg);}
}
@keyframes torus-spin{to{transform:rotate(360deg) scale(1.1);}}

/* Fine grain texture */
.aurora-grain{
  position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.35;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}

/* Edge fade to background */
.aurora-fade{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg, transparent 60%, var(--au-bg) 100%);
}

/* ===========================================================
   2. LAYOUT CONTAINER — centered vertical rhythm
   =========================================================== */
.aurora-stage-wrap{
  position:relative;z-index:3;
  display:flex;flex-direction:column;justify-content:center;
  min-height:auto;
  padding:clamp(120px, 14vh, 160px) var(--au-pad-x) clamp(72px, 8vh, 96px);
  max-width:1320px;margin:0 auto;
  width:100%;
  gap:0;
}

/* ===========================================================
   3. KICKER LABEL
   =========================================================== */
.aurora-kicker{
  display:inline-flex;align-items:center;gap:10px;
  align-self:center;
  padding:8px 18px;
  background:var(--au-glass);
  border:1px solid var(--au-line);
  border-radius:999px;
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  font-family:'Sora',sans-serif;font-weight:500;
  font-size:clamp(11px, 1vw, 13px);letter-spacing:.18em;
  text-transform:uppercase;color:var(--au-ink-soft);
  transition:opacity .5s var(--au-ease),transform .5s var(--au-ease);
}
.aurora-kicker-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--au-orange);
  box-shadow:0 0 0 4px rgba(255,107,44,.25), 0 0 14px rgba(255,107,44,.7);
  animation:dot-pulse 1.8s ease-in-out infinite;
}
@keyframes dot-pulse{
  0%,100%{box-shadow:0 0 0 4px rgba(255,107,44,.25), 0 0 14px rgba(255,107,44,.7);}
  50%{box-shadow:0 0 0 8px rgba(255,107,44,.10), 0 0 24px rgba(255,107,44,.9);}
}
.aurora-kicker-text{
  background:linear-gradient(90deg, #FFFFFF 0%, #FFD9C2 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* ===========================================================
   4. HEADLINE WITH MORPHING WORD (slot-machine)
   Eyebrow  →  huge serif italic morph  →  subtitle
   =========================================================== */
:root{ --au-display:'Instrument Serif','Fraunces','Times New Roman',serif; }

.aurora-title{
  margin:22px auto 0;max-width:1100px;
  text-align:center;
  font-family:'Sora','Inter',sans-serif;
  font-weight:800;
  font-size:clamp(34px, 6vw, 84px);
  line-height:1.05;letter-spacing:-.025em;
  color:var(--au-ink);
  text-wrap:balance;
}

/* Eyebrow line ("Empowering") */
.aurora-title-line{
  display:block;
  position:relative;
  font-family:'Inter',sans-serif;
  font-weight:500;
  font-size:clamp(10px, 1.05vw, 13px);
  text-transform:uppercase;
  letter-spacing:.42em;
  color:rgba(255,255,255,.62);
  line-height:1;
  padding-left:0;
}
.aurora-title-line:first-of-type{
  margin-bottom:14px;
}
.aurora-title-line:first-of-type::before{
  content:'';
  display:inline-block;
  width:clamp(22px, 3vw, 36px);
  height:1px;
  background:linear-gradient(90deg, transparent, var(--au-orange));
  vertical-align:middle;
  margin-right:14px;
  transform:translateY(-2px);
}
.aurora-title-line:last-of-type{
  margin-top:22px;
  font-weight:400;
  font-size:clamp(12px, 1.2vw, 15px);
  text-transform:none;
  letter-spacing:.06em;
  color:rgba(255,255,255,.78);
  font-style:italic;
  font-family:'Instrument Serif','Times New Roman',serif;
  padding-left:0;
}

/* The morph word — huge serif italic with gradient + brushstroke underline */
.aurora-title-morph{
  display:inline-block;
  position:relative;
  vertical-align:baseline;
  font-family:var(--au-display);
  font-style:italic;
  font-weight:400;
  letter-spacing:-.01em;
  line-height:1.08;
  padding:0 .04em;
  background:linear-gradient(135deg, #FFC8A0 0%, #FF8A47 30%, #FF6B2C 50%, #FFD466 75%, #FF4D8D 100%);
  background-size:220% 220%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:title-shimmer 7s ease-in-out infinite;
}
@keyframes title-shimmer{
  0%,100%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
}

/* Brushstroke SVG underline beneath the morph word */
.aurora-title-morph::after{
  content:'';
  position:absolute;
  left:-2%;right:-2%;
  bottom:-0.18em;
  height:0.22em;
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 16' preserveAspectRatio='none'%3E%3Cpath d='M3,11 C40,4 80,2 120,7 C160,12 200,4 237,8' stroke='%23FF6B2C' stroke-width='3.2' fill='none' stroke-linecap='round' opacity='0.85'/%3E%3Cpath d='M3,11 C40,4 80,2 120,7 C160,12 200,4 237,8' stroke='%23FFD466' stroke-width='1.6' fill='none' stroke-linecap='round' opacity='0.95'/%3E%3C/svg%3E");
  background-size:100% 100%;
  background-repeat:no-repeat;
  pointer-events:none;
  filter:drop-shadow(0 0 6px rgba(255,107,44,.45));
  animation:brush-draw 1.6s var(--au-ease) both;
}
@keyframes brush-draw{
  from{transform:scaleX(0);opacity:0;}
  to{transform:scaleX(1);opacity:1;}
}

/* Morph viewport: stacks the rotating words */
.aurora-morph-viewport{
  display:inline-grid;
  vertical-align:baseline;
  height:1.08em;line-height:1.08;
  overflow:hidden;
  position:relative;
  grid-template-areas:"stack";
  align-items:center;
}
.aurora-morph-track{
  display:grid;
  grid-template-areas:"stack";
  grid-row:1;
  grid-column:1;
}
.aurora-morph-word{
  grid-area:stack;
  height:1.08em;line-height:1.08;
  white-space:nowrap;
  padding-right:.06em;
  opacity:0;
  transform:translateY(70%);
  transition:opacity .5s cubic-bezier(.22,.61,.36,1),
             transform .6s cubic-bezier(.7,.0,.2,1);
  pointer-events:none;
}
.aurora-morph-word.is-active{
  opacity:1;transform:translateY(0);
}
.aurora-morph-word.is-leaving{
  opacity:0;transform:translateY(-70%);
}
.aurora-morph-word i{
  font-style:italic;
  display:inline-block;
  background:linear-gradient(135deg, #FFC8A0 0%, #FF8A47 30%, #FF6B2C 50%, #FFD466 75%, #FF4D8D 100%);
  background-size:220% 220%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:title-shimmer 7s ease-in-out infinite;
}

/* ===========================================================
   5. 3D COVERFLOW CAROUSEL
   =========================================================== */
.aurora-coverflow{
  position:relative;
  margin:36px auto 0;
  width:100%;max-width:1200px;
  perspective:1400px;
  perspective-origin:50% 45%;
  -webkit-perspective:1400px;
}
.aurora-stage{
  position:relative;
  width:100%;
  aspect-ratio:16/9;max-height:520px;
  transform-style:preserve-3d;
  transform:translate3d(0,0,0);
  transition:transform .55s var(--au-ease);
}
.aurora-cards{
  position:absolute;inset:0;
  transform-style:preserve-3d;
  transform:rotateY(0deg);
  transition:transform .9s cubic-bezier(.6,.02,.2,1);
  will-change:transform;
}
.aurora-card{
  --depth:0;
  --offset:0;
  --abs:0;
  position:absolute;
  left:50%;top:50%;
  width:clamp(220px, 38vw, 420px);
  aspect-ratio:3/4;
  margin-left:calc(clamp(220px, 38vw, 420px) / -2);
  margin-top:calc((clamp(220px, 38vw, 420px) * 4/3) / -2);
  transform-style:preserve-3d;
  transform:
    translate3d(calc(var(--offset) * 38%), 0, calc(var(--abs) * -180px))
    rotateY(calc(var(--offset) * -28deg))
    scale(calc(1 - (var(--abs) * 0.18)));
  opacity:calc(1 - (var(--abs) * 0.32));
  filter:blur(calc(var(--abs) * 0.6px)) saturate(calc(1 - var(--abs) * 0.05));
  transition:transform .9s cubic-bezier(.6,.02,.2,1),
             opacity .9s cubic-bezier(.6,.02,.2,1),
             filter .9s cubic-bezier(.6,.02,.2,1);
  cursor:pointer;
  pointer-events:auto;
}

/* Native abs via JS-set --abs */
.aurora-card.is-active{
  cursor:default;
}

/* Inner face of card */
.aurora-card-face{
  position:relative;width:100%;height:100%;
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:
    0 30px 60px -20px rgba(0,0,0,.6),
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 80px -10px rgba(255,107,44,.20);
  transform-style:preserve-3d;
}
.aurora-card-image{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  transition:transform 1.6s var(--au-ease);
  transform:scale(1.06);
}
.aurora-card.is-active .aurora-card-image{
  transform:scale(1.0);
}
.aurora-card-image::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(180deg, transparent 0%, transparent 55%, rgba(7,10,26,.85) 100%),
    linear-gradient(135deg, rgba(255,107,44,.10), transparent 50%);
}
.aurora-card-badge{
  position:absolute;top:14px;left:14px;
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;border-radius:999px;
  background:rgba(7,10,26,.55);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);
  font-family:'Sora',sans-serif;font-size:11px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:#fff;
  z-index:2;
}
.aurora-card-badge i{
  width:6px;height:6px;border-radius:50%;
  background:var(--au-orange);box-shadow:0 0 10px var(--au-orange);
}
.aurora-card-meta{
  position:absolute;bottom:16px;left:18px;right:18px;
  z-index:2;color:#fff;
  text-align:left;
}
.aurora-card-meta-eyebrow{
  font-family:'Sora',sans-serif;font-size:10px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;
  color:rgba(255,255,255,.85);
  margin-bottom:6px;
}
.aurora-card-meta-title{
  font-family:'Sora',sans-serif;font-weight:700;
  font-size:clamp(16px, 1.5vw, 20px);
  line-height:1.2;
}
.aurora-card-meta-sub{
  margin-top:4px;
  font-size:12px;color:rgba(255,255,255,.75);
}
.aurora-card-seal{
  position:absolute;top:14px;right:14px;
  width:54px;height:54px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%, #FFD466, #FF6B2C 60%, #C13F00 100%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:#0A0E27;font-family:'Sora',sans-serif;font-weight:800;
  font-size:14px;line-height:1;text-align:center;
  box-shadow:0 6px 18px rgba(255,107,44,.5), inset 0 0 8px rgba(255,255,255,.4);
  z-index:2;
}
.aurora-card-seal small{font-size:7px;font-weight:600;letter-spacing:.12em;margin-top:2px;opacity:.8;text-transform:uppercase;}

/* Reflection (mirrored fade) */
.aurora-card-reflection{
  position:absolute;
  left:0;right:0;
  top:100%;height:34%;
  border-radius:24px;
  overflow:hidden;
  transform:scaleY(-1);
  -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.55) 0%, transparent 80%);
  mask-image:linear-gradient(180deg, rgba(0,0,0,.55) 0%, transparent 80%);
  opacity:.55;
  pointer-events:none;
}
.aurora-card-reflection::before{
  content:"";position:absolute;inset:0;
  background-size:cover;background-position:center;
  background-image:var(--bg);
  filter:blur(2px);
}
.aurora-card-reflection::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(7,10,26,.55), rgba(7,10,26,.95));
}

/* Arrows */
.aurora-arrow{
  position:absolute;top:50%;
  width:48px;height:48px;border-radius:50%;
  background:var(--au-glass);
  border:1px solid var(--au-line);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  color:#fff;display:flex;align-items:center;justify-content:center;
  transform:translateY(-50%);
  z-index:5;cursor:pointer;
  transition:transform .25s var(--au-ease),background .25s var(--au-ease),border-color .25s var(--au-ease);
}
.aurora-arrow:hover{background:var(--au-glass-2);border-color:rgba(255,107,44,.5);transform:translateY(-50%) scale(1.08);}
.aurora-arrow:active{transform:translateY(-50%) scale(.95);}
.aurora-arrow svg{width:20px;height:20px;}
.aurora-prev{left:-8px;}
.aurora-next{right:-8px;}

/* ===========================================================
   6. DESCRIPTION + CTA + CHIPS — REMOVED per request
      All panes/CTAs/chips below the 3D coverflow are hidden.
      Keep selectors with display:none for safety (cached HTML/JS).
   =========================================================== */
.aurora-copy,
.aurora-pane,
.aurora-desc,
.aurora-cta,
.aurora-btn,
.aurora-chips,
.aurora-chip{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
.aurora-btn-primary{
  color:#0A0E27;
  background:linear-gradient(135deg, #FFB585 0%, #FF6B2C 50%, #FFD466 100%);
  background-size:200% 200%;background-position:0% 50%;
  box-shadow:0 14px 30px -10px rgba(255,107,44,.55),inset 0 1px 0 rgba(255,255,255,.4);
}
.aurora-btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 40px -10px rgba(255,107,44,.75),inset 0 1px 0 rgba(255,255,255,.5);
  background-position:100% 50%;
}
.aurora-btn-ghost{
  color:#fff;
  background:var(--au-glass);
  border:1px solid var(--au-line);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.aurora-btn-ghost:hover{
  background:var(--au-glass-2);
  border-color:rgba(255,255,255,.3);
  transform:translateY(-2px);
}
.aurora-btn .arrow-right{
  width:16px;height:16px;display:inline-block;
  transition:transform .25s var(--au-ease);
}
.aurora-btn:hover .arrow-right{transform:translateX(3px);}

.aurora-chips{
  margin:22px auto 0;
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
}
.aurora-chip{
  position:relative;
  display:inline-flex;align-items:center;gap:10px;
  padding:11px 18px 11px 14px;border-radius:16px;
  background:linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  font-family:'Inter',sans-serif;font-size:13.5px;font-weight:400;
  color:rgba(255,255,255,.85);
  transition:transform .3s var(--au-ease),background .3s var(--au-ease),border-color .3s var(--au-ease),box-shadow .3s var(--au-ease);
  overflow:hidden;
}
.aurora-chip::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg, rgba(255,107,44,.55), rgba(255,212,102,.30) 50%, rgba(124,92,255,.45));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
          mask-composite:exclude;
  pointer-events:none;
  opacity:.7;
  transition:opacity .3s var(--au-ease);
}
.aurora-chip:hover{
  transform:translateY(-3px);
  background:linear-gradient(135deg, rgba(255,255,255,.11), rgba(255,255,255,.04));
  border-color:rgba(255,107,44,.35);
  box-shadow:0 14px 30px -12px rgba(255,107,44,.4);
}
.aurora-chip:hover::before{opacity:1;}
.aurora-chip-icon{
  width:22px;height:22px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:8px;
  background:linear-gradient(135deg, rgba(255,107,44,.95), rgba(255,154,71,.85));
  color:#0A0E27;
  font-size:12px;
  flex-shrink:0;
  box-shadow:0 4px 12px -3px rgba(255,107,44,.5),inset 0 1px 0 rgba(255,255,255,.35);
}
.aurora-chip-icon i{line-height:1;display:block;}
.aurora-chip-body{display:inline-flex;align-items:center;gap:6px;}
.aurora-chip strong{
  color:#fff;font-weight:700;
  font-family:'Sora',sans-serif;
  letter-spacing:.005em;
}
.aurora-chip-sep{
  opacity:.45;
  font-weight:300;
  color:rgba(255,255,255,.6);
}
.aurora-chip-text{
  color:rgba(255,255,255,.7);
  font-weight:400;
}

/* ===========================================================
   7. NAVIGATION — dots + progress + counter
   =========================================================== */
.aurora-nav{
  position:absolute;left:0;right:0;bottom:24px;
  z-index:4;
  display:flex;flex-direction:column;align-items:center;gap:12px;
  padding:0 var(--au-pad-x);
}
.aurora-dots{
  display:flex;gap:8px;align-items:center;
}
.aurora-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(255,255,255,.25);
  border:0;padding:0;cursor:pointer;
  transition:width .35s var(--au-ease),background .35s var(--au-ease);
}
.aurora-dot:hover{background:rgba(255,255,255,.45);}
.aurora-dot.is-active{
  width:34px;border-radius:8px;
  background:linear-gradient(90deg, #FF6B2C, #FFD466);
  box-shadow:0 0 14px rgba(255,107,44,.6);
}
.aurora-progress{
  width:min(280px, 60vw);height:3px;border-radius:3px;
  background:rgba(255,255,255,.10);overflow:hidden;
}
.aurora-progress-fill{
  display:block;height:100%;width:0%;
  background:linear-gradient(90deg, #FF6B2C, #FFD466);
  box-shadow:0 0 10px rgba(255,107,44,.5);
}
.aurora-counter{
  font-family:'Sora',sans-serif;font-size:11px;letter-spacing:.18em;
  color:rgba(255,255,255,.55);
  text-transform:uppercase;
}
.aurora-counter b{color:#fff;font-weight:700;}

/* ===========================================================
   8. DECORATIVE SIDE LABELS (desktop only)
   =========================================================== */
.aurora-side{
  position:absolute;top:50%;z-index:4;
  display:flex;flex-direction:column;gap:6px;
  transform:translateY(-50%);
  font-family:'Sora',sans-serif;font-size:10px;letter-spacing:.3em;
  color:rgba(255,255,255,.4);text-transform:uppercase;
  writing-mode:vertical-rl;
  pointer-events:none;
}
.aurora-side--l{left:24px;transform:translateY(-50%) rotate(180deg);}
.aurora-side--r{right:24px;}

/* ===========================================================
   9. RESPONSIVE — tablet + mobile
   =========================================================== */
@media (max-width:1024px){
  .aurora-side{display:none;}
  .aurora-arrow{width:42px;height:42px;}
  .aurora-prev{left:6px;}
  .aurora-next{right:6px;}
  .aurora-card{
    width:clamp(180px, 50vw, 320px);
    margin-left:calc(clamp(180px, 50vw, 320px) / -2);
    margin-top:calc((clamp(180px, 50vw, 320px) * 4/3) / -2);
  }
}
@media (max-width:768px){
  .stref-hero-aurora{min-height:auto;}
  .aurora-stage-wrap{padding:110px 16px 72px;gap:8px;}
  .aurora-title{font-size:clamp(32px, 9vw, 56px);}
  .aurora-title-line:first-of-type{margin-bottom:12px;letter-spacing:.34em;}
  .aurora-title-line:last-of-type{margin-top:12px;font-size:clamp(11px, 1.05vw, 13px);}
  .aurora-stage{aspect-ratio:4/3.2;max-height:420px;}
  .aurora-coverflow{margin:22px auto 0;}
  .aurora-card{
    width:64vw;
    margin-left:calc(64vw / -2);
    margin-top:calc((64vw * 4/3) / -2);
  }
  .aurora-card-reflection{height:24%;}
  .aurora-arrow{display:none;}
  .aurora-shape--ring{width:80px;height:80px;opacity:.4;}
  .aurora-shape--cube{width:48px;height:48px;opacity:.4;}
  .aurora-shape--torus{width:64px;height:64px;opacity:.4;}
}
@media (max-width:480px){
  .aurora-stage-wrap{padding:96px 14px 72px;}
  .aurora-title{font-size:clamp(28px, 9.5vw, 40px);}
  .aurora-title-line:first-of-type{font-size:10px;letter-spacing:.3em;margin-bottom:10px;}
  .aurora-title-line:first-of-type::before{width:20px;margin-right:10px;}
  .aurora-title-line:last-of-type{margin-top:10px;font-size:12px;}
  .aurora-card{
    width:74vw;
    margin-left:calc(74vw / -2);
    margin-top:calc((74vw * 4/3) / -2);
  }
  .aurora-nav{bottom:16px;}
  .aurora-progress{width:min(220px, 70vw);}
}

/* ===========================================================
   10. REDUCED MOTION
   =========================================================== */
@media (prefers-reduced-motion: reduce){
  .aurora-mesh,.aurora-orb,.aurora-shape,.aurora-kicker-dot,.aurora-title-morph{
    animation:none !important;
  }
  .aurora-card,.aurora-cards,.aurora-morph-track,.aurora-pane,.aurora-arrow{
    transition-duration:.2s !important;
  }
}