@salesmind-ai/design-system 0.3.0 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/README.md +32 -2
  2. package/dist/index.cjs +3 -2
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.css +11 -7
  5. package/dist/index.css.map +1 -1
  6. package/dist/index.js +3 -2
  7. package/dist/index.js.map +1 -1
  8. package/dist/nav/index.cjs +1 -1
  9. package/dist/nav/index.cjs.map +1 -1
  10. package/dist/nav/index.js +1 -1
  11. package/dist/nav/index.js.map +1 -1
  12. package/dist/sections/index.css +1 -4
  13. package/dist/sections/index.css.map +1 -1
  14. package/dist/social-proof/index.cjs +2 -1
  15. package/dist/social-proof/index.cjs.map +1 -1
  16. package/dist/social-proof/index.css +10 -3
  17. package/dist/social-proof/index.css.map +1 -1
  18. package/dist/social-proof/index.js +2 -1
  19. package/dist/social-proof/index.js.map +1 -1
  20. package/dist/web/client/index.cjs +501 -0
  21. package/dist/web/client/index.cjs.map +1 -0
  22. package/dist/web/client/index.css +456 -0
  23. package/dist/web/client/index.css.map +1 -0
  24. package/dist/web/client/index.d.cts +172 -0
  25. package/dist/web/client/index.d.ts +172 -0
  26. package/dist/web/client/index.js +486 -0
  27. package/dist/web/client/index.js.map +1 -0
  28. package/dist/web/index.d.cts +5 -893
  29. package/dist/web/index.d.ts +5 -893
  30. package/dist/web/server/index.cjs +569 -0
  31. package/dist/web/server/index.cjs.map +1 -0
  32. package/dist/web/server/index.d.cts +725 -0
  33. package/dist/web/server/index.d.ts +725 -0
  34. package/dist/web/server/index.js +562 -0
  35. package/dist/web/server/index.js.map +1 -0
  36. package/package.json +14 -1
package/dist/sections/index.css CHANGED
@@ -387,11 +387,9 @@
387
387
  }
388
388
  @keyframes ds-hero-fade-up {
389
389
  from {
390
- opacity: 0;
391
390
  transform: translateY(20px);
392
391
  }
393
392
  to {
394
- opacity: 1;
395
393
  transform: translateY(0);
396
394
  }
397
395
  }
@@ -449,8 +447,7 @@
449
447
  .ds-hero__media-wrapper {
450
448
  position: relative;
451
449
  perspective: 1000px;
452
- animation: ds-hero-fade-up 1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;
453
- opacity: 0;
450
+ animation: ds-hero-fade-up 1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both;
454
451
  }
455
452
  .ds-hero__media {
456
453
  position: relative;
package/dist/sections/index.css.map CHANGED
@@ -1 +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":[]}
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 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/social-proof/index.cjs CHANGED
@@ -188,6 +188,7 @@ var PlatformBadge = React5.forwardRef(
188
188
  "div",
189
189
  {
190
190
  ref,
191
+ role: "img",
191
192
  className: clsx7__default.default(
192
193
  "ds-platform-badge",
193
194
  `ds-platform-badge--${variant}`,
@@ -897,7 +898,7 @@ var SocialProofLogos = React5.forwardRef(
897
898
  ...props,
898
899
  children: [
899
900
  title && /* @__PURE__ */ jsxRuntime.jsx(
900
- "h3",
901
+ "p",
901
902
  {
902
903
  className: "ds-section-header__eyebrow",
903
904
  style: { textAlign: "center", marginBottom: "var(--space-8)" },