/**

 * Pressure Washing Desk — Tailwind supplements + feel landmarks.

 * Primary styling lives in Tailwind utility classes.

 */



:root {
  --pw-brand: #065f46;
  --pw-brand-dark: #064e3b;
  --pw-brand-light: #14b8a6;
  --pw-brand-muted: #ecfdf5;
}



.dark {

  --pw-brand-muted: rgb(6 78 59 / 0.35);

}



.tesla-section-stack {

  display: grid;

  gap: 1.5rem;

}



.entry-plate,

.auth-plate,

.marketing-nav,

.how-it-works {

  /* landmark hooks for feel verify */

}



.tabular-nums {

  font-variant-numeric: tabular-nums;

}



.pressure-washing-desk-desk-root button.bg-primary,

[data-desk-floor='COMMAND_CENTER'] .bg-primary {

  background-color: var(--pw-brand);

}



body.forge-shell.forge-page:has([data-desk-floor='COMMAND_CENTER']) {

  display: block;

  place-items: unset;

  width: 100%;

  max-width: none;

  padding: 0;

  margin: 0;

  min-height: 100vh;

}



#root {

  width: 100%;

  max-width: none;

}



[data-desk-floor='COMMAND_CENTER'] .recharts-responsive-container {

  min-height: 240px;

}



input:focus-visible,

textarea:focus-visible,

select:focus-visible,

button:focus-visible {

  outline: none;

}



html {

  scroll-behavior: smooth;

}



@media (prefers-reduced-motion: reduce) {

  html {

    scroll-behavior: auto;

  }

  .hover\:-translate-y-0\.5:hover,

  .hover\:-translate-y-1:hover {

    transform: none;

  }

  * {

    transition-duration: 0.01ms !important;

  }

}



.entry-plate img {

  object-fit: cover;

}



.auth-plate {

  max-width: 28rem;

}



@media (max-width: 640px) {

  [data-desk-floor='COMMAND_CENTER'] main {

    padding-bottom: 3rem;

  }

}



#feedback h2 {

  font-size: 1.25rem;

  line-height: 1.35;

}



footer .text-slate-500 {

  line-height: 1.65;

}



img[src^='data:image'] {

  background: linear-gradient(110deg, #f1f5f9 8%, #e2e8f0 18%, #f1f5f9 33%);

  background-size: 200% 100%;

}



.dark img[src^='data:image'] {

  background: linear-gradient(110deg, #1e293b 8%, #334155 18%, #1e293b 33%);

}



[data-desk-floor='COMMAND_CENTER'] nav.sticky {

  backdrop-filter: saturate(180%) blur(12px);

  background-color: rgb(255 255 255 / 0.92);

}



.dark [data-desk-floor='COMMAND_CENTER'] nav.sticky {

  background-color: rgb(2 6 23 / 0.88);

}



.forge-shell-marketing-hero {

  min-height: min(88vh, 920px);

}



.how-it-works ol {

  list-style: none;

  padding: 0;

  margin: 0;

}



.shadow-modern {
  box-shadow: 0 10px 15px -3px rgb(15 118 110 / 0.08), 0 4px 6px -4px rgb(15 118 110 / 0.06);
}

.shadow-modern-lg {
  box-shadow: 0 20px 25px -5px rgb(15 118 110 / 0.1), 0 8px 10px -6px rgb(15 118 110 / 0.08);
}



.appshell-brand-icon {
  background: linear-gradient(to bottom right, var(--pw-brand), var(--pw-brand-dark));
}

.appshell-user-avatar {
  background: linear-gradient(to bottom right, var(--pw-brand-light), var(--pw-brand));
}

.welcome-banner--command {
  background: linear-gradient(to bottom right, var(--pw-brand), var(--pw-brand) 40%, var(--pw-brand-dark)) !important;
  border: none;
  color: #fff;
}

.welcome-banner--command h2,
.welcome-banner--command .welcome-banner__title {
  color: #fff;
}

.welcome-banner--command p,
.welcome-banner--command .welcome-banner__desc {
  color: rgb(236 253 245 / 0.92);
}

.bg-brand {

  background-color: var(--pw-brand);

}



.hover\:bg-brand-dark:hover {

  background-color: var(--pw-brand-dark);

}



.text-brand {

  color: var(--pw-brand);

}



.border-brand {

  border-color: var(--pw-brand);

}



.from-brand {

  --tw-gradient-from: var(--pw-brand);

}



.to-brand-dark {

  --tw-gradient-to: var(--pw-brand-dark);

}



.bg-brand-muted {

  background-color: var(--pw-brand-muted);

}



.border-dashed {

  border-style: dashed;

}



.overflow-x-auto {

  -webkit-overflow-scrolling: touch;

  scrollbar-width: thin;

}



.min-h-screen {

  min-height: 100vh;

}



.group:hover .group-hover\:text-brand\/40 {
  color: rgb(15 118 110 / 0.45);
}



.rounded-3xl {

  border-radius: 1.5rem;

}



.rounded-2xl {

  border-radius: 1rem;

}



.tracking-tighter {

  letter-spacing: -0.05em;

}



.tracking-tight {

  letter-spacing: -0.025em;

}



.font-display {

  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;

  font-weight: 600;

}



.ease-smooth {

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

}

/* Marketing landing — full scroll page (forge-design-system .forge-page centers auth cards) */
body.forge-shell.forge-page:has(.forge-shell-marketing-hero) {
  display: block;
  place-items: unset;
  width: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
}

body.forge-shell.forge-page:has(.forge-shell-marketing-hero) #root {
  width: 100%;
  max-width: none;
}

.how-it-works ol {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

@media (min-width: 768px) {
  .how-it-works ol {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
  }
}

.how-it-works ol li {
  opacity: 1;
  visibility: visible;
  transform: none;
  min-height: 12rem;
}

/* DriveFund landing — bright readable hero (overrides cinematic tesla defaults) */
.drivefund-hero.tesla-hero-fullbleed {
  align-items: stretch;
  justify-content: flex-start;
  text-align: left;
  color: #0f172a;
  padding: 0;
  min-height: min(88vh, 820px);
}

.drivefund-hero .tesla-hero-fullbleed__overlay {
  background: linear-gradient(
    90deg,
    rgb(255 255 255 / 0.95) 0%,
    rgb(255 255 255 / 0.82) 45%,
    rgb(255 255 255 / 0.15) 100%
  ) !important;
}

.drivefund-hero .tesla-hero-fullbleed__content {
  max-width: 80rem;
  width: 100%;
  padding: 0;
  text-align: left;
}

.drivefund-hero__photo {
  filter: brightness(1.12) saturate(1.15) contrast(1.05);
  object-position: center center !important;
}

.drivefund-hero .marketing-hero__title,
.drivefund-hero .tesla-hero-title {
  color: #0f172a !important;
  text-shadow: none;
}

.drivefund-hero .marketing-hero__sub,
.drivefund-hero .tesla-hero-subhead {
  color: #334155 !important;
  opacity: 1 !important;
  text-shadow: none;
  margin-left: 0;
  margin-right: 0;
}

.drivefund-hero__copy {
  color: #0f172a;
  background: rgb(255 255 255 / 0.94) !important;
}

.drivefund-hero .marketing-nav,
.drivefund-hero .tesla-marketing-nav {
  color: #0f172a;
}

.drivefund-hero .tesla-hero-cta-row {
  justify-content: flex-start;
}

.drivefund-hero .tesla-glass-cta--ghost {
  color: #1e293b !important;
  border-color: #cbd5e1 !important;
  background: #fff !important;
}