/*
 * SMART SUMMIT brand skin (SMART-SUMMIT-BRAND-v1 handoff).
 *
 * Loaded after the Framer export's inline styles on every page. Two jobs:
 *   1. Re-point the export's accent color tokens (mint/green) at the brand
 *      palette, which restyles every pill/CTA/accent in one place.
 *   2. Restyle the shared footer to the approved concept: midnight base,
 *      blue-to-lavender arc, divided nav links, and the injected bottom bar
 *      (lavender logo + social icons + domain) from smart-summit.js.
 *
 * `html body` outranks the export's `body{...}` token rules regardless of
 * where hydration re-inserts its style tags.
 */

:root {
  --smart-midnight: #050713;
  --smart-navy: #081338;
  --smart-blue: #258CFF;
  --smart-lavender: #B68CFF;
  --smart-violet: #7A46FF;
  --smart-lilac: #C7A8FF;
  --smart-white: #FFFFFF;
  --smart-soft-white: #F4F3F8;
  --smart-ink: #090A0E;
  --smart-bg: linear-gradient(145deg, #050713 0%, #07102A 58%, #090916 100%);
  --smart-accent-gradient: linear-gradient(90deg, #258CFF 0%, #7A46FF 52%, #B68CFF 100%);
}

html body {
  /* Export token "green 100" (#b3ffc6): CTA pill fills -> Soft Lilac. */
  --token-f0e962ae-8599-4bcb-ac2e-473096a7462b: var(--smart-lilac);
  /* Export token "green" (#57fa80): bright accent -> Smart Lavender. */
  --token-cd1a4164-21fe-44c4-952e-eb631382562e: var(--smart-lavender);
}

/* --------------------------------------------------------------- hero */

/* Slimmer wordmark (the export sizes it at 99-100% of the heading). */
#hero .framer-1xvmpi {
  width: 70%;
}

/* Baseball icon above the wordmark. */
#hero svg.framer-1vokla1 {
  display: none;
}

/* ------------------------------------------------------------- footer */
/* The export renders one <footer> per breakpoint (ssr-variant); these
   rules hit all of them. */

footer.framer-Tq2Wy {
  position: relative;
  background: var(--smart-bg);
}

/* Old background: gray gradient PNG + shader canvas. The arc layer
   replaces it. */
footer.framer-Tq2Wy .framer-kn0tpw {
  display: none;
}

/* Signature arc, anchored to the footer's bottom edge (the SVG carries its
   own midnight gradient, so it blends into the base). Sits under the
   content, which is lifted by the z-index below. */
footer.framer-Tq2Wy::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/assets/images/smart-arc-desktop.svg") center bottom / cover no-repeat;
  pointer-events: none;
}

footer.framer-Tq2Wy .framer-drkqe4 {
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  footer.framer-Tq2Wy::before {
    background-image: url("/assets/images/smart-arc-mobile.svg");
  }
}

/* Lavender period on "Where Business Gets SMART." (span injected by
   smart-summit.js). */
footer.framer-Tq2Wy .ss-period {
  color: var(--smart-lavender);
}

/* 1px low-opacity dividers between AGENDA / EXPERIENCE / SPONSORS / RSVP,
   centered in the nav's column gap (120px desktop, 122px tablet, 25px
   phone -- the export's own breakpoint values). */
footer.framer-Tq2Wy nav.framer-vjmddn > div + div {
  position: relative;
}

footer.framer-Tq2Wy nav.framer-vjmddn > div + div::before {
  content: "";
  position: absolute;
  left: -60px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background: rgba(199, 168, 255, 0.35);
}

@media (min-width: 810px) and (max-width: 1199.98px) {
  footer.framer-Tq2Wy nav.framer-vjmddn > div + div::before {
    left: -61px;
  }
}

@media (max-width: 809.98px) {
  /* Fit all four links on one line (the export's 25px gap + default type
     size wraps RSVP onto a second row on phones). */
  footer.framer-Tq2Wy nav.framer-vjmddn {
    gap: 17px 18px;
  }

  footer.framer-Tq2Wy nav.framer-vjmddn .framer-text {
    font-size: 13px;
  }

  footer.framer-Tq2Wy nav.framer-vjmddn > div + div::before {
    left: -10px;
    height: 12px;
  }
}

/* ----------------------------------------------- section backgrounds */
/* The signature arc as a section background, mirroring how the Future of
   Impact site paints its section-bg image (agenda section there too). The
   agenda section keeps its near-black base; the arc fades in from the
   bottom edge. */

section.framer-106ilpb[data-framer-name="Agenda"] {
  background-image: url("/assets/images/smart-arc-desktop.svg");
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
}

/* The export layers animated "Shader" canvases over the card background
   images, which paint an opaque dark sheen that hides them. Hide the
   shaders so the swapped-in arc art shows (same fix as the Future of
   Impact site). */
.framer-7ccqvv-container,
.framer-1yrgn5x-container {
  display: none !important;
}