/* LabABLE website feedback refresh.
   This file intentionally overrides only the areas discussed in the website-feedback call.
   It is loaded after the existing /exact/styles.css so the rest of the live site stays untouched. */

/* Navigation: homepage sections first, then Marketplace and Open Platform. */
.main-nav { gap:1rem; }
.main-nav a { font-size:.78rem; white-space:nowrap; }

/* More prominent brand without changing the existing header/footer links. */
.logo { display:inline-flex; align-items:center; overflow:visible; flex-shrink:0; }
.logo img { height:2.704rem; width:auto; max-width:none; transform:scale(1.1); transform-origin:left center; }

/* General homepage compression requested in the feedback call. */
.section { padding:4.25rem 0; }
.wide-header { max-width:70rem; }
.compact-header .section-title { margin-top:.55rem; }
.compact-header .section-sub { max-width:64rem; margin-top:.65rem; }

/* Hero: deliberate two-line headline, less empty space, realistic product placeholder. */
.feedback-hero-grid { padding-top:3rem; padding-bottom:3rem; gap:2rem; }
.feedback-hero-title { margin-top:0 !important; font-size:clamp(2rem,4.2vw,3.65rem) !important; line-height:1.01 !important; }
.hero-title-line { display:block; white-space:nowrap; }
.hero-sub { margin-top:1rem; max-width:39rem; }
.hero-form { margin-top:1.25rem; max-width:34rem; }
.waitlist-form { padding:.32rem; }
.waitlist-row { gap:.35rem; }
.waitlist-form input { height:2.55rem; }
.waitlist-form .btn.large {
  min-height:2.55rem;
  padding:.5rem 1.05rem;
}
.microcopy {
  margin-top:.48rem;
  font-size:.82rem;
  line-height:1.35;
}

.hero-dashboard-placeholder {
  min-height:18.05rem;
  display:flex;
  flex-direction:column;
  background:linear-gradient(145deg,var(--card),var(--surface));
}
.dashboard-placeholder-top {
  min-height:2.65rem;
  display:flex;
  align-items:center;
  gap:.45rem;
  padding:0 1rem;
  border-bottom:1px solid var(--border);
  font-size:.72rem;
  font-weight:600;
  color:var(--muted-foreground);
}
.placeholder-dot { width:.48rem; height:.48rem; border-radius:50%; background:var(--border); }
.dashboard-placeholder-body { flex:1; display:flex; flex-direction:column; justify-content:center; padding:2rem; }
.placeholder-eyebrow { font-size:.7rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--primary); }
.dashboard-placeholder-body strong { margin-top:.55rem; font-size:clamp(1.5rem,2.4vw,2.15rem); }
.dashboard-placeholder-body p { margin-top:.55rem; max-width:30rem; font-size:.9rem; line-height:1.55; color:var(--muted-foreground); }
.placeholder-ui-grid { margin-top:1.4rem; display:grid; grid-template-columns:1.3fr .9fr; gap:.65rem; }
.placeholder-ui-grid span { height:2.5rem; border:1px solid var(--border); border-radius:.65rem; background:color-mix(in oklab,var(--primary) 4%,var(--card)); }

.qc-pulse {
  display:inline-block;
  animation:qc-color-pulse 4.2s ease-in-out infinite;
}
@keyframes qc-color-pulse {
  0%,100% {
    color:var(--foreground);
    text-shadow:none;
  }
  50% {
    color:var(--primary);
    text-shadow:0 0 14px color-mix(in oklab,var(--primary) 34%,transparent);
  }
}
.counter-window { min-width:5.25rem; height:1.55rem; }
.odometer { display:inline-flex; align-items:flex-end; gap:.01em; }
.odometer-digit {
  display:inline-block;
  min-width:.56em;
  text-align:center;
  will-change:transform,opacity;
}
.odometer-digit.roll-up {
  animation:feedback-odometer-roll .34s ease-out;
}
.odometer-sep { display:inline-block; min-width:.25em; text-align:center; }
@keyframes feedback-odometer-roll {
  0% { transform:translateY(.72em); opacity:.08; }
  55% { opacity:.9; }
  100% { transform:translateY(0); opacity:1; }
}

/* Results: five compact outcome-focused cards, no decorative icons. */
.results-section { padding-top:2.9rem; padding-bottom:3.6rem; }
.results-grid { margin-top:1.6rem; display:grid; gap:.8rem; grid-template-columns:repeat(2,minmax(0,1fr)); }
.result-card { padding:1.15rem; }
.result-metric {
  display:flex;
  align-items:center;
  gap:.5rem;
  flex-wrap:nowrap;
  min-width:0;
}
.result-metric strong {
  font-size:1.55rem;
  line-height:1;
  background:var(--gradient-text);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.result-metric span {
  min-width:0;
  font-size:.68rem;
  line-height:1.15;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.045em;
  color:var(--muted-foreground);
}
.result-card h3 { margin-top:.65rem; font-size:.94rem; }
.result-card p { margin-top:.3rem; font-size:.79rem; line-height:1.48; color:var(--muted-foreground); }

/* Problem: no image; six compact cards in a 3x2 desktop grid. */
.problem-cards-full { margin-top:2rem; display:grid; gap:.8rem; }
.compact-info-card,
.solution-card,
.market-feature-card { padding:1.05rem 1.15rem; }
.compact-card-head { display:flex; align-items:center; gap:.7rem; }
.compact-card-head .icon-box { width:2.25rem; height:2.25rem; border-radius:.65rem; flex:0 0 auto; }
.compact-card-head .icon-box.primary { width:2.35rem; height:2.35rem; }
.compact-info-card h3,
.solution-card h3,
.market-feature-card h3 { margin:0; font-size:.95rem; }
.compact-info-card p,
.solution-card p,
.market-feature-card p { margin-top:.55rem; font-size:.8rem; line-height:1.48; color:var(--muted-foreground); }

/* Cost of inaction: remove the repeated alert-icon/red-shade treatment. */
.clean-stats-grid { margin-top:2rem; }
.metric-card { padding:1.15rem 1.25rem; background:var(--card); overflow:hidden; }
.metric-card::after { display:none !important; }
.metric-inline { display:flex; align-items:baseline; gap:.55rem; }
.metric-inline strong { flex:0 0 auto; font-size:1.75rem; line-height:1; color:var(--foreground); }
.metric-inline span { font-size:.83rem; line-height:1.35; font-weight:600; }
.metric-card small { display:block; margin-top:.45rem; font-size:.68rem; color:var(--muted-foreground); }

/* Solution: remove the large side image and use a compact even grid. */
.solution-grid { margin-top:2rem; display:grid; gap:.8rem; }
.solution-card { min-height:100%; }

/* Comparison: remove "Before vs after" kicker and keep the table compact. */
#comparison .section-title { white-space:nowrap; }
#comparison .compare-wrap { margin-top:2rem; }

/* New Marketplace / Open Platform page. */
.open-platform-hero .inner-hero-inner { padding-top:4.25rem; padding-bottom:4.25rem; }
.open-platform-hero .section-title { max-width:70rem; margin-left:auto; margin-right:auto; font-size:clamp(2.5rem,5vw,4rem); }
.audience-band { border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--card); }
.audience-inner { padding-top:2.2rem; padding-bottom:2.2rem; text-align:center; }
.audience-inner h2 { font-size:clamp(1.55rem,3vw,2.15rem); font-weight:750; }
.audience-items { margin-top:1rem; display:flex; flex-wrap:wrap; justify-content:center; gap:.55rem; }
.audience-items span { padding:.45rem .75rem; border:1px solid var(--border); border-radius:999px; background:var(--surface); font-size:.76rem; font-weight:600; color:var(--muted-foreground); }

.market-feature-grid { margin-top:2rem; display:grid; gap:.8rem; }
.asset-strip { margin-top:.85rem; padding:1rem 1.15rem; display:flex; align-items:center; gap:1rem; }
.asset-strip-label { flex:0 0 auto; font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--muted-foreground); }
.asset-strip-items { display:flex; flex-wrap:wrap; gap:.45rem; }
.asset-strip-items span { padding:.35rem .58rem; border-radius:.55rem; background:var(--surface); border:1px solid var(--border); font-size:.74rem; font-weight:600; }

.open-steps-grid { margin-top:2rem; display:grid; gap:.8rem; }
.open-step-card { padding:1.2rem; }
.open-step-card .step-num { display:block; color:var(--primary); }
.open-step-card h3 { margin-top:.5rem; font-size:1rem; }
.open-step-card p { margin-top:.35rem; font-size:.8rem; line-height:1.5; color:var(--muted-foreground); }

@media (min-width:640px) {
  .problem-cards-full,
  .solution-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .market-feature-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .open-steps-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (min-width:1024px) {
  .feedback-hero-grid {
    grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) !important;
    gap:2.5rem !important;
    padding-top:3.25rem !important;
    padding-bottom:3.25rem !important;
  }
  .feedback-hero-title { font-size:clamp(2.75rem,4.1vw,3.75rem) !important; }
  .hero-dashboard-placeholder { min-height:19.95rem; }
  .problem-cards-full { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .solution-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .solution-grid .solution-card:nth-child(1),
  .solution-grid .solution-card:nth-child(2),
  .solution-grid .solution-card:nth-child(3) { grid-column:span 2; }
  .solution-grid .solution-card:nth-child(4) { grid-column:2 / span 2; }
  .solution-grid .solution-card:nth-child(5) { grid-column:4 / span 2; }
  .open-steps-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

@media (min-width:1180px) {
  .results-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
}

@media (max-width:1100px) {
  .main-nav { gap:.7rem; }
  .main-nav a { font-size:.7rem; }
}

@media (min-width:768px) and (max-width:900px) {
  .main-nav { display:none; }
}

@media (max-width:900px) {
  #comparison .section-title { white-space:normal; }
}

@media (max-width:639px) {
  .section { padding:3.4rem 0; }
  .feedback-hero-grid { padding-top:2rem; padding-bottom:2.2rem; gap:1.55rem; }
  .feedback-hero-title { font-size:clamp(1.55rem,7.5vw,2rem) !important; line-height:1.04 !important; letter-spacing:-.025em !important; }
  .hero-title-line { white-space:nowrap; }
  .hero-sub { margin-top:.8rem; font-size:.96rem; line-height:1.5; }
  .hero-form { margin-top:1rem; }
  .hero-dashboard-placeholder { min-height:15.2rem; }
  .dashboard-placeholder-body { padding:1.35rem; }
  .dashboard-placeholder-body strong { font-size:1.45rem; }
  .results-section { padding-top:2.4rem; }
  .results-grid { grid-template-columns:1fr; }
  .metric-inline { align-items:flex-start; }
  .asset-strip { align-items:flex-start; flex-direction:column; }
  .audience-inner { text-align:left; }
  .audience-items { justify-content:flex-start; }
}

@media (prefers-reduced-motion:reduce) {
  .qc-pulse,
  .odometer-digit.roll-up { animation:none !important; }
}


/* Mobile header navigation */
.nav-wrap {
  position: relative;
}

.mobile-menu-toggle,
.mobile-site-menu {
  display: none;
}

@media (max-width: 900px) {
  .site-header {
    overflow: visible;
  }

  .nav-wrap {
    height: 4rem;
    gap: .65rem;
    overflow: visible;
  }

  /* On mobile, all navigation and CTA buttons live inside the hamburger drawer. */
  .main-nav,
  .header-actions {
    display: none !important;
  }

  .logo {
    min-width: 0;
    max-width: calc(100% - 3.5rem);
  }

  .logo img {
    height: 2.35rem;
    width: auto;
    max-width: 100%;
    transform: none;
  }

  .mobile-menu-toggle {
    margin-left: auto;
    flex: 0 0 auto;
    width: 2.7rem;
    height: 2.7rem;
    padding: 0;
    border: 1px solid var(--border);
    border-radius: .8rem;
    background: color-mix(in oklab,var(--card) 92%,transparent);
    color: var(--foreground);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .28rem;
    cursor: pointer;
    box-shadow: var(--shadow-soft);
  }

  .mobile-menu-toggle span {
    display: block;
    width: 1.2rem;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transition: transform .2s ease, opacity .2s ease;
    transform-origin: center;
  }

  .site-header.mobile-menu-open .mobile-menu-toggle span:nth-child(1) {
    transform: translateY(.35rem) rotate(45deg);
  }

  .site-header.mobile-menu-open .mobile-menu-toggle span:nth-child(2) {
    opacity: 0;
  }

  .site-header.mobile-menu-open .mobile-menu-toggle span:nth-child(3) {
    transform: translateY(-.35rem) rotate(-45deg);
  }

  .mobile-site-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 49;
    display: block;
    background: color-mix(in oklab,var(--background) 97%,transparent);
    border-top: 1px solid color-mix(in oklab,var(--border) 60%,transparent);
    border-bottom: 1px solid var(--border);
    box-shadow: var(--shadow-elevated);
    backdrop-filter: blur(16px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
  }

  .site-header.mobile-menu-open .mobile-site-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  .mobile-site-menu-inner {
    padding-top: .65rem;
    padding-bottom: 1rem;
  }

  .mobile-nav-links {
    display: grid;
  }

  .mobile-nav-links a {
    display: block;
    padding: .78rem .2rem;
    border-bottom: 1px solid color-mix(in oklab,var(--border) 65%,transparent);
    font-size: .9rem;
    font-weight: 600;
    color: var(--foreground);
  }

  .mobile-nav-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .6rem;
    margin-top: .85rem;
  }

  .mobile-nav-actions .btn {
    width: 100%;
    min-height: 2.65rem;
    padding: .55rem .7rem;
    font-size: .8rem;
  }

  body.mobile-menu-open {
    overflow-x: hidden;
  }
}

@media (max-width: 370px) {
  .logo img {
    height: 2.15rem;
  }

  .mobile-nav-actions {
    grid-template-columns: 1fr;
  }
}


/* October 2026: homepage marketplace signal and compact future-marketplace storytelling. */
.hero-open-signal {
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  max-width:100%;
  gap:.55rem;
  margin-bottom:.95rem;
  padding:.42rem .77rem;
  border:1px solid color-mix(in oklab,var(--primary) 24%,var(--border));
  border-radius:999px;
  background:color-mix(in oklab,var(--card) 80%,transparent);
  box-shadow:0 2px 12px oklch(.4 .1 265 / .055);
  font-size:.67rem;
  font-weight:750;
  letter-spacing:.085em;
  line-height:1.25;
  text-transform:uppercase;
  color:var(--accent-foreground);
  transition:border-color .2s,background .2s,transform .2s;
}
.hero-open-signal:hover { transform:translateY(-2px);border-color:var(--primary);background:var(--card); }
.hero-open-signal:focus-visible {outline:2px solid var(--primary);outline-offset:3px;}
.hero-open-signal .icon {height:.78rem;width:.78rem;flex:none;}
.hero-open-signal-mark {width:.42rem;height:.42rem;background:var(--primary);border-radius:50%;box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 9%,transparent);flex:none;}
.hero-signal-dot {padding:0 .14rem;color:var(--primary);}

/* Marketplace page: editorial bento instead of repetitive feature cards. */
.open-platform-hero .section-sub {max-width:46rem;}
.vision-hero-separator {padding:0 .4rem;color:var(--muted-foreground);opacity:.45;}
.vision-hero-tags {display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:1.4rem;}
.vision-hero-tags span {font-size:.7rem;letter-spacing:.015em;font-weight:650;color:var(--muted-foreground);padding:.45rem .78rem;border:1px solid color-mix(in oklab,var(--primary) 15%,var(--border));border-radius:999px;background:color-mix(in oklab,var(--card) 82%,transparent);}
.market-vision-section {padding-bottom:3.2rem;}
.use-case-grid {display:grid;grid-template-columns:1.24fr 1fr 1fr;grid-template-rows:repeat(2,minmax(180px,auto));gap:.84rem;margin-top:2rem;}
.use-case-card {position:relative;overflow:hidden;min-width:0;padding:1.3rem 1.4rem;border:1px solid var(--border);border-radius:1.15rem;background:var(--card);box-shadow:0 8px 20px oklch(.18 .04 265 / .035);}
.use-case-card:not(.use-case-feature)::after {content:"";position:absolute;right:-3.5rem;bottom:-5rem;height:10rem;width:10rem;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--primary) 7%,transparent),transparent 70%);pointer-events:none;}
.use-case-feature {grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between;min-height:380px;background:linear-gradient(140deg,#121c48 0%,#202b77 62%,#3447ac 115%);border-color:#3e4fa8;color:#fff;box-shadow:0 20px 35px -22px #202c70;}
.use-case-feature::after {content:"";position:absolute;width:18rem;height:18rem;top:17%;right:-9rem;background:radial-gradient(circle,#728dff35,transparent 75%);border-radius:50%;pointer-events:none;}
.case-topline {display:flex;justify-content:space-between;align-items:center;gap:.7rem;font-size:.63rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase;color:var(--muted-foreground);}
.case-topline .icon {color:var(--primary);width:1.05rem;height:1.05rem;flex:none;}
.case-stage {color:#bfc8ff;letter-spacing:.045em;font-size:.58rem;white-space:nowrap;border:1px solid #879bff45;padding:.34rem .52rem;border-radius:999px;}
.use-case-feature .case-topline {color:#acbaff;}
.use-case-card h3 {font-size:1.05rem;line-height:1.2;font-weight:750;letter-spacing:-.023em;margin-top:1rem;max-width:20rem;}
.use-case-card p {font-size:.77rem;line-height:1.55;margin-top:.55rem;color:var(--muted-foreground);max-width:18rem;}
.use-case-feature h3 {font-size:clamp(1.55rem,2.7vw,2.15rem);line-height:1.11;margin-top:0;max-width:19rem;}
.use-case-feature p {color:#cad5ff;font-size:.85rem;max-width:19rem;}
.case-feature-copy {position:relative;z-index:1;margin-top:1.3rem;}
.case-workflow {position:relative;z-index:1;margin-top:1.5rem;display:grid;gap:.46rem;}
.case-workflow:before {content:"";position:absolute;top:1.3rem;bottom:1.3rem;left:.71rem;width:1px;background:#889aff8c;}
.case-workflow-row {display:flex;align-items:center;gap:.55rem;padding:.7rem .68rem;border:1px solid #ffffff22;border-radius:.73rem;background:#ffffff0b;backdrop-filter:blur(6px);font-size:.75rem;color:#eff2ff;}
.workflow-point {position:relative;z-index:1;width:.72rem;height:.72rem;border:2px solid #afbbff;border-radius:50%;background:#34448e;flex:none;}
.point-two {border-color:#f5b5c8;}.point-three {border-color:#87e6bf;}
.workflow-state {margin-left:auto;font-size:.59rem;color:#b5c4ff;}
.workflow-state.done {color:#85f0c2;}
.case-footnote {display:block;margin-top:1.3rem;font-size:.62rem;font-weight:650;letter-spacing:.045em;color:#abbfff;}
.mini-qc-chart {height:2.5rem;margin-top:1rem;display:flex;align-items:flex-end;gap:.26rem;}
.mini-qc-chart i {height:55%;min-width:0;flex:1;border-radius:3px 3px 0 0;background:#abb8fb;opacity:.9;}
.mini-qc-chart i:nth-child(2),.mini-qc-chart i:nth-child(6) {height:78%;background:#6f87ed;}
.mini-qc-chart i:nth-child(3),.mini-qc-chart i:nth-child(7) {height:35%;}
.mini-qc-chart i:nth-child(4),.mini-qc-chart i:nth-child(9) {height:95%;background:#455fd5;}
.mini-qc-chart i:nth-child(5) {height:65%;}
.mini-qc-chart i:nth-child(8) {height:86%;}
.mini-file-flow {display:flex;align-items:center;gap:.5rem;margin-top:1rem;color:var(--primary);}
.mini-file-flow span {padding:.35rem .5rem;border-radius:.45rem;border:1px solid var(--border);background:var(--surface);color:var(--foreground);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.61rem;font-weight:650;white-space:nowrap;}
.mini-file-flow .icon {width:.92rem;height:.92rem;flex:none;}
.mini-version {display:flex;align-items:center;margin-top:1.2rem;gap:.45rem;font-size:.63rem;font-weight:700;color:var(--primary);}
.mini-version span:not(.mini-version-line) {padding:.37rem .56rem;border:1px solid color-mix(in oklab,var(--primary) 20%,var(--border));background:var(--surface);border-radius:.4rem;white-space:nowrap;}
.mini-version-line {height:1px;max-width:2rem;flex:1;background:var(--primary);opacity:.6;}
.mini-ecosystem {display:flex;flex-wrap:wrap;gap:.44rem;margin-top:1rem;}
.mini-ecosystem span {display:inline-flex;align-items:center;gap:.32rem;border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:.39rem .55rem;font-size:.65rem;font-weight:650;}
.mini-ecosystem .icon {width:.79rem;height:.79rem;color:var(--primary);}
.market-vision-section .asset-strip {margin-top:.8rem;border-radius:.85rem;}

/* Short, distinct forward-technology visual: dark rail and deliberately qualified stages. */
.future-path-section {padding:2.3rem 0 1rem;}
.future-path-panel {position:relative;overflow:hidden;border-radius:1.5rem;padding:2.25rem 2.55rem;background:linear-gradient(118deg,#111b43,#1d2972 55%,#242f84);color:#fff;box-shadow:0 18px 45px -32px #121e65;}
.future-path-panel::before {content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent 12%,black);pointer-events:none;}
.future-path-panel::after {content:"";position:absolute;height:16rem;width:16rem;right:-5rem;top:-8rem;background:radial-gradient(circle,#93a6ff43,transparent 72%);pointer-events:none;}
.future-path-head {position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:2rem;}
.future-kicker {font-size:.65rem;letter-spacing:.17em;text-transform:uppercase;font-weight:750;color:#a6baff;}
.future-path-head h2 {max-width:40rem;margin-top:.5rem;font-size:clamp(1.5rem,2.8vw,2.3rem);line-height:1.17;letter-spacing:-.028em;}
.future-path-head h2 span {color:#bbc8ff;}
.future-path-head>p {font-size:.75rem;line-height:1.5;color:#b8c5fa;max-width:11rem;}
.future-path-rail {position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.1rem;}
.future-path-rail::before {content:"";position:absolute;top:2.88rem;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#667dff,#a2adff,#82a4ff);opacity:.48;}
.future-stage {position:relative;min-width:0;}
.future-stage-id {display:flex;align-items:baseline;gap:.56rem;font-size:.86rem;color:#d0d8ff;font-weight:800;}
.future-stage-id span {font-size:.57rem;letter-spacing:.09em;color:#aebdf8;font-weight:700;}
.future-stage-orb {display:flex;justify-content:center;align-items:center;position:relative;height:2.4rem;width:2.4rem;margin-top:.8rem;border:1px solid #a2b3ff80;border-radius:50%;background:#2e449c;box-shadow:0 0 0 6px #a5baff16;}
.future-stage-orb .icon {height:1.18rem;width:1.18rem;color:#e7ebff;}
.future-stage h3 {margin-top:1.05rem;font-size:.95rem;font-weight:750;}
.future-stage p {margin-top:.33rem;max-width:15rem;color:#c1cdf6;font-size:.74rem;line-height:1.5;}
.future-path-note {position:relative;z-index:1;display:flex;align-items:center;gap:.45rem;padding-top:1.35rem;margin-top:1.5rem;border-top:1px solid #ffffff22;color:#b6c3f6;font-size:.68rem;line-height:1.5;}
.future-path-note .icon {height:.82rem;width:.82rem;flex:none;}

@media(max-width:1000px){
  .use-case-grid {grid-template-columns:1fr 1fr;grid-template-rows:auto;}
  .use-case-feature {grid-row:span 2;}
  .future-path-head>p {display:none;}
}
@media(max-width:680px){
  .hero-open-signal {font-size:.57rem;letter-spacing:.035em;gap:.4rem;margin-bottom:.7rem;padding:.4rem .55rem;}
  .vision-hero-tags {gap:.4rem;margin-top:1rem;}
  .vision-hero-tags span {font-size:.61rem;padding:.33rem .52rem;}
  .use-case-grid {grid-template-columns:1fr 1fr;gap:.65rem;}
  .use-case-feature {grid-column:1/-1;grid-row:auto;min-height:340px;}
  .use-case-card {padding:1rem;}
  .use-case-card:not(.use-case-feature) h3 {font-size:.93rem;}
  .use-case-card:not(.use-case-feature) p {font-size:.72rem;}
  .case-topline {font-size:.56rem;}
  .future-path-section {padding:1.2rem 0 .5rem;}
  .future-path-panel {padding:1.45rem 1.3rem;border-radius:1.2rem;}
  .future-path-rail {grid-template-columns:1fr;gap:1.25rem;margin-top:1.5rem;}
  .future-path-rail::before {left:1.16rem;right:auto;top:2.5rem;bottom:2rem;width:2px;height:auto;background:linear-gradient(#6e84ff,#9daeff);}
  .future-stage {padding-left:3.1rem;min-height:4.2rem;}
  .future-stage-orb {position:absolute;left:0;top:1.05rem;width:2.25rem;height:2.25rem;margin:0;}
  .future-stage h3 {margin-top:.45rem;}
  .future-stage p {max-width:22rem;}
  .future-path-note {margin-top:1.3rem;align-items:flex-start;}
}
@media(max-width:380px){
  .use-case-grid {grid-template-columns:1fr;}
  .use-case-feature {grid-column:auto;}
  .case-workflow-row {font-size:.67rem;}
}

/* Keep the compact hero from inheriting wide min-content constraints on phones. */
@media (max-width:639px) {
  .feedback-hero-grid {grid-template-columns:minmax(0,1fr);}
  .hero-copy,.hero-media,.hero-form {min-width:0;max-width:100%;}
  .hero-form .waitlist-form {min-width:0;}
  .hero-form .waitlist-row .btn {max-width:48%;}
  .hero-form .waitlist-row .btn .icon {display:none;}
  .hero-form .microcopy {max-width:100%;}
}
@media (max-width:370px) {
  .hero-open-signal {font-size:.49rem;letter-spacing:0;gap:.28rem;padding:.36rem .42rem;}
  .hero-open-signal .icon {display:none;}
  .hero-title-line {white-space:normal;}
  .hero-form .waitlist-row .btn {font-size:.68rem;padding:.4rem .45rem;}
}