/* Source: assets/css/design-system.css */
:root {
  --primary: #3D205E;
  --primary-dark: #241038;
  --primary-light: #6E42A6;
  --primary-soft: #F4F0FA;
  --primary-subtle: #F7F2FF;
  --accent: #F6A623;
  --accent-hover: #E89412;
  --bg: #FAFBFD;
  --bg-soft: #F7F2FF;
  --surface: #FFFFFF;
  --text: #1E293B;
  --text-muted: #475569;
  --text-soft: #5F6675;
  --border: #E6DDF0;
  --border-soft: rgba(61, 32, 94, .10);
  --success: #16A34A;
  --warning: #D97706;
  --danger: #DC2626;
  --info: #2563EB;
  --font-sans: "Inter", "Poppins", Arial, sans-serif;
  --container: 1180px;
  --container-wide: 1280px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-2xl: 32px;
  --shadow-sm: 0 2px 8px rgba(61, 32, 94, .05);
  --shadow-md: 0 8px 30px rgba(61, 32, 94, .08);
  --shadow-lg: 0 16px 46px rgba(61, 32, 94, .10);
  --shadow-xl: 0 24px 72px rgba(61, 32, 94, .12);
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 128px;
  --section-space: 88px;
  --section-space-sm: 56px;
  --transition-fast: 160ms ease;
  --transition-base: 220ms ease;
  --z-header: 1000;
  --z-dropdown: 1100;
}




/* Source: assets/css/theme.css */
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}

a {
  color: var(--primary);
}

a:hover {
  color: var(--primary-light);
}

img {
  max-width: 100%;
  height: auto;
}

.screen-reader-text,
.cld-skip-link {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.cld-skip-link:focus {
  position: fixed;
  top: var(--space-2);
  left: var(--space-2);
  z-index: 10000;
  width: auto;
  height: auto;
  padding: 10px 14px;
  clip: auto;
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-md);
}

.cld-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, .94);
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(16px);
}

.admin-bar .cld-header {
  top: 32px;
}

.cld-header__inner {
  max-width: 1280px;
  min-height: 76px;
  margin: 0 auto;
  padding: 0 var(--space-4);
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.cld-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  color: var(--primary);
  text-decoration: none;
  font-weight: 800;
}

.cld-brand__mark {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, var(--accent), var(--primary-light) 46%, var(--primary));
  color: var(--surface);
  font-weight: 900;
}

.cld-brand__text {
  font-size: 1.25rem;
}

.cld-menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  margin-left: auto;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface);
}

.cld-menu-toggle__bar {
  display: block;
  width: 18px;
  height: 2px;
  margin: 4px auto;
  border-radius: 999px;
  background: var(--primary);
}

.cld-nav {
  margin-left: auto;
}

.cld-nav__list {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.cld-nav__item {
  position: relative;
}

.cld-nav__link,
.cld-nav__submenu a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 9px 12px;
  border-radius: var(--radius-md);
  color: var(--text);
  font-weight: 700;
  font-size: .94rem;
  text-decoration: none;
}

.cld-nav__link:hover,
.cld-nav__submenu a:hover {
  background: var(--primary-soft);
  color: var(--primary);
}

.cld-nav__submenu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  padding: 10px;
  margin: 8px 0 0;
  list-style: none;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}

.cld-nav__item--has-submenu:hover .cld-nav__submenu,
.cld-nav__item--has-submenu:focus-within .cld-nav__submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.cld-nav__submenu a {
  width: 100%;
  justify-content: flex-start;
}

.cld-header__cta,
.cld-footer__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 11px 16px;
  border-radius: var(--radius-md);
  background: var(--accent);
  color: #251506;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 12px 28px rgba(246, 166, 35, .22);
}

.cld-header__cta:hover,
.cld-footer__cta:hover {
  background: var(--accent-hover);
  color: #251506;
}

.cld-main {
  min-height: 56vh;
}

.cld-site {
  --p: #3D205E;
  --p2: #6E42A6;
  --soft: #F4F0FA;
  --cta: #F6A623;
  --bg: #FAFBFD;
  --ink: #1E293B;
  --muted: #475569;
  --line: #E6DDF0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
}

.cld-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--space-4);
}

.cld-hero {
  background: linear-gradient(135deg, #fff 0%, #fbf8ff 48%, #efe7fb 100%);
  padding: var(--space-7) 0 var(--space-6);
  border-bottom: 1px solid var(--border);
}

.cld-kicker {
  display: inline-flex;
  gap: .5rem;
  align-items: center;
  padding: .45rem .75rem;
  border: 1px solid #eadff6;
  border-radius: 999px;
  background: var(--surface);
  color: var(--primary);
  font-weight: 750;
  font-size: .86rem;
}

.cld-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
  gap: var(--space-5);
  align-items: center;
}

.cld-h1 {
  max-width: 820px;
  margin: 22px 0 18px;
  color: var(--text);
  font-size: clamp(2.35rem, 5vw, 4rem);
  line-height: 1.04;
}

.cld-lead {
  max-width: 720px;
  color: var(--text-muted);
  font-size: 1.16rem;
  line-height: 1.75;
}

.cld-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: var(--space-4);
}

.cld-btn {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: 14px 20px;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  font-weight: 800;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.cld-btn:hover {
  transform: translateY(-2px);
}

.cld-btn-primary {
  background: var(--accent);
  color: #251506;
  box-shadow: 0 12px 28px rgba(246, 166, 35, .26);
}

.cld-btn--primary,
.cld-btn-primary:hover,
.cld-btn--primary:hover {
  background: var(--accent-hover);
  color: #251506;
}

.cld-btn--primary {
  background: var(--accent);
  color: #251506;
  box-shadow: 0 12px 28px rgba(246, 166, 35, .26);
}

.cld-btn-secondary {
  background: var(--surface);
  border-color: var(--border);
  color: var(--primary);
}

.cld-btn--secondary {
  background: var(--surface);
  border-color: var(--border);
  color: var(--primary);
}

.cld-visual {
  padding: 22px;
  border: 1px solid #eadff6;
  border-radius: 28px;
  background: var(--surface);
  box-shadow: 0 24px 60px rgba(61, 32, 94, .13);
}

.cld-window {
  overflow: hidden;
  border: 1px solid #e7e0ef;
  border-radius: 20px;
  background: var(--surface);
}

.cld-bar {
  display: flex;
  height: 48px;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  border-bottom: 1px solid #e7e0ef;
  background: #fbf8ff;
}

.cld-dot {
  width: 10px;
  height: 10px;
  border-radius: 99px;
  background: #d9c8ec;
}

.cld-screen {
  display: grid;
  gap: 14px;
  padding: 22px;
}

.cld-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px;
  border: 1px solid #eee7f5;
  border-radius: 16px;
  background: #fbf8ff;
}

.cld-pill {
  flex: 0 0 auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--primary-soft);
  color: var(--primary);
  font-size: .78rem;
  font-weight: 800;
}

.cld-section {
  padding: var(--space-7) 0;
}

.cld-section:nth-child(even) {
  background: var(--surface);
}

.cld-title {
  margin: 0 0 12px;
  color: var(--text);
  font-size: clamp(1.7rem, 3vw, 2.55rem);
  line-height: 1.12;
}

.cld-intro {
  max-width: 760px;
  margin: 0 0 var(--space-4);
  color: var(--text-muted);
  line-height: 1.7;
}

.cld-grid,
.cld-grid-2,
.cld-stats {
  display: grid;
  gap: 18px;
}

.cld-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cld-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cld-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cld-grid--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cld-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cld-card,
.cld-stat {
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

.cld-card {
  padding: var(--space-4);
}

.cld-card h3 {
  margin: 0 0 10px;
  color: var(--primary);
  font-size: 1.12rem;
}

.cld-card p,
.cld-card li {
  color: var(--text-muted);
  line-height: 1.65;
}

.cld-card ul {
  padding-left: 18px;
  margin: 12px 0 0;
}

.cld-icon {
  display: flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  border-radius: 14px;
  background: var(--primary-soft);
  color: var(--primary);
  font-weight: 900;
}

.cld-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-5);
  border-radius: 28px;
  background: var(--primary);
  color: var(--surface);
}

.cld-strip h2 {
  margin: 0;
  color: var(--surface);
  font-size: 2rem;
}

.cld-strip p {
  margin: 10px 0 0;
  color: #e9ddf6;
}

.cld-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cld-benefit-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.cld-benefit {
  padding: var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

.cld-benefit strong {
  display: block;
  color: var(--primary);
  font-size: 1.85rem;
  line-height: 1.12;
}

.cld-benefit span {
  color: var(--text-muted);
}

.cld-stat {
  padding: var(--space-3);
  color: var(--text-muted);
}

.cld-stat strong {
  display: block;
  color: var(--primary);
  font-size: 1.7rem;
}

.cld-faq details {
  padding: var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

.cld-faq details + details {
  margin-top: 14px;
}

.cld-faq summary {
  cursor: pointer;
  color: var(--primary);
  font-weight: 800;
}

.cld-faq summary:focus-visible {
  outline: 3px solid rgba(246, 166, 35, .45);
  outline-offset: 4px;
}

.cld-faq p {
  margin: 12px 0 0;
  color: var(--text-muted);
}

.cld-process {
  counter-reset: cld-step;
}

.cld-process .cld-card::before {
  counter-increment: cld-step;
  content: counter(cld-step);
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  border-radius: 50%;
  background: var(--accent);
  color: #251506;
  font-weight: 900;
}

.cld-section--white {
  background: var(--surface);
}

.cld-section--soft {
  background: #FAFBFD;
}

.cld-cta {
  background: var(--surface);
}

.cld-cta__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-5);
  border-radius: 28px;
  background: var(--primary);
  color: var(--surface);
  box-shadow: var(--shadow-lg);
}

.cld-cta__box h2 {
  margin: 0;
  color: var(--surface);
  font-size: clamp(1.8rem, 3vw, 2.6rem);
}

.cld-cta__box p {
  margin: 12px 0 0;
  color: #eadff6;
}

.cld-card__icon {
  width: 48px;
  height: 48px;
  margin-bottom: 18px;
}

.cld-footer {
  background: var(--primary);
  color: #eadff6;
}

.cld-footer__inner {
  display: grid;
  max-width: 1280px;
  margin: 0 auto;
  padding: var(--space-7) var(--space-4) var(--space-5);
  grid-template-columns: 1.3fr repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.cld-brand--footer {
  color: var(--surface);
}

.cld-footer__brand p {
  max-width: 320px;
}

.cld-footer__nav {
  display: grid;
  align-content: start;
  gap: 10px;
}

.cld-footer__nav h2 {
  margin: 0 0 8px;
  color: var(--surface);
  font-size: 1rem;
}

.cld-footer__nav a {
  color: #eadff6;
  text-decoration: none;
}

.cld-footer__nav a:hover {
  color: var(--surface);
}

.cld-footer__bottom {
  max-width: 1280px;
  margin: 0 auto;
  padding: var(--space-3) var(--space-4);
  border-top: 1px solid rgba(255, 255, 255, .14);
  color: #d9c8ec;
  font-size: .95rem;
}

.cld-article,
.cld-archive {
  padding: var(--space-7) var(--space-4);
}

.cld-article__inner,
.cld-archive__inner {
  max-width: 860px;
  margin: 0 auto;
}

.cld-article__header h1,
.cld-archive h1 {
  margin: var(--space-3) 0;
  color: var(--text);
  font-size: clamp(2.2rem, 4vw, 3.4rem);
  line-height: 1.08;
}

.cld-post-list {
  display: grid;
  gap: var(--space-3);
}

.cld-post-card {
  padding: var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface);
}

@media (max-width: 1023px) {
  .admin-bar .cld-header {
    top: 0;
  }

  .cld-header__inner {
    min-height: 68px;
    padding: 0 var(--space-3);
  }

  .cld-menu-toggle {
    display: block;
  }

  .cld-nav,
  .cld-header__cta {
    display: none;
  }

  .cld-header.is-open .cld-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: block;
    padding: var(--space-2) var(--space-3) var(--space-3);
    border-bottom: 1px solid var(--border);
    background: var(--surface);
    box-shadow: var(--shadow-md);
  }

  .cld-nav__list {
    display: grid;
    align-items: stretch;
  }

  .cld-nav__link {
    width: 100%;
  }

  .cld-nav__submenu {
    position: static;
    min-width: 0;
    margin: 4px 0 8px;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
  }

  .cld-hero-grid,
  .cld-grid,
  .cld-grid--2,
  .cld-grid--3,
  .cld-grid--4,
  .cld-grid-2,
  .cld-stats,
  .cld-benefit-strip,
  .cld-footer__inner {
    grid-template-columns: 1fr;
  }

  .cld-hero,
  .cld-section {
    padding: var(--space-6) 0;
  }

  .cld-strip {
    display: grid;
  }

  .cld-cta__box {
    display: grid;
  }
}

@media (max-width: 640px) {
  .cld-wrap {
    padding: 0 var(--space-2);
  }

  .cld-h1 {
    font-size: 2.25rem;
  }

  .cld-card,
  .cld-strip {
    padding: var(--space-3);
  }

  .cld-row {
    display: grid;
  }
}

/* V2 premium home system */
.cld-home-v2 {
  --cld-violet-950: var(--primary-dark);
  --cld-violet-900: var(--primary);
  --cld-violet-800: #4b2a72;
  --cld-violet-700: var(--primary-light);
  --cld-violet-100: var(--bg-soft);
  --cld-orange: var(--accent);
  --cld-ink: var(--text);
  --cld-muted: var(--text-soft);
  --cld-line: var(--border-soft);
  --cld-glow: var(--shadow-xl);
  background:
    linear-gradient(180deg, var(--bg-soft) 0%, #fff 34rem);
  color: var(--cld-ink);
  overflow: hidden;
}

.cld-home-v2 .cld-wrap {
  max-width: var(--container);
}

.cld-home-v2 .cld-section {
  position: relative;
  padding: var(--section-space) 0;
}

.cld-home-v2 .cld-eyebrow,
.cld-home-v2 .cld-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 34px;
  padding: 6px 13px;
  border: 1px solid rgba(110, 66, 166, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .78);
  color: var(--cld-violet-900);
  font-size: .82rem;
  font-weight: 850;
  letter-spacing: 0;
  box-shadow: var(--shadow-sm);
}

.cld-home-v2 .cld-eyebrow::before,
.cld-home-v2 .cld-kicker::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--cld-orange);
  box-shadow: 0 0 0 5px rgba(246, 166, 35, .14);
}

.cld-home-v2 .cld-section-head {
  max-width: 760px;
  margin-bottom: 34px;
}

.cld-home-v2 .cld-section-head--center {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.cld-home-v2 h1,
.cld-home-v2 h2,
.cld-home-v2 h3 {
  color: var(--cld-violet-950);
  letter-spacing: 0;
}

.cld-home-v2 h2 {
  margin: 16px 0 14px;
  font-size: clamp(2rem, 4vw, 3.35rem);
  line-height: 1.04;
}

.cld-home-v2 h3 {
  margin: 0 0 10px;
  font-size: 1.12rem;
  line-height: 1.2;
}

.cld-home-v2 p {
  color: var(--cld-muted);
}

.cld-home-v2 .cld-lead {
  max-width: 700px;
  margin: 0;
  font-size: clamp(1.05rem, 1.6vw, 1.22rem);
  line-height: 1.75;
}

.cld-header {
  background: rgba(255, 255, 255, .86);
  border-bottom-color: rgba(61, 32, 94, .1);
  box-shadow: 0 8px 28px rgba(61, 32, 94, .05);
}

.cld-brand__mark {
  border-radius: 12px;
  background:
    radial-gradient(circle at 72% 22%, rgba(246, 166, 35, .78), transparent 20%),
    linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 78%);
  box-shadow: 0 10px 22px rgba(61, 32, 94, .16);
}

.cld-nav__link,
.cld-nav__submenu a {
  color: #31233f;
  font-weight: 760;
}

.cld-header__cta,
.cld-footer__cta,
.cld-home-v2 .cld-btn--primary {
  border: 1px solid rgba(246, 166, 35, .45);
  border-radius: 999px;
  background: var(--accent);
  box-shadow: 0 12px 26px rgba(246, 166, 35, .22);
}

.cld-home-v2 .cld-btn--secondary {
  border: 1px solid rgba(61, 32, 94, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .82);
  color: var(--cld-violet-900);
  box-shadow: var(--shadow-sm);
}

.cld-home-v2 .cld-hero {
  position: relative;
  padding: 74px 0 56px;
  border-bottom: 0;
  background:
    linear-gradient(180deg, var(--bg-soft) 0%, #fff 100%);
}

.cld-home-v2 .cld-hero::after {
  display: none;
}

.cld-home-v2 .cld-hero-grid {
  position: relative;
  z-index: 1;
  align-items: center;
  grid-template-columns: minmax(0, .96fr) minmax(430px, 1.04fr);
  gap: clamp(34px, 6vw, 76px);
}

.cld-home-v2 .cld-hero-copy {
  max-width: 650px;
}

.cld-home-v2 .cld-h1 {
  max-width: 760px;
  margin: 22px 0 22px;
  color: var(--cld-violet-950);
  font-size: clamp(2.55rem, 5vw, 4.85rem);
  line-height: 1;
}

.cld-home-v2 .cld-hero-copy p {
  max-width: 650px;
  font-size: clamp(1.08rem, 1.7vw, 1.24rem);
  line-height: 1.72;
}

.cld-home-v2 .cld-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.cld-home-v2 .cld-hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

.cld-home-v2 .cld-hero-proof li {
  padding: 9px 12px;
  border: 1px solid rgba(61, 32, 94, .12);
  border-radius: 999px;
  background: rgba(255, 255, 255, .68);
  color: #3f334b;
  font-size: .9rem;
  font-weight: 720;
}

.cld-home-v2 .cld-hero__visual {
  position: relative;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: var(--radius-2xl);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(247, 242, 255, .72));
  box-shadow: var(--cld-glow);
}

.cld-home-v2 .cld-hero__visual::before {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(61, 32, 94, .1);
  border-radius: 26px;
  pointer-events: none;
}

.cld-home-v2 .cld-hero__visual img {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 24px;
  filter: drop-shadow(0 18px 28px rgba(61, 32, 94, .12));
}

.cld-bento {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  gap: 18px;
}

.cld-bento__main,
.cld-bento__item,
.cld-product-card,
.cld-faq-v2 details {
  border: 1px solid rgba(61, 32, 94, .1);
  background: rgba(255, 255, 255, .86);
  box-shadow: var(--shadow-md);
}

.cld-bento__main {
  position: relative;
  overflow: hidden;
  display: grid;
  min-height: 440px;
  padding: clamp(28px, 4vw, 48px);
  border-radius: 32px;
  background:
    radial-gradient(circle at 95% 92%, rgba(61, 32, 94, .09), transparent 15rem),
    linear-gradient(145deg, #fff 0%, var(--bg-soft) 100%);
}

.cld-bento__main::after {
  content: "";
  position: absolute;
  right: -92px;
  bottom: -120px;
  width: 240px;
  height: 320px;
  border-radius: 999px;
  background: rgba(61, 32, 94, .08);
  transform: rotate(18deg);
  pointer-events: none;
}

.cld-bento__main > * {
  position: relative;
  z-index: 1;
}

.cld-bento__main h3 {
  max-width: 460px;
  font-size: clamp(1.65rem, 2.8vw, 2.35rem);
}

.cld-bento__main p {
  max-width: 560px;
  font-size: 1.05rem;
}

.cld-bento__stack {
  display: grid;
  gap: 18px;
}

.cld-bento__item {
  display: grid;
  min-height: 158px;
  padding: 26px;
  border-radius: 28px;
}

.cld-bento__item--violet {
  background:
    linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
}

.cld-bento__item--violet h3,
.cld-bento__item--violet p {
  color: #fff;
}

.cld-icon-tile {
  display: inline-flex;
  width: 58px;
  height: 58px;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--shadow-sm);
}

.cld-icon-tile img {
  width: 34px;
  height: 34px;
}

.cld-icon-tile--violet {
  background: rgba(255, 255, 255, .12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

.cld-home-v2 .cld-dark-panel {
  overflow: hidden;
  background:
    linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 92%);
  color: #fff;
}

.cld-dark-panel h2,
.cld-dark-panel h3,
.cld-dark-panel p {
  color: #fff;
}

.cld-dark-panel .cld-eyebrow {
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .1);
  color: #fff;
}

.cld-market-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr .9fr;
  gap: 18px;
  align-items: stretch;
}

.cld-market-card {
  display: grid;
  align-content: space-between;
  min-height: 300px;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: var(--radius-xl);
  background: rgba(255, 255, 255, .08);
}

.cld-market-card:first-child {
  min-height: 420px;
  background: rgba(255, 255, 255, .14);
}

.cld-market-card p {
  color: rgba(255, 255, 255, .78);
}

.cld-market-card img {
  width: 54px;
  height: 54px;
  margin-bottom: 20px;
}

.cld-product-rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}

.cld-product-card {
  position: relative;
  min-height: 330px;
  padding: 30px;
  border-radius: var(--radius-2xl);
  overflow: hidden;
}

.cld-product-card::after {
  content: "";
  position: absolute;
  right: -52px;
  bottom: -52px;
  width: 176px;
  height: 176px;
  border-radius: 50%;
  background: rgba(246, 166, 35, .13);
}

.cld-product-card:nth-child(2) {
  margin-top: 18px;
}

.cld-product-card:nth-child(3) {
  margin-top: 36px;
}

.cld-product-card img {
  width: 58px;
  height: 58px;
  margin-bottom: 26px;
}

.cld-metric-ribbon {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(61, 32, 94, .1);
  border-radius: var(--radius-2xl);
  background: rgba(61, 32, 94, .1);
  box-shadow: var(--shadow-md);
}

.cld-metric {
  min-height: 220px;
  padding: clamp(24px, 3vw, 36px);
  background: rgba(255, 255, 255, .94);
}

.cld-metric strong {
  display: block;
  margin-bottom: 12px;
  color: var(--cld-violet-900);
  font-size: clamp(2.6rem, 5vw, 4.6rem);
  line-height: .9;
}

.cld-metric span {
  display: block;
  color: var(--cld-ink);
  font-weight: 820;
}

.cld-metric p {
  margin: 12px 0 0;
}

.cld-comparison-panel {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: 28px;
  align-items: center;
  padding: clamp(28px, 5vw, 56px);
  border: 1px solid rgba(61, 32, 94, .1);
  border-radius: var(--radius-2xl);
  background:
    #fff;
  box-shadow: var(--shadow-md);
}

.cld-comparison-list {
  display: grid;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.cld-comparison-list li {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 12px;
  padding: 15px 16px;
  border-radius: 18px;
  background: #F7F2FF;
  color: var(--cld-ink);
  font-weight: 720;
}

.cld-comparison-list li::before {
  content: "";
  width: 16px;
  height: 16px;
  margin-top: 4px;
  border-radius: 5px;
  background: var(--cld-orange);
  box-shadow: 0 0 0 5px rgba(246, 166, 35, .12);
}

.cld-process-v2 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  counter-reset: cld-process-v2;
}

.cld-process-v2 article {
  position: relative;
  padding: 30px;
  border: 1px solid rgba(61, 32, 94, .1);
  border-radius: var(--radius-xl);
  background: #fff;
  box-shadow: var(--shadow-sm);
}

.cld-process-v2 article::before {
  counter-increment: cld-process-v2;
  content: "0" counter(cld-process-v2);
  display: inline-flex;
  margin-bottom: 34px;
  color: rgba(61, 32, 94, .18);
  font-size: 3.4rem;
  font-weight: 900;
  line-height: .8;
}

.cld-faq-v2 {
  display: grid;
  max-width: 900px;
  gap: 14px;
  margin: 0 auto;
}

.cld-faq-v2 details {
  padding: 22px 26px;
  border-radius: 24px;
}

.cld-faq-v2 summary {
  cursor: pointer;
  color: var(--cld-violet-950);
  font-size: 1.02rem;
  font-weight: 850;
}

.cld-faq-v2 p {
  margin: 14px 0 0;
}

.cld-final-cta {
  padding: var(--section-space) 0;
  background:
    linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
}

.cld-final-cta__box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  padding: clamp(28px, 5vw, 52px);
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: var(--radius-2xl);
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .14);
}

.cld-final-cta h2 {
  margin: 0 0 12px;
}

.cld-final-cta p {
  max-width: 680px;
  margin: 0;
}

@media (max-width: 1023px) {
  .cld-home-v2 .cld-section,
  .cld-home-v2 .cld-hero,
  .cld-final-cta {
    padding: 68px 0;
  }

  .cld-home-v2 .cld-hero-grid,
  .cld-bento,
  .cld-market-grid,
  .cld-product-rail,
  .cld-metric-ribbon,
  .cld-comparison-panel,
  .cld-process-v2,
  .cld-final-cta__box {
    grid-template-columns: 1fr;
  }

  .cld-product-card:nth-child(2),
  .cld-product-card:nth-child(3) {
    margin-top: 0;
  }

  .cld-market-card,
  .cld-market-card:first-child,
  .cld-product-card,
  .cld-bento__main {
    min-height: auto;
  }
}

@media (max-width: 640px) {
  .cld-home-v2 .cld-section,
  .cld-home-v2 .cld-hero,
  .cld-final-cta {
    padding: 52px 0;
  }

  .cld-home-v2 .cld-h1 {
    font-size: clamp(2.35rem, 13vw, 3.3rem);
  }

  .cld-home-v2 .cld-hero__visual,
  .cld-bento__main,
  .cld-bento__item,
  .cld-market-card,
  .cld-product-card,
  .cld-comparison-panel,
  .cld-process-v2 article,
  .cld-final-cta__box {
    border-radius: 24px;
  }

  .cld-home-v2 .cld-hero-actions {
    display: grid;
  }

  .cld-home-v2 .cld-btn {
    width: 100%;
  }
}



/* Source: _astro/BaseLayout.BVpnLA2f.css */
:root{--primary: #3D205E;--primary-dark: #241038;--primary-light: #6E42A6;--primary-soft: #F4F0FA;--accent: #F6A623;--accent-hover: #E89412;--bg: #FAFBFD;--bg-soft: #F7F2FF;--surface: #FFFFFF;--text: #1F2937;--muted: #5F6675;--border: rgba(61, 32, 94, .12);--font-sans: Inter, Poppins, Arial, sans-serif;--container: 1180px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 32px;--shadow-sm: 0 2px 8px rgba(61, 32, 94, .05);--shadow-md: 0 12px 36px rgba(61, 32, 94, .08);--shadow-lg: 0 24px 72px rgba(61, 32, 94, .12);--section-space: 88px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;text-rendering:optimizeLegibility}a{color:inherit}img{max-width:100%;height:auto}.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link:focus{position:fixed;z-index:10000;top:16px;left:16px;width:auto;height:auto;padding:10px 14px;clip:auto;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-md)}.container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}.narrow{max-width:820px}.site-header{position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border);background:#ffffffe6;backdrop-filter:blur(14px)}.header-inner{display:flex;min-height:72px;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--primary);font-weight:850;text-decoration:none}.brand-mark{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--primary-light),var(--primary));color:#fff;font-weight:900;box-shadow:0 10px 22px #3d205e29}.desktop-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.desktop-nav a,.nav-item>a{min-height:40px;padding:9px 12px;border-radius:var(--radius-md);color:#31233f;font-size:.94rem;font-weight:760;text-decoration:none}.desktop-nav a:hover,.nav-item:hover>a,.nav-item:focus-within>a{background:var(--primary-soft);color:var(--primary)}.nav-item{position:relative;display:inline-flex}.nav-submenu{position:absolute;top:calc(100% + 10px);left:0;z-index:20;display:grid;min-width:250px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fffffffa;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(-4px);visibility:hidden;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.nav-item:hover .nav-submenu,.nav-item:focus-within .nav-submenu{opacity:1;transform:translateY(0);visibility:visible}.nav-submenu a{display:flex;min-height:38px;align-items:center;border-radius:10px;white-space:nowrap}.btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:11px 18px;border-radius:999px;font-size:.94rem;font-weight:850;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translateY(-1px)}.btn--primary{border:1px solid rgba(246,166,35,.45);background:var(--accent);color:#251506;box-shadow:0 12px 26px #f6a62338}.btn--primary:hover{background:var(--accent-hover)}.btn--secondary{border:1px solid var(--border);background:#ffffffd1;color:var(--primary);box-shadow:var(--shadow-sm)}.hero{position:relative;isolation:isolate;overflow:hidden;padding:74px 0 56px;background:linear-gradient(180deg,#fafbfdc7,#fffffff0),url(../backgrounds/bg-premium-mesh.svg) center / cover no-repeat,var(--bg-soft)}.hero:before{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(90deg,#fafbfdf0,#fafbfdc7 44%,#ffffff85),url(../backgrounds/bg-premium-lines.svg) right center / auto 100% no-repeat;pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.96fr) minmax(430px,1.04fr);gap:clamp(34px,6vw,76px);align-items:center}.hero-copy h1{max-width:760px;margin:0 0 22px;color:var(--primary-dark);font-size:clamp(2.55rem,5vw,4.85rem);line-height:1}.hero-copy p{max-width:650px;margin:0;color:var(--muted);font-size:clamp(1.08rem,1.7vw,1.24rem);line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.proof-list{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:30px 0 0;list-style:none}.proof-list li{padding:9px 12px;border:1px solid var(--border);border-radius:999px;background:#ffffffad;color:#3f334b;font-size:.9rem;font-weight:720}.hero-visual{margin:0;padding:18px;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-2xl);background:linear-gradient(145deg,#fffffffa,#f7f2ffb8);box-shadow:var(--shadow-lg)}.section{padding:var(--section-space) 0;background:#fff}.section--soft{background:var(--bg)}.section--dark{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.section-heading{max-width:760px;margin-bottom:34px}.section-heading--center{margin-inline:auto;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;padding:6px 13px;border:1px solid rgba(110,66,166,.18);border-radius:999px;background:#ffffffc7;color:var(--primary);font-size:.82rem;font-weight:850}.eyebrow:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--accent)}.section-heading h2,.comparison-panel h2,.final-cta h2,.page-hero h1{margin:16px 0 14px;color:var(--primary-dark);font-size:clamp(2rem,4vw,3.35rem);line-height:1.04}.section--dark .section-heading h2,.section--dark .section-heading p,.section--dark .eyebrow{color:#fff}.lead,.section-heading .lead,.page-hero p{max-width:700px;margin:0;color:var(--muted);font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.75}.bento{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:18px}.bento-main,.bento-item,.product-card,.faq-list details,.editorial-panel{border:1px solid var(--border);background:#ffffffe6;box-shadow:var(--shadow-md)}.bento-main{min-height:440px;padding:clamp(28px,4vw,48px);border-radius:var(--radius-2xl);background:linear-gradient(145deg,#fff,var(--bg-soft))}.bento-main img,.bento-item img,.product-card img{width:58px;height:58px;margin-bottom:22px}.bento-main h3,.bento-item h3,.product-card h3,.market-card h3,.process-card h3,.editorial-panel h2{margin:0 0 10px;color:var(--primary-dark);line-height:1.2}.bento-main p,.bento-item p,.product-card p,.market-card p,.process-card p,.metric p,.editorial-panel p{margin:0;color:var(--muted)}.bento-stack{display:grid;gap:18px}.bento-item{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:26px;border-radius:var(--radius-xl)}.bento-item img{margin:0}.bento-item--dark{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.bento-item--dark h3,.bento-item--dark p{color:#fff}.market-grid,.product-rail,.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.market-card{min-height:300px;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);background:#ffffff14}.market-card h3,.market-card p{color:#fff}.product-card{min-height:330px;padding:30px;border-radius:var(--radius-2xl)}.product-card:nth-child(2){margin-top:18px}.product-card:nth-child(3){margin-top:36px}.metric-ribbon{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--border);box-shadow:var(--shadow-md);gap:1px}.metric{min-height:220px;padding:clamp(24px,3vw,36px);background:#fffffff0}.metric strong{display:block;margin-bottom:12px;color:var(--primary);font-size:clamp(2.6rem,5vw,4.6rem);line-height:.9}.metric span{display:block;color:var(--text);font-weight:820}.comparison-panel{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:28px;align-items:center;padding:clamp(28px,5vw,56px);border:1px solid var(--border);border-radius:var(--radius-2xl);background:#fff;box-shadow:var(--shadow-md)}.comparison-list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.comparison-list li{display:grid;grid-template-columns:20px 1fr;gap:12px;padding:15px 16px;border-radius:var(--radius-lg);background:var(--bg-soft);font-weight:720}.comparison-list li:before{content:"";width:14px;height:14px;margin-top:5px;border-radius:4px;background:var(--accent)}.process-card{padding:30px;border:1px solid var(--border);border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow-sm)}.process-card span{display:block;margin-bottom:30px;color:#3d205e33;font-size:3.4rem;font-weight:900;line-height:.8}.faq-list{display:grid;max-width:900px;gap:14px;margin:0 auto}.faq-list details{padding:22px 26px;border-radius:var(--radius-xl)}.faq-list summary{cursor:pointer;color:var(--primary-dark);font-weight:850}.final-cta{padding:var(--section-space) 0;background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.final-cta-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:clamp(28px,5vw,52px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-2xl);background:#fffffff0;box-shadow:0 24px 70px #00000024}.final-cta h2{margin:0 0 12px}.final-cta p{max-width:680px;margin:0;color:var(--muted)}.site-footer{background:var(--primary-dark);color:#eadff6}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:48px;padding:72px 0 48px}.brand--footer{color:#fff}.footer-brand p{max-width:360px;color:#eadff6}.footer-nav{display:grid;align-content:start;gap:10px}.footer-nav h2{margin:0 0 8px;color:#fff;font-size:1rem}.footer-nav a{color:#eadff6;text-decoration:none}.footer-bottom{padding:18px 0;border-top:1px solid rgba(255,255,255,.14);color:#d9c8ec;font-size:.95rem}.page-hero{padding:88px 0 72px;background:linear-gradient(180deg,var(--bg-soft),#fff)}.page-hero--business{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.page-hero--business h1,.page-hero--business p{color:#fff}.editorial-stack{display:grid;gap:18px}.editorial-panel{padding:clamp(28px,4vw,44px);border-radius:var(--radius-2xl)}.contact-hero{position:relative;isolation:isolate;overflow:hidden;padding:74px 0 56px;background:linear-gradient(180deg,#fafbfdd1,#fffffff2),url(../backgrounds/bg-premium-mesh.svg) center / cover no-repeat,var(--bg-soft)}.contact-hero:before{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(90deg,#fafbfdf5,#fafbfdbd 46%,#ffffff80),url(../backgrounds/bg-premium-lines.svg) right center / auto 100% no-repeat;pointer-events:none}.contact-hero-grid,.contact-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:clamp(34px,6vw,76px);align-items:center}.contact-hero-copy h1,.contact-intro h2{margin:16px 0;color:var(--primary-dark);font-size:clamp(2.35rem,5vw,4.65rem);line-height:1}.contact-hero-copy p,.contact-intro>p{max-width:640px;margin:0;color:var(--muted);font-size:clamp(1.06rem,1.6vw,1.2rem);line-height:1.72}.contact-hero-visual{margin:0;padding:18px;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-2xl);background:linear-gradient(145deg,#fffffffa,#f7f2ffb8);box-shadow:var(--shadow-lg)}.contact-request-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.contact-request-card,.contact-panel,.contact-form{border:1px solid var(--border);border-radius:var(--radius-2xl);background:#fffffff0;box-shadow:var(--shadow-md)}.contact-request-card{min-height:280px;padding:30px}.contact-icon{display:inline-grid;width:62px;height:62px;margin-bottom:22px;place-items:center;border-radius:18px;background:var(--primary-soft)}.contact-icon img{width:38px;height:38px}.contact-request-card h3,.contact-panel h3,.contact-form h3{margin:0 0 10px;color:var(--primary-dark);line-height:1.2}.contact-request-card p,.contact-panel p,.contact-form p{margin:0;color:var(--muted)}.contact-layout{align-items:start}.contact-panel{display:grid;gap:16px;margin-top:28px;padding:clamp(24px,3vw,34px)}.contact-panel a{color:var(--primary);font-weight:780;text-decoration:none}.contact-form{display:grid;gap:18px;padding:clamp(24px,4vw,40px)}.contact-form label{display:grid;gap:8px;color:var(--primary-dark);font-size:.94rem;font-weight:780}.contact-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:48px;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;color:var(--text);font:inherit;font-weight:520;padding:12px 14px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.contact-form textarea{min-height:150px;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#6e42a680;box-shadow:0 0 0 4px #6e42a61f}.contact-consent{grid-template-columns:20px 1fr;align-items:start;color:var(--muted);font-weight:620}.contact-consent input{min-height:18px;margin-top:3px;padding:0;accent-color:var(--primary)}.contact-submit{justify-self:start;border:1px solid rgba(246,166,35,.45);cursor:pointer;font-family:inherit}.rich-hero{position:relative;isolation:isolate;overflow:hidden;padding:74px 0 56px;background:linear-gradient(180deg,#fafbfdcc,#fffffff2),url(../backgrounds/bg-premium-mesh.svg) center / cover no-repeat,var(--bg-soft)}.rich-hero:before{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(90deg,#fafbfdf5,#fafbfdbf 46%,#ffffff80),url(../backgrounds/bg-premium-lines.svg) right center / auto 100% no-repeat;pointer-events:none}.rich-hero-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(430px,1.04fr);gap:clamp(34px,6vw,76px);align-items:center}.rich-hero-copy h1{max-width:780px;margin:16px 0 22px;color:var(--primary-dark);font-size:clamp(2.35rem,4.8vw,4.6rem);line-height:1}.rich-hero-copy p{max-width:660px;margin:0;color:var(--muted);font-size:clamp(1.08rem,1.7vw,1.22rem);line-height:1.72}.rich-hero-visual{margin:0;padding:18px;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-2xl);background:linear-gradient(145deg,#fffffffa,#f7f2ffb8);box-shadow:var(--shadow-lg)}.rich-section{padding:var(--section-space) 0;background:#fff}.rich-section--soft{background:var(--bg)}.rich-section--dark{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.rich-section--dark .section-heading h2,.rich-section--dark .section-heading p,.rich-section--dark .eyebrow{color:#fff}.rich-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.rich-card-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.rich-card{display:grid;align-content:start;min-height:210px;padding:26px;border:1px solid var(--border);border-radius:var(--radius-xl);background:#fffffff0;box-shadow:var(--shadow-sm)}.rich-section--dark .rich-card{border-color:#ffffff24;background:#ffffff1a}.rich-card h3{margin:0 0 10px;color:var(--primary-dark);line-height:1.2}.rich-card p{margin:0;color:var(--muted)}.rich-section--dark .rich-card h3,.rich-section--dark .rich-card p{color:#fff}.rich-card-link{margin-top:20px;color:var(--primary);font-weight:850;text-decoration:none}.rich-section--dark .rich-card-link{color:#fff}.rich-section-actions{margin-top:26px}@media(max-width:1023px){.desktop-nav{display:none}.header-inner{justify-content:space-between}.hero,.contact-hero,.rich-hero,.rich-section,.section,.final-cta,.page-hero{padding:64px 0}.hero-grid,.contact-hero-grid,.rich-hero-grid,.contact-layout,.bento,.market-grid,.contact-request-grid,.rich-card-grid,.rich-card-grid--3,.product-rail,.metric-ribbon,.comparison-panel,.process-grid,.final-cta-box,.footer-grid{grid-template-columns:1fr}.product-card:nth-child(2),.product-card:nth-child(3){margin-top:0}.bento-main,.product-card,.market-card{min-height:auto}}@media(max-width:640px){.container{width:min(calc(100% - 32px),var(--container))}.hero-copy h1{font-size:clamp(2.35rem,13vw,3.3rem)}.hero-actions,.final-cta-box{display:grid}.contact-form-row{grid-template-columns:1fr}.btn{width:100%}.bento-item{grid-template-columns:1fr}}