/* FILUXIA WEBSITE V7.10.4.9 — Conversion-focused home flow */
html { scroll-behavior: smooth; }

/* Level 1: hero + First Look */
.fi-home-flow-v71049 .hero {
  min-height: clamp(650px, 78vh, 880px);
  margin-bottom: 18px;
}
.fi-home-flow-v71049 .hero-actions .button.primary {
  min-width: 190px;
  justify-content: center;
  box-shadow: 0 14px 36px rgba(10, 5, 15, .18);
}
.fi-home-flow-v71049 .hero-actions .text-link { opacity: .88; }

.fi-home-flow-v71049 .fi-firstlook--priority {
  width: min(100%, 1420px);
  margin: 22px auto 42px;
  padding-inline: 24px;
  scroll-margin-top: 110px;
}
.fi-home-flow-v71049 .fi-firstlook--priority .fi-firstlook-shell {
  padding: clamp(28px, 3.15vw, 44px);
  border-radius: 28px;
}
.fi-home-flow-v71049 .fi-firstlook--priority .fi-firstlook-head {
  grid-template-columns: minmax(340px, .8fr) minmax(540px, 1.2fr);
  gap: clamp(30px, 4vw, 58px);
  align-items: center;
}
.fi-home-flow-v71049 .fi-firstlook--priority .fi-firstlook-intro h2 {
  max-width: 460px;
  font-size: clamp(40px, 4.05vw, 60px);
}
.fi-home-flow-v71049 .fi-firstlook--priority .fi-firstlook-intro > p:not(.eyebrow) {
  max-width: 455px;
  margin-top: 16px;
  line-height: 1.62;
}
.fi-home-flow-v71049 .fi-firstlook--priority .fi-firstlook-form { gap: 10px 12px; }
.fi-home-flow-v71049 .fi-firstlook--priority .fi-firstlook-field input { height: 48px; }
.fi-home-flow-v71049 .fi-firstlook--priority .fi-firstlook-actions { margin-top: 1px; }
.fi-home-flow-v71049 .fi-firstlook--priority .fi-firstlook-short-option {
  min-height: 38px;
  padding: 7px 11px;
}

/* Level 2: active sky + interpretations + ATLAS modules */
.fi-home-flow-v71049 .fi-home-level-2 { position: relative; }
.fi-home-flow-v71049 #gokyuzu { padding-top: clamp(54px, 6vw, 86px); }
.fi-home-flow-v71049 #fi-sky-insights-home { margin-top: clamp(34px, 5vw, 64px); }
.fi-home-flow-v71049 #atlas {
  margin-top: clamp(54px, 7vw, 94px);
  margin-bottom: clamp(44px, 6vw, 76px);
}
.fi-home-flow-v71049 #atlas .atlas-inner {
  max-width: 1380px;
}

/* Level 3: supporting discovery content */
.fi-home-flow-v71049 .fi-home-level-3 {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}
.fi-home-flow-v71049 .v787-discovery-bridge { margin-top: 26px; }
.fi-home-flow-v71049 #fi-sound-home { margin-top: 30px; }

/* Final conversion moment */
.fi-final-atlas-cta {
  padding: clamp(56px, 7vw, 96px) 24px clamp(70px, 8vw, 112px);
}
.fi-final-atlas-cta-inner {
  position: relative;
  overflow: hidden;
  max-width: 1380px;
  margin: 0 auto;
  padding: clamp(34px, 5vw, 68px);
  border: 1px solid rgba(198, 154, 82, .26);
  border-radius: 30px;
  background:
    radial-gradient(circle at 88% 20%, rgba(155, 89, 172, .16), transparent 30%),
    linear-gradient(135deg, rgba(20, 10, 27, .97), rgba(39, 17, 48, .94));
  box-shadow: 0 26px 80px rgba(4, 1, 8, .22);
  text-align: center;
}
.fi-final-atlas-cta-inner::after {
  content: 'ATLAS';
  position: absolute;
  right: -18px;
  bottom: -52px;
  color: rgba(255,255,255,.035);
  font: 190px/.8 Georgia, "Times New Roman", serif;
  pointer-events: none;
}
.fi-final-atlas-cta .eyebrow { color: #d8b8e7; }
.fi-final-atlas-cta h2 {
  position: relative;
  z-index: 1;
  max-width: 980px;
  margin: 10px auto 18px;
  color: #fffaf3;
  font: clamp(38px, 4.8vw, 66px)/1.02 Georgia, "Times New Roman", serif;
  letter-spacing: -1.5px;
}
.fi-final-atlas-cta h2 em { color: #d9a9ea; font-weight: 400; }
.fi-final-atlas-cta p:not(.eyebrow) {
  position: relative;
  z-index: 1;
  max-width: 720px;
  margin: 0 auto 24px;
  color: #d8cddd;
  font-size: 15px;
  line-height: 1.7;
}
.fi-final-atlas-cta .button.gold {
  position: relative;
  z-index: 1;
  min-height: 50px;
  padding-inline: 24px;
}

/* Kozmik Mürdüm: First Look should feel continuous with hero, not like a white interruption. */
html[data-site-theme="kozmik-murdum"] .fi-home-flow-v71049 .fi-firstlook--priority .fi-firstlook-shell {
  background:
    radial-gradient(circle at 88% 12%, rgba(179, 116, 204, .18), transparent 31%),
    linear-gradient(135deg, rgba(46, 20, 58, .94), rgba(18, 8, 28, .95));
}

@media (min-width: 1180px) {
  .fi-home-flow-v71049 .fi-firstlook--priority .fi-firstlook-shell { min-height: 430px; }
}
@media (max-width: 900px) {
  .fi-home-flow-v71049 .hero { min-height: auto; }
  .fi-home-flow-v71049 .fi-firstlook--priority {
    margin-top: 14px;
    margin-bottom: 30px;
    padding-inline: 16px;
  }
  .fi-home-flow-v71049 .fi-firstlook--priority .fi-firstlook-head {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .fi-final-atlas-cta { padding-inline: 16px; }
  .fi-final-atlas-cta-inner { border-radius: 24px; }
}
@media (max-width: 560px) {
  .fi-home-flow-v71049 .fi-firstlook--priority { padding-inline: 12px; }
  .fi-home-flow-v71049 .fi-firstlook--priority .fi-firstlook-shell { padding: 23px 17px; }
  .fi-home-flow-v71049 .fi-firstlook--priority .fi-firstlook-intro h2 { font-size: clamp(38px, 11vw, 50px); }
  .fi-final-atlas-cta { padding: 42px 12px 72px; }
  .fi-final-atlas-cta-inner { padding: 30px 18px 34px; border-radius: 22px; }
  .fi-final-atlas-cta h2 { font-size: clamp(34px, 10.5vw, 48px); }
}