
#home.home {
  background:#020407 !important;
}

#home .hero {
  min-height:100svh !important;
  padding:0 !important;
  background:transparent !important;
}

:root {
  --f2070-gold:#f4c96f;
  --f2070-gold-soft:#d9ab59;
  --f2070-blue:#82c8ff;
  --f2070-ink:#02060b;
  --f2070-panel:rgba(5,11,18,.90);
  --f2070-line:rgba(129,181,226,.31);
  --f2070-muted:#aeb8c6;
}

body.fenix2070 {
  background:#010409 !important;
  overscroll-behavior-y:none;
}
body.fenix2070 .app {
  background:#010409 !important;
  box-shadow:0 0 90px rgba(0,0,0,.92) !important;
}
body.fenix2070 .app:before { display:none !important; }
body.fenix2070 .topbar { display:none !important; }
body.fenix2070 > * { -webkit-tap-highlight-color:transparent; }

#home.home {
  padding:0 0 calc(122px + var(--safe-bottom)) !important;
  background:#010409 !important;
  min-height:100svh !important;
  overflow:visible !important;
}
#home .fenix2070-legacy { display:none !important; }
#home .fenix2070-shell {
  position:relative;
  min-height:100svh;
  background:
    radial-gradient(ellipse 85% 30% at 50% 48%,rgba(25,84,145,.10),transparent 68%),
    linear-gradient(180deg,#010409 0%,#02070d 62%,#010409 100%);
}

/* Final approved world: the artwork is only scenery. Every label and control below is real DOM. */
#home .fenix2070-art {
  position:relative;
  width:100%;
  height:clamp(610px,64svh,830px);
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(180deg,rgba(1,4,8,.02) 0%,rgba(1,4,8,.02) 72%,#010409 100%),
    url("https://cdn.creativeclaw.co/u/b202b59b/images/b16c555d-24f0-4b2c-8ada-424cb85178c9.png") 50% 2% / cover no-repeat;
}
#home .fenix2070-art:before {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(ellipse 72% 28% at 50% 32%,rgba(255,208,104,.04),transparent 67%),
    linear-gradient(90deg,rgba(0,5,11,.15),transparent 17%,transparent 83%,rgba(0,5,11,.15));
}
#home .fenix2070-art:after {
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:18%;
  z-index:2;pointer-events:none;
  background:linear-gradient(180deg,transparent,#010409 89%);
}

#home .fenix2070-kicker {
  position:absolute;
  z-index:6;
  top:2.8%;
  left:50%;
  transform:translateX(-50%);
  width:92%;
  text-align:center;
  color:#d8bd82;
  font-size:clamp(7px,2vw,11px);
  font-weight:600;
  letter-spacing:.31em;
  text-transform:uppercase;
  text-shadow:0 0 18px rgba(245,201,111,.12);
  pointer-events:none;
}
#home .fenix2070-brand {
  position:absolute;
  z-index:5;
  top:8.2%;
  left:50%;
  transform:translateX(-50%);
  width:88%;
  text-align:center;
  pointer-events:none;
}
#home .fenix2070-brand h1 {
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  font-size:clamp(49px,14.5vw,92px);
  line-height:.92;
  letter-spacing:.16em;
  margin-right:-.16em;
  color:#f9df9a;
  background:linear-gradient(180deg,#fff5ce 0%,#f4cb78 42%,#b9792d 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 30px rgba(255,205,112,.09);
}
#home .fenix2070-brand p {
  margin:10px auto 0;
  max-width:92%;
  font-size:clamp(7px,2.15vw,12px);
  line-height:1.55;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#e8d29e;
  white-space:normal;
}
#home .fenix2070-creator-welcome {
  position:absolute;
  z-index:9;
  left:14px;
  bottom:18px;
  max-width:min(48%,190px);
  display:none;
  padding:8px 11px 9px;
  border:1px solid rgba(232,179,91,.30);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(10,10,11,.74),rgba(4,5,7,.90));
  box-shadow:0 10px 30px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,238,204,.035);
  backdrop-filter:blur(16px) saturate(120%);
}
#home .fenix2070-creator-welcome.show { display:grid; }
#home .fenix2070-creator-welcome small {
  color:#8f7751;
  font-size:6px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
#home .fenix2070-creator-welcome strong {
  margin-top:2px;
  color:#f4d495;
  font-family:Georgia,"Times New Roman",serif;
  font-size:15px;
  font-weight:500;
  line-height:1;
}
#home .fenix2070-creator-welcome span {
  margin-top:3px;
  color:#9b8b72;
  font-size:6.4px;
  letter-spacing:.09em;
  text-transform:uppercase;
}

#home .fenix2070-creed {
  position:absolute;
  z-index:6;
  left:50%;
  bottom:3.8%;
  transform:translateX(-50%);
  width:92%;
  text-align:center;
  color:#aa956e;
  font-size:clamp(6px,1.8vw,9px);
  font-weight:500;
  letter-spacing:.26em;
  text-transform:uppercase;
  text-shadow:0 2px 14px rgba(0,0,0,.78);
  pointer-events:none;
}

#home .fenix2070-sidecopy,
#home .fenix2070-tribute-label,
#home .fenix2070-hotspot { display:none !important; }

#home .fenix2070-sidecopy {
  position:absolute;
  z-index:5;
  top:2.6%;
  width:17%;
  color:#cba76e;
  font-size:clamp(6px,1.65vw,10px);
  line-height:1.55;
  letter-spacing:.13em;
  text-transform:uppercase;
  pointer-events:none;
}
#home .fenix2070-sidecopy.left { left:4%; text-align:left; }
#home .fenix2070-sidecopy.right { right:4%; text-align:right; }
#home .fenix2070-sidecopy:after {
  content:"";
  display:block;
  width:22px;
  height:1px;
  margin-top:7px;
  background:rgba(231,200,135,.55);
}
#home .fenix2070-sidecopy.right:after { margin-left:auto; }

#home .fenix2070-tribute-label {
  position:absolute;
  z-index:6;
  width:25%;
  color:#e7d9bf;
  pointer-events:none;
  text-shadow:0 2px 14px rgba(0,0,0,.85);
}
#home .fenix2070-tribute-label strong {
  display:block;
  color:#b9dfff;
  font-size:clamp(8px,2.15vw,12px);
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:6px;
}
#home .fenix2070-tribute-label span {
  display:block;
  color:#ece5d9;
  font-size:clamp(6px,1.75vw,9px);
  line-height:1.48;
  letter-spacing:.10em;
  text-transform:uppercase;
}
#home .fenix2070-tribute-label.tesla { left:4.2%; top:23%; text-align:left; }
#home .fenix2070-tribute-label.mileva { right:4.2%; top:23%; text-align:right; }
#home .fenix2070-tribute-label.davinci { left:4.2%; top:52%; text-align:left; }
#home .fenix2070-tribute-label.frida { right:4.2%; top:52%; text-align:right; }

#home .fenix2070-hotspot {
  position:absolute;
  z-index:12;
  border:0;
  background:transparent;
  opacity:0;
  border-radius:24px;
  touch-action:manipulation;
}
#home .fenix2070-hotspot:focus-visible {
  opacity:1;
  outline:1px solid rgba(245,201,111,.72);
  box-shadow:0 0 30px rgba(245,201,111,.20);
}
#home .fenix2070-hotspot[data-tribute="tesla"] { left:1.5%; top:11%; width:28%; height:26%; }
#home .fenix2070-hotspot[data-tribute="mileva"] { right:1.5%; top:11%; width:28%; height:26%; }
#home .fenix2070-hotspot[data-tribute="davinci"] { left:1.5%; top:38%; width:28%; height:27%; }
#home .fenix2070-hotspot[data-tribute="frida"] { right:1.5%; top:38%; width:28%; height:27%; }

#home .fenix2070-controls {
  position:relative;
  z-index:20;
  margin-top:-8px;
  padding:0 18px 30px;
  background:linear-gradient(180deg,rgba(1,4,9,.02),#010409 4%,#010409 100%);
}

#home .fenix2070-question {
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:72px;
  padding:9px 10px;
  border:1px solid rgba(159,192,221,.58);
  border-radius:34px;
  background:
    radial-gradient(circle at 94% 50%,rgba(224,169,81,.09),transparent 22%),
    linear-gradient(180deg,rgba(13,23,34,.98),rgba(5,11,18,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 0 1px rgba(255,255,255,.008),
    0 16px 44px rgba(0,0,0,.45),
    0 0 34px rgba(77,159,238,.05);
  backdrop-filter:blur(24px) saturate(125%);
}
#home .fenix2070-question input {
  min-width:0;
  flex:1;
  height:50px;
  border:0;
  outline:0;
  background:transparent;
  color:#eff6ff;
  font-size:clamp(15px,4vw,18px);
  letter-spacing:.005em;
}
#home .fenix2070-question input::placeholder { color:#8997a8; opacity:.95; }
#home .fenix2070-mic,
#home .fenix2070-send {
  flex:0 0 56px;
  width:56px;
  height:56px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#ffe5a1;
  border:1px solid rgba(245,201,111,.75);
  background:radial-gradient(circle at 48% 35%,rgba(137,99,42,.94),rgba(25,18,12,.98) 70%);
  box-shadow:0 0 24px rgba(245,201,111,.24),inset 0 0 0 1px rgba(255,255,255,.05);
}
#home .fenix2070-mic svg,
#home .fenix2070-send svg { width:25px;height:25px; }
#home .fenix2070-mic {
  color:#d8ecff;
  border-color:rgba(112,180,238,.62);
  background:radial-gradient(circle at 48% 35%,rgba(46,92,132,.88),rgba(9,18,28,.98) 72%);
  box-shadow:0 0 22px rgba(91,168,235,.16),inset 0 0 0 1px rgba(255,255,255,.04);
}
#home .fenix2070-mic.recording {
  color:#fff1d0;
  border-color:rgba(255,112,81,.88);
  background:radial-gradient(circle at 48% 35%,rgba(155,58,39,.92),rgba(42,13,12,.98) 72%);
  box-shadow:0 0 28px rgba(255,85,56,.34),inset 0 0 0 1px rgba(255,255,255,.05);
  animation:fenixMicPulse 1.05s ease-in-out infinite;
}
#home .fenix2070-mic.transcribing {
  opacity:.72;
  pointer-events:none;
}
#home .fenix2070-send {
  transition:opacity .16s ease, transform .16s ease, border-color .16s ease;
}
#home .fenix2070-send:disabled {
  opacity:.34;
  filter:saturate(.5);
}
#home .fenix2070-send:not(:disabled):active,
#home .fenix2070-mic:active { transform:scale(.96); }
#home .fenix2070-dictation-status {
  min-height:18px;
  margin:7px 14px 0;
  color:#91a6ba;
  font-size:10px;
  line-height:1.35;
  letter-spacing:.02em;
}
#home .fenix2070-dictation-status.listening { color:#ffb29f; }
#home .fenix2070-dictation-status.error { color:#ff9b9b; }
@keyframes fenixMicPulse {
  0%,100% { box-shadow:0 0 20px rgba(255,85,56,.20),inset 0 0 0 1px rgba(255,255,255,.05); }
  50% { box-shadow:0 0 34px rgba(255,85,56,.46),inset 0 0 0 1px rgba(255,255,255,.06); }
}

/* The final design uses one segmented response-depth capsule, not three floating cards. */
#home .fenix2070-controls .modebar {
  width:min(78%,640px) !important;
  margin:14px auto 0 !important;
  padding:4px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:0 !important;
  border:1px solid rgba(125,156,188,.36) !important;
  border-radius:32px !important;
  background:linear-gradient(180deg,rgba(8,15,24,.96),rgba(3,7,13,.98)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 32px rgba(0,0,0,.30) !important;
  backdrop-filter:blur(22px) !important;
}
#home .fenix2070-controls .mode {
  min-height:55px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:10px 8px !important;
  border:0 !important;
  border-radius:27px !important;
  background:transparent !important;
  color:#aeb9c7 !important;
  box-shadow:none !important;
  font-size:clamp(12px,3.35vw,16px) !important;
  font-weight:500 !important;
  line-height:1 !important;
  opacity:1 !important;
  transition:color .16s ease, background .16s ease, box-shadow .16s ease !important;
}
#home .fenix2070-controls .mode .mode-icon {
  display:inline-grid;
  place-items:center;
  width:24px;
  height:24px;
  color:#9cabbb;
  font-size:20px;
  line-height:1;
}
#home .fenix2070-controls .mode .mode-icon svg {
  width:22px;
  height:22px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#home .fenix2070-controls .mode small { display:none !important; }
#home .fenix2070-controls .mode.active {
  border:1px solid rgba(245,201,111,.66) !important;
  color:#ffe29a !important;
  background:
    radial-gradient(circle at 48% 5%,rgba(245,201,111,.18),transparent 64%),
    linear-gradient(180deg,rgba(49,37,21,.95),rgba(10,12,16,.96)) !important;
  box-shadow:0 0 26px rgba(245,201,111,.15),inset 0 0 0 1px rgba(255,255,255,.02) !important;
}
#home .fenix2070-controls .mode.active .mode-icon { color:#ffda82; text-shadow:0 0 14px rgba(245,201,111,.55); }

#home .fenix2070-features {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
#home .fenix2070-feature {
  position:relative;
  min-height:138px;
  overflow:hidden;
  padding:74px 13px 13px;
  text-align:left;
  border-radius:20px;
  border:1px solid rgba(112,169,222,.34);
  background:linear-gradient(180deg,rgba(12,24,36,.86),rgba(4,9,15,.98));
  color:#edf4fb;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.28);
}
#home .fenix2070-feature:before {
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:72px;
  background-size:cover;
  background-position:center;
  opacity:.92;
}
#home .fenix2070-feature:after {
  content:"";
  position:absolute;
  inset:34px 0 auto 0;
  height:50px;
  background:linear-gradient(180deg,transparent,rgba(4,9,15,.98));
}
#home .fenix2070-feature[data-action="greatminds"]:before {
  background:
    radial-gradient(circle at 50% 28%,rgba(84,150,219,.17),transparent 52%),
    linear-gradient(180deg,#0b1b2c,#06101b);
}
#home .fenix2070-feature[data-action="daily"]:before { background-image:url("https://cdn.creativeclaw.co/u/b202b59b/images/afd39391-2f44-4a2c-892b-63d70189700a.png"); }
#home .fenix2070-feature[data-action="explore"]:before { background-image:url("https://cdn.creativeclaw.co/u/b202b59b/images/6459284c-dc28-415e-9051-9778135946a5.png"); }
#home .fenix2070-feature strong,
#home .fenix2070-feature small,
#home .fenix2070-feature .feature-arrow,
#home .fenix2070-mind-strip { position:relative; z-index:3; }
#home .fenix2070-feature strong { display:block; font-size:clamp(12px,3.2vw,16px); font-weight:500; line-height:1.15; color:#fff2d3; }
#home .fenix2070-feature small { display:block; margin-top:5px; color:#b7c0cc; font-size:clamp(8px,2.2vw,11px); line-height:1.35; }
#home .fenix2070-feature .feature-arrow { position:absolute; right:10px; bottom:12px; color:#f3c978; font-size:21px; }
#home .fenix2070-feature:active { transform:scale(.985); border-color:rgba(245,201,111,.48); }

#home .fenix2070-mind-strip {
  position:absolute;
  top:9px;left:10px;right:10px;
  display:flex;
  align-items:flex-end;
  gap:0;
}
#home .fenix2070-mind-strip img {
  width:34px;height:44px;
  object-fit:cover;
  border-radius:45% 45% 40% 40%;
  border:1px solid rgba(125,187,239,.34);
  filter:grayscale(.25) sepia(.12) contrast(1.05) brightness(.86);
  margin-right:-8px;
  box-shadow:0 0 13px rgba(61,153,238,.08);
}

body.fenix2070 .bottomnav { display:none !important; }
.fenix2070-nav {
  position:fixed;
  z-index:180;
  left:50%;
  transform:translateX(-50%);
  bottom:max(7px,var(--safe-bottom));
  width:min(calc(100% - 18px),800px);
  height:86px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  align-items:center;
  padding:7px 8px;
  border:1px solid rgba(104,147,188,.31);
  border-radius:34px;
  background:linear-gradient(180deg,rgba(5,11,18,.93),rgba(2,6,11,.985));
  box-shadow:0 18px 54px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(26px) saturate(125%);
}
.fenix2070-nav button {
  height:66px;
  min-width:0;
  border:0;
  background:transparent;
  color:#9faaba;
  border-radius:23px;
  font-size:10px;
  letter-spacing:.01em;
}
.fenix2070-nav .nav-icon {
  display:grid;
  place-items:center;
  height:31px;
  margin-bottom:2px;
}
.fenix2070-nav .nav-icon svg { width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.7; }
.fenix2070-nav button.active { color:#ffe193; text-shadow:0 0 14px rgba(245,201,111,.42); }
.fenix2070-nav .live-nav {
  width:76px;
  height:76px;
  margin:-28px auto 0;
  border-radius:50%;
  border:1px solid rgba(245,201,111,.74);
  color:#ffe198;
  background:radial-gradient(circle at 50% 38%,rgba(88,65,30,.90),rgba(6,9,14,.99) 66%);
  box-shadow:0 0 28px rgba(245,201,111,.25),inset 0 0 0 7px rgba(255,255,255,.018);
}
.fenix2070-nav .live-nav .nav-icon { height:38px;margin:0; }
.fenix2070-nav .live-nav .nav-icon svg { width:34px;height:34px; }
.fenix2070-nav .live-label { display:block; margin-top:-2px; font-size:9px; }

/* Keep the rest of the application in the same visual universe. */
body.fenix2070 .screen:not(#home) {
  padding-top:calc(var(--safe-top) + 26px) !important;
  padding-bottom:calc(var(--safe-bottom) + 132px) !important;
  background:
    radial-gradient(600px 420px at 50% 0,rgba(36,103,171,.13),transparent 63%),
    linear-gradient(180deg,#050a11,#010409 72%) !important;
}
body.fenix2070 #chat .section-title,
body.fenix2070 #minds .section-title,
body.fenix2070 #live .section-title,
body.fenix2070 #vision .section-title { color:#f6d99a !important; letter-spacing:.02em; }
body.fenix2070 .panel,
body.fenix2070 .mind-card,
body.fenix2070 .bubble.ai {
  border-color:rgba(91,154,215,.22) !important;
  background:linear-gradient(155deg,rgba(13,24,37,.91),rgba(4,8,14,.95)) !important;
}
body.fenix2070 .bubble.user {
  border-color:rgba(245,201,111,.30) !important;
  background:linear-gradient(155deg,rgba(56,43,24,.76),rgba(17,17,20,.95)) !important;
}
body.fenix2070 .composer {
  bottom:calc(var(--safe-bottom) + 101px) !important;
  border-color:rgba(91,160,224,.32) !important;
  background:rgba(5,11,18,.96) !important;
}
body.fenix2070 .send {
  border-color:rgba(245,201,111,.54) !important;
  background:radial-gradient(circle at 40% 30%,#b38439,#261b10 72%) !important;
  color:#ffe6aa !important;
}
body.fenix2070 .composer-mic {
  flex:0 0 46px;
  width:46px;
  height:46px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(105,175,235,.54);
  background:radial-gradient(circle at 45% 34%,rgba(47,95,137,.88),rgba(7,17,27,.98) 72%);
  color:#d8ecff;
  box-shadow:0 0 20px rgba(86,163,231,.14),inset 0 0 0 1px rgba(255,255,255,.035);
}
body.fenix2070 .composer-mic svg {
  width:22px;
  height:22px;
}
body.fenix2070 .composer-mic.recording {
  color:#fff0dc;
  border-color:rgba(255,111,82,.86);
  background:radial-gradient(circle at 45% 34%,rgba(153,58,40,.92),rgba(40,13,12,.98) 72%);
  box-shadow:0 0 30px rgba(255,84,55,.36),inset 0 0 0 1px rgba(255,255,255,.045);
  animation:fenixComposerMicPulse 1.05s ease-in-out infinite;
}
body.fenix2070 .composer-mic.transcribing {
  opacity:.72;
  pointer-events:none;
}
body.fenix2070 .composer-dictation-status {
  position:absolute;
  left:14px;
  right:14px;
  bottom:calc(100% + 7px);
  min-height:0;
  padding:0;
  color:#9db0c2;
  font-size:10px;
  line-height:1.35;
  text-align:center;
  pointer-events:none;
}
body.fenix2070 .composer-dictation-status:not(:empty) {
  padding:7px 10px;
  border:1px solid rgba(92,154,211,.24);
  border-radius:13px;
  background:rgba(5,11,18,.94);
  box-shadow:0 8px 24px rgba(0,0,0,.30);
  backdrop-filter:blur(14px);
}
body.fenix2070 .composer-dictation-status.listening {
  color:#ffb6a4;
  border-color:rgba(255,111,82,.30);
}
body.fenix2070 .composer-dictation-status.error {
  color:#ff9f9f;
  border-color:rgba(255,96,96,.28);
}
body.fenix2070 .composer-mic:active { transform:scale(.96); }
@keyframes fenixComposerMicPulse {
  0%,100% { box-shadow:0 0 20px rgba(255,84,55,.20),inset 0 0 0 1px rgba(255,255,255,.04); }
  50% { box-shadow:0 0 34px rgba(255,84,55,.46),inset 0 0 0 1px rgba(255,255,255,.05); }
}

body.fenix2070 #live { overflow:hidden; }
body.fenix2070 #live:before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background:url("https://cdn.creativeclaw.co/u/b202b59b/images/b16c555d-24f0-4b2c-8ada-424cb85178c9.png") 50% 20% / cover no-repeat;
  filter:saturate(.88) brightness(.52);
  mask-image:linear-gradient(180deg,#000,transparent 76%);
}
body.fenix2070 #live > * { position:relative; z-index:2; }
body.fenix2070 #live .live-stage {
  border-color:rgba(91,159,220,.24) !important;
  background:linear-gradient(160deg,rgba(7,17,27,.90),rgba(3,7,13,.96)) !important;
}
body.fenix2070 #live .live-orb {
  border-color:rgba(245,201,111,.38) !important;
  background:
    radial-gradient(circle,rgba(245,201,111,.08),rgba(3,8,15,.95) 61%),
    url("https://cdn.creativeclaw.co/u/b202b59b/images/b16c555d-24f0-4b2c-8ada-424cb85178c9.png") 50% 22% / 330% auto no-repeat !important;
  box-shadow:0 0 62px rgba(65,150,255,.13),0 0 36px rgba(245,201,111,.10),inset 0 0 58px rgba(26,110,195,.08) !important;
}

@media(max-width:560px) {
  #home .fenix2070-art { height:clamp(585px,62svh,730px); background-position:50% 1%; }
  #home .fenix2070-controls { padding-left:12px; padding-right:12px; }
  #home .fenix2070-question { min-height:67px; border-radius:31px; gap:7px; }
  #home .fenix2070-mic,
  #home .fenix2070-send { flex-basis:49px; width:49px; height:49px; }
  #home .fenix2070-mic svg,
  #home .fenix2070-send svg { width:22px; height:22px; }
  #home .fenix2070-controls .modebar { width:82% !important; }
  #home .fenix2070-controls .mode { min-height:50px !important; padding:8px 5px !important; }
  #home .fenix2070-features { gap:7px; }
  #home .fenix2070-feature { min-height:124px; padding:65px 9px 10px; border-radius:17px; }
  #home .fenix2070-feature:before { height:64px; }
  #home .fenix2070-feature .feature-arrow { right:7px; bottom:8px; }
  .fenix2070-nav { height:78px; border-radius:30px; padding-left:3px; padding-right:3px; }
  .fenix2070-nav button { font-size:9px; }
  .fenix2070-nav .live-nav { width:68px; height:68px; margin-top:-23px; }
  #home .fenix2070-tribute-label span { max-width:92px; }
}

@media(max-width:385px) {
  #home .fenix2070-art { height:570px; }
  #home .fenix2070-controls .modebar { width:88% !important; }
  #home .fenix2070-controls .mode { font-size:11px !important; gap:5px !important; }
  #home .fenix2070-controls .mode .mode-icon { width:18px;height:18px;font-size:16px; }
  #home .fenix2070-feature { min-height:118px; padding-left:7px; padding-right:7px; }
  #home .fenix2070-mind-strip img { width:29px;height:39px; }
}

@media(prefers-reduced-motion:reduce) {
  #home .fenix2070-feature,
  .fenix2070-nav button,
  #home .fenix2070-controls .mode { transition:none !important; }
}

/* Disable the previous invisible-poster navigation/hit-target implementation. */
#fenixReferenceNav { display:none !important; pointer-events:none !important; }
#home.home { overflow:visible !important; }
#home .fenix2070-controls .modebar {
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  height:auto !important;
}
#home .fenix2070-controls .mode {
  position:relative !important;
  width:auto !important;
  height:auto !important;
}
