@salesmind-ai/design-system 0.3.0 → 0.3.2

package/dist/sections/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/LayoutPrimitives/LayoutPrimitives.css","../../src/components/SectionShell/SectionShell.css","../../src/components/HeroSection/HeroSection.css","../../src/components/FeatureSection/FeatureSection.css","../../src/components/CTASection/CTASection.css","../../src/components/StatsSection/StatsSection.css"],"sourcesContent":["/* Layout Primitives Base Styles */\n\n.ds-box {\n  display: block;\n  box-sizing: border-box;\n  min-width: 0;\n}\n\n.ds-stack {\n  display: flex;\n  flex-direction: column;\n}\n\n.ds-stack--horizontal {\n  flex-direction: row;\n}\n\n.ds-grid {\n  display: grid;\n}\n\n/* ── Grid responsive columns ──────────────────────────────────────────────────\n   Auto-collapse to fewer columns at narrow viewports.\n   These classes are overrideable by Tailwind responsive utilities (e.g.\n   className=\"grid-cols-1 md:grid-cols-2 lg:grid-cols-4\") because Tailwind\n   utilities load after DS styles and win at equal specificity.\n   ──────────────────────────────────────────────────────────────────────────── */\n\n/* 1 column — no responsive change */\n.ds-grid--cols-1 {\n  grid-template-columns: repeat(1, 1fr);\n}\n\n/* 2 columns → 1 on mobile */\n.ds-grid--cols-2 {\n  grid-template-columns: repeat(1, 1fr);\n}\n\n@media (min-width: 640px) {\n  .ds-grid--cols-2 {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n/* 3 columns → 1 on mobile, 2 on sm, 3 on lg */\n.ds-grid--cols-3 {\n  grid-template-columns: repeat(1, 1fr);\n}\n\n@media (min-width: 640px) {\n  .ds-grid--cols-3 {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (min-width: 1024px) {\n  .ds-grid--cols-3 {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n/* 4 columns → 1 on mobile, 2 on sm, 4 on lg */\n.ds-grid--cols-4 {\n  grid-template-columns: repeat(1, 1fr);\n}\n\n@media (min-width: 640px) {\n  .ds-grid--cols-4 {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (min-width: 1024px) {\n  .ds-grid--cols-4 {\n    grid-template-columns: repeat(4, 1fr);\n  }\n}\n\n/* 5 columns → 1 on mobile, 2 on sm, 3 on md, 5 on xl */\n.ds-grid--cols-5 {\n  grid-template-columns: repeat(1, 1fr);\n}\n\n@media (min-width: 640px) {\n  .ds-grid--cols-5 {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (min-width: 768px) {\n  .ds-grid--cols-5 {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n@media (min-width: 1280px) {\n  .ds-grid--cols-5 {\n    grid-template-columns: repeat(5, 1fr);\n  }\n}\n\n/* 6 columns → 1 on mobile, 2 on sm, 3 on md, 6 on xl */\n.ds-grid--cols-6 {\n  grid-template-columns: repeat(1, 1fr);\n}\n\n@media (min-width: 640px) {\n  .ds-grid--cols-6 {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (min-width: 768px) {\n  .ds-grid--cols-6 {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n@media (min-width: 1280px) {\n  .ds-grid--cols-6 {\n    grid-template-columns: repeat(6, 1fr);\n  }\n}\n\n/* ── Grid expansion on wide screens (Space Budget Ladder) ─────────────────\n   Grids expand to MORE columns on ultra-wide viewports.\n   The .ds-grid--fixed class opts out of expansion.\n   ──────────────────────────────────────────────────────────────────────────── */\n\n/* 3xl (1920px): expand 3→4, 4→4 stays, 5→5 stays, 6→6 stays */\n@media (min-width: 1920px) {\n  .ds-grid--cols-3:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(4, 1fr);\n  }\n}\n\n/* 4xl (2560px): expand 2→3, 3→4, 4→5, 5→6, 6→8 */\n@media (min-width: 2560px) {\n  .ds-grid--cols-2:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(3, 1fr);\n  }\n  .ds-grid--cols-3:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(4, 1fr);\n  }\n  .ds-grid--cols-4:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(5, 1fr);\n  }\n  .ds-grid--cols-5:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(6, 1fr);\n  }\n  .ds-grid--cols-6:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(8, 1fr);\n  }\n}\n\n/* 5xl (3840px): expand 2→3, 3→5, 4→6, 5→8, 6→10 */\n@media (min-width: 3840px) {\n  .ds-grid--cols-2:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(3, 1fr);\n  }\n  .ds-grid--cols-3:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(5, 1fr);\n  }\n  .ds-grid--cols-4:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(6, 1fr);\n  }\n  .ds-grid--cols-5:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(8, 1fr);\n  }\n  .ds-grid--cols-6:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(10, 1fr);\n  }\n}\n\n/* ── Container — Responsive max-width + padding ladder ────────────────────── */\n\n:root {\n  --container-default-max: 1200px;\n}\n\n@media (min-width: 1537px) {\n  :root { --container-default-max: 1400px; }\n}\n\n@media (min-width: 1921px) {\n  :root { --container-default-max: 1600px; }\n}\n\n@media (min-width: 2561px) {\n  :root { --container-default-max: 1920px; }\n}\n\n.ds-container {\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: var(--container-padding-x, var(--space-4));\n  padding-right: var(--container-padding-x, var(--space-4));\n}\n\n/* Container horizontal padding scales with viewport */\n@media (min-width: 1537px) {\n  .ds-container {\n    --container-padding-x: var(--space-6);\n  }\n}\n\n@media (min-width: 2561px) {\n  .ds-container {\n    --container-padding-x: var(--space-8);\n  }\n}\n\n/* Section block — lightweight <section> with vertical padding */\n\n.ds-section-block {\n  position: relative;\n}\n\n.ds-section-block--none {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.ds-section-block--sm {\n  padding-top: var(--space-8, 2rem);\n  padding-bottom: var(--space-8, 2rem);\n}\n\n.ds-section-block--md {\n  padding-top: var(--space-16, 4rem);\n  padding-bottom: var(--space-16, 4rem);\n}\n\n@media (min-width: 768px) {\n  .ds-section-block--md {\n    padding-top: var(--space-24, 6rem);\n    padding-bottom: var(--space-24, 6rem);\n  }\n}\n\n.ds-section-block--lg {\n  padding-top: var(--space-24, 6rem);\n  padding-bottom: var(--space-24, 6rem);\n}\n\n@media (min-width: 768px) {\n  .ds-section-block--lg {\n    padding-top: var(--space-32, 8rem);\n    padding-bottom: var(--space-32, 8rem);\n  }\n}\n\n.ds-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n}\n","/* ============================================================================\n   SECTION SHELL\n   ============================================================================ */\n\n.ds-section {\n  position: relative;\n  width: 100%;\n  padding: var(--space-16) 0;\n  box-sizing: border-box;\n}\n\n/* Background Variants */\n.ds-section--bg-default {\n  background-color: transparent;\n}\n\n.ds-section--bg-muted {\n  background-color: var(--surface-alpha-1);\n}\n\n.ds-section--bg-brand {\n  background: radial-gradient(circle at 50% 0%, rgba(var(--brand-pink-rgb), 0.15), transparent 70%);\n}\n\n/* Padding Sizes */\n.ds-section--padding-none {\n  padding: 0;\n}\n.ds-section--padding-sm {\n  padding: var(--space-8) 0;\n}\n.ds-section--padding-md {\n  padding: var(--space-16) 0;\n}\n.ds-section--padding-lg {\n  padding: var(--space-20) 0;\n}\n\n/* ==========================================================================\n   Section Header\n   ========================================================================== */\n\n.ds-section-header {\n  margin-bottom: var(--space-12);\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n}\n\n.ds-section-header--center {\n  text-align: center;\n  align-items: center;\n}\n.ds-section-header--left {\n  text-align: left;\n  align-items: flex-start;\n}\n.ds-section-header--right {\n  text-align: right;\n  align-items: flex-end;\n}\n\n.ds-section-header__eyebrow {\n  font-family: var(--font-family-mono);\n  font-size: var(--font-size-xs);\n  color: var(--brand-pink);\n  text-transform: uppercase;\n  letter-spacing: var(--letter-spacing-wide);\n  font-weight: var(--font-weight-medium);\n}\n\n.ds-section-header__title {\n  font-family: var(--font-family);\n  font-size: var(--font-size-3xl);\n  font-weight: var(--font-weight-bold);\n  color: var(--text-primary);\n  line-height: var(--line-height-tight);\n  margin: 0;\n}\n\n.ds-section-header__subtitle {\n  font-family: var(--font-family);\n  font-size: var(--font-size-lg);\n  color: var(--text-secondary);\n  max-width: 65ch;\n  line-height: var(--line-height-relaxed);\n  margin: 0;\n}\n\n/* Responsive adjustments — Mobile */\n@media (max-width: 768px) {\n  .ds-section {\n    padding: var(--space-10) 0;\n  }\n\n  .ds-section--padding-lg {\n    padding: var(--space-12) 0;\n  }\n\n  .ds-section-header__title {\n    font-size: var(--font-size-2xl);\n  }\n}\n\n/* Responsive adjustments — Wide (>=1920px) */\n@media (min-width: 1920px) {\n  .ds-section {\n    padding: var(--space-20) 0;\n  }\n\n  .ds-section--padding-sm {\n    padding: var(--space-10) 0;\n  }\n\n  .ds-section--padding-md {\n    padding: var(--space-20) 0;\n  }\n\n  .ds-section--padding-lg {\n    padding: calc(var(--space-20) * 1.25) 0;\n  }\n\n  .ds-section-header {\n    margin-bottom: var(--space-16);\n  }\n\n  .ds-section-header__title {\n    font-size: var(--font-size-4xl);\n  }\n}\n\n/* Responsive adjustments — Ultra (>=2560px) */\n@media (min-width: 2560px) {\n  .ds-section {\n    padding: calc(var(--space-20) * 1.5) 0;\n  }\n\n  .ds-section--padding-lg {\n    padding: calc(var(--space-20) * 1.75) 0;\n  }\n\n  .ds-section-header {\n    margin-bottom: var(--space-20);\n    gap: var(--space-6);\n  }\n\n  .ds-section-header__title {\n    font-size: var(--font-size-5xl);\n  }\n\n  .ds-section-header__subtitle {\n    font-size: var(--font-size-xl);\n  }\n}\n\n/* Responsive adjustments — 4K+ (>=3840px) */\n@media (min-width: 3840px) {\n  .ds-section {\n    padding: calc(var(--space-20) * 2) 0;\n  }\n\n  .ds-section--padding-lg {\n    padding: calc(var(--space-20) * 2.5) 0;\n  }\n\n  .ds-section-header__title {\n    font-size: var(--font-size-6xl);\n  }\n}\n","/* ============================================================================\n   HERO SECTION — ELITE\n   ============================================================================ */\n\n.ds-hero {\n  position: relative;\n  overflow: hidden;\n  /* Ensure z-context for background effects */\n  isolation: isolate;\n}\n\n/* ==========================================================================\n   Background Effects\n   ========================================================================== */\n\n/* Grid Texture */\n.ds-hero--bg-grid::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-size: 40px 40px;\n  background-image:\n    linear-gradient(to right, var(--void-grid-color) 1px, transparent 1px),\n    linear-gradient(to bottom, var(--void-grid-color) 1px, transparent 1px);\n  mask-image: radial-gradient(circle at 50% 50%, black 40%, transparent 100%);\n  z-index: -2;\n  pointer-events: none;\n}\n\n/* Glow Beams (Spotlights) */\n.ds-hero--bg-glow::after {\n  content: '';\n  position: absolute;\n  top: -20%;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 140%;\n  height: 80%;\n  background: radial-gradient(\n    ellipse at center,\n    rgba(var(--brand-pink-rgb), 0.15),\n    transparent 70%\n  );\n  filter: blur(60px);\n  z-index: -1;\n  pointer-events: none;\n  opacity: 0.8;\n}\n\n/* ==========================================================================\n   Content Animation\n   ========================================================================== */\n\n@keyframes ds-hero-fade-up {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.ds-hero__content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n  z-index: 2;\n  position: relative;\n  animation: ds-hero-fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n}\n\n/* ==========================================================================\n   Typography\n   ========================================================================== */\n\n.ds-hero__title {\n  font-family: var(--font-family);\n  font-size: var(--font-size-display);\n  font-weight: var(--font-weight-bold);\n  color: var(--text-primary);\n  line-height: var(--line-height-display);\n  letter-spacing: var(--letter-spacing-tight);\n  margin: 0;\n}\n\n/* Text Gradient support */\n.ds-hero__title em,\n.ds-hero__title span.highlight {\n  font-style: normal;\n  background: linear-gradient(135deg, var(--text-primary) 30%, var(--text-tertiary));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: var(--text-primary); /* Fallback */\n}\n\n.ds-hero__subtitle {\n  font-family: var(--font-family);\n  font-size: var(--font-size-lg);\n  color: var(--text-secondary);\n  line-height: 1.6;\n  max-width: 60ch;\n  margin: 0;\n}\n\n@media (min-width: 768px) {\n  .ds-hero__subtitle {\n    font-size: var(--font-size-xl);\n  }\n}\n\n/* ==========================================================================\n   Actions\n   ========================================================================== */\n\n.ds-hero__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-4);\n  margin-top: var(--space-4);\n}\n\n.ds-hero--center .ds-hero__actions {\n  justify-content: center;\n}\n\n/* ==========================================================================\n   Media Frame (The \"Browser\" Look)\n   ========================================================================== */\n\n.ds-hero__media-wrapper {\n  position: relative;\n  perspective: 1000px;\n  animation: ds-hero-fade-up 1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards; /* Delayed entrance */\n  opacity: 0; /* Start hidden for animation */\n}\n\n.ds-hero__media {\n  position: relative;\n  width: 100%;\n  border-radius: var(--radius-panel);\n  overflow: hidden;\n  background: var(--glass-base);\n  box-shadow:\n    0 20px 50px -10px var(--overlay-backdrop),\n    0 0 0 1px var(--glass-highlight-light);\n  /* Optional: Tilt effect placeholder */\n  transform-style: preserve-3d;\n}\n\n/* Browser Chrome (Optional decoration) */\n.ds-hero__media--browser::before {\n  content: '';\n  display: block;\n  height: 32px;\n  background: var(--glass-base-active);\n  border-bottom: 1px solid var(--glass-base-active);\n  background-image:\n    radial-gradient(circle at 20px 16px, #ff5f57 4px, transparent 5px),\n    radial-gradient(circle at 36px 16px, #febc2e 4px, transparent 5px),\n    radial-gradient(circle at 52px 16px, #28c840 4px, transparent 5px);\n  background-repeat: no-repeat;\n}\n\n.ds-hero__media img,\n.ds-hero__media video {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n/* ==========================================================================\n   Floating Ornaments (Badges/Cards)\n   ========================================================================== */\n\n.ds-hero__float {\n  position: absolute;\n  z-index: 3;\n  animation: ds-hero-float 6s ease-in-out infinite;\n  box-shadow: var(--glass-shadow-elevated);\n  border-radius: var(--radius-card);\n  max-width: 300px;\n}\n\n@keyframes ds-hero-float {\n  0%,\n  100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-10px);\n  }\n}\n\n/* Preset Positions */\n.ds-hero__float--top-right {\n  top: -20px;\n  right: -20px;\n}\n.ds-hero__float--bottom-left {\n  bottom: -20px;\n  left: -20px;\n}\n\n@media (max-width: 768px) {\n  .ds-hero__float {\n    display: none;\n  } /* Hide complex floats on mobile */\n}\n\n/* ==========================================================================\n   Variants Layout Overrides\n   ========================================================================== */\n\n/* CENTERED */\n.ds-hero--center .ds-hero__content {\n  align-items: center;\n  text-align: center;\n  max-width: 900px;\n  margin: 0 auto var(--space-16) auto;\n}\n\n/* SPLIT */\n.ds-hero--split .ds-hero__media-wrapper {\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n/* LEFT */\n.ds-hero--left .ds-hero__content {\n  align-items: flex-start;\n  text-align: left;\n}\n\n/* ==========================================================================\n   Responsive — Wide + Ultra tiers\n   ========================================================================== */\n\n/* Wide (>=1920px) — more vertical space, larger media */\n@media (min-width: 1920px) {\n  .ds-hero__content {\n    gap: var(--space-8);\n  }\n\n  .ds-hero__subtitle {\n    font-size: var(--font-size-xl);\n    max-width: 65ch;\n  }\n\n  .ds-hero__actions {\n    gap: var(--space-5);\n    margin-top: var(--space-6);\n  }\n\n  .ds-hero--center .ds-hero__content {\n    max-width: 1000px;\n    margin-bottom: var(--space-20);\n  }\n}\n\n/* Ultra (>=2560px) — maximum visual impact */\n@media (min-width: 2560px) {\n  .ds-hero__content {\n    gap: var(--space-10);\n  }\n\n  .ds-hero__subtitle {\n    font-size: var(--font-size-2xl);\n    max-width: 70ch;\n  }\n\n  .ds-hero__actions {\n    gap: var(--space-6);\n    margin-top: var(--space-8);\n  }\n\n  .ds-hero--center .ds-hero__content {\n    max-width: 1100px;\n  }\n\n  .ds-hero__float {\n    max-width: 400px;\n  }\n}\n","/* ============================================================================\n   FEATURE SECTION\n   ============================================================================ */\n\n.ds-feature-section {\n  position: relative;\n}\n\n/* ==========================================================================\n   Grid Layout\n   ========================================================================== */\n\n.ds-feature-grid {\n  display: grid;\n  gap: var(--space-8);\n  grid-template-columns: 1fr;\n}\n\n@media (min-width: 768px) {\n  .ds-feature-grid--2-col {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .ds-feature-grid--3-col {\n    grid-template-columns: repeat(3, 1fr);\n  }\n  .ds-feature-grid--4-col {\n    grid-template-columns: repeat(2, 1fr);\n  } /* 2x2 on tablet */\n}\n\n@media (min-width: 1024px) {\n  .ds-feature-grid--4-col {\n    grid-template-columns: repeat(4, 1fr);\n  }\n}\n\n/* ==========================================================================\n   Feature Card (Grid Item)\n   ========================================================================== */\n\n.ds-feature-card {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n  padding: var(--space-6);\n  border-radius: var(--radius-card);\n  background: var(--glass-base);\n  border: 1px solid var(--rim-light-bottom);\n  transition:\n    transform var(--transition-base),\n    box-shadow var(--transition-base);\n}\n\n.ds-feature-card:hover {\n  transform: translateY(-2px);\n  background: var(--glass-base-hover);\n  box-shadow: var(--glass-shadow-elevated);\n  border-color: var(--rim-light-top);\n}\n\n.ds-feature-card__icon {\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-button);\n  background: rgba(var(--brand-pink-rgb), 0.1);\n  color: var(--brand-pink);\n  margin-bottom: var(--space-2);\n}\n\n.ds-feature-card__title {\n  font-family: var(--font-family);\n  font-size: var(--font-size-lg);\n  font-weight: var(--font-weight-semibold);\n  color: var(--text-primary);\n  margin: 0;\n}\n\n.ds-feature-card__description {\n  font-family: var(--font-family);\n  font-size: var(--font-size-base);\n  color: var(--text-secondary);\n  line-height: var(--line-height-relaxed);\n  margin: 0;\n}\n\n/* ==========================================================================\n   ZigZag Layout (Rows)\n   ========================================================================== */\n\n.ds-feature-zigzag {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-16); /* Large gap between rows */\n}\n\n.ds-feature-row {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: var(--space-8);\n  align-items: center;\n}\n\n@media (min-width: 768px) {\n  .ds-feature-row {\n    grid-template-columns: 1fr 1fr;\n    gap: var(--space-16);\n  }\n\n  /* Alternate order for even rows */\n  .ds-feature-row:nth-child(even) .ds-feature-row__content {\n    order: 2;\n  }\n  .ds-feature-row:nth-child(even) .ds-feature-row__media {\n    order: 1;\n  }\n}\n\n.ds-feature-row__content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n}\n\n.ds-feature-row__media {\n  position: relative;\n  border-radius: var(--radius-panel);\n  overflow: hidden;\n  box-shadow: var(--glass-shadow-elevated);\n  border: 1px solid var(--rim-light-top);\n  background: var(--glass-base);\n}\n\n.ds-feature-row__media img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n/* Number badge for steps */\n.ds-feature-row__step {\n  font-family: var(--font-family-mono);\n  font-size: var(--font-size-xs);\n  color: var(--brand-pink);\n  background: rgba(var(--brand-pink-rgb), 0.1);\n  padding: var(--space-1) var(--space-2);\n  border-radius: var(--radius-pill);\n  align-self: flex-start;\n  margin-bottom: var(--space-2);\n}\n","/* ============================================================================\n   CTA SECTION\n   ============================================================================ */\n\n.ds-cta-section {\n  overflow: hidden;\n}\n\n/* ==========================================================================\n   Content\n   ========================================================================== */\n\n.ds-cta-content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.ds-cta-section--center .ds-cta-content {\n  align-items: center;\n  text-align: center;\n}\n\n.ds-cta-section--split {\n  display: grid;\n  gap: var(--space-8);\n}\n\n@media (min-width: 768px) {\n  .ds-cta-section--split {\n    grid-template-columns: 3fr 2fr;\n    align-items: center;\n  }\n}\n\n/* ==========================================================================\n   Typography\n   ========================================================================== */\n\n.ds-cta-title {\n  font-family: var(--font-family);\n  font-size: var(--font-size-3xl);\n  font-weight: var(--font-weight-bold);\n  color: var(--text-primary);\n  line-height: var(--line-height-tight);\n  margin: 0;\n}\n\n.ds-cta-description {\n  font-family: var(--font-family);\n  font-size: var(--font-size-lg);\n  color: var(--text-secondary);\n  line-height: var(--line-height-relaxed);\n  margin: 0;\n}\n\n/* ==========================================================================\n   Actions\n   ========================================================================== */\n\n.ds-cta-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-4);\n  margin-top: var(--space-2);\n}\n\n.ds-cta-section--center .ds-cta-actions {\n  justify-content: center;\n}\n\n.ds-cta-section--split .ds-cta-actions {\n  justify-content: flex-end; /* Or flex-start depending on preference */\n}\n\n@media (min-width: 768px) {\n  .ds-cta-section--split .ds-cta-actions {\n    margin-top: 0;\n    justify-content: flex-end;\n  }\n}\n\n/* ==========================================================================\n   Card Variant (Boxed)\n   ========================================================================== */\n\n.ds-cta-card {\n  background: var(--glass-base);\n  border: 1px solid var(--rim-light-top);\n  border-radius: var(--radius-panel);\n  padding: var(--space-12) var(--space-8);\n  box-shadow: var(--glass-shadow-elevated);\n  position: relative;\n  overflow: hidden;\n}\n\n/* Glow Effect for Brand variant */\n.ds-section--bg-brand .ds-cta-card {\n  background: rgba(var(--brand-pink-rgb), 0.1);\n  border-color: rgba(var(--brand-pink-rgb), 0.3);\n}\n","/* ============================================================================\n   STATS SECTION\n   ============================================================================ */\n\n.ds-stats-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: var(--space-8);\n  width: 100%;\n}\n\n@media (min-width: 768px) {\n  .ds-stats-grid {\n    grid-template-columns: repeat(4, 1fr);\n    gap: var(--space-12);\n  }\n}\n\n.ds-stat-card {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  text-align: center;\n  padding: var(--space-6);\n  border-radius: var(--radius-card);\n  background: var(--glass-base);\n  border: 1px solid var(--rim-light-bottom);\n  transition: transform var(--transition-base);\n}\n\n.ds-stat-card:hover {\n  transform: translateY(-2px);\n  background: var(--glass-base-hover);\n  border-color: var(--rim-light-top);\n}\n\n.ds-stat-value {\n  font-family: var(--font-family);\n  font-size: var(--font-size-3xl);\n  font-weight: var(--font-weight-bold);\n  color: var(--text-primary);\n  line-height: 1;\n  letter-spacing: var(--letter-spacing-tight);\n}\n\n@media (min-width: 768px) {\n  .ds-stat-value {\n    font-size: var(--font-size-5xl); /* 4xl */\n  }\n}\n\n.ds-stat-label {\n  font-family: var(--font-family);\n  font-size: var(--font-size-sm);\n  color: var(--text-secondary);\n  font-weight: var(--font-weight-medium);\n  text-transform: uppercase;\n  letter-spacing: var(--letter-spacing-wide);\n}\n\n.ds-stat-suffix {\n  font-size: var(--font-size-suffix);\n  color: var(--brand-pink);\n  vertical-align: super;\n  margin-left: var(--space-1);\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/LayoutPrimitives/LayoutPrimitives.css","../../src/components/SectionShell/SectionShell.css","../../src/components/HeroSection/HeroSection.css","../../src/components/FeatureSection/FeatureSection.css","../../src/components/CTASection/CTASection.css","../../src/components/StatsSection/StatsSection.css"],"sourcesContent":["/* Layout Primitives Base Styles */\n\n.ds-box {\n  display: block;\n  box-sizing: border-box;\n  min-width: 0;\n}\n\n.ds-stack {\n  display: flex;\n  flex-direction: column;\n}\n\n.ds-stack--horizontal {\n  flex-direction: row;\n}\n\n.ds-grid {\n  display: grid;\n}\n\n/* ── Grid responsive columns ──────────────────────────────────────────────────\n   Auto-collapse to fewer columns at narrow viewports.\n   These classes are overrideable by Tailwind responsive utilities (e.g.\n   className=\"grid-cols-1 md:grid-cols-2 lg:grid-cols-4\") because Tailwind\n   utilities load after DS styles and win at equal specificity.\n   ──────────────────────────────────────────────────────────────────────────── */\n\n/* 1 column — no responsive change */\n.ds-grid--cols-1 {\n  grid-template-columns: repeat(1, 1fr);\n}\n\n/* 2 columns → 1 on mobile */\n.ds-grid--cols-2 {\n  grid-template-columns: repeat(1, 1fr);\n}\n\n@media (min-width: 640px) {\n  .ds-grid--cols-2 {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n/* 3 columns → 1 on mobile, 2 on sm, 3 on lg */\n.ds-grid--cols-3 {\n  grid-template-columns: repeat(1, 1fr);\n}\n\n@media (min-width: 640px) {\n  .ds-grid--cols-3 {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (min-width: 1024px) {\n  .ds-grid--cols-3 {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n/* 4 columns → 1 on mobile, 2 on sm, 4 on lg */\n.ds-grid--cols-4 {\n  grid-template-columns: repeat(1, 1fr);\n}\n\n@media (min-width: 640px) {\n  .ds-grid--cols-4 {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (min-width: 1024px) {\n  .ds-grid--cols-4 {\n    grid-template-columns: repeat(4, 1fr);\n  }\n}\n\n/* 5 columns → 1 on mobile, 2 on sm, 3 on md, 5 on xl */\n.ds-grid--cols-5 {\n  grid-template-columns: repeat(1, 1fr);\n}\n\n@media (min-width: 640px) {\n  .ds-grid--cols-5 {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (min-width: 768px) {\n  .ds-grid--cols-5 {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n@media (min-width: 1280px) {\n  .ds-grid--cols-5 {\n    grid-template-columns: repeat(5, 1fr);\n  }\n}\n\n/* 6 columns → 1 on mobile, 2 on sm, 3 on md, 6 on xl */\n.ds-grid--cols-6 {\n  grid-template-columns: repeat(1, 1fr);\n}\n\n@media (min-width: 640px) {\n  .ds-grid--cols-6 {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (min-width: 768px) {\n  .ds-grid--cols-6 {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n@media (min-width: 1280px) {\n  .ds-grid--cols-6 {\n    grid-template-columns: repeat(6, 1fr);\n  }\n}\n\n/* ── Grid expansion on wide screens (Space Budget Ladder) ─────────────────\n   Grids expand to MORE columns on ultra-wide viewports.\n   The .ds-grid--fixed class opts out of expansion.\n   ──────────────────────────────────────────────────────────────────────────── */\n\n/* 3xl (1920px): expand 3→4, 4→4 stays, 5→5 stays, 6→6 stays */\n@media (min-width: 1920px) {\n  .ds-grid--cols-3:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(4, 1fr);\n  }\n}\n\n/* 4xl (2560px): expand 2→3, 3→4, 4→5, 5→6, 6→8 */\n@media (min-width: 2560px) {\n  .ds-grid--cols-2:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(3, 1fr);\n  }\n  .ds-grid--cols-3:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(4, 1fr);\n  }\n  .ds-grid--cols-4:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(5, 1fr);\n  }\n  .ds-grid--cols-5:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(6, 1fr);\n  }\n  .ds-grid--cols-6:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(8, 1fr);\n  }\n}\n\n/* 5xl (3840px): expand 2→3, 3→5, 4→6, 5→8, 6→10 */\n@media (min-width: 3840px) {\n  .ds-grid--cols-2:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(3, 1fr);\n  }\n  .ds-grid--cols-3:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(5, 1fr);\n  }\n  .ds-grid--cols-4:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(6, 1fr);\n  }\n  .ds-grid--cols-5:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(8, 1fr);\n  }\n  .ds-grid--cols-6:not(.ds-grid--fixed) {\n    grid-template-columns: repeat(10, 1fr);\n  }\n}\n\n/* ── Container — Responsive max-width + padding ladder ────────────────────── */\n\n:root {\n  --container-default-max: 1200px;\n}\n\n@media (min-width: 1537px) {\n  :root { --container-default-max: 1400px; }\n}\n\n@media (min-width: 1921px) {\n  :root { --container-default-max: 1600px; }\n}\n\n@media (min-width: 2561px) {\n  :root { --container-default-max: 1920px; }\n}\n\n.ds-container {\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: var(--container-padding-x, var(--space-4));\n  padding-right: var(--container-padding-x, var(--space-4));\n}\n\n/* Container horizontal padding scales with viewport */\n@media (min-width: 1537px) {\n  .ds-container {\n    --container-padding-x: var(--space-6);\n  }\n}\n\n@media (min-width: 2561px) {\n  .ds-container {\n    --container-padding-x: var(--space-8);\n  }\n}\n\n/* Section block — lightweight <section> with vertical padding */\n\n.ds-section-block {\n  position: relative;\n}\n\n.ds-section-block--none {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.ds-section-block--sm {\n  padding-top: var(--space-8, 2rem);\n  padding-bottom: var(--space-8, 2rem);\n}\n\n.ds-section-block--md {\n  padding-top: var(--space-16, 4rem);\n  padding-bottom: var(--space-16, 4rem);\n}\n\n@media (min-width: 768px) {\n  .ds-section-block--md {\n    padding-top: var(--space-24, 6rem);\n    padding-bottom: var(--space-24, 6rem);\n  }\n}\n\n.ds-section-block--lg {\n  padding-top: var(--space-24, 6rem);\n  padding-bottom: var(--space-24, 6rem);\n}\n\n@media (min-width: 768px) {\n  .ds-section-block--lg {\n    padding-top: var(--space-32, 8rem);\n    padding-bottom: var(--space-32, 8rem);\n  }\n}\n\n.ds-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n}\n","/* ============================================================================\n   SECTION SHELL\n   ============================================================================ */\n\n.ds-section {\n  position: relative;\n  width: 100%;\n  padding: var(--space-16) 0;\n  box-sizing: border-box;\n}\n\n/* Background Variants */\n.ds-section--bg-default {\n  background-color: transparent;\n}\n\n.ds-section--bg-muted {\n  background-color: var(--surface-alpha-1);\n}\n\n.ds-section--bg-brand {\n  background: radial-gradient(circle at 50% 0%, rgba(var(--brand-pink-rgb), 0.15), transparent 70%);\n}\n\n/* Padding Sizes */\n.ds-section--padding-none {\n  padding: 0;\n}\n.ds-section--padding-sm {\n  padding: var(--space-8) 0;\n}\n.ds-section--padding-md {\n  padding: var(--space-16) 0;\n}\n.ds-section--padding-lg {\n  padding: var(--space-20) 0;\n}\n\n/* ==========================================================================\n   Section Header\n   ========================================================================== */\n\n.ds-section-header {\n  margin-bottom: var(--space-12);\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n}\n\n.ds-section-header--center {\n  text-align: center;\n  align-items: center;\n}\n.ds-section-header--left {\n  text-align: left;\n  align-items: flex-start;\n}\n.ds-section-header--right {\n  text-align: right;\n  align-items: flex-end;\n}\n\n.ds-section-header__eyebrow {\n  font-family: var(--font-family-mono);\n  font-size: var(--font-size-xs);\n  color: var(--brand-pink);\n  text-transform: uppercase;\n  letter-spacing: var(--letter-spacing-wide);\n  font-weight: var(--font-weight-medium);\n}\n\n.ds-section-header__title {\n  font-family: var(--font-family);\n  font-size: var(--font-size-3xl);\n  font-weight: var(--font-weight-bold);\n  color: var(--text-primary);\n  line-height: var(--line-height-tight);\n  margin: 0;\n}\n\n.ds-section-header__subtitle {\n  font-family: var(--font-family);\n  font-size: var(--font-size-lg);\n  color: var(--text-secondary);\n  max-width: 65ch;\n  line-height: var(--line-height-relaxed);\n  margin: 0;\n}\n\n/* Responsive adjustments — Mobile */\n@media (max-width: 768px) {\n  .ds-section {\n    padding: var(--space-10) 0;\n  }\n\n  .ds-section--padding-lg {\n    padding: var(--space-12) 0;\n  }\n\n  .ds-section-header__title {\n    font-size: var(--font-size-2xl);\n  }\n}\n\n/* Responsive adjustments — Wide (>=1920px) */\n@media (min-width: 1920px) {\n  .ds-section {\n    padding: var(--space-20) 0;\n  }\n\n  .ds-section--padding-sm {\n    padding: var(--space-10) 0;\n  }\n\n  .ds-section--padding-md {\n    padding: var(--space-20) 0;\n  }\n\n  .ds-section--padding-lg {\n    padding: calc(var(--space-20) * 1.25) 0;\n  }\n\n  .ds-section-header {\n    margin-bottom: var(--space-16);\n  }\n\n  .ds-section-header__title {\n    font-size: var(--font-size-4xl);\n  }\n}\n\n/* Responsive adjustments — Ultra (>=2560px) */\n@media (min-width: 2560px) {\n  .ds-section {\n    padding: calc(var(--space-20) * 1.5) 0;\n  }\n\n  .ds-section--padding-lg {\n    padding: calc(var(--space-20) * 1.75) 0;\n  }\n\n  .ds-section-header {\n    margin-bottom: var(--space-20);\n    gap: var(--space-6);\n  }\n\n  .ds-section-header__title {\n    font-size: var(--font-size-5xl);\n  }\n\n  .ds-section-header__subtitle {\n    font-size: var(--font-size-xl);\n  }\n}\n\n/* Responsive adjustments — 4K+ (>=3840px) */\n@media (min-width: 3840px) {\n  .ds-section {\n    padding: calc(var(--space-20) * 2) 0;\n  }\n\n  .ds-section--padding-lg {\n    padding: calc(var(--space-20) * 2.5) 0;\n  }\n\n  .ds-section-header__title {\n    font-size: var(--font-size-6xl);\n  }\n}\n","/* ============================================================================\n   HERO SECTION — ELITE\n   ============================================================================ */\n\n.ds-hero {\n  position: relative;\n  overflow: hidden;\n  /* Ensure z-context for background effects */\n  isolation: isolate;\n}\n\n/* ==========================================================================\n   Background Effects\n   ========================================================================== */\n\n/* Grid Texture */\n.ds-hero--bg-grid::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-size: 40px 40px;\n  background-image:\n    linear-gradient(to right, var(--void-grid-color) 1px, transparent 1px),\n    linear-gradient(to bottom, var(--void-grid-color) 1px, transparent 1px);\n  mask-image: radial-gradient(circle at 50% 50%, black 40%, transparent 100%);\n  z-index: -2;\n  pointer-events: none;\n}\n\n/* Glow Beams (Spotlights) */\n.ds-hero--bg-glow::after {\n  content: '';\n  position: absolute;\n  top: -20%;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 140%;\n  height: 80%;\n  background: radial-gradient(\n    ellipse at center,\n    rgba(var(--brand-pink-rgb), 0.15),\n    transparent 70%\n  );\n  filter: blur(60px);\n  z-index: -1;\n  pointer-events: none;\n  opacity: 0.8;\n}\n\n/* ==========================================================================\n   Content Animation\n   ========================================================================== */\n\n@keyframes ds-hero-fade-up {\n  from {\n    transform: translateY(20px);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n\n.ds-hero__content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n  z-index: 2;\n  position: relative;\n  animation: ds-hero-fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n}\n\n/* ==========================================================================\n   Typography\n   ========================================================================== */\n\n.ds-hero__title {\n  font-family: var(--font-family);\n  font-size: var(--font-size-display);\n  font-weight: var(--font-weight-bold);\n  color: var(--text-primary);\n  line-height: var(--line-height-display);\n  letter-spacing: var(--letter-spacing-tight);\n  margin: 0;\n}\n\n/* Text Gradient support */\n.ds-hero__title em,\n.ds-hero__title span.highlight {\n  font-style: normal;\n  background: linear-gradient(135deg, var(--text-primary) 30%, var(--text-tertiary));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: var(--text-primary); /* Fallback */\n}\n\n.ds-hero__subtitle {\n  font-family: var(--font-family);\n  font-size: var(--font-size-lg);\n  color: var(--text-secondary);\n  line-height: 1.6;\n  max-width: 60ch;\n  margin: 0;\n}\n\n@media (min-width: 768px) {\n  .ds-hero__subtitle {\n    font-size: var(--font-size-xl);\n  }\n}\n\n/* ==========================================================================\n   Actions\n   ========================================================================== */\n\n.ds-hero__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-4);\n  margin-top: var(--space-4);\n}\n\n.ds-hero--center .ds-hero__actions {\n  justify-content: center;\n}\n\n/* ==========================================================================\n   Media Frame (The \"Browser\" Look)\n   ========================================================================== */\n\n.ds-hero__media-wrapper {\n  position: relative;\n  perspective: 1000px;\n  animation: ds-hero-fade-up 1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both; /* Delayed entrance */\n}\n\n.ds-hero__media {\n  position: relative;\n  width: 100%;\n  border-radius: var(--radius-panel);\n  overflow: hidden;\n  background: var(--glass-base);\n  box-shadow:\n    0 20px 50px -10px var(--overlay-backdrop),\n    0 0 0 1px var(--glass-highlight-light);\n  /* Optional: Tilt effect placeholder */\n  transform-style: preserve-3d;\n}\n\n/* Browser Chrome (Optional decoration) */\n.ds-hero__media--browser::before {\n  content: '';\n  display: block;\n  height: 32px;\n  background: var(--glass-base-active);\n  border-bottom: 1px solid var(--glass-base-active);\n  background-image:\n    radial-gradient(circle at 20px 16px, #ff5f57 4px, transparent 5px),\n    radial-gradient(circle at 36px 16px, #febc2e 4px, transparent 5px),\n    radial-gradient(circle at 52px 16px, #28c840 4px, transparent 5px);\n  background-repeat: no-repeat;\n}\n\n.ds-hero__media img,\n.ds-hero__media video {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n/* ==========================================================================\n   Floating Ornaments (Badges/Cards)\n   ========================================================================== */\n\n.ds-hero__float {\n  position: absolute;\n  z-index: 3;\n  animation: ds-hero-float 6s ease-in-out infinite;\n  box-shadow: var(--glass-shadow-elevated);\n  border-radius: var(--radius-card);\n  max-width: 300px;\n}\n\n@keyframes ds-hero-float {\n  0%,\n  100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-10px);\n  }\n}\n\n/* Preset Positions */\n.ds-hero__float--top-right {\n  top: -20px;\n  right: -20px;\n}\n.ds-hero__float--bottom-left {\n  bottom: -20px;\n  left: -20px;\n}\n\n@media (max-width: 768px) {\n  .ds-hero__float {\n    display: none;\n  } /* Hide complex floats on mobile */\n}\n\n/* ==========================================================================\n   Variants Layout Overrides\n   ========================================================================== */\n\n/* CENTERED */\n.ds-hero--center .ds-hero__content {\n  align-items: center;\n  text-align: center;\n  max-width: 900px;\n  margin: 0 auto var(--space-16) auto;\n}\n\n/* SPLIT */\n.ds-hero--split .ds-hero__media-wrapper {\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n/* LEFT */\n.ds-hero--left .ds-hero__content {\n  align-items: flex-start;\n  text-align: left;\n}\n\n/* ==========================================================================\n   Responsive — Wide + Ultra tiers\n   ========================================================================== */\n\n/* Wide (>=1920px) — more vertical space, larger media */\n@media (min-width: 1920px) {\n  .ds-hero__content {\n    gap: var(--space-8);\n  }\n\n  .ds-hero__subtitle {\n    font-size: var(--font-size-xl);\n    max-width: 65ch;\n  }\n\n  .ds-hero__actions {\n    gap: var(--space-5);\n    margin-top: var(--space-6);\n  }\n\n  .ds-hero--center .ds-hero__content {\n    max-width: 1000px;\n    margin-bottom: var(--space-20);\n  }\n}\n\n/* Ultra (>=2560px) — maximum visual impact */\n@media (min-width: 2560px) {\n  .ds-hero__content {\n    gap: var(--space-10);\n  }\n\n  .ds-hero__subtitle {\n    font-size: var(--font-size-2xl);\n    max-width: 70ch;\n  }\n\n  .ds-hero__actions {\n    gap: var(--space-6);\n    margin-top: var(--space-8);\n  }\n\n  .ds-hero--center .ds-hero__content {\n    max-width: 1100px;\n  }\n\n  .ds-hero__float {\n    max-width: 400px;\n  }\n}\n","/* ============================================================================\n   FEATURE SECTION\n   ============================================================================ */\n\n.ds-feature-section {\n  position: relative;\n}\n\n/* ==========================================================================\n   Grid Layout\n   ========================================================================== */\n\n.ds-feature-grid {\n  display: grid;\n  gap: var(--space-8);\n  grid-template-columns: 1fr;\n}\n\n@media (min-width: 768px) {\n  .ds-feature-grid--2-col {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .ds-feature-grid--3-col {\n    grid-template-columns: repeat(3, 1fr);\n  }\n  .ds-feature-grid--4-col {\n    grid-template-columns: repeat(2, 1fr);\n  } /* 2x2 on tablet */\n}\n\n@media (min-width: 1024px) {\n  .ds-feature-grid--4-col {\n    grid-template-columns: repeat(4, 1fr);\n  }\n}\n\n/* ==========================================================================\n   Feature Card (Grid Item)\n   ========================================================================== */\n\n.ds-feature-card {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n  padding: var(--space-6);\n  border-radius: var(--radius-card);\n  background: var(--glass-base);\n  border: 1px solid var(--rim-light-bottom);\n  transition:\n    transform var(--transition-base),\n    box-shadow var(--transition-base);\n}\n\n.ds-feature-card:hover {\n  transform: translateY(-2px);\n  background: var(--glass-base-hover);\n  box-shadow: var(--glass-shadow-elevated);\n  border-color: var(--rim-light-top);\n}\n\n.ds-feature-card__icon {\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-button);\n  background: rgba(var(--brand-pink-rgb), 0.1);\n  color: var(--brand-pink);\n  margin-bottom: var(--space-2);\n}\n\n.ds-feature-card__title {\n  font-family: var(--font-family);\n  font-size: var(--font-size-lg);\n  font-weight: var(--font-weight-semibold);\n  color: var(--text-primary);\n  margin: 0;\n}\n\n.ds-feature-card__description {\n  font-family: var(--font-family);\n  font-size: var(--font-size-base);\n  color: var(--text-secondary);\n  line-height: var(--line-height-relaxed);\n  margin: 0;\n}\n\n/* ==========================================================================\n   ZigZag Layout (Rows)\n   ========================================================================== */\n\n.ds-feature-zigzag {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-16); /* Large gap between rows */\n}\n\n.ds-feature-row {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: var(--space-8);\n  align-items: center;\n}\n\n@media (min-width: 768px) {\n  .ds-feature-row {\n    grid-template-columns: 1fr 1fr;\n    gap: var(--space-16);\n  }\n\n  /* Alternate order for even rows */\n  .ds-feature-row:nth-child(even) .ds-feature-row__content {\n    order: 2;\n  }\n  .ds-feature-row:nth-child(even) .ds-feature-row__media {\n    order: 1;\n  }\n}\n\n.ds-feature-row__content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n}\n\n.ds-feature-row__media {\n  position: relative;\n  border-radius: var(--radius-panel);\n  overflow: hidden;\n  box-shadow: var(--glass-shadow-elevated);\n  border: 1px solid var(--rim-light-top);\n  background: var(--glass-base);\n}\n\n.ds-feature-row__media img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n/* Number badge for steps */\n.ds-feature-row__step {\n  font-family: var(--font-family-mono);\n  font-size: var(--font-size-xs);\n  color: var(--brand-pink);\n  background: rgba(var(--brand-pink-rgb), 0.1);\n  padding: var(--space-1) var(--space-2);\n  border-radius: var(--radius-pill);\n  align-self: flex-start;\n  margin-bottom: var(--space-2);\n}\n","/* ============================================================================\n   CTA SECTION\n   ============================================================================ */\n\n.ds-cta-section {\n  overflow: hidden;\n}\n\n/* ==========================================================================\n   Content\n   ========================================================================== */\n\n.ds-cta-content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.ds-cta-section--center .ds-cta-content {\n  align-items: center;\n  text-align: center;\n}\n\n.ds-cta-section--split {\n  display: grid;\n  gap: var(--space-8);\n}\n\n@media (min-width: 768px) {\n  .ds-cta-section--split {\n    grid-template-columns: 3fr 2fr;\n    align-items: center;\n  }\n}\n\n/* ==========================================================================\n   Typography\n   ========================================================================== */\n\n.ds-cta-title {\n  font-family: var(--font-family);\n  font-size: var(--font-size-3xl);\n  font-weight: var(--font-weight-bold);\n  color: var(--text-primary);\n  line-height: var(--line-height-tight);\n  margin: 0;\n}\n\n.ds-cta-description {\n  font-family: var(--font-family);\n  font-size: var(--font-size-lg);\n  color: var(--text-secondary);\n  line-height: var(--line-height-relaxed);\n  margin: 0;\n}\n\n/* ==========================================================================\n   Actions\n   ========================================================================== */\n\n.ds-cta-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-4);\n  margin-top: var(--space-2);\n}\n\n.ds-cta-section--center .ds-cta-actions {\n  justify-content: center;\n}\n\n.ds-cta-section--split .ds-cta-actions {\n  justify-content: flex-end; /* Or flex-start depending on preference */\n}\n\n@media (min-width: 768px) {\n  .ds-cta-section--split .ds-cta-actions {\n    margin-top: 0;\n    justify-content: flex-end;\n  }\n}\n\n/* ==========================================================================\n   Card Variant (Boxed)\n   ========================================================================== */\n\n.ds-cta-card {\n  background: var(--glass-base);\n  border: 1px solid var(--rim-light-top);\n  border-radius: var(--radius-panel);\n  padding: var(--space-12) var(--space-8);\n  box-shadow: var(--glass-shadow-elevated);\n  position: relative;\n  overflow: hidden;\n}\n\n/* Glow Effect for Brand variant */\n.ds-section--bg-brand .ds-cta-card {\n  background: rgba(var(--brand-pink-rgb), 0.1);\n  border-color: rgba(var(--brand-pink-rgb), 0.3);\n}\n","/* ============================================================================\n   STATS SECTION\n   ============================================================================ */\n\n.ds-stats-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: var(--space-8);\n  width: 100%;\n}\n\n@media (min-width: 768px) {\n  .ds-stats-grid {\n    grid-template-columns: repeat(4, 1fr);\n    gap: var(--space-12);\n  }\n}\n\n.ds-stat-card {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  text-align: center;\n  padding: var(--space-6);\n  border-radius: var(--radius-card);\n  background: var(--glass-base);\n  border: 1px solid var(--rim-light-bottom);\n  transition: transform var(--transition-base);\n}\n\n.ds-stat-card:hover {\n  transform: translateY(-2px);\n  background: var(--glass-base-hover);\n  border-color: var(--rim-light-top);\n}\n\n.ds-stat-value {\n  font-family: var(--font-family);\n  font-size: var(--font-size-3xl);\n  font-weight: var(--font-weight-bold);\n  color: var(--text-primary);\n  line-height: 1;\n  letter-spacing: var(--letter-spacing-tight);\n}\n\n@media (min-width: 768px) {\n  .ds-stat-value {\n    font-size: var(--font-size-5xl); /* 4xl */\n  }\n}\n\n.ds-stat-label {\n  font-family: var(--font-family);\n  font-size: var(--font-size-sm);\n  color: var(--text-secondary);\n  font-weight: var(--font-weight-medium);\n  text-transform: uppercase;\n  letter-spacing: var(--letter-spacing-wide);\n}\n\n.ds-stat-suffix {\n  font-size: var(--font-size-suffix);\n  color: var(--brand-pink);\n  vertical-align: super;\n  margin-left: var(--space-1);\n}\n"],"mappings":"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","names":[]}

package/dist/sections/index.js

@@ -1,374 +1,6 @@
-import { forwardRef } from 'react';
-import clsx5 from 'clsx';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-// src/components/SectionShell/SectionShell.tsx
-
-// src/tokens/spacing.ts
-var SPACING = {
-  1: "var(--space-1)",
-  2: "var(--space-2)",
-  3: "var(--space-3)",
-  4: "var(--space-4)",
-  5: "var(--space-5)",
-  6: "var(--space-6)",
-  8: "var(--space-8)",
-  10: "var(--space-10)",
-  12: "var(--space-12)",
-  16: "var(--space-16)",
-  20: "var(--space-20)"
-};
-
-// src/components/LayoutPrimitives/utils.ts
-var SPACING_ALIASES = {
-  xs: "var(--space-2)",
-  sm: "var(--space-3)",
-  md: "var(--space-4)",
-  lg: "var(--space-6)",
-  xl: "var(--space-8)",
-  "2xl": "var(--space-12)"
-};
-function resolveSpacing(value) {
-  if (value === void 0) return void 0;
-  if (typeof value === "number" && SPACING[value]) {
-    return SPACING[value];
-  }
-  if (typeof value === "string" && value in SPACING_ALIASES) {
-    return SPACING_ALIASES[value];
-  }
-  return String(value);
-}
-function extractSpacingStyles(props) {
-  const styles = {};
-  if (props.m !== void 0) styles.margin = resolveSpacing(props.m);
-  if (props.mt !== void 0) styles.marginTop = resolveSpacing(props.mt);
-  if (props.mb !== void 0) styles.marginBottom = resolveSpacing(props.mb);
-  if (props.ml !== void 0) styles.marginLeft = resolveSpacing(props.ml);
-  if (props.mr !== void 0) styles.marginRight = resolveSpacing(props.mr);
-  if (props.mx !== void 0) {
-    styles.marginLeft = resolveSpacing(props.mx);
-    styles.marginRight = resolveSpacing(props.mx);
-  }
-  if (props.my !== void 0) {
-    styles.marginTop = resolveSpacing(props.my);
-    styles.marginBottom = resolveSpacing(props.my);
-  }
-  if (props.p !== void 0) styles.padding = resolveSpacing(props.p);
-  if (props.pt !== void 0) styles.paddingTop = resolveSpacing(props.pt);
-  if (props.pb !== void 0) styles.paddingBottom = resolveSpacing(props.pb);
-  if (props.pl !== void 0) styles.paddingLeft = resolveSpacing(props.pl);
-  if (props.pr !== void 0) styles.paddingRight = resolveSpacing(props.pr);
-  if (props.px !== void 0) {
-    styles.paddingLeft = resolveSpacing(props.px);
-    styles.paddingRight = resolveSpacing(props.px);
-  }
-  if (props.py !== void 0) {
-    styles.paddingTop = resolveSpacing(props.py);
-    styles.paddingBottom = resolveSpacing(props.py);
-  }
-  if (props.gap !== void 0) styles.gap = resolveSpacing(props.gap);
-  return styles;
-}
-var Box = forwardRef(
-  ({ as: Component = "div", className, style, children, ...props }, ref) => {
-    const spacingStyles = extractSpacingStyles(props);
-    const { m, mt, mb, ml, mr, mx, my, p, pt, pb, pl, pr, px, py, gap, ...domProps } = props;
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref,
-        className: clsx5("ds-box", className),
-        style: { ...spacingStyles, ...style },
-        ...domProps,
-        children
-      }
-    );
-  }
-);
-Box.displayName = "Box";
-var Stack = forwardRef(
-  ({ direction = "column", align, justify, wrap, className, style, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        ref,
-        className: clsx5("ds-stack", direction === "row" && "ds-stack--horizontal", className),
-        style: {
-          alignItems: align,
-          justifyContent: justify === "between" ? "space-between" : justify,
-          flexWrap: wrap ? "wrap" : void 0,
-          ...style
-        },
-        ...props
-      }
-    );
-  }
-);
-Stack.displayName = "Stack";
-var CONTAINER_SIZE_MAP = {
-  sm: "768px",
-  // 48rem — max-w-3xl
-  md: "1024px",
-  // 64rem — max-w-5xl
-  lg: "1152px",
-  // 72rem — max-w-6xl
-  xl: "1280px",
-  // 80rem — max-w-7xl
-  full: "100%"
-};
-var Container = forwardRef(
-  ({ size, fluid, maxWidth, className, style, ...props }, ref) => {
-    let resolvedMaxWidth;
-    if (fluid) {
-      resolvedMaxWidth = "100%";
-    } else if (size) {
-      resolvedMaxWidth = CONTAINER_SIZE_MAP[size];
-    } else {
-      resolvedMaxWidth = maxWidth || "var(--container-default-max, 1200px)";
-    }
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        ref,
-        className: clsx5("ds-container", className),
-        style: {
-          maxWidth: resolvedMaxWidth,
-          ...style
-        },
-        ...props
-      }
-    );
-  }
-);
-Container.displayName = "Container";
-var SectionHeader = forwardRef(
-  ({ title, subtitle, eyebrow, align = "center", className, ...props }, ref) => {
-    if (!title && !subtitle && !eyebrow) return null;
-    return /* @__PURE__ */ jsxs(
-      "header",
-      {
-        ref,
-        className: clsx5("ds-section-header", `ds-section-header--${align}`, className),
-        ...props,
-        children: [
-          eyebrow && /* @__PURE__ */ jsx("span", { className: "ds-section-header__eyebrow", children: eyebrow }),
-          title && /* @__PURE__ */ jsx("h2", { className: "ds-section-header__title", children: title }),
-          subtitle && /* @__PURE__ */ jsx("p", { className: "ds-section-header__subtitle", children: subtitle })
-        ]
-      }
-    );
-  }
-);
-SectionHeader.displayName = "SectionHeader";
-var SectionShell = forwardRef(
-  ({
-    className,
-    children,
-    background = "default",
-    padding = "md",
-    containerSize,
-    containerFluid = false,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "section",
-      {
-        ref,
-        className: clsx5(
-          "ds-section",
-          `ds-section--bg-${background}`,
-          `ds-section--padding-${padding}`,
-          className
-        ),
-        ...props,
-        children: /* @__PURE__ */ jsx(
-          Container,
-          {
-            size: containerSize === "fluid" ? "full" : containerSize,
-            fluid: containerFluid || containerSize === "fluid",
-            children
-          }
-        )
-      }
-    );
-  }
-);
-SectionShell.displayName = "SectionShell";
-var HeroSection = forwardRef(
-  ({
-    variant = "left",
-    title,
-    subtitle,
-    eyebrow,
-    primaryCta,
-    secondaryCta,
-    media,
-    mediaBrowserFrame = false,
-    floatingElement,
-    floatingPosition = "bottom-left",
-    withGrid = false,
-    withGlow = false,
-    align,
-    className,
-    children,
-    ...props
-  }, ref) => {
-    const isSplit = variant === "split";
-    const isCenter = variant === "center";
-    const textAlignment = align || (isCenter ? "center" : "left");
-    const ContentBlock = /* @__PURE__ */ jsxs("div", { className: clsx5("ds-hero__content", `ds-hero__content--${textAlignment}`), children: [
-      eyebrow && /* @__PURE__ */ jsx("span", { className: "ds-section-header__eyebrow", style: { marginBottom: "var(--space-2)" }, children: eyebrow }),
-      /* @__PURE__ */ jsx("h1", { className: "ds-hero__title", children: title }),
-      subtitle && /* @__PURE__ */ jsx("p", { className: "ds-hero__subtitle", children: subtitle }),
-      (primaryCta || secondaryCta) && /* @__PURE__ */ jsxs("div", { className: "ds-hero__actions", children: [
-        primaryCta,
-        secondaryCta
-      ] }),
-      children
-    ] });
-    const MediaBlock = media && /* @__PURE__ */ jsxs("div", { className: "ds-hero__media-wrapper", children: [
-      /* @__PURE__ */ jsx("div", { className: clsx5("ds-hero__media", mediaBrowserFrame && "ds-hero__media--browser"), children: media }),
-      floatingElement && /* @__PURE__ */ jsx("div", { className: clsx5("ds-hero__float", `ds-hero__float--${floatingPosition}`), children: floatingElement })
-    ] });
-    return /* @__PURE__ */ jsx(
-      SectionShell,
-      {
-        ref,
-        className: clsx5(
-          "ds-hero",
-          `ds-hero--${variant}`,
-          withGrid && "ds-hero--bg-grid",
-          withGlow && "ds-hero--bg-glow",
-          className
-        ),
-        padding: "lg",
-        ...props,
-        children: isSplit ? /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              display: "grid",
-              gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 500px), 1fr))",
-              gap: "var(--space-16)",
-              alignItems: "center"
-            },
-            children: [
-              /* @__PURE__ */ jsx(Box, { children: ContentBlock }),
-              /* @__PURE__ */ jsx(Box, { children: MediaBlock })
-            ]
-          }
-        ) : /* @__PURE__ */ jsxs(Stack, { gap: 16, align: isCenter ? "center" : "start", children: [
-          ContentBlock,
-          MediaBlock && /* @__PURE__ */ jsx(
-            Box,
-            {
-              style: {
-                width: "100%",
-                display: "flex",
-                justifyContent: isCenter ? "center" : "flex-start"
-              },
-              children: /* @__PURE__ */ jsx("div", { style: { width: "100%", maxWidth: isCenter ? "1200px" : "100%" }, children: MediaBlock })
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-HeroSection.displayName = "HeroSection";
-var FeatureCard = ({ item }) => /* @__PURE__ */ jsxs("div", { className: "ds-feature-card", children: [
-  item.icon && /* @__PURE__ */ jsx("div", { className: "ds-feature-card__icon", children: item.icon }),
-  /* @__PURE__ */ jsx("h3", { className: "ds-feature-card__title", children: item.title }),
-  /* @__PURE__ */ jsx("div", { className: "ds-feature-card__description", children: item.description }),
-  item.cta && /* @__PURE__ */ jsx("div", { className: "ds-feature-card__cta", children: item.cta })
-] });
-var FeatureRow = ({ item }) => /* @__PURE__ */ jsxs("div", { className: "ds-feature-row", children: [
-  /* @__PURE__ */ jsxs("div", { className: "ds-feature-row__content", children: [
-    item.step && /* @__PURE__ */ jsxs("div", { className: "ds-feature-row__step", children: [
-      "STEP ",
-      item.step
-    ] }),
-    item.icon && /* @__PURE__ */ jsx("div", { className: "ds-feature-card__icon", children: item.icon }),
-    /* @__PURE__ */ jsx("h3", { className: "ds-section-header__title", style: { fontSize: "var(--font-size-2xl)" }, children: item.title }),
-    /* @__PURE__ */ jsx("div", { className: "ds-section-header__subtitle", style: { fontSize: "var(--font-size-lg)" }, children: item.description }),
-    item.cta && /* @__PURE__ */ jsx("div", { className: "ds-hero__actions", children: item.cta })
-  ] }),
-  /* @__PURE__ */ jsx("div", { className: "ds-feature-row__media", children: item.media || /* @__PURE__ */ jsx("div", { style: { paddingBottom: "56.25%", background: "var(--glass-base-active)" } }) })
-] });
-var FeatureSection = forwardRef(
-  ({
-    variant = "grid",
-    columns = 3,
-    features,
-    title,
-    subtitle,
-    eyebrow,
-    alignHeader = "center",
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(SectionShell, { ref, className: clsx5("ds-feature-section", className), ...props, children: [
-      /* @__PURE__ */ jsx(SectionHeader, { title, subtitle, eyebrow, align: alignHeader }),
-      variant === "grid" ? /* @__PURE__ */ jsx("div", { className: clsx5("ds-feature-grid", `ds-feature-grid--${columns}-col`), children: features.map((feature, index) => /* @__PURE__ */ jsx(FeatureCard, { item: feature }, index)) }) : /* @__PURE__ */ jsx("div", { className: "ds-feature-zigzag", children: features.map((feature, index) => /* @__PURE__ */ jsx(FeatureRow, { item: feature }, index)) })
-    ] });
-  }
-);
-FeatureSection.displayName = "FeatureSection";
-var CTASection = forwardRef(
-  ({
-    variant = "center",
-    title,
-    description,
-    primaryCta,
-    secondaryCta,
-    actions,
-    className,
-    children,
-    ...props
-  }, ref) => {
-    const isBoxed = variant === "boxed";
-    const effectiveVariant = isBoxed ? "center" : variant;
-    const Content = /* @__PURE__ */ jsxs("div", { className: clsx5("ds-cta-section", `ds-cta-section--${effectiveVariant}`), children: [
-      effectiveVariant === "split" ? /* @__PURE__ */ jsxs("div", { className: "ds-cta-section--split", children: [
-        /* @__PURE__ */ jsxs("div", { className: "ds-cta-content", children: [
-          /* @__PURE__ */ jsx("h2", { className: "ds-cta-title", children: title }),
-          description && /* @__PURE__ */ jsx("p", { className: "ds-cta-description", children: description })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "ds-cta-actions", children: actions || /* @__PURE__ */ jsxs(Fragment, { children: [
-          primaryCta,
-          secondaryCta
-        ] }) })
-      ] }) : /* @__PURE__ */ jsxs("div", { className: "ds-cta-content", children: [
-        /* @__PURE__ */ jsx("h2", { className: "ds-cta-title", children: title }),
-        description && /* @__PURE__ */ jsx("p", { className: "ds-cta-description", children: description }),
-        /* @__PURE__ */ jsx("div", { className: "ds-cta-actions", children: actions || /* @__PURE__ */ jsxs(Fragment, { children: [
-          primaryCta,
-          secondaryCta
-        ] }) })
-      ] }),
-      children
-    ] });
-    return /* @__PURE__ */ jsx(SectionShell, { ref, className: clsx5(className), ...props, children: isBoxed ? /* @__PURE__ */ jsx("div", { className: "ds-cta-card", children: Content }) : Content });
-  }
-);
-CTASection.displayName = "CTASection";
-var StatsSection = forwardRef(
-  ({ stats, title, subtitle, eyebrow, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(SectionShell, { ref, className: clsx5("ds-stats-section", className), ...props, children: [
-      /* @__PURE__ */ jsx(SectionHeader, { title, subtitle, eyebrow }),
-      /* @__PURE__ */ jsx("div", { className: "ds-stats-grid", children: stats.map((stat, idx) => /* @__PURE__ */ jsxs("div", { className: "ds-stat-card", children: [
-        /* @__PURE__ */ jsxs("div", { className: "ds-stat-value", children: [
-          stat.prefix,
-          stat.value,
-          /* @__PURE__ */ jsx("span", { className: "ds-stat-suffix", children: stat.suffix })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "ds-stat-label", children: stat.label })
-      ] }, idx)) })
-    ] });
-  }
-);
-StatsSection.displayName = "StatsSection";
-
-export { CTASection, FeatureSection, HeroSection, SectionHeader, SectionShell, StatsSection };
+export { CTASection, FeatureSection, HeroSection, StatsSection } from '../chunk-MTI27RDV.js';
+import '../chunk-NN3TUHIH.js';
+export { SectionHeader, SectionShell } from '../chunk-KBA2LFBG.js';
+import '../chunk-HN4PHABT.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/sections/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/SectionShell/SectionShell.tsx","../../src/components/LayoutPrimitives/Box.tsx","../../src/tokens/spacing.ts","../../src/components/LayoutPrimitives/utils.ts","../../src/components/LayoutPrimitives/Stack.tsx","../../src/components/LayoutPrimitives/Container.tsx","../../src/components/HeroSection/HeroSection.tsx","../../src/components/FeatureSection/FeatureSection.tsx","../../src/components/CTASection/CTASection.tsx","../../src/components/StatsSection/StatsSection.tsx"],"names":["forwardRef","clsx","jsx","jsxs"],"mappings":"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","sourcesContent":["import React, { forwardRef, HTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport { Container } from '../LayoutPrimitives';\nimport './SectionShell.css';\n\n/* ============================================================================\n   Section Header Component\n   ============================================================================ */\n\nexport interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  title?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  align?: 'left' | 'center' | 'right';\n}\n\nexport const SectionHeader = forwardRef<HTMLDivElement, SectionHeaderProps>(\n  ({ title, subtitle, eyebrow, align = 'center', className, ...props }, ref) => {\n    if (!title && !subtitle && !eyebrow) return null;\n\n    return (\n      <header\n        ref={ref}\n        className={clsx('ds-section-header', `ds-section-header--${align}`, className)}\n        {...props}\n      >\n        {eyebrow && <span className=\"ds-section-header__eyebrow\">{eyebrow}</span>}\n        {title && <h2 className=\"ds-section-header__title\">{title}</h2>}\n        {subtitle && <p className=\"ds-section-header__subtitle\">{subtitle}</p>}\n      </header>\n    );\n  },\n);\nSectionHeader.displayName = 'SectionHeader';\n\n/* ============================================================================\n   Section Shell Component\n   ============================================================================ */\n\nexport interface SectionShellProps extends HTMLAttributes<HTMLDivElement> {\n  background?: 'default' | 'muted' | 'brand' | 'transparent';\n  padding?: 'none' | 'sm' | 'md' | 'lg';\n  containerSize?: 'sm' | 'md' | 'lg' | 'xl' | 'fluid'; // Maps to Container max-width\n  containerFluid?: boolean;\n}\n\nexport const SectionShell = forwardRef<HTMLDivElement, SectionShellProps>(\n  (\n    {\n      className,\n      children,\n      background = 'default',\n      padding = 'md',\n      containerSize,\n      containerFluid = false,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <section\n        ref={ref}\n        className={clsx(\n          'ds-section',\n          `ds-section--bg-${background}`,\n          `ds-section--padding-${padding}`,\n          className,\n        )}\n        {...props}\n      >\n        <Container\n          size={containerSize === 'fluid' ? 'full' : (containerSize as 'sm' | 'md' | 'lg' | 'xl' | undefined)}\n          fluid={containerFluid || containerSize === 'fluid'}\n        >\n          {children}\n        </Container>\n      </section>\n    );\n  },\n);\nSectionShell.displayName = 'SectionShell';\n","import { ElementType, HTMLAttributes, forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { SpacingProps, extractSpacingStyles } from './utils';\nimport './LayoutPrimitives.css';\n\nexport interface BoxProps extends HTMLAttributes<HTMLElement>, SpacingProps {\n  as?: ElementType;\n}\n\nexport const Box = forwardRef<HTMLElement, BoxProps>(\n  ({ as: Component = 'div', className, style, children, ...props }, ref) => {\n    const spacingStyles = extractSpacingStyles(props);\n\n    // Filter out spacing props from passing to DOM\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { m, mt, mb, ml, mr, mx, my, p, pt, pb, pl, pr, px, py, gap, ...domProps } = props;\n\n    return (\n      <Component\n        ref={ref}\n        className={clsx('ds-box', className)}\n        style={{ ...spacingStyles, ...style }}\n        {...domProps}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n\nBox.displayName = 'Box';\n","export const SPACING = {\n  1: 'var(--space-1)',\n  2: 'var(--space-2)',\n  3: 'var(--space-3)',\n  4: 'var(--space-4)',\n  5: 'var(--space-5)',\n  6: 'var(--space-6)',\n  8: 'var(--space-8)',\n  10: 'var(--space-10)',\n  12: 'var(--space-12)',\n  16: 'var(--space-16)',\n  20: 'var(--space-20)',\n} as const;\n\nexport type SpacingToken = keyof typeof SPACING;\n","import { CSSProperties } from 'react';\nimport { SPACING } from '../../tokens/spacing';\n\ntype SpacingValue = keyof typeof SPACING | number | string;\n\n/**\n * Named spacing aliases that map semantic sizes to DS space tokens.\n * Allows consumers to pass gap=\"lg\" instead of gap={6}.\n */\nconst SPACING_ALIASES: Record<string, string> = {\n  xs:  'var(--space-2)',\n  sm:  'var(--space-3)',\n  md:  'var(--space-4)',\n  lg:  'var(--space-6)',\n  xl:  'var(--space-8)',\n  '2xl': 'var(--space-12)',\n};\n\nexport function resolveSpacing(value: SpacingValue | undefined): string | undefined {\n  if (value === undefined) return undefined;\n  if (typeof value === 'number' && SPACING[value as keyof typeof SPACING]) {\n    return SPACING[value as keyof typeof SPACING];\n  }\n  if (typeof value === 'string' && value in SPACING_ALIASES) {\n    return SPACING_ALIASES[value];\n  }\n  return String(value);\n}\n\nexport interface SpacingProps {\n  m?: SpacingValue;\n  mt?: SpacingValue;\n  mb?: SpacingValue;\n  ml?: SpacingValue;\n  mr?: SpacingValue;\n  mx?: SpacingValue;\n  my?: SpacingValue;\n  p?: SpacingValue;\n  pt?: SpacingValue;\n  pb?: SpacingValue;\n  pl?: SpacingValue;\n  pr?: SpacingValue;\n  px?: SpacingValue;\n  py?: SpacingValue;\n  gap?: SpacingValue;\n}\n\nexport function extractSpacingStyles(props: SpacingProps): CSSProperties {\n  const styles: CSSProperties = {};\n\n  if (props.m !== undefined) styles.margin = resolveSpacing(props.m);\n  if (props.mt !== undefined) styles.marginTop = resolveSpacing(props.mt);\n  if (props.mb !== undefined) styles.marginBottom = resolveSpacing(props.mb);\n  if (props.ml !== undefined) styles.marginLeft = resolveSpacing(props.ml);\n  if (props.mr !== undefined) styles.marginRight = resolveSpacing(props.mr);\n  if (props.mx !== undefined) {\n    styles.marginLeft = resolveSpacing(props.mx);\n    styles.marginRight = resolveSpacing(props.mx);\n  }\n  if (props.my !== undefined) {\n    styles.marginTop = resolveSpacing(props.my);\n    styles.marginBottom = resolveSpacing(props.my);\n  }\n\n  if (props.p !== undefined) styles.padding = resolveSpacing(props.p);\n  if (props.pt !== undefined) styles.paddingTop = resolveSpacing(props.pt);\n  if (props.pb !== undefined) styles.paddingBottom = resolveSpacing(props.pb);\n  if (props.pl !== undefined) styles.paddingLeft = resolveSpacing(props.pl);\n  if (props.pr !== undefined) styles.paddingRight = resolveSpacing(props.pr);\n  if (props.px !== undefined) {\n    styles.paddingLeft = resolveSpacing(props.px);\n    styles.paddingRight = resolveSpacing(props.px);\n  }\n  if (props.py !== undefined) {\n    styles.paddingTop = resolveSpacing(props.py);\n    styles.paddingBottom = resolveSpacing(props.py);\n  }\n\n  if (props.gap !== undefined) styles.gap = resolveSpacing(props.gap);\n\n  return styles;\n}\n","import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { Box, BoxProps } from './Box';\n\nexport interface StackProps extends BoxProps {\n  direction?: 'row' | 'column';\n  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\n  wrap?: boolean;\n}\n\nexport const Stack = forwardRef<HTMLElement, StackProps>(\n  ({ direction = 'column', align, justify, wrap, className, style, ...props }, ref) => {\n    return (\n      <Box\n        ref={ref}\n        className={clsx('ds-stack', direction === 'row' && 'ds-stack--horizontal', className)}\n        style={{\n          alignItems: align,\n          justifyContent: justify === 'between' ? 'space-between' : justify,\n          flexWrap: wrap ? 'wrap' : undefined,\n          ...style,\n        }}\n        {...props}\n      />\n    );\n  },\n);\n\nStack.displayName = 'Stack';\n","import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { Box, BoxProps } from './Box';\n\nexport type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';\n\n/**\n * Maps named sizes to max-width values.\n * Aligns with common web breakpoints (Tailwind `max-w-*` scale).\n */\n// eslint-disable-next-line react-refresh/only-export-components\nexport const CONTAINER_SIZE_MAP: Record<ContainerSize, string> = {\n  sm: '768px',   // 48rem — max-w-3xl\n  md: '1024px',  // 64rem — max-w-5xl\n  lg: '1152px',  // 72rem — max-w-6xl\n  xl: '1280px',  // 80rem — max-w-7xl\n  full: '100%',\n};\n\nexport interface ContainerProps extends BoxProps {\n  /**\n   * Named size preset. Overrides `maxWidth` when set.\n   * @example <Container size=\"lg\">…</Container>\n   */\n  size?: ContainerSize;\n  /** Pass `true` to stretch to 100% width (same as `size=\"full\"`). */\n  fluid?: boolean;\n  /** Custom max-width value. Ignored when `size` or `fluid` is set. */\n  maxWidth?: number | string;\n}\n\nexport const Container = forwardRef<HTMLElement, ContainerProps>(\n  ({ size, fluid, maxWidth, className, style, ...props }, ref) => {\n    let resolvedMaxWidth: string | number;\n    if (fluid) {\n      resolvedMaxWidth = '100%';\n    } else if (size) {\n      resolvedMaxWidth = CONTAINER_SIZE_MAP[size];\n    } else {\n      resolvedMaxWidth = maxWidth || 'var(--container-default-max, 1200px)';\n    }\n\n    return (\n      <Box\n        ref={ref}\n        className={clsx('ds-container', className)}\n        style={{\n          maxWidth: resolvedMaxWidth,\n          ...style,\n        }}\n        {...props}\n      />\n    );\n  },\n);\n\nContainer.displayName = 'Container';\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { SectionShell, SectionShellProps } from '../SectionShell/SectionShell';\nimport { Stack, Box } from '../LayoutPrimitives';\nimport './HeroSection.css';\n\n/* ============================================================================\n   Types\n   ============================================================================ */\n\nexport interface HeroSectionProps extends Omit<SectionShellProps, 'title'> {\n  variant?: 'left' | 'center' | 'split';\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  primaryCta?: React.ReactNode;\n  secondaryCta?: React.ReactNode;\n\n  /** Main visual (Image, Video, or Component) */\n  media?: React.ReactNode;\n  /** Adds a browser-like header bar to the media container */\n  mediaBrowserFrame?: boolean;\n\n  /** Optional floating elements (e.g. SocialProof cards) over the media */\n  floatingElement?: React.ReactNode;\n  floatingPosition?: 'top-right' | 'bottom-left';\n\n  /** Background Visuals */\n  withGrid?: boolean;\n  withGlow?: boolean;\n\n  align?: 'left' | 'center'; // Text alignment overrides variant default\n}\n\n/* ============================================================================\n   Component\n   ============================================================================ */\n\nexport const HeroSection = forwardRef<HTMLDivElement, HeroSectionProps>(\n  (\n    {\n      variant = 'left',\n      title,\n      subtitle,\n      eyebrow,\n      primaryCta,\n      secondaryCta,\n      media,\n      mediaBrowserFrame = false,\n      floatingElement,\n      floatingPosition = 'bottom-left',\n      withGrid = false,\n      withGlow = false,\n      align,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    // Determine layout based on variant\n    const isSplit = variant === 'split';\n    const isCenter = variant === 'center';\n\n    // Default alignment\n    const textAlignment = align || (isCenter ? 'center' : 'left');\n\n    const ContentBlock = (\n      <div className={clsx('ds-hero__content', `ds-hero__content--${textAlignment}`)}>\n        {eyebrow && (\n          <span className=\"ds-section-header__eyebrow\" style={{ marginBottom: 'var(--space-2)' }}>\n            {eyebrow}\n          </span>\n        )}\n        <h1 className=\"ds-hero__title\">{title}</h1>\n        {subtitle && <p className=\"ds-hero__subtitle\">{subtitle}</p>}\n\n        {(primaryCta || secondaryCta) && (\n          <div className=\"ds-hero__actions\">\n            {primaryCta}\n            {secondaryCta}\n          </div>\n        )}\n        {children}\n      </div>\n    );\n\n    const MediaBlock = media && (\n      <div className=\"ds-hero__media-wrapper\">\n        <div className={clsx('ds-hero__media', mediaBrowserFrame && 'ds-hero__media--browser')}>\n          {media}\n        </div>\n        {floatingElement && (\n          <div className={clsx('ds-hero__float', `ds-hero__float--${floatingPosition}`)}>\n            {floatingElement}\n          </div>\n        )}\n      </div>\n    );\n\n    return (\n      <SectionShell\n        ref={ref}\n        className={clsx(\n          'ds-hero',\n          `ds-hero--${variant}`,\n          withGrid && 'ds-hero--bg-grid',\n          withGlow && 'ds-hero--bg-glow',\n          className,\n        )}\n        padding=\"lg\"\n        {...props}\n      >\n        {isSplit ? (\n          <div\n            style={{\n              display: 'grid',\n              gridTemplateColumns: 'repeat(auto-fit, minmax(min(100%, 500px), 1fr))',\n              gap: 'var(--space-16)',\n              alignItems: 'center',\n            }}\n          >\n            <Box>{ContentBlock}</Box>\n            <Box>{MediaBlock}</Box>\n          </div>\n        ) : (\n          <Stack gap={16} align={isCenter ? 'center' : 'start'}>\n            {ContentBlock}\n            {MediaBlock && (\n              <Box\n                style={{\n                  width: '100%',\n                  display: 'flex',\n                  justifyContent: isCenter ? 'center' : 'flex-start',\n                }}\n              >\n                <div style={{ width: '100%', maxWidth: isCenter ? '1200px' : '100%' }}>\n                  {MediaBlock}\n                </div>\n              </Box>\n            )}\n          </Stack>\n        )}\n      </SectionShell>\n    );\n  },\n);\n\nHeroSection.displayName = 'HeroSection';\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { SectionShell, SectionShellProps, SectionHeader } from '../SectionShell/SectionShell';\nimport './FeatureSection.css';\n\n/* ============================================================================\n   Types\n   ============================================================================ */\n\nexport interface FeatureItem {\n  title: React.ReactNode;\n  description: React.ReactNode;\n  icon?: React.ReactNode;\n  media?: React.ReactNode; // For ZigZag\n  step?: string | number; // For ZigZag steps\n  cta?: React.ReactNode;\n}\n\nexport interface FeatureSectionProps extends Omit<SectionShellProps, 'title'> {\n  variant?: 'grid' | 'zigzag';\n  columns?: 2 | 3 | 4; // For grid variant\n  features: FeatureItem[];\n  title?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  alignHeader?: 'left' | 'center' | 'right';\n}\n\n/* ============================================================================\n   Components\n   ============================================================================ */\n\nconst FeatureCard = ({ item }: { item: FeatureItem }) => (\n  <div className=\"ds-feature-card\">\n    {item.icon && <div className=\"ds-feature-card__icon\">{item.icon}</div>}\n    <h3 className=\"ds-feature-card__title\">{item.title}</h3>\n    <div className=\"ds-feature-card__description\">{item.description}</div>\n    {item.cta && <div className=\"ds-feature-card__cta\">{item.cta}</div>}\n  </div>\n);\n\nconst FeatureRow = ({ item }: { item: FeatureItem }) => (\n  <div className=\"ds-feature-row\">\n    <div className=\"ds-feature-row__content\">\n      {item.step && <div className=\"ds-feature-row__step\">STEP {item.step}</div>}\n      {item.icon && <div className=\"ds-feature-card__icon\">{item.icon}</div>}\n      <h3 className=\"ds-section-header__title\" style={{ fontSize: 'var(--font-size-2xl)' }}>\n        {item.title}\n      </h3>\n      <div className=\"ds-section-header__subtitle\" style={{ fontSize: 'var(--font-size-lg)' }}>\n        {item.description}\n      </div>\n      {item.cta && <div className=\"ds-hero__actions\">{item.cta}</div>}\n    </div>\n    <div className=\"ds-feature-row__media\">\n      {item.media || (\n        <div style={{ paddingBottom: '56.25%', background: 'var(--glass-base-active)' }} />\n      )}\n    </div>\n  </div>\n);\n\nexport const FeatureSection = forwardRef<HTMLDivElement, FeatureSectionProps>(\n  (\n    {\n      variant = 'grid',\n      columns = 3,\n      features,\n      title,\n      subtitle,\n      eyebrow,\n      alignHeader = 'center',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <SectionShell ref={ref} className={clsx('ds-feature-section', className)} {...props}>\n        <SectionHeader title={title} subtitle={subtitle} eyebrow={eyebrow} align={alignHeader} />\n\n        {variant === 'grid' ? (\n          <div className={clsx('ds-feature-grid', `ds-feature-grid--${columns}-col`)}>\n            {features.map((feature, index) => (\n              <FeatureCard key={index} item={feature} />\n            ))}\n          </div>\n        ) : (\n          <div className=\"ds-feature-zigzag\">\n            {features.map((feature, index) => (\n              <FeatureRow key={index} item={feature} />\n            ))}\n          </div>\n        )}\n      </SectionShell>\n    );\n  },\n);\nFeatureSection.displayName = 'FeatureSection';\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { SectionShell, SectionShellProps } from '../SectionShell/SectionShell';\nimport './CTASection.css';\n\nexport interface CTASectionProps extends Omit<SectionShellProps, 'title'> {\n  variant?: 'center' | 'split' | 'boxed';\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  primaryCta?: React.ReactNode;\n  secondaryCta?: React.ReactNode;\n  actions?: React.ReactNode; // Custom actions slot\n}\n\nexport const CTASection = forwardRef<HTMLDivElement, CTASectionProps>(\n  (\n    {\n      variant = 'center',\n      title,\n      description,\n      primaryCta,\n      secondaryCta,\n      actions,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    // \"Boxed\" is just centered content inside a card-like container within the section\n    const isBoxed = variant === 'boxed';\n    const effectiveVariant = isBoxed ? 'center' : variant;\n\n    const Content = (\n      <div className={clsx('ds-cta-section', `ds-cta-section--${effectiveVariant}`)}>\n        {effectiveVariant === 'split' ? (\n          <div className=\"ds-cta-section--split\">\n            <div className=\"ds-cta-content\">\n              <h2 className=\"ds-cta-title\">{title}</h2>\n              {description && <p className=\"ds-cta-description\">{description}</p>}\n            </div>\n            <div className=\"ds-cta-actions\">\n              {actions || (\n                <>\n                  {primaryCta}\n                  {secondaryCta}\n                </>\n              )}\n            </div>\n          </div>\n        ) : (\n          <div className=\"ds-cta-content\">\n            <h2 className=\"ds-cta-title\">{title}</h2>\n            {description && <p className=\"ds-cta-description\">{description}</p>}\n            <div className=\"ds-cta-actions\">\n              {actions || (\n                <>\n                  {primaryCta}\n                  {secondaryCta}\n                </>\n              )}\n            </div>\n          </div>\n        )}\n        {children}\n      </div>\n    );\n\n    return (\n      <SectionShell ref={ref} className={clsx(className)} {...props}>\n        {isBoxed ? <div className=\"ds-cta-card\">{Content}</div> : Content}\n      </SectionShell>\n    );\n  },\n);\nCTASection.displayName = 'CTASection';\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { SectionShell, SectionShellProps, SectionHeader } from '../SectionShell/SectionShell';\nimport './StatsSection.css';\n\nexport interface StatItem {\n  label: string;\n  value: string | number;\n  suffix?: string;\n  prefix?: string;\n}\n\nexport interface StatsSectionProps extends Omit<SectionShellProps, 'title'> {\n  stats: StatItem[];\n  title?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n}\n\nexport const StatsSection = forwardRef<HTMLDivElement, StatsSectionProps>(\n  ({ stats, title, subtitle, eyebrow, className, ...props }, ref) => {\n    return (\n      <SectionShell ref={ref} className={clsx('ds-stats-section', className)} {...props}>\n        <SectionHeader title={title} subtitle={subtitle} eyebrow={eyebrow} />\n\n        <div className=\"ds-stats-grid\">\n          {stats.map((stat, idx) => (\n            <div key={idx} className=\"ds-stat-card\">\n              <div className=\"ds-stat-value\">\n                {stat.prefix}\n                {stat.value}\n                <span className=\"ds-stat-suffix\">{stat.suffix}</span>\n              </div>\n              <div className=\"ds-stat-label\">{stat.label}</div>\n            </div>\n          ))}\n        </div>\n      </SectionShell>\n    );\n  },\n);\nStatsSection.displayName = 'StatsSection';\n"]}
+{"version":3,"sources":[],"names":[],"mappings":""}