/*
 * Futuremakers shared visual system
 * Typography: self-hosted Manrope
 * Theme: graphite dark with one chartreuse accent
 * Shape rule: 18px surfaces, 12px fields, 10px actions
 */

@font-face {
  font-family: "Manrope";
  src: url("/assets/Manrope-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  --fm-bg: #101310;
  --fm-bg-deep: #0b0e0b;
  --fm-panel: #181d18;
  --fm-panel-strong: #202620;
  --fm-panel-soft: #141814;
  --fm-text: #f2f5ee;
  --fm-copy: #d4dace;
  --fm-muted: #9ea798;
  --fm-subtle: #737c6f;
  --fm-accent: #b9f45a;
  --fm-accent-soft: rgba(185, 244, 90, 0.11);
  --fm-accent-border: rgba(185, 244, 90, 0.24);
  --fm-ink: #12170f;
  --fm-line: rgba(228, 235, 222, 0.1);
  --fm-shadow: 0 24px 70px rgba(3, 8, 3, 0.34);
  --fm-shadow-soft: 0 12px 34px rgba(3, 8, 3, 0.24);
  --fm-radius-surface: 1.125rem;
  --fm-radius-field: 0.75rem;
  --fm-radius-action: 0.625rem;
  --fm-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  background: var(--fm-bg-deep);
}

body {
  position: relative;
  isolation: isolate;
  min-height: 100dvh;
  overflow-x: clip;
  background:
    radial-gradient(circle at 82% 6%, rgba(185, 244, 90, 0.075), transparent 24rem),
    radial-gradient(circle at 12% 44%, rgba(185, 244, 90, 0.035), transparent 30rem),
    var(--fm-bg) !important;
  color: var(--fm-text) !important;
  font-family: "Manrope", "Aptos", "Segoe UI Variable Text", system-ui, sans-serif !important;
  font-feature-settings: "kern" 1, "liga" 1;
  text-rendering: optimizeLegibility;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 80;
  pointer-events: none;
  opacity: 0.025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}

::selection {
  background: var(--fm-accent);
  color: var(--fm-ink);
}

h1,
h2,
h3 {
  color: var(--fm-text) !important;
  letter-spacing: -0.04em !important;
  text-wrap: balance;
}

h1 {
  font-weight: 800 !important;
}

h2,
h3 {
  font-weight: 750 !important;
}

p,
li {
  text-wrap: pretty;
}

a,
button,
input,
select,
textarea,
summary {
  -webkit-tap-highlight-color: transparent;
}

a,
button,
summary {
  transition:
    color 220ms var(--fm-ease),
    background-color 220ms var(--fm-ease),
    border-color 220ms var(--fm-ease),
    box-shadow 220ms var(--fm-ease),
    opacity 220ms var(--fm-ease),
    transform 220ms var(--fm-ease) !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 3px solid var(--fm-accent) !important;
  outline-offset: 4px !important;
}

a:active,
button:active {
  transform: translateY(1px) scale(0.985);
}

.fm-skip-link {
  position: fixed;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 100;
  padding: 0.7rem 1rem;
  border-radius: var(--fm-radius-action);
  background: var(--fm-accent);
  color: var(--fm-ink);
  font-size: 0.875rem;
  font-weight: 800;
  transform: translateY(-150%);
}

.fm-skip-link:focus {
  transform: translateY(0);
}

section,
main,
header,
footer,
nav,
body > div {
  position: relative;
  z-index: 1;
}

section {
  scroll-margin-top: 6rem;
}

/* Shared type and color calibration */
.text-white,
.text-slate-100 {
  color: var(--fm-text) !important;
}

.text-slate-200,
.text-slate-300 {
  color: var(--fm-copy) !important;
}

.text-slate-400 {
  color: var(--fm-muted) !important;
}

.text-slate-500,
.text-slate-600,
.placeholder-slate-500::placeholder {
  color: var(--fm-subtle) !important;
}

.text-emerald-300,
.text-emerald-400,
.text-emerald-500,
.text-gold-300,
.text-gold-400,
.text-gold-500,
.text-amber-200,
.text-amber-300,
.text-amber-400,
.text-purple-400 {
  color: var(--fm-accent) !important;
}

.gradient-text {
  background: none !important;
  color: var(--fm-accent) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

.price-glow {
  color: var(--fm-accent) !important;
  text-shadow: none !important;
}

.uppercase,
[class*="tracking-["] {
  letter-spacing: 0.1em;
}

/* Shared surfaces */
.glass,
.tool-card,
[class*="bg-brand-card"],
.bg-navy-900,
.bg-navy-800 {
  border-color: var(--fm-line) !important;
  background: linear-gradient(145deg, rgba(32, 38, 32, 0.96), rgba(23, 28, 23, 0.96)) !important;
  box-shadow: inset 0 1px 0 rgba(242, 245, 238, 0.045), var(--fm-shadow-soft);
  backdrop-filter: none !important;
}

.glass,
.tool-card,
[class*="bg-brand-card"] {
  border-radius: var(--fm-radius-surface) !important;
}

body [class*="bg-gradient-to-"] {
  background-image: none !important;
}

body [class*="from-emerald-500/"],
body [class*="to-transparent"] {
  background-color: var(--fm-panel-soft) !important;
}

[class*="border-white/"] {
  border-color: var(--fm-line) !important;
}

[class*="border-emerald-"],
[class*="border-gold-"],
[class*="border-amber-"],
[class*="border-purple-"] {
  border-color: var(--fm-accent-border) !important;
}

[class*="bg-emerald-500/"] {
  background-color: var(--fm-accent-soft) !important;
}

.glow-btn,
.glow-btn:hover,
.glow-green {
  box-shadow: 0 12px 28px rgba(5, 11, 4, 0.34) !important;
}

.tool-card {
  min-height: 100%;
}

.tool-card:hover {
  border-color: var(--fm-accent-border) !important;
  box-shadow: inset 0 1px 0 rgba(242, 245, 238, 0.06), var(--fm-shadow) !important;
  transform: translateY(-5px) !important;
}

/* Buttons and links */
a[class*="bg-emerald-"],
button[class*="bg-emerald-"],
a[class*="bg-gold-"],
button[class*="bg-gold-"] {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: var(--fm-radius-action) !important;
  background: var(--fm-accent) !important;
  color: var(--fm-ink) !important;
  box-shadow: 0 10px 26px rgba(2, 7, 2, 0.3) !important;
  font-weight: 800 !important;
}

a[class*="bg-emerald-"]:hover,
button[class*="bg-emerald-"]:hover,
a[class*="bg-gold-"]:hover,
button[class*="bg-gold-"]:hover {
  background: #cafc76 !important;
  box-shadow: 0 14px 34px rgba(2, 7, 2, 0.38) !important;
  transform: translateY(-2px);
}

a[class*="border-emerald-"],
button[class*="border-emerald-"],
a[class*="border-white/"],
button[class*="border-white/"] {
  border-color: var(--fm-accent-border) !important;
  border-radius: var(--fm-radius-action) !important;
  background: rgba(185, 244, 90, 0.035) !important;
  color: var(--fm-text) !important;
}

a[class*="border-emerald-"]:hover,
button[class*="border-emerald-"]:hover,
a[class*="border-white/"]:hover,
button[class*="border-white/"]:hover {
  border-color: rgba(185, 244, 90, 0.52) !important;
  background: var(--fm-accent-soft) !important;
  color: var(--fm-accent) !important;
  transform: translateY(-2px);
}

article a:not([class*="bg-"]):not([class*="border-"]),
.prose-body a,
main p a:not([class]) {
  color: var(--fm-accent) !important;
  text-decoration-color: rgba(185, 244, 90, 0.45) !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.22em;
}

/* Navigation and announcement bars */
.top-bar,
.scarce-bar,
body > a.scarce-bar,
body > div[class*="from-emerald-600"][class*="to-emerald-500"],
body > a[class*="from-emerald-600"][class*="to-emerald-500"] {
  background: var(--fm-accent) !important;
  color: var(--fm-ink) !important;
  animation: none !important;
}

body > nav,
body > header.border-b,
body > div + nav {
  border-color: var(--fm-line) !important;
  background: rgba(11, 14, 11, 0.88) !important;
  backdrop-filter: blur(18px) saturate(120%);
}

body > nav > div,
body > header.border-b > div {
  min-height: 4.25rem;
}

nav a[aria-current="page"] {
  color: var(--fm-accent) !important;
}

/* Forms and tools */
input,
select,
textarea {
  border: 1px solid var(--fm-line) !important;
  border-radius: var(--fm-radius-field) !important;
  background: #0d110d !important;
  color: var(--fm-text) !important;
  caret-color: var(--fm-accent);
}

input::placeholder,
textarea::placeholder {
  color: #7f8979 !important;
  opacity: 1;
}

input:hover,
select:hover,
textarea:hover {
  border-color: rgba(185, 244, 90, 0.26) !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--fm-accent) !important;
  box-shadow: 0 0 0 4px rgba(185, 244, 90, 0.13) !important;
}

select {
  color-scheme: dark;
}

pre,
code {
  font-family: "IBM Plex Mono", "Cascadia Code", ui-monospace, monospace;
}

pre {
  border-color: var(--fm-line) !important;
  border-radius: var(--fm-radius-field) !important;
  background: #0a0d0a !important;
}

details {
  border-color: var(--fm-line) !important;
}

details[open] {
  border-color: var(--fm-accent-border) !important;
}

summary::-webkit-details-marker {
  display: none;
}

/* Media and editorial rhythm */
img,
iframe {
  color: var(--fm-muted);
}

.video-wrap {
  border-color: var(--fm-accent-border) !important;
  border-radius: var(--fm-radius-surface) !important;
  box-shadow: var(--fm-shadow) !important;
}

.fm-video-launch {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 0;
  border-radius: inherit;
  background: var(--fm-panel);
  color: var(--fm-text);
  cursor: pointer;
}

.fm-video-launch img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 66% center;
  filter: saturate(0.72) contrast(1.05) brightness(0.7);
  transition: transform 500ms var(--fm-ease), filter 500ms var(--fm-ease);
}

.fm-video-launch::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(5, 9, 5, 0.76));
}

.fm-video-launch span {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  z-index: 1;
  padding: 0.75rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--fm-radius-action);
  background: var(--fm-accent);
  color: var(--fm-ink);
  font-size: 0.875rem;
  font-weight: 800;
  box-shadow: var(--fm-shadow-soft);
}

.fm-video-launch:hover img {
  filter: saturate(0.85) contrast(1.04) brightness(0.78);
  transform: scale(1.025);
}

.fm-video-launch:focus-visible {
  outline-offset: -5px !important;
}

article {
  font-size: clamp(1rem, 0.95rem + 0.2vw, 1.08rem);
}

article p,
.prose-body {
  color: var(--fm-copy) !important;
  line-height: 1.78 !important;
}

article h2 {
  margin-top: 3.5rem !important;
  margin-bottom: 1rem !important;
  font-size: clamp(1.55rem, 1.25rem + 1vw, 2rem) !important;
}

.tip {
  border-left-color: var(--fm-accent) !important;
  border-radius: 0 var(--fm-radius-field) var(--fm-radius-field) 0 !important;
  background: var(--fm-accent-soft) !important;
  color: var(--fm-copy) !important;
}

.step-num {
  border-radius: 0.55rem !important;
  background: var(--fm-accent) !important;
  color: var(--fm-ink) !important;
}

footer {
  border-color: var(--fm-line) !important;
  background: rgba(8, 11, 8, 0.6);
}

/* Page-specific composition */
body[data-fm-page="home"] > section:first-of-type > div {
  max-width: 74rem;
}

body[data-fm-page="home"] > section:nth-of-type(3) .glass,
body[data-fm-page="home"] > section:nth-of-type(6) .glass {
  min-height: 100%;
}

body[data-fm-page="home"] > section:nth-of-type(7) > div {
  box-shadow: var(--fm-shadow);
}

body[data-fm-page="tools"] header,
body[data-fm-page="tool"] header {
  max-width: 64rem;
}

body[data-fm-page="tools"] header > div {
  text-align: left;
}

body[data-fm-page="tool"] header {
  text-align: left !important;
}

body[data-fm-page="tool"] header p {
  margin-left: 0 !important;
}

body[data-fm-page="article"] main > header,
body[data-fm-page="blueprint"] main,
body[data-fm-page="blueprint"] > header {
  max-width: 46rem;
}

.fm-editorial-image,
.fm-sequence-image {
  width: 100%;
  height: 100%;
  min-height: 18rem;
  border: 1px solid var(--fm-line);
  border-radius: var(--fm-radius-surface);
  box-shadow: var(--fm-shadow);
  object-fit: cover;
}

.fm-editorial-image {
  object-position: 68% center;
}

.fm-sequence-image {
  object-position: center;
}

.fm-media-frame {
  position: relative;
  min-height: 18rem;
}

.fm-media-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: var(--fm-radius-surface);
  box-shadow: inset 0 0 0 1px rgba(242, 245, 238, 0.045);
}

/* Motivated entry motion: establishes reading sequence, then gets out of the way. */
@media (prefers-reduced-motion: no-preference) {
  .fm-motion-ready [data-fm-reveal] {
    opacity: 0;
    transform: translateY(1.4rem);
    transition:
      opacity 680ms var(--fm-ease),
      transform 680ms var(--fm-ease);
  }

  .fm-motion-ready [data-fm-reveal].fm-in-view {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 900px) {
  body[data-fm-page="home"] > section:first-of-type > div {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(26rem, 0.95fr);
    gap: clamp(2.5rem, 5vw, 5rem);
    align-items: center;
  }

  body[data-fm-page="home"] > section:first-of-type .video-wrap {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
  }

  body[data-fm-page="home"] > section:first-of-type .text-center {
    grid-column: 1;
    grid-row: 1;
    text-align: left;
  }

  body[data-fm-page="home"] > section:first-of-type .text-center > p,
  body[data-fm-page="home"] > section:first-of-type .text-center > div {
    margin-left: 0;
    margin-right: 0;
  }

  body[data-fm-page="home"] > section:first-of-type .justify-center {
    justify-content: flex-start;
  }

  body[data-fm-page="home"] > section:nth-of-type(3) .grid.sm\:grid-cols-3 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  body[data-fm-page="home"] > section:nth-of-type(3) .grid > :nth-child(1) {
    grid-column: span 7;
  }

  body[data-fm-page="home"] > section:nth-of-type(3) .grid > :nth-child(2) {
    grid-column: span 5;
  }

  body[data-fm-page="home"] > section:nth-of-type(3) .grid > :nth-child(3) {
    grid-column: 4 / span 7;
  }

  body[data-fm-page="home"] > section:nth-of-type(6) .grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  body[data-fm-page="home"] > section:nth-of-type(6) .grid > :nth-child(1),
  body[data-fm-page="home"] > section:nth-of-type(6) .grid > :nth-child(4) {
    grid-column: span 3;
  }

  body[data-fm-page="home"] > section:nth-of-type(6) .grid > :nth-child(2),
  body[data-fm-page="home"] > section:nth-of-type(6) .grid > :nth-child(5) {
    grid-column: span 2;
  }

  body[data-fm-page="home"] > section:nth-of-type(6) .grid > :nth-child(3) {
    grid-column: span 2;
  }

  body[data-fm-page="blog"] main > section:first-of-type .grid,
  body[data-fm-page="tools"] > section:nth-of-type(3) .grid,
  body[data-fm-page="sales"] > section:nth-of-type(3) .grid,
  body[data-fm-page="sales"] > section:nth-of-type(5) .grid,
  body[data-fm-page="sales"] > section:nth-of-type(6) .grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  body[data-fm-page="blog"] main > section:first-of-type .grid > :nth-child(1),
  body[data-fm-page="tools"] > section:nth-of-type(3) .grid > :nth-child(2),
  body[data-fm-page="sales"] > section:nth-of-type(3) .grid > :nth-child(1),
  body[data-fm-page="sales"] > section:nth-of-type(5) .grid > :nth-child(2) {
    grid-column: span 7;
  }

  body[data-fm-page="blog"] main > section:first-of-type .grid > :nth-child(2),
  body[data-fm-page="tools"] > section:nth-of-type(3) .grid > :nth-child(1),
  body[data-fm-page="sales"] > section:nth-of-type(3) .grid > :nth-child(2),
  body[data-fm-page="sales"] > section:nth-of-type(5) .grid > :nth-child(1) {
    grid-column: span 5;
  }

  body[data-fm-page="blog"] main > section:first-of-type .grid > :nth-child(3),
  body[data-fm-page="tools"] > section:nth-of-type(3) .grid > :nth-child(3),
  body[data-fm-page="sales"] > section:nth-of-type(3) .grid > :nth-child(3),
  body[data-fm-page="sales"] > section:nth-of-type(5) .grid > :nth-child(3) {
    grid-column: 4 / span 7;
  }

  body[data-fm-page="sales"] > section:nth-of-type(6) .grid > * {
    grid-column: span 4;
  }

  body[data-fm-page="sales"] > section:nth-of-type(6) .grid > :nth-child(4) {
    grid-column: 3 / span 4;
  }

  body[data-fm-page="sales"] > section:nth-of-type(6) .grid > :nth-child(5) {
    grid-column: span 4;
  }
}

@media (max-width: 767px) {
  body {
    background:
      radial-gradient(circle at 84% 4%, rgba(185, 244, 90, 0.06), transparent 16rem),
      var(--fm-bg) !important;
  }

  h1 {
    font-size: clamp(2.25rem, 11vw, 3.25rem) !important;
    line-height: 1.02 !important;
  }

  h2 {
    line-height: 1.1 !important;
  }

  body > nav > div,
  body > header.border-b > div {
    gap: 0.75rem !important;
  }

  body > nav > div > a:first-child,
  body > header.border-b > div > a:first-child {
    font-size: 0.9rem !important;
  }

  body > nav > div > div,
  body > header.border-b > div > nav {
    gap: 0.75rem !important;
  }

  body > nav > div > div > a:not(:last-child) {
    display: none !important;
  }

  a[class*="bg-emerald-"],
  button[class*="bg-emerald-"] {
    max-width: 100%;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    font-size: 0.9rem !important;
    letter-spacing: 0.03em !important;
    white-space: nowrap;
  }

  .fm-editorial-image,
  .fm-sequence-image,
  .fm-media-frame {
    min-height: 14rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}

@media (forced-colors: active) {
  .glass,
  .tool-card,
  [class*="bg-brand-card"] {
    border: 1px solid CanvasText !important;
  }
}
/* FutureMakers guided support and offer pathfinder */
.fm-pathfinder{position:fixed;right:22px;bottom:22px;z-index:1000;font-family:"Manrope","Inter",system-ui,sans-serif;color:#f8fafc;transition:bottom .25s ease}
.fm-pathfinder__launcher{display:flex;align-items:center;gap:11px;min-height:58px;padding:9px 16px 9px 12px;border:1px solid rgba(52,211,153,.32);border-radius:18px;background:rgba(8,13,22,.96);box-shadow:0 18px 52px rgba(0,0,0,.42);color:#f8fafc;cursor:pointer;text-align:left;backdrop-filter:blur(18px)}
.fm-pathfinder__launcher:hover,.fm-pathfinder__launcher:focus-visible{border-color:rgba(52,211,153,.7);outline:none;transform:translateY(-2px)}
.fm-pathfinder__launcher strong,.fm-pathfinder__launcher small{display:block}.fm-pathfinder__launcher strong{font-size:.83rem;font-weight:800}.fm-pathfinder__launcher small{margin-top:2px;color:#8f9cad;font-size:.67rem}
.fm-pathfinder__pulse{position:relative;display:block;width:32px;height:32px;border-radius:11px;background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 7px 20px rgba(16,185,129,.28)}
.fm-pathfinder__pulse::before,.fm-pathfinder__pulse::after{position:absolute;border-radius:50%;background:#05100d;content:""}.fm-pathfinder__pulse::before{top:10px;left:9px;width:4px;height:4px;box-shadow:10px 0 #05100d}.fm-pathfinder__pulse::after{bottom:8px;left:9px;width:14px;height:3px;border-radius:0 0 8px 8px}
.fm-pathfinder__panel{position:absolute;right:0;bottom:72px;display:flex;width:min(390px,calc(100vw - 28px));max-height:min(650px,calc(100dvh - 110px));overflow:hidden;flex-direction:column;border:1px solid rgba(52,211,153,.2);border-radius:24px;background:linear-gradient(160deg,rgba(16,24,39,.99),rgba(5,8,15,.99));box-shadow:0 30px 90px rgba(0,0,0,.58);opacity:0;pointer-events:none;transform:translateY(15px) scale(.98);transform-origin:bottom right;transition:opacity .2s ease,transform .2s ease}
.fm-pathfinder.is-open .fm-pathfinder__panel{opacity:1;pointer-events:auto;transform:none}.fm-pathfinder.is-open .fm-pathfinder__launcher{visibility:hidden}
.fm-pathfinder__header{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.fm-pathfinder__header>div{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px}.fm-pathfinder__header strong,.fm-pathfinder__header small{grid-column:2}.fm-pathfinder__header strong{font-size:.82rem}.fm-pathfinder__header small{color:#8390a2;font-size:.65rem}.fm-pathfinder__status{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#34d399;box-shadow:0 0 0 5px rgba(52,211,153,.1)}
.fm-pathfinder__close{display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:11px;background:rgba(255,255,255,.055);color:#aab5c4;font-size:1.35rem;cursor:pointer}.fm-pathfinder__close:hover,.fm-pathfinder__close:focus-visible{background:rgba(255,255,255,.1);color:#fff;outline:2px solid rgba(52,211,153,.45)}
.fm-pathfinder__body{overflow-y:auto;padding:26px 22px}.fm-pathfinder__eyebrow{margin:0 0 10px;color:#34d399;font-size:.66rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.fm-pathfinder__body h2{margin:0;color:#f8fafc;font-size:1.45rem;font-weight:600;letter-spacing:-.035em;line-height:1.16}.fm-pathfinder__copy{margin:13px 0 0;color:#aeb9c8;font-size:.86rem;line-height:1.62}
.fm-pathfinder__choices,.fm-pathfinder__actions{display:grid;gap:9px;margin-top:20px}.fm-pathfinder__choices button,.fm-pathfinder__action{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035);color:#dce4ed;font:inherit;font-size:.8rem;font-weight:730;text-align:left;text-decoration:none;cursor:pointer}.fm-pathfinder__choices button:hover,.fm-pathfinder__choices button:focus-visible,.fm-pathfinder__action:hover,.fm-pathfinder__action:focus-visible{border-color:rgba(52,211,153,.45);background:rgba(52,211,153,.08);color:#fff;outline:none}.fm-pathfinder__choices button span:last-child{color:#34d399}.fm-pathfinder__action{justify-content:center;text-align:center}.fm-pathfinder__action--primary{border-color:transparent;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#05080f}.fm-pathfinder__action--primary:hover,.fm-pathfinder__action--primary:focus-visible{background:linear-gradient(135deg,#fcd34d,#fbbf24);color:#05080f}.fm-pathfinder__action--secondary{border-color:rgba(52,211,153,.3);color:#34d399}
.fm-pathfinder__footer{padding:12px 18px;border-top:1px solid rgba(255,255,255,.07);color:#667386;font-size:.62rem;text-align:center}.fm-pathfinder__footer a{color:#8f9cad}
.footer{padding-bottom:96px}.footer-inner{align-items:center!important;justify-content:center!important;flex-direction:column;text-align:center}.footer-inner>p{margin:0}.footer-links{justify-content:center}
@media(max-width:600px){.fm-pathfinder{right:14px;bottom:14px}.fm-pathfinder__launcher{min-height:54px}.fm-pathfinder__panel{position:fixed;right:10px;bottom:10px;left:10px;width:auto;max-height:calc(100dvh - 20px);border-radius:22px;transform-origin:bottom center}.fm-pathfinder__body{padding:24px 19px}.fm-pathfinder__body h2{font-size:1.35rem}.footer{padding-bottom:30px}.footer::after{display:block;height:150px;content:""}.footer-inner{gap:24px}.footer-links{justify-content:center;row-gap:15px}.footer-links a{display:inline-flex;min-height:44px;align-items:center;padding:0 4px}}
@media(prefers-reduced-motion:reduce){.fm-pathfinder__panel,.fm-pathfinder__launcher{transition:none!important;transform:none!important}}

/* Account and Free Guide Hub */
.fm-auth-page,.fm-hub-page{min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(16,185,129,.15),transparent 34rem),#05080f!important;color:#f8fafc}
.fm-auth-shell{display:grid;width:min(520px,calc(100% - 28px));min-height:100vh;margin:auto;padding:34px 0;align-content:center;gap:24px}.fm-auth-shell>.brand{display:flex;align-items:center;justify-self:center;gap:10px;color:#fff;font-size:1.08rem;font-weight:700;letter-spacing:-.04em;text-decoration:none}.fm-auth-shell .brand-mark{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(52,211,153,.3);border-radius:9px;background:rgba(52,211,153,.1);color:#34d399;font-size:.76rem;font-weight:800}.fm-auth-shell .brand-word strong{color:#34d399}.fm-auth-card{padding:38px;border:1px solid rgba(52,211,153,.2);border-radius:26px;background:linear-gradient(145deg,rgba(17,24,39,.92),rgba(8,13,22,.88));box-shadow:0 30px 90px rgba(0,0,0,.45)}.fm-auth-card h1{margin:0;font-size:clamp(2rem,7vw,3rem);font-weight:520;letter-spacing:-.05em;line-height:1.04}.fm-auth-eyebrow{text-align:center}.fm-auth-lede{margin:18px 0 0;color:#aeb9c8;line-height:1.65}.fm-oauth-grid{display:grid;gap:10px;margin-top:27px}.fm-oauth-grid button{display:flex;min-height:50px;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(255,255,255,.045);color:#f8fafc;font:inherit;font-size:.86rem;font-weight:750;cursor:pointer}.fm-oauth-grid button:hover,.fm-oauth-grid button:focus-visible{border-color:rgba(52,211,153,.5);background:rgba(52,211,153,.08);outline:none}.fm-oauth-grid button span{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;background:rgba(255,255,255,.08);font-size:.66rem}.fm-auth-divider{display:flex;align-items:center;gap:12px;margin:23px 0;color:#718095;font-size:.7rem}.fm-auth-divider::before,.fm-auth-divider::after{height:1px;background:rgba(255,255,255,.09);content:"";flex:1}.fm-auth-card form{display:grid;gap:10px}.fm-auth-card label{color:#c6d0dc;font-size:.76rem;font-weight:750}.fm-auth-card input{width:100%;min-height:51px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#080d16;color:#fff;font:inherit}.fm-auth-card input:focus{border-color:#34d399;outline:2px solid rgba(52,211,153,.15)}.fm-auth-submit{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;margin-top:4px;padding:0 20px;border:1px solid transparent;border-radius:13px;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 13px 34px rgba(245,158,11,.2);color:#05080f;font:inherit;font-size:.85rem;font-weight:850;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.fm-auth-submit:hover,.fm-auth-submit:focus-visible{box-shadow:0 17px 42px rgba(245,158,11,.3);outline:none;transform:translateY(-1px)}.fm-auth-submit:disabled{cursor:wait;opacity:.65;transform:none}.fm-auth-message{min-height:22px;margin:15px 0 0;color:#94a3b8;font-size:.78rem;line-height:1.5}.fm-auth-message[data-kind="error"]{color:#fca5a5}.fm-auth-message[data-kind="success"]{color:#6ee7b7}.fm-auth-terms{margin:16px 0 0;color:#6f7d90;font-size:.67rem;line-height:1.5;text-align:center}.fm-auth-terms a,.fm-auth-back a,.fm-auth-card--status a{color:#a7f3d0}.fm-auth-back{margin:0;text-align:center;font-size:.76rem}.fm-auth-card--status{text-align:center}.fm-auth-loader{width:38px;height:38px;margin:0 auto 22px;border:3px solid rgba(52,211,153,.18);border-top-color:#34d399;border-radius:50%;animation:fm-spin .8s linear infinite}@keyframes fm-spin{to{transform:rotate(360deg)}}
.fm-hub-page{visibility:hidden}.fm-auth-ready .fm-hub-page{visibility:visible}.fm-hub-nav{display:flex;width:min(1120px,calc(100% - 36px));min-height:78px;margin:auto;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.fm-hub-nav button{border:0;background:transparent;color:#94a3b8;font:inherit;font-size:.78rem;cursor:pointer}.fm-hub-nav button:hover{color:#fff}.fm-hub-shell{width:min(1120px,calc(100% - 36px));margin:auto;padding:66px 0 90px}.fm-hub-hero{display:grid;grid-template-columns:1fr 320px;gap:54px;align-items:end}.fm-hub-hero h1{max-width:760px;margin:0;font-size:clamp(2.5rem,6vw,5rem);font-weight:500;letter-spacing:-.06em;line-height:.98}.fm-hub-hero h1 span{color:#34d399}.fm-hub-hero>div>p:last-child{max-width:660px;margin:22px 0 0;color:#aeb9c8;line-height:1.7}.fm-progress-card{padding:25px;border:1px solid rgba(52,211,153,.18);border-radius:20px;background:rgba(16,24,39,.72)}.fm-progress-card>span,.fm-progress-card>small{display:block;color:#8190a4;font-size:.69rem}.fm-progress-card strong{display:block;margin:8px 0 15px;font-size:1.7rem}.fm-progress-card>div{height:7px;overflow:hidden;border-radius:9px;background:rgba(255,255,255,.08)}.fm-progress-card i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#10b981,#fbbf24);transition:width .35s ease}.fm-progress-card small{margin-top:11px}.fm-hub-section{margin-top:78px}.fm-hub-section>h2{margin:0;font-size:2rem;font-weight:520;letter-spacing:-.04em}.fm-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.fm-resource-card{display:flex;min-height:315px;flex-direction:column;padding:27px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(145deg,rgba(17,24,39,.78),rgba(8,13,22,.72))}.fm-resource-card__top{display:flex;align-items:center;justify-content:space-between;color:#34d399;font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.fm-resource-status{color:#8492a5}.fm-resource-card h2{margin:28px 0 12px;font-size:1.35rem;font-weight:550;letter-spacing:-.035em}.fm-resource-card p{margin:0;color:#98a6b8;font-size:.86rem;line-height:1.65}.fm-resource-card__actions{display:grid;gap:8px;margin-top:auto;padding-top:25px}.fm-resource-card__actions a,.fm-resource-card__actions button{display:flex;min-height:44px;align-items:center;justify-content:center;border:1px solid rgba(52,211,153,.25);border-radius:11px;background:rgba(52,211,153,.07);color:#6ee7b7;font:inherit;font-size:.75rem;font-weight:800;text-decoration:none;cursor:pointer}.fm-resource-card__actions button{border-color:rgba(255,255,255,.08);background:transparent;color:#8492a5}.fm-hub-upgrade{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:70px;padding:38px;border:1px solid rgba(251,191,36,.2);border-radius:25px;background:linear-gradient(135deg,rgba(251,191,36,.07),rgba(17,24,39,.55))}.fm-hub-upgrade h2{margin:0;font-size:1.8rem;font-weight:520;letter-spacing:-.04em}.fm-hub-upgrade p:last-child{max-width:680px;margin:12px 0 0;color:#9ba8b9;line-height:1.6}.fm-hub-upgrade .button{flex-shrink:0}.fm-hub-footer{display:flex;justify-content:center;gap:22px;padding:28px;border-top:1px solid rgba(255,255,255,.07)}.fm-hub-footer a{color:#758397;font-size:.7rem;text-decoration:none}
@media(max-width:800px){.fm-hub-hero{grid-template-columns:1fr}.fm-resource-grid{grid-template-columns:1fr}.fm-hub-upgrade{align-items:flex-start;flex-direction:column}.fm-resource-card{min-height:285px}}@media(max-width:480px){.fm-auth-card{padding:27px 22px}.fm-hub-shell{width:calc(100% - 28px);padding-top:48px}.fm-hub-nav{width:calc(100% - 28px)}.fm-hub-hero h1{font-size:2.5rem}.fm-hub-upgrade{padding:27px}.fm-hub-upgrade .button{width:100%}}
