.alyro-site-container {
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background-color:#fff;
  color:#0e0f12;
  min-height:100vh;
  display:flex;
  flex-direction:column
}

.alyro-site-container *, .alyro-site-container *:before, .alyro-site-container *:after {
  box-sizing:border-box
}

.alyro-page-outlet {
  flex:1 0 auto
}

.mobile-menu-checkbox {
  display:none
}

.lang-dropdown {
  position:relative
}

.lang-dropdown summary {
  list-style:none
}

.lang-dropdown summary::-webkit-details-marker {
  display:none
}

.alyro-header {
  position:sticky;
  top:0;
  z-index:1000;
  background:#ffffff;
  border-bottom:1px solid #f2f4f8
}

.alyro-header .header-container {
  max-width:1280px;
  margin:0 auto;
  padding:15px 40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:relative
}

.alyro-header .brand-block {
  display:inline-flex;
  align-items:center;
  gap:11px;
  text-decoration:none;
  cursor:pointer;
  flex-shrink:0
}

.alyro-header .alyro-logo-icon {
  width:34px;
  height:31px;
  display:block;
  flex-shrink:0
}

.alyro-header .alyro-logo-text {
  font-size:27px;
  font-weight:800;
  color:#020314;
  letter-spacing:-.03em;
  line-height:1
}

.alyro-header .nav-links-desktop {
  display:flex;
  align-items:center;
  gap:50px;
  position:absolute;
  left:50%;
  transform:translate(-50%)
}

.alyro-header .nav-links-desktop .nav-item {
  position:relative;
  text-decoration:none;
  color:#3b3e66;
  font-size:14.5px;
  font-weight:500;
  padding:6px 0;
  transition:color .2s ease
}

.alyro-header .nav-links-desktop .nav-item:hover {
  color:#1408f5
}

.alyro-header .nav-links-desktop .nav-item.active-nav {
  color:#1408f5;
  font-weight:600
}

.alyro-header .nav-links-desktop .nav-item.active-nav:after {
  content:"";
  position:absolute;
  left:0;
  bottom:-4px;
  width:68%;
  height:2.2px;
  background:linear-gradient(90deg,#6b53ff 0%,#b8a8ff 100%);
  border-radius:2px
}

.alyro-header .header-actions-desktop {
  display:flex;
  align-items:center;
  gap:18px;
  flex-shrink:0
}

.alyro-header .lang-selector {
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:transparent;
  border:none;
  color:#1d1f54;
  font-size:14px;
  font-weight:500;
  cursor:pointer;
  padding:4px 6px;
  border-radius:6px;
  -webkit-user-select:none;
  user-select:none;
  transition:color .2s ease,background-color .2s ease
}

.alyro-header .lang-selector:hover {
  color:#1408f5;
  background-color:#f6f7fb
}

.alyro-header .globe-icon {
  width:17px;
  height:17px;
  color:#1d1f54;
  flex-shrink:0
}

.alyro-header .chevron-icon {
  width:12px;
  height:12px;
  color:#1d1f54;
  transition:transform .2s ease
}

.alyro-header .lang-dropdown[open] .chevron-icon {
  transform:rotate(180deg)
}

.alyro-header .lang-menu {
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  min-width:130px;
  background:#ffffff;
  border:1px solid #e5e9f5;
  border-radius:10px;
  box-shadow:0 10px 25px #0e104c14;
  padding:6px;
  display:flex;
  flex-direction:column;
  z-index:1010
}

.alyro-header .lang-option {
  background:transparent;
  border:none;
  text-align:left;
  width:100%;
  cursor:pointer;
  font-family:inherit;
  text-decoration:none;
  color:#3b3e66;
  font-size:13.5px;
  font-weight:500;
  padding:7px 10px;
  border-radius:6px;
  transition:background .15s ease,color .15s ease
}

.alyro-header .lang-option:hover, .alyro-header .lang-option.active-lang {
  background:#f3f5fc;
  color:#1408f5;
  font-weight:600
}

.alyro-header .header-vertical-divider {
  width:1px;
  height:18px;
  background-color:#d9dbe4
}

.alyro-header .signin-link {
  text-decoration:none;
  color:#0c0c29;
  font-size:14.5px;
  font-weight:600;
  transition:color .2s ease
}

.alyro-header .signin-link:hover {
  color:#1408f5
}

.alyro-header .btn-gradient-header, .alyro-header button.btn-gradient-header, .alyro-header a.btn-gradient-header {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background-color:#1a44ff!important;
  background-image:linear-gradient(90deg,#0057ff 0%,#2438ff 48%,#4c0ef5 100%)!important;
  color:#fff!important;
  -webkit-text-fill-color:#ffffff!important;
  border:none!important;
  border-radius:9999px!important;
  padding:10px 22px!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.2!important;
  text-decoration:none!important;
  cursor:pointer;
  box-shadow:0 4px 14px #2438ff40;
  transition:transform .2s ease,box-shadow .2s ease;
  white-space:nowrap
}

.alyro-header .btn-gradient-header:hover, .alyro-header button.btn-gradient-header:hover, .alyro-header a.btn-gradient-header:hover {
  transform:translateY(-1px);
  box-shadow:0 6px 18px #2438ff61;
  color:#fff!important;
  -webkit-text-fill-color:#ffffff!important
}

.alyro-header .btn-gradient-header.full-w {
  width:100%;
  margin-top:10px;
  padding:12px 22px!important;
  text-align:center
}

.alyro-header .mobile-toggle-btn {
  display:none;
  flex-direction:column;
  justify-content:space-between;
  width:24px;
  height:18px;
  background:transparent;
  border:none;
  cursor:pointer;
  padding:0
}

.alyro-header .mobile-toggle-btn span {
  display:block;
  width:100%;
  height:2px;
  background:#0c0c29;
  border-radius:2px;
  transition:all .25s ease
}

.alyro-header .mobile-menu-drawer {
  display:none;
  flex-direction:column;
  padding:16px 24px 22px;
  background:#ffffff;
  border-top:1px solid #f2f4f8;
  box-shadow:0 12px 24px #0e104c0f
}

.alyro-header .mobile-menu-drawer a:not(.btn-gradient-header) {
  padding:12px 0;
  text-decoration:none;
  color:#3b3e66;
  font-size:15px;
  font-weight:500;
  border-bottom:1px solid #f6f7fb
}

.alyro-header .mobile-menu-drawer a:not(.btn-gradient-header).active-nav {
  color:#1408f5;
  font-weight:600
}

.alyro-header .mobile-drawer-extras {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 0 6px
}

.alyro-header .mobile-drawer-extras .signin-link-mobile {
  border-bottom:none!important;
  padding:0!important;
  font-weight:600!important;
  color:#0c0c29!important
}

.mobile-menu-checkbox:checked ~ .alyro-header .mobile-menu-drawer {
  display:flex
}

.mobile-menu-checkbox:checked ~ .alyro-header .mobile-toggle-btn span:nth-child(1) {
  transform:translateY(8px) rotate(45deg)
}

.mobile-menu-checkbox:checked ~ .alyro-header .mobile-toggle-btn span:nth-child(2) {
  opacity:0
}

.mobile-menu-checkbox:checked ~ .alyro-header .mobile-toggle-btn span:nth-child(3) {
  transform:translateY(-8px) rotate(-45deg)
}

.alyro-footer {
  position:static!important;
  bottom:auto!important;
  left:auto!important;
  right:auto!important;
  z-index:1;
  width:100%;
  background-color:#fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  margin-top:auto;
  padding:0 40px 36px;
  flex-shrink:0
}

.alyro-footer .footer-top-divider {
  max-width:1200px;
  margin:0 auto 28px;
  height:1px;
  background-color:#e5e9f5
}

.alyro-footer .footer-container {
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:24px
}

.alyro-footer .footer-brand-meta {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px
}

.alyro-footer .footer-brand-title {
  font-size:28px;
  font-weight:800;
  color:#000023;
  text-decoration:none;
  letter-spacing:-.03em;
  line-height:1.05;
  margin-bottom:2px
}

.alyro-footer .footer-tagline {
  margin:0;
  font-size:12.5px;
  font-weight:600;
  color:#4a537f;
  letter-spacing:.14em;
  display:flex;
  align-items:center;
  gap:8px
}

.alyro-footer .footer-tagline .tagline-pipe {
  color:#4a537f;
  font-weight:500
}

.alyro-footer .product-by-line {
  margin:2px 0 0;
  font-size:13px;
  font-weight:400;
  color:#7279a4
}

.alyro-footer .footer-main-nav {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:36px
}

.alyro-footer .footer-main-nav a {
  text-decoration:none;
  color:#0e104c;
  font-size:14px;
  font-weight:600;
  transition:color .2s ease
}

.alyro-footer .footer-main-nav a:hover {
  color:#1408f5
}

.alyro-footer .footer-legal-col {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:14px
}

.alyro-footer .footer-policy-links {
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap
}

.alyro-footer .footer-policy-links a {
  text-decoration:none;
  color:#565a87;
  font-size:13.5px;
  font-weight:500;
  transition:color .2s ease
}

.alyro-footer .footer-policy-links a:hover {
  color:#1408f5
}

.alyro-footer .policy-divider {
  width:1px;
  height:14px;
  background-color:#e5e9f2;
  display:inline-block
}

.alyro-footer .footer-copyright {
  margin:0;
  font-size:13px;
  font-weight:400;
  color:#747d9e;
  text-align:right
}

@media (max-width: 1024px) {
  .alyro-header .header-container {
    padding:14px 24px
  }
  .alyro-header .nav-links-desktop {
    position:static;
    transform:none;
    gap:28px
  }
  .alyro-footer {
    padding:0 24px 32px
  }
  .alyro-footer .footer-container {
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center;
    gap:24px
  }
  .alyro-footer .footer-brand-meta, .alyro-footer .footer-legal-col {
    align-items:center
  }
  .alyro-footer .footer-copyright {
    text-align:center
  }

}

@media (max-width: 768px) {
  .alyro-header .nav-links-desktop, .alyro-header .header-actions-desktop {
    display:none
  }
  .alyro-header .mobile-toggle-btn {
    display:flex
  }
  .alyro-footer .footer-main-nav {
    gap:22px;
    flex-wrap:wrap
  }
  .alyro-footer .footer-policy-links {
    justify-content:center;
    gap:12px
  }

}

@media (max-width: 480px) {
  .alyro-header .header-container {
    padding:12px 16px
  }
  .alyro-header .alyro-logo-icon {
    width:28px;
    height:26px
  }
  .alyro-header .alyro-logo-text {
    font-size:23px
  }
  .alyro-footer {
    padding:0 16px 28px
  }
  .alyro-footer .footer-main-nav {
    gap:16px
  }

}

/* --------------------------------------------------------------------------
   2. Home / Landing Page Styles (index.html — .landing-wrapper)
   -------------------------------------------------------------------------- */
:root {
  --primary-gradient: linear-gradient(135deg, #6366f1 0%, #2563eb 100%);
  --text-gradient: linear-gradient(90deg, #7c3aed 0%, #3b82f6 100%);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --color-dark: #0f172a;
  --color-subtle: #475569;
  --color-muted: #64748b;
  --card-dark: #111827;
}

body {
  margin: 0;
  padding: 0;
}

.landing-wrapper {
  font-family: var(--font-family);
  color: var(--color-dark);
  background-color: #ffffff;
  overflow-x: hidden;
  line-height: 1.5;
  position: relative;
}

.landing-wrapper *,
.landing-wrapper *::before,
.landing-wrapper *::after {
  box-sizing: border-box;
}

.content-container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
}

.section {
  padding: 80px 0;
  position: relative;
}

.center-text {
  text-align: center;
}


.main-heading {
  font-size: clamp(3rem, 5.5vw, 4.75rem);
  font-weight: 850;
  line-height: 1.05;
  letter-spacing: -0.04em;
  color: #0b0f19;
  margin: 0 0 24px 0;
}

.section-heading {
  font-size: clamp(2.4rem, 4.5vw, 3.8rem);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.03em;
  color: #0b0f19;
  margin: 0 0 16px 0;
}

.gradient-text {
  color: #6236f5;
  background-image: linear-gradient(90deg, #7c3aed 0%, #3b82f6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  padding-bottom: 0.15em;
  margin-bottom: -0.15em;
}

.gradient-lead {
  font-size: clamp(1.35rem, 2.2vw, 1.85rem);
  font-weight: 650;
  letter-spacing: -0.02em;
  background: linear-gradient(90deg, #6d28d9 0%, #2563eb 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 0 10px 0;
}

.sub-lead {
  font-size: 1.25rem;
  color: #334155;
  margin: 0 0 36px 0;
  font-weight: 450;
  letter-spacing: -0.01em;
}

.section-subtitle {
  font-size: 1.25rem;
  color: #475569;
  line-height: 1.5;
  margin: 0 0 40px 0;
  font-weight: 450;
}

.btn-primary-gradient {
  background: linear-gradient(135deg, #6366f1 0%, #2563eb 100%);
  color: #ffffff;
  border: none;
  border-radius: 14px;
  padding: 16px 36px;
  font-size: 1.05rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(79, 70, 229, 0.32);
  transition: all 0.25s ease;
}

.btn-primary-gradient:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(79, 70, 229, 0.42);
}

.btn-primary-gradient.btn-large {
  padding: 18px 40px;
  font-size: 1.15rem;
  border-radius: 16px;
}

.btn-outline,
.btn-outline-glow {
  background: #ffffff;
  color: #4338ca;
  border: 1.5px solid #c7d2fe;
  border-radius: 14px;
  padding: 16px 32px;
  font-size: 1.05rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s ease;
}

.btn-outline:hover,
.btn-outline-glow:hover {
  border-color: #6366f1;
  background-color: #f8fafc;
  color: #3730a3;
}

.btn-outline-glow {
  border-color: #a5b4fc;
  box-shadow: 0 4px 16px rgba(99, 102, 241, 0.12);
}

.landing-wrapper .hero-section {
  padding-top: 40px;
  padding-bottom: 30px;
  position: relative;
  overflow: visible;
}

.landing-wrapper .hero-section .hero-bg-glow {
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(100px);
  z-index: 0;
}

.landing-wrapper .hero-section .hero-bg-glow-purple {
  width: 500px;
  height: 500px;
  top: -100px;
  right: 25%;
  background: radial-gradient(circle, rgba(168, 85, 247, 0.12) 0%, rgba(255, 255, 255, 0) 70%);
}

.landing-wrapper .hero-section .hero-bg-glow-blue {
  width: 600px;
  height: 600px;
  top: 10%;
  right: -100px;
  background: radial-gradient(circle, rgba(56, 189, 248, 0.12) 0%, rgba(255, 255, 255, 0) 70%);
}

.landing-wrapper .hero-section .hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: 40px;
  position: relative;
  z-index: 1;
}

.landing-wrapper .hero-section .hero-text-col {
  max-width: 620px;
}

.landing-wrapper .hero-section .hero-actions {
  display: flex;
  gap: 16px;
  margin-top: 36px;
  align-items: center;
}

.landing-wrapper .hero-section .trust-badge {
  margin-top: 28px;
  font-size: 0.95rem;
  color: #64748b;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}

.landing-wrapper .hero-section .trust-badge .lock-icon {
  flex-shrink: 0;
}

.landing-wrapper .hero-section .hero-visual-col {
  position: relative;
  display: flex;
  justify-content: center;
}

.landing-wrapper .hero-section .device-mockup-wrapper {
  position: relative;
  width: 100%;
  max-width: 600px;
}

.landing-wrapper .hero-section .hero-devices-img {
  width: 100%;
  height: auto;
  display: block;
  filter: none;
}

.landing-wrapper .hero-section .hero-footer-wrapper {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}

.landing-wrapper .hero-section .hero-footer-bar {
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 900px;
  text-align: left;
  font-size: 1.2rem;
  font-weight: 500;
  color: #1e293b;
}

.landing-wrapper .hero-section .hero-footer-bar .indicator-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #6366f1;
  box-shadow: 0 0 10px #6366f1;
  flex-shrink: 0;
}

.landing-wrapper .hero-section .hero-footer-bar p {
  margin: 0;
  line-height: 1.5;
}

.landing-wrapper .hero-section .hero-footer-bar .highlight-purple {
  color: #6366f1;
  font-weight: 600;
}


.section-live-connection {
  padding-top: 100px;
  padding-bottom: 90px;
  position: relative;
  background: #ffffff;
}

.section-live-connection .connection-container {
  text-align: left;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
}

.section-live-connection .section-heading {
  font-size: clamp(2.8rem, 5.2vw, 4.4rem);
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: -0.04em;
  color: #0b0f19;
  margin: 0 0 20px 0;
}

.section-live-connection .gradient-text {
  background: linear-gradient(90deg, #7c3aed 0%, #2563eb 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline;
}

.section-live-connection .section-subtitle {
  font-size: 1.25rem;
  color: #475569;
  line-height: 1.5;
  margin: 0 0 50px 0;
  font-weight: 450;
  letter-spacing: -0.01em;
}

.section-live-connection .connecting-line-graphic {
  position: relative;
  width: 100%;
  max-width: 1180px;
  margin: 40px auto 0 auto;
  height: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-live-connection .connecting-line-graphic .wave-svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.section-live-connection .connecting-line-graphic .center-badge-glow {
  position: absolute;
  top: 135px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-live-connection .connecting-line-graphic .center-badge-glow .center-badge-ambient-shadow {
  position: absolute;
  width: 180px;
  height: 120px;
  top: 25px; 
  left: 50%;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at center, rgba(139, 92, 246, 0.42) 0%, rgba(124, 58, 237, 0.22) 40%, rgba(99, 102, 241, 0.08) 60%, rgba(255, 255, 255, 0) 75%);
  filter: blur(20px);
  pointer-events: none;
  z-index: 1;
}

.section-live-connection .connecting-line-graphic .center-badge-glow .center-badge {
  position: relative;
  z-index: 2;
  width: 74px;
  height: 74px;
  background: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 
    0 4px 10px rgba(0, 0, 0, 0.04),
    0 12px 28px rgba(99, 102, 241, 0.16);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.section-live-connection .connecting-line-graphic .center-badge-glow .center-badge:hover {
  transform: scale(1.05);
  box-shadow: 
    0 6px 14px rgba(0, 0, 0, 0.06),
    0 16px 36px rgba(99, 102, 241, 0.24);
}

.section-live-connection .connecting-line-graphic .center-badge-glow .center-badge .badge-logo {
  display: block;
}

@media (max-width: 1024px) {
  .section-live-connection .connecting-line-graphic {
    height: 200px;
  }

  .section-live-connection .connecting-line-graphic .center-badge-glow {
    top: 104px;
  }
}


.section-meet {
  position: relative;
  padding: 100px 0 120px 0;
  background-color: #fafbfd;
  overflow: hidden;
}

.section-meet .meet-wave-bg-container {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-meet .meet-wave-bg-container .meet-figma-asset-wave {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.95;
}

.section-meet .meet-wave-bg-container .meet-mesh-wave-svg {
  display: none; 
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-meet .meet-container {
  position: relative;
  z-index: 2;
}

.section-meet .meet-heading-box {
  position: relative;
  display: inline-block;
  margin-bottom: 50px;
}

.section-meet .meet-heading-box .section-heading {
  font-size: clamp(3.2rem, 5.5vw, 4.6rem);
  font-weight: 850;
  letter-spacing: -0.04em;
  color: #0b0f19;
  margin: 0;
  line-height: 1;
}

.section-meet .meet-heading-box .section-heading .gradient-text {
  background: linear-gradient(90deg, #6236f5 0%, #4f46e5 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-meet .meet-heading-box .alyro-accent-bar {
  position: absolute;
  bottom: -16px;
  left: 64%;
  transform: translateX(-50%);
  width: 44px;
  height: 4.5px;
  border-radius: 999px;
  background: linear-gradient(90deg, #6366f1, #3b82f6);
}

.section-meet .video-container-card {
  position: relative;
  max-width: 900px;
  aspect-ratio: 16 / 9.6;
  margin: 0 auto;
  border-radius: 28px;
  overflow: hidden;
  background: linear-gradient(135deg, #f3edf9 0%, #eceffe 50%, #e2ecff 100%);
  box-shadow: 
    0 26px 65px -10px rgba(115, 75, 246, 0.22),
    0 10px 20px -5px rgba(15, 23, 42, 0.05);
  border: 2px solid rgba(255, 255, 255, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-meet .video-container-card .video-soft-canvas {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.4) 0%, rgba(240, 235, 255, 0.1) 80%);
  pointer-events: none;
  z-index: 1;
}

.section-meet .video-container-card .responsive-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0; 
  z-index: 2;
  transition: opacity 0.3s ease;
}

.section-meet .video-container-card .responsive-video:not([paused]),
.section-meet .video-container-card .responsive-video.is-playing {
  opacity: 1;
}

.section-meet .video-container-card .video-play-center {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.25s ease;
}

.section-meet .video-container-card .video-play-center:hover {
  transform: scale(1.06);
}

.section-meet .video-container-card .video-play-center:hover .play-white-disc {
  box-shadow: 0 16px 36px rgba(106, 54, 244, 0.35);
}

.section-meet .video-container-card .video-play-center .ripple-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(139, 92, 246, 0.22);
  pointer-events: none;
}

.section-meet .video-container-card .video-play-center .ripple-ring.inner-ring {
  width: 170px;
  height: 170px;
  border-color: rgba(139, 92, 246, 0.24);
}

.section-meet .video-container-card .video-play-center .ripple-ring.outer-ring {
  width: 250px;
  height: 250px;
  border-color: rgba(139, 92, 246, 0.13);
}

.section-meet .video-container-card .video-play-center .play-white-disc {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 
    0 10px 28px rgba(106, 54, 244, 0.22),
    0 3px 10px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.25s ease;
}

.section-meet .video-container-card .video-play-center .play-white-disc .purple-play-triangle {
  width: 32px;
  height: 32px;
  margin-left: 4px; 
}

.section-meet .video-container-card .video-controls-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 64px;
  padding: 0 28px;
  display: flex;
  align-items: center;
  gap: 16px;
  background: linear-gradient(180deg, transparent 0%, rgba(35, 41, 62, 0.55) 50%, rgba(20, 24, 38, 0.72) 100%);
  backdrop-filter: blur(8px);
  z-index: 4;
}

.section-meet .video-container-card .video-controls-bar .ctrl-btn {
  background: transparent;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  opacity: 0.9;
  transition: opacity 0.2s;
}

.section-meet .video-container-card .video-controls-bar .ctrl-btn:hover {
  opacity: 1;
}

.section-meet .video-container-card .video-controls-bar .ctrl-timer {
  font-size: 0.82rem;
  color: #ffffff;
  font-weight: 500;
  white-space: nowrap;
  font-family: inherit;
}

.section-meet .video-container-card .video-controls-bar .ctrl-progress-track {
  flex: 1;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.35);
  position: relative;
  cursor: pointer;
}

.section-meet .video-container-card .video-controls-bar .ctrl-progress-track .ctrl-progress-fill {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 12%; 
  background: #7c3aed;
  border-radius: 999px;
}

.section-meet .video-container-card .video-controls-bar .ctrl-progress-track .ctrl-progress-fill .ctrl-progress-scrubber {
  position: absolute;
  right: -4px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.section-meet .video-container-card .video-controls-bar .ctrl-actions-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

@media (max-width: 768px) {
  .section-meet {
    padding: 60px 0 80px 0;
  }

  .section-meet .video-container-card {
    aspect-ratio: 16 / 10;
    border-radius: 20px;
  }

  .section-meet .video-container-card .video-play-center .ripple-ring.outer-ring {
    width: 180px;
    height: 180px;
  }

  .section-meet .video-container-card .video-play-center .ripple-ring.inner-ring {
    width: 130px;
    height: 130px;
  }

  .section-meet .video-container-card .video-play-center .play-white-disc {
    width: 74px;
    height: 74px;
  }

  .section-meet .video-container-card .video-play-center .play-white-disc .purple-play-triangle {
    width: 24px;
    height: 24px;
  }

  .section-meet .video-container-card .video-controls-bar {
    height: 50px;
    padding: 0 16px;
    gap: 10px;
  }

  .section-meet .video-container-card .video-controls-bar .ctrl-timer {
    font-size: 0.72rem;
  }
}

.section-both-ways {
  padding: 90px 0 60px 0;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}

.section-both-ways .both-ways-container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 32px;
  position: relative;
}

.section-both-ways .section-heading {
  font-size: clamp(3.2rem, 5.2vw, 4.5rem);
  font-weight: 850;
  letter-spacing: -0.04em;
  color: #0b0f19;
  margin: 0 0 12px 0;
  line-height: 1.1;
}

.section-both-ways .section-heading .gradient-text-purple {
  color: #6337f7;
  background: linear-gradient(90deg, #6236f5 0%, #4338ca 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline;
}

.section-both-ways .section-subtitle {
  font-size: 1.35rem;
  color: #64748b;
  font-weight: 450;
  margin: 0 0 55px 0;
  letter-spacing: -0.01em;
}

.section-both-ways .two-way-cards-grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 20px;
  position: relative;
  z-index: 2;
}

/* Framed Cards */
.section-both-ways .feature-frame-card {
  background: #ffffff;
  border-radius: 32px;
  padding: 34px 34px 0 34px;
  height: 650px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.section-both-ways .feature-frame-card.share-card {
  border: 1.5px solid #e0c8ff;
  background: radial-gradient(110% 90% at 0% 0%, #faf6fe 0%, #ffffff 50%);
}

.section-both-ways .feature-frame-card.capture-card {
  border: 1.5px solid #cae0fe;
  background: radial-gradient(110% 90% at 100% 0%, #f1f7fe 0%, #ffffff 50%);
}

.section-both-ways .feature-frame-card .card-header {
  display: flex;
  align-items: center;
  gap: 16px;
  text-align: left;
  z-index: 3;
  flex-shrink: 0;
}

.section-both-ways .feature-frame-card .card-header .action-icon-circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.section-both-ways .feature-frame-card .card-header .action-icon-circle.share-circle {
  background: #7c3aed;
  box-shadow: 0 8px 18px rgba(124, 58, 237, 0.35);
}

.section-both-ways .feature-frame-card .card-header .action-icon-circle.capture-circle {
  background: #0076fe;
  box-shadow: 0 8px 18px rgba(0, 118, 254, 0.35);
}

.section-both-ways .feature-frame-card .card-header .header-titles {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.section-both-ways .feature-frame-card .card-header .header-titles .tag-title {
  font-size: 1.45rem;
  font-weight: 850;
  letter-spacing: 0.04em;
  line-height: 1.1;
}

.section-both-ways .feature-frame-card .card-header .header-titles .tag-title.share-tag {
  color: #7c3aed;
}

.section-both-ways .feature-frame-card .card-header .header-titles .tag-title.capture-tag {
  color: #0076fe;
}

.section-both-ways .feature-frame-card .card-header .header-titles .tag-desc {
  font-size: 0.96rem;
  color: #64748b;
  font-weight: 500;
}

.section-both-ways .feature-frame-card .card-visual {
  position: relative;
  width: 100%;
  flex: 1;
  min-height: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
}

.section-both-ways .feature-frame-card .card-visual.share-visual .share-img {
  width: 90%;
  max-width: 375px;
  max-height: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  object-position: bottom center;
  margin: 0 auto;
  border-top-left-radius: 44px;
  border-top-right-radius: 44px;
  filter: drop-shadow(0 15px 35px rgba(15, 23, 42, 0.1));
}

.section-both-ways .feature-frame-card .card-visual.capture-visual {
  overflow: visible;
}

.section-both-ways .feature-frame-card .card-visual.capture-visual .capture-img {
  width: 100%;
  max-width: 430px;
  max-height: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  object-position: bottom right;
  margin: 0 auto;
  transform: translateY(2px);
}

/* Contact Scoring Floating Glass Card Overlay */
.section-both-ways .contact-scoring-floating-card {
  position: absolute;
  bottom: 10px;
  right: 14px;
  width: 248px;
  background: #090f1d;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  padding: 14px 16px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(0, 0, 0, 0.2);
  z-index: 10;
  text-align: left;
  backdrop-filter: blur(12px);
}

.section-both-ways .contact-scoring-floating-card .scoring-card-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.section-both-ways .contact-scoring-floating-card .scoring-card-header .star-icon {
  color: #ffffff;
}

.section-both-ways .contact-scoring-floating-card .scoring-card-header .scoring-card-title {
  font-size: 0.86rem;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: -0.01em;
}

.section-both-ways .contact-scoring-floating-card .scoring-content-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.section-both-ways .contact-scoring-floating-card .scoring-content-row .score-circle-badge {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 2.5px solid #8b5cf6;
  background: #0d1424;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.section-both-ways .contact-scoring-floating-card .scoring-content-row .score-circle-badge .score-num {
  font-size: 0.98rem;
  font-weight: 750;
  color: #ffffff;
}

.section-both-ways .contact-scoring-floating-card .scoring-content-row .score-text-details {
  display: flex;
  flex-direction: column;
}

.section-both-ways .contact-scoring-floating-card .scoring-content-row .score-text-details .score-status {
  font-size: 0.88rem;
  font-weight: 700;
  color: #22c55e;
  line-height: 1.2;
}

.section-both-ways .contact-scoring-floating-card .scoring-content-row .score-text-details .score-tags {
  font-size: 0.65rem;
  font-weight: 450;
  color: #94a3b8;
  white-space: nowrap;
  margin-top: 2px;
}

.section-both-ways .contact-scoring-floating-card .scoring-progress-bar {
  width: 100%;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  overflow: hidden;
}

.section-both-ways .contact-scoring-floating-card .scoring-progress-bar .scoring-progress-fill {
  width: 84%;
  height: 100%;
  background: linear-gradient(90deg, #6366f1 0%, #38bdf8 100%);
  border-radius: 999px;
}

.section-both-ways .exchange-indicator-wrapper {
  position: relative;
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -30px;
  z-index: 5;
}

.section-both-ways .exchange-indicator-wrapper .concentric-ring {
  position: absolute;
  border-radius: 50%;
  border: 2px dashed;
  pointer-events: none;
}

.section-both-ways .exchange-indicator-wrapper .concentric-ring.ring-inner {
  width: 154px;
  height: 154px;
  border-color: rgba(147, 51, 234, 0.32);
}

.section-both-ways .exchange-indicator-wrapper .concentric-ring.ring-outer {
  width: 196px;
  height: 196px;
  border-color: rgba(99, 102, 241, 0.18);
}

.section-both-ways .exchange-indicator-wrapper .bidirectional-circle {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 
    0 14px 34px rgba(99, 102, 241, 0.22),
    0 2px 10px rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.section-both-ways .exchange-indicator-wrapper .bidirectional-circle:hover {
  transform: scale(1.05);
  box-shadow: 
    0 18px 40px rgba(99, 102, 241, 0.30),
    0 4px 14px rgba(0, 0, 0, 0.06);
}

.section-both-ways .exchange-indicator-wrapper .bidirectional-circle .bidirectional-arrows-svg {
  width: 52px;
  height: 32px;
}

.section-both-ways .both-ways-bottom-wave {
  width: 100%;
  margin-top: 45px;
  display: flex;
  justify-content: center;
}

.section-both-ways .both-ways-bottom-wave .bottom-sine-svg {
  width: 100%;
  max-width: 1280px;
  height: 90px;
  overflow: visible;
}

@media (max-width: 1024px) {
  .section-both-ways .two-way-cards-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .section-both-ways .feature-frame-card {
    height: auto;
    min-height: 520px;
    max-width: 580px;
    margin: 0 auto;
    width: 100%;
    padding: 30px 30px 0 30px;
  }

  .section-both-ways .feature-frame-card .card-visual {
    margin-top: 24px;
    align-items: flex-end;
    justify-content: center;
  }

  .section-both-ways .feature-frame-card .card-visual.share-visual .share-img,
  .section-both-ways .feature-frame-card .card-visual.capture-visual .capture-img {
    max-height: 420px;
    width: auto;
    max-width: 100%;
    object-position: bottom center;
    margin: 0 auto;
  }

  .section-both-ways .exchange-indicator-wrapper {
    margin: 0 auto;
    transform: rotate(90deg);
  }

  .section-both-ways .exchange-indicator-wrapper .bidirectional-circle {
    transform: none;
  }
}

@media (max-width: 640px) {
  .section-both-ways {
    padding: 60px 0 40px 0;
  }

  .section-both-ways .both-ways-container {
    padding: 0 16px;
  }

  .section-both-ways .feature-frame-card {
    height: auto;
    min-height: 440px;
    padding: 24px 18px 0 18px;
  }

  .section-both-ways .feature-frame-card .card-visual.share-visual .share-img,
  .section-both-ways .feature-frame-card .card-visual.capture-visual .capture-img {
    max-height: 350px;
  }

  .section-both-ways .feature-frame-card .card-header .header-titles .tag-title {
    font-size: 1.2rem;
  }

  .section-both-ways .feature-frame-card .card-header .header-titles .tag-desc {
    font-size: 0.82rem;
  }

  .section-both-ways .contact-scoring-floating-card {
    width: calc(100% - 16px);
    max-width: 225px;
    bottom: 14px;
    right: 8px;
    padding: 10px 12px;
  }

  .section-both-ways .contact-scoring-floating-card .scoring-content-row {
    gap: 8px;
    margin-bottom: 10px;
  }

  .section-both-ways .contact-scoring-floating-card .scoring-content-row .score-circle-badge {
    width: 36px;
    height: 36px;
  }

  .section-both-ways .contact-scoring-floating-card .scoring-content-row .score-circle-badge .score-num {
    font-size: 0.88rem;
  }

  .section-both-ways .contact-scoring-floating-card .scoring-content-row .score-text-details {
    min-width: 0;
    flex: 1;
  }

  .section-both-ways .contact-scoring-floating-card .scoring-content-row .score-text-details .score-status {
    font-size: 0.8rem;
  }

  .section-both-ways .contact-scoring-floating-card .scoring-content-row .score-text-details .score-tags {
    font-size: 0.6rem;
    white-space: normal;
    line-height: 1.25;
  }

  .section-both-ways .exchange-indicator-wrapper {
    width: 160px;
    height: 160px;
  }

  .section-both-ways .exchange-indicator-wrapper .concentric-ring.ring-outer {
    width: 154px;
    height: 154px;
  }

  .section-both-ways .exchange-indicator-wrapper .concentric-ring.ring-inner {
    width: 124px;
    height: 124px;
  }

  .section-both-ways .exchange-indicator-wrapper .bidirectional-circle {
    width: 96px;
    height: 96px;
  }
}

.section-ally {
  padding: 50px 0 20px 0;
  background-color: #ffffff;
  position: relative;
  overflow: visible;
}

.section-ally .ally-viewport-container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 40px;
  position: relative;
}

.section-ally .ally-stage-grid {
  display: grid;
  grid-template-columns: 290px 1fr 390px;
  align-items: center;
  column-gap: 24px;
  position: relative;
  z-index: 2;
}

.section-ally .ally-left-column {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-bottom: 90px; 
}

.section-ally .ally-left-column .ally-title-group {
  margin-bottom: 34px;
}

.section-ally .ally-left-column .ally-title-group .ally-main-title {
  font-size: 3.8rem;
  font-weight: 850;
  line-height: 1.04;
  letter-spacing: -0.04em;
  margin: 0 0 12px 0;
}

.section-ally .ally-left-column .ally-title-group .ally-main-title .brand-gradient-text {
  background: linear-gradient(90deg, #6366f1 0%, #3b82f6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-ally .ally-left-column .ally-title-group .ally-main-title .dark-text {
  color: #0b0f19;
}

.section-ally .ally-left-column .ally-title-group .ally-sub-text {
  font-size: 1.35rem;
  color: #64748b;
  font-weight: 500;
  margin: 0 0 16px 0;
  letter-spacing: -0.01em;
}

.section-ally .ally-left-column .ally-title-group .ally-accent-dash {
  width: 44px;
  height: 3.5px;
  background: linear-gradient(90deg, #6366f1, #38bdf8);
  border-radius: 999px;
}

.section-ally .ally-left-column .benefit-points-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.section-ally .ally-left-column .benefit-points-list .benefit-point-item {
  display: flex;
  align-items: center;
  gap: 16px;
}

.section-ally .ally-left-column .benefit-points-list .benefit-point-item .benefit-icon-container {
  width: 50px;
  height: 50px;
  border-radius: 16px;
  background: #ffffff;
  border: 1.5px solid #ede9fe;
  box-shadow: 0 8px 18px rgba(99, 102, 241, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.section-ally .ally-left-column .benefit-points-list .benefit-point-item .benefit-label {
  font-size: 1.3rem;
  line-height: 1.22;
}

.section-ally .ally-left-column .benefit-points-list .benefit-point-item .benefit-label .label-bold {
  font-weight: 800;
  color: #0b0f19;
  margin-right: 5px;
}

.section-ally .ally-left-column .benefit-points-list .benefit-point-item .benefit-label .label-gradient {
  font-weight: 800;
  background: linear-gradient(90deg, #6366f1 0%, #3b82f6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-ally .ally-center-column {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-ally .ally-center-column .businessman-portrait-frame {
  width: 100%;
  max-width: 540px;
  display: flex;
  justify-content: center;
}

.section-ally .ally-center-column .businessman-portrait-frame .businessman-img {
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: top center;
  display: block;
  border-radius: 0;
}

.section-ally .ananya-floating-card {
  position: absolute;
  bottom: 25px;
  left: 20px;
  width: 440px; 
  background: #080d19;
  border: 1.2px solid rgba(255, 255, 255, 0.14);
  border-radius: 22px;
  padding: 18px 22px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.65);
  z-index: 10;
  backdrop-filter: blur(14px);
}

.section-ally .ananya-floating-card .ananya-card-top-row {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}

.section-ally .ananya-floating-card .ananya-card-top-row .ananya-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #4f46e5;
  color: #ffffff;
  font-weight: 800;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.section-ally .ananya-floating-card .ananya-card-top-row .ananya-identity {
  flex: 1;
  text-align: left;
  min-width: 0;
}

.section-ally .ananya-floating-card .ananya-card-top-row .ananya-identity .ananya-name {
  font-size: 1.05rem;
  font-weight: 750;
  color: #ffffff;
  margin: 0;
}

.section-ally .ananya-floating-card .ananya-card-top-row .ananya-identity .ananya-company {
  font-size: 0.8rem;
  color: #94a3b8;
  margin: 2px 0 0 0;
}

.section-ally .ananya-floating-card .ananya-card-top-row .ananya-identity .ananya-email {
  font-size: 0.74rem;
  color: #64748b;
  margin: 1px 0 0 0;
}

.section-ally .ananya-floating-card .ananya-card-top-row .ananya-actions-row {
  display: flex;
  gap: 8px;
}

.section-ally .ananya-floating-card .ananya-card-top-row .ananya-actions-row .action-circle-btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #141b2c;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #94a3b8;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

.section-ally .ananya-floating-card .ananya-card-top-row .ananya-actions-row .action-circle-btn:hover {
  background: #2563eb;
  color: #ffffff;
}

.section-ally .ananya-floating-card .ananya-pills-footer {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.section-ally .ananya-floating-card .ananya-pills-footer .ananya-pill-btn {
  background: #0d1526;
  border: 1px solid rgba(99, 102, 241, 0.35);
  color: #e2e8f0;
  border-radius: 10px;
  padding: 9px 8px;
  font-size: 0.82rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  cursor: pointer;
  transition: all 0.2s;
}

.section-ally .ananya-floating-card .ananya-pills-footer .ananya-pill-btn:hover {
  background: #1e293b;
  border-color: #6366f1;
}

.section-ally .ally-right-column {
  position: relative;
  padding-left: 45px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 5;
}

.section-ally .ally-right-column .ally-s-curve-line {
  position: absolute;
  top: -15px;
  bottom: -15px;
  left: -20px;
  width: 70px;
  pointer-events: none;
  z-index: 6;
}

.section-ally .ally-right-column .ally-s-curve-line .curve-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section-ally .ally-right-column .ally-s-curve-line .s-node-badge {
  position: absolute;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid #8b5cf6;
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  left: 36px;
  transform: translate(-50%, -50%);
}

.section-ally .ally-right-column .ally-s-curve-line .s-node-badge.s-node-mic { top: 7%; }
.section-ally .ally-right-column .ally-s-curve-line .s-node-badge.s-node-sparkle { top: 35%; }
.section-ally .ally-right-column .ally-s-curve-line .s-node-badge.s-node-star { top: 62%; }
.section-ally .ally-right-column .ally-s-curve-line .s-node-badge.s-node-calendar { top: 88%; }

.section-ally .ally-right-column .figma-dark-card {
  background: #080d19;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 16px 20px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.5);
  text-align: left;
  position: relative;
  z-index: 4;
}

.section-ally .ally-right-column .figma-dark-card .card-header-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 9px;
}

.section-ally .ally-right-column .figma-dark-card .card-header-bar.space-between {
  justify-content: space-between;
}

.section-ally .ally-right-column .figma-dark-card .card-header-bar .badge-purple {
  color: #a78bfa;
  font-weight: 800;
  font-size: 0.88rem;
}

.section-ally .ally-right-column .figma-dark-card .card-header-bar .badge-blue {
  color: #38bdf8;
  font-weight: 800;
  font-size: 0.88rem;
}

.section-ally .ally-right-column .figma-dark-card .card-header-bar .badge-subtitle {
  color: #cbd5e1;
  font-size: 0.82rem;
  font-weight: 500;
}

.section-ally .ally-right-column .figma-dark-card .card-header-bar .sparkle-ai-icon {
  font-size: 1rem;
}

.section-ally .ally-right-column .figma-dark-card .card-transcript-body {
  font-size: 0.84rem;
  line-height: 1.44;
  color: #cbd5e1;
  margin: 0;
}

.section-ally .ally-right-column .card-stt .waveform-playback-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.section-ally .ally-right-column .card-stt .waveform-playback-row .waveform-play-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #6366f1;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  box-shadow: 0 0 14px rgba(99, 102, 241, 0.5);
}

.section-ally .ally-right-column .card-stt .waveform-playback-row .waveform-play-circle svg {
  margin-left: 2px;
}

.section-ally .ally-right-column .card-stt .waveform-playback-row .cyan-waveform-bars {
  display: flex;
  align-items: center;
  gap: 2.5px;
  flex: 1;
  height: 20px;
}

.section-ally .ally-right-column .card-stt .waveform-playback-row .cyan-waveform-bars span {
  flex: 1;
  background: #38bdf8;
  border-radius: 2px;
  display: inline-block;
}

.section-ally .ally-right-column .card-stt .waveform-playback-row .cyan-waveform-bars span:nth-child(odd) { height: 60%; }
.section-ally .ally-right-column .card-stt .waveform-playback-row .cyan-waveform-bars span:nth-child(even) { height: 98%; }
.section-ally .ally-right-column .card-stt .waveform-playback-row .cyan-waveform-bars span:nth-child(3n) { height: 35%; }
.section-ally .ally-right-column .card-stt .waveform-playback-row .cyan-waveform-bars span:nth-child(4n) { height: 85%; }

.section-ally .ally-right-column .card-stt .waveform-playback-row .waveform-duration {
  font-size: 0.78rem;
  color: #94a3b8;
  font-weight: 500;
}

.section-ally .ally-right-column .flow-down-indicator {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #6366f1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -6px auto -6px auto;
  z-index: 7;
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.5);
}

.section-ally .ally-right-column .card-ai .card-button-footer {
  display: flex;
  gap: 7px;
  justify-content: flex-end;
  margin-top: 12px;
}

.section-ally .ally-right-column .card-ai .card-button-footer .btn-ghost-dark {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #cbd5e1;
  border-radius: 6px;
  padding: 5px 12px;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
}

.section-ally .ally-right-column .card-ai .card-button-footer .btn-ghost-dark:hover {
  background: rgba(255, 255, 255, 0.12);
}

.section-ally .ally-right-column .card-ai .card-button-footer .btn-primary-purple {
  background: linear-gradient(135deg, #6366f1, #3b82f6);
  border: none;
  color: #ffffff;
  border-radius: 6px;
  padding: 5px 14px;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4);
}

/* Card 3: Contact Scoring */
.section-ally .ally-right-column .card-scoring .scoring-card-title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 10px 0;
}

.section-ally .ally-right-column .card-scoring .scoring-card-title.m-0,
.section-ally .ally-right-column .card-activities .scoring-card-title.m-0 {
  font-size: 0.92rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
}

.section-ally .ally-right-column .card-scoring .scoring-pill-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 14px;
}

.section-ally .ally-right-column .card-scoring .scoring-pill-grid .pill-column {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.section-ally .ally-right-column .card-scoring .scoring-pill-grid .pill-column .column-caption {
  font-size: 0.72rem;
  color: #94a3b8;
  margin-bottom: 2px;
}

.section-ally .ally-right-column .card-scoring .scoring-pill-grid .pill-column .pill-row {
  display: flex;
  gap: 6px;
}

.section-ally .ally-right-column .card-scoring .scoring-pill-grid .pill-column .pill-row .chip-status {
  padding: 4px 11px;
  border-radius: 6px;
  font-size: 0.74rem;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}

.section-ally .ally-right-column .card-scoring .scoring-pill-grid .pill-column .pill-row .chip-status.chip-cyan { background: #082f49; color: #38bdf8; border: 1px solid #0369a1; }
.section-ally .ally-right-column .card-scoring .scoring-pill-grid .pill-column .pill-row .chip-status.chip-dark-green { background: #064e3b; color: #4ade80; border: 1px solid #059669; }
.section-ally .ally-right-column .card-scoring .scoring-pill-grid .pill-column .pill-row .chip-status.chip-amber { background: #451a03; color: #fbbf24; border: 1px solid #d97706; }
.section-ally .ally-right-column .card-scoring .scoring-pill-grid .pill-column .pill-row .chip-status.chip-dark-red { background: #450a0a; color: #f87171; border: 1px solid #dc2626; }
.section-ally .ally-right-column .card-scoring .scoring-pill-grid .pill-column .pill-row .chip-status.chip-green-solid { background: #064e3b; color: #4ade80; border: 1px solid #10b981; }
.section-ally .ally-right-column .card-scoring .scoring-pill-grid .pill-column .pill-row .chip-status.chip-red-solid { background: #450a0a; color: #f87171; border: 1px solid #ef4444; }
.section-ally .ally-right-column .card-scoring .scoring-pill-grid .pill-column .pill-row .chip-status.chip-dark-gray { background: #1e293b; color: #cbd5e1; border: 1px solid #475569; }

.section-ally .ally-right-column .card-activities .activities-view-link {
  font-size: 0.76rem;
  color: #38bdf8;
  text-decoration: none;
  font-weight: 600;
}

.section-ally .ally-right-column .card-activities .activities-view-link:hover {
  text-decoration: underline;
}

.section-ally .ally-right-column .card-activities .activities-item-list {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-top: 10px;
}

.section-ally .ally-right-column .card-activities .activities-item-list .activity-row {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  padding: 7px 11px;
  border-radius: 12px;
}

.section-ally .ally-right-column .card-activities .activities-item-list .activity-row .circle-check-bullet {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1.8px solid #64748b;
  flex-shrink: 0;
}

.section-ally .ally-right-column .card-activities .activities-item-list .activity-row .activity-text {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.section-ally .ally-right-column .card-activities .activities-item-list .activity-row .activity-text .act-name {
  font-size: 0.8rem;
  font-weight: 600;
  color: #ffffff;
}

.section-ally .ally-right-column .card-activities .activities-item-list .activity-row .activity-text .act-time {
  font-size: 0.7rem;
  color: #94a3b8;
}

.section-ally .ally-right-column .card-activities .activities-item-list .activity-row .activity-action-circle {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #172033;
  color: #818cf8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-ally .ally-bottom-wave-bar {
  width: 100%;
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

.section-ally .ally-bottom-wave-bar .bottom-sine-wave-svg {
  width: 100%;
  height: 60px;
  overflow: visible;
}

/* Responsive constraints */
@media (max-width: 1260px) {
  .section-ally .ally-stage-grid {
    grid-template-columns: 260px 1fr 340px;
  }

  .section-ally .ananya-floating-card {
    width: 380px;
    left: 10px;
  }
}


.section-solutions {
  position: relative;
  padding: 90px 0 110px 0;
  background-color: #ffffff;
  overflow: hidden;
}

.section-solutions .solutions-corner-wave {
  position: absolute;
  bottom: 0;
  width: 440px;
  height: 220px;
  pointer-events: none;
  z-index: 1;
}

.section-solutions .solutions-corner-wave.wave-left {
  left: 0;
}

.section-solutions .solutions-corner-wave.wave-right {
  right: 0;
  transform: scaleX(-1);
}

.section-solutions .solutions-eyebrow {
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #4f46e5;
  margin: 0 0 16px 0;
  position: relative;
  z-index: 2;
}

.section-solutions .section-heading {
  font-size: clamp(2.8rem, 5vw, 4.3rem);
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: -0.04em;
  color: #0b0f19;
  margin: 0 0 54px 0;
  position: relative;
  z-index: 2;
}

.section-solutions .section-heading .gradient-text {
  color: #6236f5;
  background-image: linear-gradient(90deg, #6236f5 0%, #4f46e5 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  padding-bottom: 0.15em;
  margin-bottom: -0.15em;
}

.section-solutions .solutions-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin: 0 0 56px 0;
  position: relative;
  z-index: 2;
}

.section-solutions .solutions-grid .solution-card {
  background: #ffffff;
  border-radius: 26px;
  overflow: hidden;
  border: 1.5px solid #ede9fe;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.05);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  display: flex;
  flex-direction: column;
}

.section-solutions .solutions-grid .solution-card.card-pro {
  border-color: #e9d5ff;
  background: linear-gradient(180deg, #f3ecff 0%, #f8f5ff 55%, #faf8ff 100%);
}

.section-solutions .solutions-grid .solution-card.card-smb {
  border-color: #d1fae5;
  background: linear-gradient(180deg, #e8f8f0 0%, #f2fbf6 55%, #f7fcf9 100%);
}

.section-solutions .solutions-grid .solution-card.card-ent {
  border-color: #dbeafe;
  background: linear-gradient(180deg, #eaf2ff 0%, #f2f7ff 55%, #f7faff 100%);
}

.section-solutions .solutions-grid .solution-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 48px rgba(79, 70, 229, 0.12);
}

.section-solutions .solutions-grid .solution-card .solution-card-banner {
  position: relative;
  height: 300px;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0;
  overflow: visible;
}

/* Pastel Circular Halo behind the person in each card (Exact Figma detail) */
.section-solutions .solutions-grid .solution-card .solution-card-banner::before {
  content: '';
  position: absolute;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  left: 24px;
  bottom: 18px;
  z-index: 0;
  pointer-events: none;
}

.section-solutions .solutions-grid .solution-card.card-pro .solution-card-banner::before {
  background: radial-gradient(circle, rgba(168, 85, 247, 0.16) 0%, rgba(168, 85, 247, 0.04) 70%, transparent 100%);
}

.section-solutions .solutions-grid .solution-card.card-smb .solution-card-banner::before {
  background: radial-gradient(circle, rgba(16, 185, 129, 0.14) 0%, rgba(16, 185, 129, 0.04) 70%, transparent 100%);
}

.section-solutions .solutions-grid .solution-card.card-ent .solution-card-banner::before {
  background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, rgba(59, 130, 246, 0.04) 70%, transparent 100%);
}

.section-solutions .solutions-grid .solution-card .solution-card-banner .solution-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
  position: relative;
  z-index: 1;
}

.section-solutions .solutions-grid .solution-card .solution-card-banner .solution-avatar-badge {
  position: absolute;
  bottom: -26px;
  left: 17px;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border: 3.5px solid #ffffff;
  z-index: 4;
}

.section-solutions .solutions-grid .solution-card .solution-card-banner .solution-avatar-badge.purple-badge {
  background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
  box-shadow: 0 8px 20px rgba(124, 58, 237, 0.35);
}

.section-solutions .solutions-grid .solution-card .solution-card-banner .solution-avatar-badge.green-badge {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  box-shadow: 0 8px 20px rgba(5, 150, 105, 0.35);
}

.section-solutions .solutions-grid .solution-card .solution-card-banner .solution-avatar-badge.blue-badge {
  background: linear-gradient(135deg, #2563eb 0%, #0284c7 100%);
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.35);
}

.section-solutions .solutions-grid .solution-card .solution-card-body {
  padding: 44px 28px 38px 28px;
  text-align: center;
  background: rgba(255, 255, 255, 0.72);
  border-top: 1px solid rgba(255, 255, 255, 0.9);
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.section-solutions .solutions-grid .solution-card .solution-card-body h3 {
  font-size: 1.52rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0 0 12px 0;
  color: #6d28d9;
}

.section-solutions .solutions-grid .solution-card .solution-card-body h3.green-title {
  color: #059669;
}

.section-solutions .solutions-grid .solution-card .solution-card-body h3.blue-title {
  color: #0284c7;
}

.section-solutions .solutions-grid .solution-card .solution-card-body p {
  color: #334155;
  font-size: 1.08rem;
  line-height: 1.48;
  margin: 0;
  max-width: 280px;
}

.section-solutions .solutions-cta-wrap {
  position: relative;
  z-index: 2;
}

.section-solutions .solutions-cta-wrap .btn-explore-pill {
  background: linear-gradient(90deg, #4338ca 0%, #5b21b6 50%, #4f46e5 100%);
  color: #ffffff;
  border: none;
  border-radius: 18px;
  padding: 18px 48px;
  font-size: 1.18rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  box-shadow: 0 14px 32px rgba(79, 70, 229, 0.38);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.section-solutions .solutions-cta-wrap .btn-explore-pill:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(79, 70, 229, 0.48);
}


.section-explore {
  position: relative;
  padding: 76px 0 108px 0;
  background: linear-gradient(180deg, #f7f4ff 0%, #f2edff 52%, #ffffff 100%);
  overflow: hidden;
}

.section-explore .explore-outer-dots {
  display: block !important;
  position: absolute;
  bottom: 45px;
  width: 280px;
  height: 450px;
  pointer-events: none;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.section-explore .explore-outer-dots.dots-left {
  left: 0;
  bottom: 30px;
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20260%20440'%20fill='none'%3E%3Ccircle%20cx='10.1'%20cy='107.0'%20r='1.48'%20fill='%23b49bf8'%20fill-opacity='0.21'/%3E%3Ccircle%20cx='28.2'%20cy='117.4'%20r='1.47'%20fill='%23b49bf8'%20fill-opacity='0.21'/%3E%3Ccircle%20cx='46.2'%20cy='127.7'%20r='1.46'%20fill='%23b49bf8'%20fill-opacity='0.20'/%3E%3Ccircle%20cx='64.3'%20cy='137.8'%20r='1.44'%20fill='%23b49bf8'%20fill-opacity='0.20'/%3E%3Ccircle%20cx='82.4'%20cy='147.6'%20r='1.43'%20fill='%23b49bf8'%20fill-opacity='0.20'/%3E%3Ccircle%20cx='100.5'%20cy='157.0'%20r='1.41'%20fill='%23b49bf8'%20fill-opacity='0.19'/%3E%3Ccircle%20cx='118.5'%20cy='166.0'%20r='1.39'%20fill='%23b49bf8'%20fill-opacity='0.19'/%3E%3Ccircle%20cx='136.6'%20cy='174.5'%20r='1.37'%20fill='%23b49bf8'%20fill-opacity='0.19'/%3E%3Ccircle%20cx='154.7'%20cy='182.5'%20r='1.34'%20fill='%23b49bf8'%20fill-opacity='0.18'/%3E%3Ccircle%20cx='172.8'%20cy='190.1'%20r='1.32'%20fill='%23b49bf8'%20fill-opacity='0.18'/%3E%3Ccircle%20cx='190.9'%20cy='197.2'%20r='1.30'%20fill='%23b49bf8'%20fill-opacity='0.17'/%3E%3Ccircle%20cx='208.9'%20cy='203.9'%20r='1.27'%20fill='%23b49bf8'%20fill-opacity='0.17'/%3E%3Ccircle%20cx='227.0'%20cy='210.2'%20r='1.24'%20fill='%23b49bf8'%20fill-opacity='0.16'/%3E%3Ccircle%20cx='245.1'%20cy='216.3'%20r='1.21'%20fill='%23b49bf8'%20fill-opacity='0.16'/%3E%3Ccircle%20cx='12.1'%20cy='123.9'%20r='1.94'%20fill='%23b49bf8'%20fill-opacity='0.29'/%3E%3Ccircle%20cx='30.2'%20cy='134.0'%20r='1.93'%20fill='%23b49bf8'%20fill-opacity='0.29'/%3E%3Ccircle%20cx='48.3'%20cy='143.8'%20r='1.91'%20fill='%23b49bf8'%20fill-opacity='0.28'/%3E%3Ccircle%20cx='66.4'%20cy='153.4'%20r='1.88'%20fill='%23b49bf8'%20fill-opacity='0.28'/%3E%3Ccircle%20cx='84.4'%20cy='162.6'%20r='1.84'%20fill='%23b49bf8'%20fill-opacity='0.27'/%3E%3Ccircle%20cx='102.5'%20cy='171.5'%20r='1.81'%20fill='%23b49bf8'%20fill-opacity='0.27'/%3E%3Ccircle%20cx='120.6'%20cy='179.9'%20r='1.77'%20fill='%23b49bf8'%20fill-opacity='0.26'/%3E%3Ccircle%20cx='138.7'%20cy='187.8'%20r='1.73'%20fill='%23b49bf8'%20fill-opacity='0.25'/%3E%3Ccircle%20cx='156.7'%20cy='195.2'%20r='1.68'%20fill='%23b49bf8'%20fill-opacity='0.24'/%3E%3Ccircle%20cx='174.8'%20cy='202.2'%20r='1.63'%20fill='%23b49bf8'%20fill-opacity='0.23'/%3E%3Ccircle%20cx='192.9'%20cy='208.7'%20r='1.58'%20fill='%23b49bf8'%20fill-opacity='0.23'/%3E%3Ccircle%20cx='211.0'%20cy='214.9'%20r='1.53'%20fill='%23b49bf8'%20fill-opacity='0.22'/%3E%3Ccircle%20cx='229.0'%20cy='220.7'%20r='1.48'%20fill='%23b49bf8'%20fill-opacity='0.21'/%3E%3Ccircle%20cx='247.1'%20cy='226.3'%20r='1.42'%20fill='%23b49bf8'%20fill-opacity='0.20'/%3E%3Ccircle%20cx='14.1'%20cy='140.9'%20r='2.39'%20fill='%23b49bf8'%20fill-opacity='0.37'/%3E%3Ccircle%20cx='32.2'%20cy='150.5'%20r='2.37'%20fill='%23b49bf8'%20fill-opacity='0.37'/%3E%3Ccircle%20cx='50.2'%20cy='159.8'%20r='2.33'%20fill='%23b49bf8'%20fill-opacity='0.36'/%3E%3Ccircle%20cx='68.3'%20cy='168.9'%20r='2.29'%20fill='%23b49bf8'%20fill-opacity='0.35'/%3E%3Ccircle%20cx='86.4'%20cy='177.6'%20r='2.24'%20fill='%23b49bf8'%20fill-opacity='0.35'/%3E%3Ccircle%20cx='104.5'%20cy='185.8'%20r='2.19'%20fill='%23b49bf8'%20fill-opacity='0.34'/%3E%3Ccircle%20cx='122.5'%20cy='193.6'%20r='2.13'%20fill='%23b49bf8'%20fill-opacity='0.32'/%3E%3Ccircle%20cx='140.6'%20cy='200.9'%20r='2.07'%20fill='%23b49bf8'%20fill-opacity='0.31'/%3E%3Ccircle%20cx='158.7'%20cy='207.8'%20r='2.00'%20fill='%23b49bf8'%20fill-opacity='0.30'/%3E%3Ccircle%20cx='176.8'%20cy='214.2'%20r='1.93'%20fill='%23b49bf8'%20fill-opacity='0.29'/%3E%3Ccircle%20cx='194.8'%20cy='220.2'%20r='1.86'%20fill='%23b49bf8'%20fill-opacity='0.28'/%3E%3Ccircle%20cx='212.9'%20cy='225.8'%20r='1.78'%20fill='%23b49bf8'%20fill-opacity='0.26'/%3E%3Ccircle%20cx='231.0'%20cy='231.1'%20r='1.71'%20fill='%23b49bf8'%20fill-opacity='0.25'/%3E%3Ccircle%20cx='249.1'%20cy='236.3'%20r='1.62'%20fill='%23b49bf8'%20fill-opacity='0.23'/%3E%3Ccircle%20cx='15.9'%20cy='157.7'%20r='2.80'%20fill='%23b49bf8'%20fill-opacity='0.45'/%3E%3Ccircle%20cx='34.0'%20cy='166.9'%20r='2.78'%20fill='%23b49bf8'%20fill-opacity='0.44'/%3E%3Ccircle%20cx='52.0'%20cy='175.8'%20r='2.73'%20fill='%23b49bf8'%20fill-opacity='0.43'/%3E%3Ccircle%20cx='70.1'%20cy='184.3'%20r='2.68'%20fill='%23b49bf8'%20fill-opacity='0.42'/%3E%3Ccircle%20cx='88.2'%20cy='192.4'%20r='2.61'%20fill='%23b49bf8'%20fill-opacity='0.41'/%3E%3Ccircle%20cx='106.3'%20cy='200.1'%20r='2.54'%20fill='%23b49bf8'%20fill-opacity='0.40'/%3E%3Ccircle%20cx='124.3'%20cy='207.3'%20r='2.47'%20fill='%23b49bf8'%20fill-opacity='0.39'/%3E%3Ccircle%20cx='142.4'%20cy='214.0'%20r='2.39'%20fill='%23b49bf8'%20fill-opacity='0.37'/%3E%3Ccircle%20cx='160.5'%20cy='220.2'%20r='2.30'%20fill='%23b49bf8'%20fill-opacity='0.36'/%3E%3Ccircle%20cx='178.6'%20cy='226.0'%20r='2.21'%20fill='%23b49bf8'%20fill-opacity='0.34'/%3E%3Ccircle%20cx='196.7'%20cy='231.5'%20r='2.12'%20fill='%23b49bf8'%20fill-opacity='0.32'/%3E%3Ccircle%20cx='214.7'%20cy='236.6'%20r='2.02'%20fill='%23b49bf8'%20fill-opacity='0.30'/%3E%3Ccircle%20cx='232.8'%20cy='241.5'%20r='1.92'%20fill='%23b49bf8'%20fill-opacity='0.29'/%3E%3Ccircle%20cx='250.9'%20cy='246.2'%20r='1.81'%20fill='%23b49bf8'%20fill-opacity='0.27'/%3E%3Ccircle%20cx='17.5'%20cy='174.6'%20r='3.18'%20fill='%23b49bf8'%20fill-opacity='0.51'/%3E%3Ccircle%20cx='35.6'%20cy='183.2'%20r='3.14'%20fill='%23b49bf8'%20fill-opacity='0.51'/%3E%3Ccircle%20cx='53.7'%20cy='191.6'%20r='3.09'%20fill='%23b49bf8'%20fill-opacity='0.50'/%3E%3Ccircle%20cx='71.8'%20cy='199.6'%20r='3.02'%20fill='%23b49bf8'%20fill-opacity='0.49'/%3E%3Ccircle%20cx='89.8'%20cy='207.1'%20r='2.95'%20fill='%23b49bf8'%20fill-opacity='0.47'/%3E%3Ccircle%20cx='107.9'%20cy='214.2'%20r='2.86'%20fill='%23b49bf8'%20fill-opacity='0.46'/%3E%3Ccircle%20cx='126.0'%20cy='220.8'%20r='2.77'%20fill='%23b49bf8'%20fill-opacity='0.44'/%3E%3Ccircle%20cx='144.1'%20cy='226.9'%20r='2.67'%20fill='%23b49bf8'%20fill-opacity='0.42'/%3E%3Ccircle%20cx='162.1'%20cy='232.6'%20r='2.57'%20fill='%23b49bf8'%20fill-opacity='0.40'/%3E%3Ccircle%20cx='180.2'%20cy='237.8'%20r='2.46'%20fill='%23b49bf8'%20fill-opacity='0.38'/%3E%3Ccircle%20cx='198.3'%20cy='242.7'%20r='2.35'%20fill='%23b49bf8'%20fill-opacity='0.36'/%3E%3Ccircle%20cx='216.4'%20cy='247.4'%20r='2.23'%20fill='%23b49bf8'%20fill-opacity='0.34'/%3E%3Ccircle%20cx='234.4'%20cy='251.8'%20r='2.11'%20fill='%23b49bf8'%20fill-opacity='0.32'/%3E%3Ccircle%20cx='252.5'%20cy='256.2'%20r='1.98'%20fill='%23b49bf8'%20fill-opacity='0.30'/%3E%3Ccircle%20cx='18.9'%20cy='191.3'%20r='3.50'%20fill='%23b49bf8'%20fill-opacity='0.57'/%3E%3Ccircle%20cx='37.0'%20cy='199.5'%20r='3.46'%20fill='%23b49bf8'%20fill-opacity='0.57'/%3E%3Ccircle%20cx='55.1'%20cy='207.3'%20r='3.40'%20fill='%23b49bf8'%20fill-opacity='0.56'/%3E%3Ccircle%20cx='73.2'%20cy='214.7'%20r='3.33'%20fill='%23b49bf8'%20fill-opacity='0.54'/%3E%3Ccircle%20cx='91.3'%20cy='221.7'%20r='3.24'%20fill='%23b49bf8'%20fill-opacity='0.53'/%3E%3Ccircle%20cx='109.3'%20cy='228.1'%20r='3.14'%20fill='%23b49bf8'%20fill-opacity='0.51'/%3E%3Ccircle%20cx='127.4'%20cy='234.1'%20r='3.04'%20fill='%23b49bf8'%20fill-opacity='0.49'/%3E%3Ccircle%20cx='145.5'%20cy='239.7'%20r='2.92'%20fill='%23b49bf8'%20fill-opacity='0.47'/%3E%3Ccircle%20cx='163.6'%20cy='244.8'%20r='2.80'%20fill='%23b49bf8'%20fill-opacity='0.45'/%3E%3Ccircle%20cx='181.6'%20cy='249.5'%20r='2.68'%20fill='%23b49bf8'%20fill-opacity='0.42'/%3E%3Ccircle%20cx='199.7'%20cy='253.9'%20r='2.55'%20fill='%23b49bf8'%20fill-opacity='0.40'/%3E%3Ccircle%20cx='217.8'%20cy='258.1'%20r='2.41'%20fill='%23b49bf8'%20fill-opacity='0.38'/%3E%3Ccircle%20cx='235.9'%20cy='262.1'%20r='2.27'%20fill='%23b49bf8'%20fill-opacity='0.35'/%3E%3Ccircle%20cx='253.9'%20cy='266.1'%20r='2.13'%20fill='%23b49bf8'%20fill-opacity='0.32'/%3E%3Ccircle%20cx='20.1'%20cy='208.0'%20r='3.77'%20fill='%23b49bf8'%20fill-opacity='0.62'/%3E%3Ccircle%20cx='38.2'%20cy='215.7'%20r='3.73'%20fill='%23b49bf8'%20fill-opacity='0.61'/%3E%3Ccircle%20cx='56.3'%20cy='222.9'%20r='3.66'%20fill='%23b49bf8'%20fill-opacity='0.60'/%3E%3Ccircle%20cx='74.4'%20cy='229.7'%20r='3.58'%20fill='%23b49bf8'%20fill-opacity='0.59'/%3E%3Ccircle%20cx='92.4'%20cy='236.1'%20r='3.48'%20fill='%23b49bf8'%20fill-opacity='0.57'/%3E%3Ccircle%20cx='110.5'%20cy='242.0'%20r='3.37'%20fill='%23b49bf8'%20fill-opacity='0.55'/%3E%3Ccircle%20cx='128.6'%20cy='247.4'%20r='3.25'%20fill='%23b49bf8'%20fill-opacity='0.53'/%3E%3Ccircle%20cx='146.7'%20cy='252.3'%20r='3.13'%20fill='%23b49bf8'%20fill-opacity='0.51'/%3E%3Ccircle%20cx='164.7'%20cy='256.9'%20r='3.00'%20fill='%23b49bf8'%20fill-opacity='0.48'/%3E%3Ccircle%20cx='182.8'%20cy='261.1'%20r='2.86'%20fill='%23b49bf8'%20fill-opacity='0.46'/%3E%3Ccircle%20cx='200.9'%20cy='265.0'%20r='2.72'%20fill='%23b49bf8'%20fill-opacity='0.43'/%3E%3Ccircle%20cx='219.0'%20cy='268.8'%20r='2.56'%20fill='%23b49bf8'%20fill-opacity='0.40'/%3E%3Ccircle%20cx='237.0'%20cy='272.4'%20r='2.41'%20fill='%23b49bf8'%20fill-opacity='0.38'/%3E%3Ccircle%20cx='255.1'%20cy='276.0'%20r='2.25'%20fill='%23b49bf8'%20fill-opacity='0.35'/%3E%3Ccircle%20cx='21.0'%20cy='224.6'%20r='3.98'%20fill='%23b49bf8'%20fill-opacity='0.66'/%3E%3Ccircle%20cx='39.1'%20cy='231.7'%20r='3.93'%20fill='%23b49bf8'%20fill-opacity='0.65'/%3E%3Ccircle%20cx='57.2'%20cy='238.4'%20r='3.86'%20fill='%23b49bf8'%20fill-opacity='0.64'/%3E%3Ccircle%20cx='75.3'%20cy='244.6'%20r='3.77'%20fill='%23b49bf8'%20fill-opacity='0.62'/%3E%3Ccircle%20cx='93.3'%20cy='250.4'%20r='3.66'%20fill='%23b49bf8'%20fill-opacity='0.60'/%3E%3Ccircle%20cx='111.4'%20cy='255.7'%20r='3.55'%20fill='%23b49bf8'%20fill-opacity='0.58'/%3E%3Ccircle%20cx='129.5'%20cy='260.5'%20r='3.42'%20fill='%23b49bf8'%20fill-opacity='0.56'/%3E%3Ccircle%20cx='147.6'%20cy='264.9'%20r='3.29'%20fill='%23b49bf8'%20fill-opacity='0.54'/%3E%3Ccircle%20cx='165.6'%20cy='268.9'%20r='3.15'%20fill='%23b49bf8'%20fill-opacity='0.51'/%3E%3Ccircle%20cx='183.7'%20cy='272.6'%20r='3.00'%20fill='%23b49bf8'%20fill-opacity='0.48'/%3E%3Ccircle%20cx='201.8'%20cy='276.1'%20r='2.84'%20fill='%23b49bf8'%20fill-opacity='0.45'/%3E%3Ccircle%20cx='219.9'%20cy='279.4'%20r='2.68'%20fill='%23b49bf8'%20fill-opacity='0.42'/%3E%3Ccircle%20cx='238.0'%20cy='282.7'%20r='2.51'%20fill='%23b49bf8'%20fill-opacity='0.39'/%3E%3Ccircle%20cx='256.0'%20cy='286.0'%20r='2.34'%20fill='%23b49bf8'%20fill-opacity='0.36'/%3E%3Ccircle%20cx='21.6'%20cy='241.1'%20r='4.12'%20fill='%23b49bf8'%20fill-opacity='0.69'/%3E%3Ccircle%20cx='39.7'%20cy='247.7'%20r='4.07'%20fill='%23b49bf8'%20fill-opacity='0.68'/%3E%3Ccircle%20cx='57.8'%20cy='253.8'%20r='3.99'%20fill='%23b49bf8'%20fill-opacity='0.66'/%3E%3Ccircle%20cx='75.9'%20cy='259.4'%20r='3.90'%20fill='%23b49bf8'%20fill-opacity='0.65'/%3E%3Ccircle%20cx='94.0'%20cy='264.6'%20r='3.79'%20fill='%23b49bf8'%20fill-opacity='0.63'/%3E%3Ccircle%20cx='112.0'%20cy='269.3'%20r='3.67'%20fill='%23b49bf8'%20fill-opacity='0.60'/%3E%3Ccircle%20cx='130.1'%20cy='273.5'%20r='3.54'%20fill='%23b49bf8'%20fill-opacity='0.58'/%3E%3Ccircle%20cx='148.2'%20cy='277.3'%20r='3.40'%20fill='%23b49bf8'%20fill-opacity='0.55'/%3E%3Ccircle%20cx='166.3'%20cy='280.8'%20r='3.25'%20fill='%23b49bf8'%20fill-opacity='0.53'/%3E%3Ccircle%20cx='184.3'%20cy='284.1'%20r='3.09'%20fill='%23b49bf8'%20fill-opacity='0.50'/%3E%3Ccircle%20cx='202.4'%20cy='287.1'%20r='2.93'%20fill='%23b49bf8'%20fill-opacity='0.47'/%3E%3Ccircle%20cx='220.5'%20cy='290.0'%20r='2.76'%20fill='%23b49bf8'%20fill-opacity='0.44'/%3E%3Ccircle%20cx='238.6'%20cy='293.0'%20r='2.59'%20fill='%23b49bf8'%20fill-opacity='0.41'/%3E%3Ccircle%20cx='256.6'%20cy='296.0'%20r='2.40'%20fill='%23b49bf8'%20fill-opacity='0.37'/%3E%3Ccircle%20cx='22.0'%20cy='257.5'%20r='4.19'%20fill='%23b49bf8'%20fill-opacity='0.70'/%3E%3Ccircle%20cx='40.0'%20cy='263.5'%20r='4.14'%20fill='%23b49bf8'%20fill-opacity='0.69'/%3E%3Ccircle%20cx='58.1'%20cy='269.0'%20r='4.06'%20fill='%23b49bf8'%20fill-opacity='0.68'/%3E%3Ccircle%20cx='76.2'%20cy='274.1'%20r='3.97'%20fill='%23b49bf8'%20fill-opacity='0.66'/%3E%3Ccircle%20cx='94.3'%20cy='278.6'%20r='3.85'%20fill='%23b49bf8'%20fill-opacity='0.64'/%3E%3Ccircle%20cx='112.3'%20cy='282.7'%20r='3.73'%20fill='%23b49bf8'%20fill-opacity='0.61'/%3E%3Ccircle%20cx='130.4'%20cy='286.4'%20r='3.60'%20fill='%23b49bf8'%20fill-opacity='0.59'/%3E%3Ccircle%20cx='148.5'%20cy='289.7'%20r='3.45'%20fill='%23b49bf8'%20fill-opacity='0.56'/%3E%3Ccircle%20cx='166.6'%20cy='292.7'%20r='3.30'%20fill='%23b49bf8'%20fill-opacity='0.54'/%3E%3Ccircle%20cx='184.7'%20cy='295.5'%20r='3.14'%20fill='%23b49bf8'%20fill-opacity='0.51'/%3E%3Ccircle%20cx='202.7'%20cy='298.1'%20r='2.98'%20fill='%23b49bf8'%20fill-opacity='0.48'/%3E%3Ccircle%20cx='220.8'%20cy='300.7'%20r='2.80'%20fill='%23b49bf8'%20fill-opacity='0.45'/%3E%3Ccircle%20cx='238.9'%20cy='303.3'%20r='2.62'%20fill='%23b49bf8'%20fill-opacity='0.41'/%3E%3Ccircle%20cx='257.0'%20cy='306.1'%20r='2.44'%20fill='%23b49bf8'%20fill-opacity='0.38'/%3E%3Ccircle%20cx='22.0'%20cy='273.8'%20r='4.19'%20fill='%23b49bf8'%20fill-opacity='0.70'/%3E%3Ccircle%20cx='40.0'%20cy='279.2'%20r='4.14'%20fill='%23b49bf8'%20fill-opacity='0.69'/%3E%3Ccircle%20cx='58.1'%20cy='284.1'%20r='4.06'%20fill='%23b49bf8'%20fill-opacity='0.68'/%3E%3Ccircle%20cx='76.2'%20cy='288.6'%20r='3.97'%20fill='%23b49bf8'%20fill-opacity='0.66'/%3E%3Ccircle%20cx='94.3'%20cy='292.5'%20r='3.85'%20fill='%23b49bf8'%20fill-opacity='0.64'/%3E%3Ccircle%20cx='112.3'%20cy='296.1'%20r='3.73'%20fill='%23b49bf8'%20fill-opacity='0.61'/%3E%3Ccircle%20cx='130.4'%20cy='299.2'%20r='3.60'%20fill='%23b49bf8'%20fill-opacity='0.59'/%3E%3Ccircle%20cx='148.5'%20cy='302.0'%20r='3.45'%20fill='%23b49bf8'%20fill-opacity='0.56'/%3E%3Ccircle%20cx='166.6'%20cy='304.5'%20r='3.30'%20fill='%23b49bf8'%20fill-opacity='0.54'/%3E%3Ccircle%20cx='184.7'%20cy='306.8'%20r='3.14'%20fill='%23b49bf8'%20fill-opacity='0.51'/%3E%3Ccircle%20cx='202.7'%20cy='309.1'%20r='2.98'%20fill='%23b49bf8'%20fill-opacity='0.48'/%3E%3Ccircle%20cx='220.8'%20cy='311.3'%20r='2.80'%20fill='%23b49bf8'%20fill-opacity='0.45'/%3E%3Ccircle%20cx='238.9'%20cy='313.7'%20r='2.62'%20fill='%23b49bf8'%20fill-opacity='0.41'/%3E%3Ccircle%20cx='257.0'%20cy='316.2'%20r='2.44'%20fill='%23b49bf8'%20fill-opacity='0.38'/%3E%3Ccircle%20cx='21.6'%20cy='290.0'%20r='4.12'%20fill='%23b49bf8'%20fill-opacity='0.69'/%3E%3Ccircle%20cx='39.7'%20cy='294.8'%20r='4.07'%20fill='%23b49bf8'%20fill-opacity='0.68'/%3E%3Ccircle%20cx='57.8'%20cy='299.1'%20r='3.99'%20fill='%23b49bf8'%20fill-opacity='0.66'/%3E%3Ccircle%20cx='75.9'%20cy='302.9'%20r='3.90'%20fill='%23b49bf8'%20fill-opacity='0.65'/%3E%3Ccircle%20cx='94.0'%20cy='306.3'%20r='3.79'%20fill='%23b49bf8'%20fill-opacity='0.63'/%3E%3Ccircle%20cx='112.0'%20cy='309.3'%20r='3.67'%20fill='%23b49bf8'%20fill-opacity='0.60'/%3E%3Ccircle%20cx='130.1'%20cy='311.9'%20r='3.54'%20fill='%23b49bf8'%20fill-opacity='0.58'/%3E%3Ccircle%20cx='148.2'%20cy='314.2'%20r='3.40'%20fill='%23b49bf8'%20fill-opacity='0.55'/%3E%3Ccircle%20cx='166.3'%20cy='316.2'%20r='3.25'%20fill='%23b49bf8'%20fill-opacity='0.53'/%3E%3Ccircle%20cx='184.3'%20cy='318.2'%20r='3.09'%20fill='%23b49bf8'%20fill-opacity='0.50'/%3E%3Ccircle%20cx='202.4'%20cy='320.0'%20r='2.93'%20fill='%23b49bf8'%20fill-opacity='0.47'/%3E%3Ccircle%20cx='220.5'%20cy='322.0'%20r='2.76'%20fill='%23b49bf8'%20fill-opacity='0.44'/%3E%3Ccircle%20cx='238.6'%20cy='324.1'%20r='2.59'%20fill='%23b49bf8'%20fill-opacity='0.41'/%3E%3Ccircle%20cx='256.6'%20cy='326.4'%20r='2.40'%20fill='%23b49bf8'%20fill-opacity='0.37'/%3E%3Ccircle%20cx='21.0'%20cy='306.0'%20r='3.98'%20fill='%23b49bf8'%20fill-opacity='0.66'/%3E%3Ccircle%20cx='39.1'%20cy='310.2'%20r='3.93'%20fill='%23b49bf8'%20fill-opacity='0.65'/%3E%3Ccircle%20cx='57.2'%20cy='313.9'%20r='3.86'%20fill='%23b49bf8'%20fill-opacity='0.64'/%3E%3Ccircle%20cx='75.3'%20cy='317.2'%20r='3.77'%20fill='%23b49bf8'%20fill-opacity='0.62'/%3E%3Ccircle%20cx='93.3'%20cy='320.0'%20r='3.66'%20fill='%23b49bf8'%20fill-opacity='0.60'/%3E%3Ccircle%20cx='111.4'%20cy='322.4'%20r='3.55'%20fill='%23b49bf8'%20fill-opacity='0.58'/%3E%3Ccircle%20cx='129.5'%20cy='324.5'%20r='3.42'%20fill='%23b49bf8'%20fill-opacity='0.56'/%3E%3Ccircle%20cx='147.6'%20cy='326.3'%20r='3.29'%20fill='%23b49bf8'%20fill-opacity='0.54'/%3E%3Ccircle%20cx='165.6'%20cy='327.9'%20r='3.15'%20fill='%23b49bf8'%20fill-opacity='0.51'/%3E%3Ccircle%20cx='183.7'%20cy='329.5'%20r='3.00'%20fill='%23b49bf8'%20fill-opacity='0.48'/%3E%3Ccircle%20cx='201.8'%20cy='331.0'%20r='2.84'%20fill='%23b49bf8'%20fill-opacity='0.45'/%3E%3Ccircle%20cx='219.9'%20cy='332.7'%20r='2.68'%20fill='%23b49bf8'%20fill-opacity='0.42'/%3E%3Ccircle%20cx='238.0'%20cy='334.6'%20r='2.51'%20fill='%23b49bf8'%20fill-opacity='0.39'/%3E%3Ccircle%20cx='256.0'%20cy='336.7'%20r='2.34'%20fill='%23b49bf8'%20fill-opacity='0.36'/%3E%3Ccircle%20cx='20.1'%20cy='321.9'%20r='3.77'%20fill='%23b49bf8'%20fill-opacity='0.62'/%3E%3Ccircle%20cx='38.2'%20cy='325.5'%20r='3.73'%20fill='%23b49bf8'%20fill-opacity='0.61'/%3E%3Ccircle%20cx='56.3'%20cy='328.7'%20r='3.66'%20fill='%23b49bf8'%20fill-opacity='0.60'/%3E%3Ccircle%20cx='74.4'%20cy='331.3'%20r='3.58'%20fill='%23b49bf8'%20fill-opacity='0.59'/%3E%3Ccircle%20cx='92.4'%20cy='333.6'%20r='3.48'%20fill='%23b49bf8'%20fill-opacity='0.57'/%3E%3Ccircle%20cx='110.5'%20cy='335.4'%20r='3.37'%20fill='%23b49bf8'%20fill-opacity='0.55'/%3E%3Ccircle%20cx='128.6'%20cy='337.0'%20r='3.25'%20fill='%23b49bf8'%20fill-opacity='0.53'/%3E%3Ccircle%20cx='146.7'%20cy='338.4'%20r='3.13'%20fill='%23b49bf8'%20fill-opacity='0.51'/%3E%3Ccircle%20cx='164.7'%20cy='339.6'%20r='3.00'%20fill='%23b49bf8'%20fill-opacity='0.48'/%3E%3Ccircle%20cx='182.8'%20cy='340.8'%20r='2.86'%20fill='%23b49bf8'%20fill-opacity='0.46'/%3E%3Ccircle%20cx='200.9'%20cy='342.1'%20r='2.72'%20fill='%23b49bf8'%20fill-opacity='0.43'/%3E%3Ccircle%20cx='219.0'%20cy='343.5'%20r='2.56'%20fill='%23b49bf8'%20fill-opacity='0.40'/%3E%3Ccircle%20cx='237.0'%20cy='345.1'%20r='2.41'%20fill='%23b49bf8'%20fill-opacity='0.38'/%3E%3Ccircle%20cx='255.1'%20cy='347.1'%20r='2.25'%20fill='%23b49bf8'%20fill-opacity='0.35'/%3E%3Ccircle%20cx='18.9'%20cy='337.7'%20r='3.50'%20fill='%23b49bf8'%20fill-opacity='0.57'/%3E%3Ccircle%20cx='37.0'%20cy='340.7'%20r='3.46'%20fill='%23b49bf8'%20fill-opacity='0.57'/%3E%3Ccircle%20cx='55.1'%20cy='343.2'%20r='3.40'%20fill='%23b49bf8'%20fill-opacity='0.56'/%3E%3Ccircle%20cx='73.2'%20cy='345.3'%20r='3.33'%20fill='%23b49bf8'%20fill-opacity='0.54'/%3E%3Ccircle%20cx='91.3'%20cy='347.0'%20r='3.24'%20fill='%23b49bf8'%20fill-opacity='0.53'/%3E%3Ccircle%20cx='109.3'%20cy='348.4'%20r='3.14'%20fill='%23b49bf8'%20fill-opacity='0.51'/%3E%3Ccircle%20cx='127.4'%20cy='349.5'%20r='3.04'%20fill='%23b49bf8'%20fill-opacity='0.49'/%3E%3Ccircle%20cx='145.5'%20cy='350.4'%20r='2.92'%20fill='%23b49bf8'%20fill-opacity='0.47'/%3E%3Ccircle%20cx='163.6'%20cy='351.3'%20r='2.80'%20fill='%23b49bf8'%20fill-opacity='0.45'/%3E%3Ccircle%20cx='181.6'%20cy='352.2'%20r='2.68'%20fill='%23b49bf8'%20fill-opacity='0.42'/%3E%3Ccircle%20cx='199.7'%20cy='353.1'%20r='2.55'%20fill='%23b49bf8'%20fill-opacity='0.40'/%3E%3Ccircle%20cx='217.8'%20cy='354.3'%20r='2.41'%20fill='%23b49bf8'%20fill-opacity='0.38'/%3E%3Ccircle%20cx='235.9'%20cy='355.8'%20r='2.27'%20fill='%23b49bf8'%20fill-opacity='0.35'/%3E%3Ccircle%20cx='253.9'%20cy='357.6'%20r='2.13'%20fill='%23b49bf8'%20fill-opacity='0.32'/%3E%3Ccircle%20cx='17.5'%20cy='353.4'%20r='3.18'%20fill='%23b49bf8'%20fill-opacity='0.51'/%3E%3Ccircle%20cx='35.6'%20cy='355.8'%20r='3.14'%20fill='%23b49bf8'%20fill-opacity='0.51'/%3E%3Ccircle%20cx='53.7'%20cy='357.7'%20r='3.09'%20fill='%23b49bf8'%20fill-opacity='0.50'/%3E%3Ccircle%20cx='71.8'%20cy='359.2'%20r='3.02'%20fill='%23b49bf8'%20fill-opacity='0.49'/%3E%3Ccircle%20cx='89.8'%20cy='360.4'%20r='2.95'%20fill='%23b49bf8'%20fill-opacity='0.47'/%3E%3Ccircle%20cx='107.9'%20cy='361.3'%20r='2.86'%20fill='%23b49bf8'%20fill-opacity='0.46'/%3E%3Ccircle%20cx='126.0'%20cy='361.9'%20r='2.77'%20fill='%23b49bf8'%20fill-opacity='0.44'/%3E%3Ccircle%20cx='144.1'%20cy='362.5'%20r='2.67'%20fill='%23b49bf8'%20fill-opacity='0.42'/%3E%3Ccircle%20cx='162.1'%20cy='363.0'%20r='2.57'%20fill='%23b49bf8'%20fill-opacity='0.40'/%3E%3Ccircle%20cx='180.2'%20cy='363.5'%20r='2.46'%20fill='%23b49bf8'%20fill-opacity='0.38'/%3E%3Ccircle%20cx='198.3'%20cy='364.3'%20r='2.35'%20fill='%23b49bf8'%20fill-opacity='0.36'/%3E%3Ccircle%20cx='216.4'%20cy='365.2'%20r='2.23'%20fill='%23b49bf8'%20fill-opacity='0.34'/%3E%3Ccircle%20cx='234.4'%20cy='366.5'%20r='2.11'%20fill='%23b49bf8'%20fill-opacity='0.32'/%3E%3Ccircle%20cx='252.5'%20cy='368.2'%20r='1.98'%20fill='%23b49bf8'%20fill-opacity='0.30'/%3E%3Ccircle%20cx='15.9'%20cy='368.9'%20r='2.80'%20fill='%23b49bf8'%20fill-opacity='0.45'/%3E%3Ccircle%20cx='34.0'%20cy='370.7'%20r='2.78'%20fill='%23b49bf8'%20fill-opacity='0.44'/%3E%3Ccircle%20cx='52.0'%20cy='372.1'%20r='2.73'%20fill='%23b49bf8'%20fill-opacity='0.43'/%3E%3Ccircle%20cx='70.1'%20cy='373.1'%20r='2.68'%20fill='%23b49bf8'%20fill-opacity='0.42'/%3E%3Ccircle%20cx='88.2'%20cy='373.7'%20r='2.61'%20fill='%23b49bf8'%20fill-opacity='0.41'/%3E%3Ccircle%20cx='106.3'%20cy='374.1'%20r='2.54'%20fill='%23b49bf8'%20fill-opacity='0.40'/%3E%3Ccircle%20cx='124.3'%20cy='374.3'%20r='2.47'%20fill='%23b49bf8'%20fill-opacity='0.39'/%3E%3Ccircle%20cx='142.4'%20cy='374.5'%20r='2.39'%20fill='%23b49bf8'%20fill-opacity='0.37'/%3E%3Ccircle%20cx='160.5'%20cy='374.7'%20r='2.30'%20fill='%23b49bf8'%20fill-opacity='0.36'/%3E%3Ccircle%20cx='178.6'%20cy='375.0'%20r='2.21'%20fill='%23b49bf8'%20fill-opacity='0.34'/%3E%3Ccircle%20cx='196.7'%20cy='375.4'%20r='2.12'%20fill='%23b49bf8'%20fill-opacity='0.32'/%3E%3Ccircle%20cx='214.7'%20cy='376.2'%20r='2.02'%20fill='%23b49bf8'%20fill-opacity='0.30'/%3E%3Ccircle%20cx='232.8'%20cy='377.3'%20r='1.92'%20fill='%23b49bf8'%20fill-opacity='0.29'/%3E%3Ccircle%20cx='250.9'%20cy='378.9'%20r='1.81'%20fill='%23b49bf8'%20fill-opacity='0.27'/%3E%3Ccircle%20cx='14.1'%20cy='384.3'%20r='2.39'%20fill='%23b49bf8'%20fill-opacity='0.37'/%3E%3Ccircle%20cx='32.2'%20cy='385.5'%20r='2.37'%20fill='%23b49bf8'%20fill-opacity='0.37'/%3E%3Ccircle%20cx='50.2'%20cy='386.3'%20r='2.33'%20fill='%23b49bf8'%20fill-opacity='0.36'/%3E%3Ccircle%20cx='68.3'%20cy='386.8'%20r='2.29'%20fill='%23b49bf8'%20fill-opacity='0.35'/%3E%3Ccircle%20cx='86.4'%20cy='386.9'%20r='2.24'%20fill='%23b49bf8'%20fill-opacity='0.35'/%3E%3Ccircle%20cx='104.5'%20cy='386.9'%20r='2.19'%20fill='%23b49bf8'%20fill-opacity='0.34'/%3E%3Ccircle%20cx='122.5'%20cy='386.7'%20r='2.13'%20fill='%23b49bf8'%20fill-opacity='0.32'/%3E%3Ccircle%20cx='140.6'%20cy='386.5'%20r='2.07'%20fill='%23b49bf8'%20fill-opacity='0.31'/%3E%3Ccircle%20cx='158.7'%20cy='386.4'%20r='2.00'%20fill='%23b49bf8'%20fill-opacity='0.30'/%3E%3Ccircle%20cx='176.8'%20cy='386.4'%20r='1.93'%20fill='%23b49bf8'%20fill-opacity='0.29'/%3E%3Ccircle%20cx='194.8'%20cy='386.7'%20r='1.86'%20fill='%23b49bf8'%20fill-opacity='0.28'/%3E%3Ccircle%20cx='212.9'%20cy='387.3'%20r='1.78'%20fill='%23b49bf8'%20fill-opacity='0.26'/%3E%3Ccircle%20cx='231.0'%20cy='388.3'%20r='1.71'%20fill='%23b49bf8'%20fill-opacity='0.25'/%3E%3Ccircle%20cx='249.1'%20cy='389.7'%20r='1.62'%20fill='%23b49bf8'%20fill-opacity='0.23'/%3E%3Ccircle%20cx='12.1'%20cy='399.5'%20r='1.94'%20fill='%23b49bf8'%20fill-opacity='0.29'/%3E%3Ccircle%20cx='30.2'%20cy='400.2'%20r='1.93'%20fill='%23b49bf8'%20fill-opacity='0.29'/%3E%3Ccircle%20cx='48.3'%20cy='400.5'%20r='1.91'%20fill='%23b49bf8'%20fill-opacity='0.28'/%3E%3Ccircle%20cx='66.4'%20cy='400.4'%20r='1.88'%20fill='%23b49bf8'%20fill-opacity='0.28'/%3E%3Ccircle%20cx='84.4'%20cy='400.1'%20r='1.84'%20fill='%23b49bf8'%20fill-opacity='0.27'/%3E%3Ccircle%20cx='102.5'%20cy='399.6'%20r='1.81'%20fill='%23b49bf8'%20fill-opacity='0.27'/%3E%3Ccircle%20cx='120.6'%20cy='399.1'%20r='1.77'%20fill='%23b49bf8'%20fill-opacity='0.26'/%3E%3Ccircle%20cx='138.7'%20cy='398.6'%20r='1.73'%20fill='%23b49bf8'%20fill-opacity='0.25'/%3E%3Ccircle%20cx='156.7'%20cy='398.2'%20r='1.68'%20fill='%23b49bf8'%20fill-opacity='0.24'/%3E%3Ccircle%20cx='174.8'%20cy='398.0'%20r='1.63'%20fill='%23b49bf8'%20fill-opacity='0.23'/%3E%3Ccircle%20cx='192.9'%20cy='398.1'%20r='1.58'%20fill='%23b49bf8'%20fill-opacity='0.23'/%3E%3Ccircle%20cx='211.0'%20cy='398.5'%20r='1.53'%20fill='%23b49bf8'%20fill-opacity='0.22'/%3E%3Ccircle%20cx='229.0'%20cy='399.4'%20r='1.48'%20fill='%23b49bf8'%20fill-opacity='0.21'/%3E%3Ccircle%20cx='247.1'%20cy='400.7'%20r='1.42'%20fill='%23b49bf8'%20fill-opacity='0.20'/%3E%3Ccircle%20cx='10.1'%20cy='414.7'%20r='1.48'%20fill='%23b49bf8'%20fill-opacity='0.21'/%3E%3Ccircle%20cx='28.2'%20cy='414.8'%20r='1.47'%20fill='%23b49bf8'%20fill-opacity='0.21'/%3E%3Ccircle%20cx='46.2'%20cy='414.5'%20r='1.46'%20fill='%23b49bf8'%20fill-opacity='0.20'/%3E%3Ccircle%20cx='64.3'%20cy='414.0'%20r='1.44'%20fill='%23b49bf8'%20fill-opacity='0.20'/%3E%3Ccircle%20cx='82.4'%20cy='413.2'%20r='1.43'%20fill='%23b49bf8'%20fill-opacity='0.20'/%3E%3Ccircle%20cx='100.5'%20cy='412.4'%20r='1.41'%20fill='%23b49bf8'%20fill-opacity='0.19'/%3E%3Ccircle%20cx='118.5'%20cy='411.5'%20r='1.39'%20fill='%23b49bf8'%20fill-opacity='0.19'/%3E%3Ccircle%20cx='136.6'%20cy='410.6'%20r='1.37'%20fill='%23b49bf8'%20fill-opacity='0.19'/%3E%3Ccircle%20cx='154.7'%20cy='410.0'%20r='1.34'%20fill='%23b49bf8'%20fill-opacity='0.18'/%3E%3Ccircle%20cx='172.8'%20cy='409.6'%20r='1.32'%20fill='%23b49bf8'%20fill-opacity='0.18'/%3E%3Ccircle%20cx='190.9'%20cy='409.5'%20r='1.30'%20fill='%23b49bf8'%20fill-opacity='0.17'/%3E%3Ccircle%20cx='208.9'%20cy='409.8'%20r='1.27'%20fill='%23b49bf8'%20fill-opacity='0.17'/%3E%3Ccircle%20cx='227.0'%20cy='410.6'%20r='1.24'%20fill='%23b49bf8'%20fill-opacity='0.16'/%3E%3Ccircle%20cx='245.1'%20cy='411.8'%20r='1.21'%20fill='%23b49bf8'%20fill-opacity='0.16'/%3E%3C/svg%3E");
}

.section-explore .explore-outer-dots.dots-right {
  right: 0;
  bottom: 70px;
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20260%20460'%20fill='none'%3E%3Ccircle%20cx='10.2'%20cy='161.2'%20r='1.23'%20fill='%23b49bf8'%20fill-opacity='0.16'/%3E%3Ccircle%20cx='28.7'%20cy='153.7'%20r='1.24'%20fill='%23b49bf8'%20fill-opacity='0.16'/%3E%3Ccircle%20cx='47.1'%20cy='145.9'%20r='1.26'%20fill='%23b49bf8'%20fill-opacity='0.17'/%3E%3Ccircle%20cx='65.6'%20cy='137.6'%20r='1.28'%20fill='%23b49bf8'%20fill-opacity='0.17'/%3E%3Ccircle%20cx='84.1'%20cy='129.1'%20r='1.30'%20fill='%23b49bf8'%20fill-opacity='0.17'/%3E%3Ccircle%20cx='102.5'%20cy='120.2'%20r='1.32'%20fill='%23b49bf8'%20fill-opacity='0.18'/%3E%3Ccircle%20cx='121.0'%20cy='111.2'%20r='1.34'%20fill='%23b49bf8'%20fill-opacity='0.18'/%3E%3Ccircle%20cx='139.4'%20cy='102.0'%20r='1.36'%20fill='%23b49bf8'%20fill-opacity='0.18'/%3E%3Ccircle%20cx='157.9'%20cy='92.7'%20r='1.38'%20fill='%23b49bf8'%20fill-opacity='0.19'/%3E%3Ccircle%20cx='176.4'%20cy='83.5'%20r='1.41'%20fill='%23b49bf8'%20fill-opacity='0.19'/%3E%3Ccircle%20cx='194.8'%20cy='74.3'%20r='1.43'%20fill='%23b49bf8'%20fill-opacity='0.20'/%3E%3Ccircle%20cx='213.3'%20cy='65.3'%20r='1.46'%20fill='%23b49bf8'%20fill-opacity='0.20'/%3E%3Ccircle%20cx='231.7'%20cy='56.5'%20r='1.48'%20fill='%23b49bf8'%20fill-opacity='0.20'/%3E%3Ccircle%20cx='250.2'%20cy='48.0'%20r='1.51'%20fill='%23b49bf8'%20fill-opacity='0.21'/%3E%3Ccircle%20cx='8.5'%20cy='175.3'%20r='1.45'%20fill='%23b49bf8'%20fill-opacity='0.20'/%3E%3Ccircle%20cx='26.9'%20cy='167.9'%20r='1.48'%20fill='%23b49bf8'%20fill-opacity='0.20'/%3E%3Ccircle%20cx='45.4'%20cy='160.0'%20r='1.51'%20fill='%23b49bf8'%20fill-opacity='0.21'/%3E%3Ccircle%20cx='63.8'%20cy='151.9'%20r='1.55'%20fill='%23b49bf8'%20fill-opacity='0.22'/%3E%3Ccircle%20cx='82.3'%20cy='143.4'%20r='1.58'%20fill='%23b49bf8'%20fill-opacity='0.22'/%3E%3Ccircle%20cx='100.8'%20cy='134.7'%20r='1.63'%20fill='%23b49bf8'%20fill-opacity='0.23'/%3E%3Ccircle%20cx='119.2'%20cy='125.8'%20r='1.67'%20fill='%23b49bf8'%20fill-opacity='0.24'/%3E%3Ccircle%20cx='137.7'%20cy='116.8'%20r='1.71'%20fill='%23b49bf8'%20fill-opacity='0.25'/%3E%3Ccircle%20cx='156.2'%20cy='107.8'%20r='1.76'%20fill='%23b49bf8'%20fill-opacity='0.25'/%3E%3Ccircle%20cx='174.6'%20cy='98.9'%20r='1.81'%20fill='%23b49bf8'%20fill-opacity='0.26'/%3E%3Ccircle%20cx='193.1'%20cy='90.0'%20r='1.85'%20fill='%23b49bf8'%20fill-opacity='0.27'/%3E%3Ccircle%20cx='211.5'%20cy='81.4'%20r='1.90'%20fill='%23b49bf8'%20fill-opacity='0.28'/%3E%3Ccircle%20cx='230.0'%20cy='73.0'%20r='1.95'%20fill='%23b49bf8'%20fill-opacity='0.29'/%3E%3Ccircle%20cx='248.5'%20cy='64.9'%20r='2.00'%20fill='%23b49bf8'%20fill-opacity='0.30'/%3E%3Ccircle%20cx='6.8'%20cy='189.3'%20r='1.66'%20fill='%23b49bf8'%20fill-opacity='0.24'/%3E%3Ccircle%20cx='25.3'%20cy='181.9'%20r='1.70'%20fill='%23b49bf8'%20fill-opacity='0.24'/%3E%3Ccircle%20cx='43.7'%20cy='174.1'%20r='1.75'%20fill='%23b49bf8'%20fill-opacity='0.25'/%3E%3Ccircle%20cx='62.2'%20cy='166.0'%20r='1.80'%20fill='%23b49bf8'%20fill-opacity='0.26'/%3E%3Ccircle%20cx='80.6'%20cy='157.6'%20r='1.86'%20fill='%23b49bf8'%20fill-opacity='0.27'/%3E%3Ccircle%20cx='99.1'%20cy='149.1'%20r='1.92'%20fill='%23b49bf8'%20fill-opacity='0.28'/%3E%3Ccircle%20cx='117.6'%20cy='140.4'%20r='1.98'%20fill='%23b49bf8'%20fill-opacity='0.29'/%3E%3Ccircle%20cx='136.0'%20cy='131.7'%20r='2.05'%20fill='%23b49bf8'%20fill-opacity='0.31'/%3E%3Ccircle%20cx='154.5'%20cy='122.9'%20r='2.12'%20fill='%23b49bf8'%20fill-opacity='0.32'/%3E%3Ccircle%20cx='172.9'%20cy='114.3'%20r='2.19'%20fill='%23b49bf8'%20fill-opacity='0.33'/%3E%3Ccircle%20cx='191.4'%20cy='105.8'%20r='2.26'%20fill='%23b49bf8'%20fill-opacity='0.34'/%3E%3Ccircle%20cx='209.9'%20cy='97.5'%20r='2.33'%20fill='%23b49bf8'%20fill-opacity='0.35'/%3E%3Ccircle%20cx='228.3'%20cy='89.6'%20r='2.40'%20fill='%23b49bf8'%20fill-opacity='0.37'/%3E%3Ccircle%20cx='246.8'%20cy='81.9'%20r='2.48'%20fill='%23b49bf8'%20fill-opacity='0.38'/%3E%3Ccircle%20cx='5.2'%20cy='203.1'%20r='1.86'%20fill='%23b49bf8'%20fill-opacity='0.27'/%3E%3Ccircle%20cx='23.7'%20cy='195.7'%20r='1.91'%20fill='%23b49bf8'%20fill-opacity='0.28'/%3E%3Ccircle%20cx='42.2'%20cy='188.0'%20r='1.97'%20fill='%23b49bf8'%20fill-opacity='0.29'/%3E%3Ccircle%20cx='60.6'%20cy='180.1'%20r='2.04'%20fill='%23b49bf8'%20fill-opacity='0.30'/%3E%3Ccircle%20cx='79.1'%20cy='171.8'%20r='2.12'%20fill='%23b49bf8'%20fill-opacity='0.32'/%3E%3Ccircle%20cx='97.5'%20cy='163.5'%20r='2.20'%20fill='%23b49bf8'%20fill-opacity='0.33'/%3E%3Ccircle%20cx='116.0'%20cy='155.0'%20r='2.28'%20fill='%23b49bf8'%20fill-opacity='0.35'/%3E%3Ccircle%20cx='134.5'%20cy='146.5'%20r='2.36'%20fill='%23b49bf8'%20fill-opacity='0.36'/%3E%3Ccircle%20cx='152.9'%20cy='138.1'%20r='2.45'%20fill='%23b49bf8'%20fill-opacity='0.38'/%3E%3Ccircle%20cx='171.4'%20cy='129.7'%20r='2.54'%20fill='%23b49bf8'%20fill-opacity='0.39'/%3E%3Ccircle%20cx='189.9'%20cy='121.6'%20r='2.63'%20fill='%23b49bf8'%20fill-opacity='0.41'/%3E%3Ccircle%20cx='208.3'%20cy='113.8'%20r='2.72'%20fill='%23b49bf8'%20fill-opacity='0.42'/%3E%3Ccircle%20cx='226.8'%20cy='106.3'%20r='2.82'%20fill='%23b49bf8'%20fill-opacity='0.44'/%3E%3Ccircle%20cx='245.2'%20cy='99.1'%20r='2.92'%20fill='%23b49bf8'%20fill-opacity='0.46'/%3E%3Ccircle%20cx='3.8'%20cy='216.8'%20r='2.04'%20fill='%23b49bf8'%20fill-opacity='0.30'/%3E%3Ccircle%20cx='22.3'%20cy='209.5'%20r='2.10'%20fill='%23b49bf8'%20fill-opacity='0.31'/%3E%3Ccircle%20cx='40.8'%20cy='201.9'%20r='2.18'%20fill='%23b49bf8'%20fill-opacity='0.33'/%3E%3Ccircle%20cx='59.2'%20cy='194.0'%20r='2.26'%20fill='%23b49bf8'%20fill-opacity='0.34'/%3E%3Ccircle%20cx='77.7'%20cy='186.0'%20r='2.35'%20fill='%23b49bf8'%20fill-opacity='0.36'/%3E%3Ccircle%20cx='96.1'%20cy='177.8'%20r='2.44'%20fill='%23b49bf8'%20fill-opacity='0.37'/%3E%3Ccircle%20cx='114.6'%20cy='169.5'%20r='2.54'%20fill='%23b49bf8'%20fill-opacity='0.39'/%3E%3Ccircle%20cx='133.1'%20cy='161.3'%20r='2.65'%20fill='%23b49bf8'%20fill-opacity='0.41'/%3E%3Ccircle%20cx='151.5'%20cy='153.2'%20r='2.75'%20fill='%23b49bf8'%20fill-opacity='0.43'/%3E%3Ccircle%20cx='170.0'%20cy='145.3'%20r='2.86'%20fill='%23b49bf8'%20fill-opacity='0.45'/%3E%3Ccircle%20cx='188.5'%20cy='137.6'%20r='2.97'%20fill='%23b49bf8'%20fill-opacity='0.47'/%3E%3Ccircle%20cx='206.9'%20cy='130.2'%20r='3.08'%20fill='%23b49bf8'%20fill-opacity='0.49'/%3E%3Ccircle%20cx='225.4'%20cy='123.1'%20r='3.20'%20fill='%23b49bf8'%20fill-opacity='0.51'/%3E%3Ccircle%20cx='243.8'%20cy='116.4'%20r='3.31'%20fill='%23b49bf8'%20fill-opacity='0.53'/%3E%3Ccircle%20cx='2.6'%20cy='230.4'%20r='2.20'%20fill='%23b49bf8'%20fill-opacity='0.33'/%3E%3Ccircle%20cx='21.1'%20cy='223.2'%20r='2.26'%20fill='%23b49bf8'%20fill-opacity='0.34'/%3E%3Ccircle%20cx='39.5'%20cy='215.7'%20r='2.35'%20fill='%23b49bf8'%20fill-opacity='0.36'/%3E%3Ccircle%20cx='58.0'%20cy='208.0'%20r='2.45'%20fill='%23b49bf8'%20fill-opacity='0.38'/%3E%3Ccircle%20cx='76.5'%20cy='200.1'%20r='2.55'%20fill='%23b49bf8'%20fill-opacity='0.39'/%3E%3Ccircle%20cx='94.9'%20cy='192.1'%20r='2.66'%20fill='%23b49bf8'%20fill-opacity='0.41'/%3E%3Ccircle%20cx='113.4'%20cy='184.1'%20r='2.77'%20fill='%23b49bf8'%20fill-opacity='0.43'/%3E%3Ccircle%20cx='131.8'%20cy='176.2'%20r='2.89'%20fill='%23b49bf8'%20fill-opacity='0.45'/%3E%3Ccircle%20cx='150.3'%20cy='168.4'%20r='3.01'%20fill='%23b49bf8'%20fill-opacity='0.48'/%3E%3Ccircle%20cx='168.8'%20cy='160.9'%20r='3.14'%20fill='%23b49bf8'%20fill-opacity='0.50'/%3E%3Ccircle%20cx='187.2'%20cy='153.6'%20r='3.26'%20fill='%23b49bf8'%20fill-opacity='0.52'/%3E%3Ccircle%20cx='205.7'%20cy='146.6'%20r='3.39'%20fill='%23b49bf8'%20fill-opacity='0.54'/%3E%3Ccircle%20cx='224.2'%20cy='140.0'%20r='3.52'%20fill='%23b49bf8'%20fill-opacity='0.57'/%3E%3Ccircle%20cx='242.6'%20cy='133.8'%20r='3.66'%20fill='%23b49bf8'%20fill-opacity='0.59'/%3E%3Ccircle%20cx='1.6'%20cy='243.9'%20r='2.33'%20fill='%23b49bf8'%20fill-opacity='0.35'/%3E%3Ccircle%20cx='20.1'%20cy='236.8'%20r='2.40'%20fill='%23b49bf8'%20fill-opacity='0.37'/%3E%3Ccircle%20cx='38.5'%20cy='229.4'%20r='2.50'%20fill='%23b49bf8'%20fill-opacity='0.38'/%3E%3Ccircle%20cx='57.0'%20cy='221.8'%20r='2.60'%20fill='%23b49bf8'%20fill-opacity='0.40'/%3E%3Ccircle%20cx='75.5'%20cy='214.1'%20r='2.72'%20fill='%23b49bf8'%20fill-opacity='0.42'/%3E%3Ccircle%20cx='93.9'%20cy='206.4'%20r='2.84'%20fill='%23b49bf8'%20fill-opacity='0.44'/%3E%3Ccircle%20cx='112.4'%20cy='198.7'%20r='2.97'%20fill='%23b49bf8'%20fill-opacity='0.47'/%3E%3Ccircle%20cx='130.8'%20cy='191.1'%20r='3.10'%20fill='%23b49bf8'%20fill-opacity='0.49'/%3E%3Ccircle%20cx='149.3'%20cy='183.7'%20r='3.23'%20fill='%23b49bf8'%20fill-opacity='0.51'/%3E%3Ccircle%20cx='167.8'%20cy='176.6'%20r='3.37'%20fill='%23b49bf8'%20fill-opacity='0.54'/%3E%3Ccircle%20cx='186.2'%20cy='169.7'%20r='3.51'%20fill='%23b49bf8'%20fill-opacity='0.56'/%3E%3Ccircle%20cx='204.7'%20cy='163.2'%20r='3.65'%20fill='%23b49bf8'%20fill-opacity='0.59'/%3E%3Ccircle%20cx='223.1'%20cy='157.1'%20r='3.80'%20fill='%23b49bf8'%20fill-opacity='0.61'/%3E%3Ccircle%20cx='241.6'%20cy='151.3'%20r='3.94'%20fill='%23b49bf8'%20fill-opacity='0.64'/%3E%3Ccircle%20cx='0.8'%20cy='257.3'%20r='2.42'%20fill='%23b49bf8'%20fill-opacity='0.37'/%3E%3Ccircle%20cx='19.3'%20cy='250.3'%20r='2.50'%20fill='%23b49bf8'%20fill-opacity='0.39'/%3E%3Ccircle%20cx='37.8'%20cy='243.0'%20r='2.61'%20fill='%23b49bf8'%20fill-opacity='0.40'/%3E%3Ccircle%20cx='56.2'%20cy='235.7'%20r='2.72'%20fill='%23b49bf8'%20fill-opacity='0.42'/%3E%3Ccircle%20cx='74.7'%20cy='228.2'%20r='2.85'%20fill='%23b49bf8'%20fill-opacity='0.45'/%3E%3Ccircle%20cx='93.1'%20cy='220.7'%20r='2.98'%20fill='%23b49bf8'%20fill-opacity='0.47'/%3E%3Ccircle%20cx='111.6'%20cy='213.4'%20r='3.11'%20fill='%23b49bf8'%20fill-opacity='0.49'/%3E%3Ccircle%20cx='130.1'%20cy='206.1'%20r='3.25'%20fill='%23b49bf8'%20fill-opacity='0.52'/%3E%3Ccircle%20cx='148.5'%20cy='199.1'%20r='3.40'%20fill='%23b49bf8'%20fill-opacity='0.54'/%3E%3Ccircle%20cx='167.0'%20cy='192.4'%20r='3.54'%20fill='%23b49bf8'%20fill-opacity='0.57'/%3E%3Ccircle%20cx='185.4'%20cy='186.0'%20r='3.69'%20fill='%23b49bf8'%20fill-opacity='0.60'/%3E%3Ccircle%20cx='203.9'%20cy='179.9'%20r='3.85'%20fill='%23b49bf8'%20fill-opacity='0.62'/%3E%3Ccircle%20cx='222.4'%20cy='174.3'%20r='4.01'%20fill='%23b49bf8'%20fill-opacity='0.65'/%3E%3Ccircle%20cx='240.8'%20cy='169.0'%20r='4.16'%20fill='%23b49bf8'%20fill-opacity='0.68'/%3E%3Ccircle%20cx='0.3'%20cy='270.6'%20r='2.49'%20fill='%23b49bf8'%20fill-opacity='0.38'/%3E%3Ccircle%20cx='18.8'%20cy='263.7'%20r='2.58'%20fill='%23b49bf8'%20fill-opacity='0.40'/%3E%3Ccircle%20cx='37.2'%20cy='256.6'%20r='2.68'%20fill='%23b49bf8'%20fill-opacity='0.42'/%3E%3Ccircle%20cx='55.7'%20cy='249.5'%20r='2.81'%20fill='%23b49bf8'%20fill-opacity='0.44'/%3E%3Ccircle%20cx='74.1'%20cy='242.2'%20r='2.93'%20fill='%23b49bf8'%20fill-opacity='0.46'/%3E%3Ccircle%20cx='92.6'%20cy='235.1'%20r='3.07'%20fill='%23b49bf8'%20fill-opacity='0.49'/%3E%3Ccircle%20cx='111.1'%20cy='228.0'%20r='3.21'%20fill='%23b49bf8'%20fill-opacity='0.51'/%3E%3Ccircle%20cx='129.5'%20cy='221.2'%20r='3.36'%20fill='%23b49bf8'%20fill-opacity='0.54'/%3E%3Ccircle%20cx='148.0'%20cy='214.6'%20r='3.51'%20fill='%23b49bf8'%20fill-opacity='0.56'/%3E%3Ccircle%20cx='166.5'%20cy='208.3'%20r='3.66'%20fill='%23b49bf8'%20fill-opacity='0.59'/%3E%3Ccircle%20cx='184.9'%20cy='202.3'%20r='3.82'%20fill='%23b49bf8'%20fill-opacity='0.62'/%3E%3Ccircle%20cx='203.4'%20cy='196.7'%20r='3.98'%20fill='%23b49bf8'%20fill-opacity='0.65'/%3E%3Ccircle%20cx='221.8'%20cy='191.6'%20r='4.15'%20fill='%23b49bf8'%20fill-opacity='0.68'/%3E%3Ccircle%20cx='240.3'%20cy='186.8'%20r='4.31'%20fill='%23b49bf8'%20fill-opacity='0.70'/%3E%3Ccircle%20cx='0.0'%20cy='283.9'%20r='2.53'%20fill='%23b49bf8'%20fill-opacity='0.39'/%3E%3Ccircle%20cx='18.5'%20cy='277.1'%20r='2.61'%20fill='%23b49bf8'%20fill-opacity='0.40'/%3E%3Ccircle%20cx='37.0'%20cy='270.2'%20r='2.72'%20fill='%23b49bf8'%20fill-opacity='0.42'/%3E%3Ccircle%20cx='55.4'%20cy='263.3'%20r='2.85'%20fill='%23b49bf8'%20fill-opacity='0.45'/%3E%3Ccircle%20cx='73.9'%20cy='256.3'%20r='2.98'%20fill='%23b49bf8'%20fill-opacity='0.47'/%3E%3Ccircle%20cx='92.3'%20cy='249.5'%20r='3.12'%20fill='%23b49bf8'%20fill-opacity='0.49'/%3E%3Ccircle%20cx='110.8'%20cy='242.8'%20r='3.26'%20fill='%23b49bf8'%20fill-opacity='0.52'/%3E%3Ccircle%20cx='129.3'%20cy='236.3'%20r='3.41'%20fill='%23b49bf8'%20fill-opacity='0.55'/%3E%3Ccircle%20cx='147.7'%20cy='230.1'%20r='3.57'%20fill='%23b49bf8'%20fill-opacity='0.57'/%3E%3Ccircle%20cx='166.2'%20cy='224.3'%20r='3.73'%20fill='%23b49bf8'%20fill-opacity='0.60'/%3E%3Ccircle%20cx='184.6'%20cy='218.8'%20r='3.89'%20fill='%23b49bf8'%20fill-opacity='0.63'/%3E%3Ccircle%20cx='203.1'%20cy='213.7'%20r='4.05'%20fill='%23b49bf8'%20fill-opacity='0.66'/%3E%3Ccircle%20cx='221.6'%20cy='209.0'%20r='4.22'%20fill='%23b49bf8'%20fill-opacity='0.69'/%3E%3Ccircle%20cx='240.0'%20cy='204.7'%20r='4.39'%20fill='%23b49bf8'%20fill-opacity='0.72'/%3E%3Ccircle%20cx='0.0'%20cy='297.0'%20r='2.53'%20fill='%23b49bf8'%20fill-opacity='0.39'/%3E%3Ccircle%20cx='18.5'%20cy='290.4'%20r='2.61'%20fill='%23b49bf8'%20fill-opacity='0.40'/%3E%3Ccircle%20cx='37.0'%20cy='283.8'%20r='2.72'%20fill='%23b49bf8'%20fill-opacity='0.42'/%3E%3Ccircle%20cx='55.4'%20cy='277.1'%20r='2.85'%20fill='%23b49bf8'%20fill-opacity='0.45'/%3E%3Ccircle%20cx='73.9'%20cy='270.4'%20r='2.98'%20fill='%23b49bf8'%20fill-opacity='0.47'/%3E%3Ccircle%20cx='92.3'%20cy='263.9'%20r='3.12'%20fill='%23b49bf8'%20fill-opacity='0.49'/%3E%3Ccircle%20cx='110.8'%20cy='257.6'%20r='3.26'%20fill='%23b49bf8'%20fill-opacity='0.52'/%3E%3Ccircle%20cx='129.3'%20cy='251.5'%20r='3.41'%20fill='%23b49bf8'%20fill-opacity='0.55'/%3E%3Ccircle%20cx='147.7'%20cy='245.8'%20r='3.57'%20fill='%23b49bf8'%20fill-opacity='0.57'/%3E%3Ccircle%20cx='166.2'%20cy='240.4'%20r='3.73'%20fill='%23b49bf8'%20fill-opacity='0.60'/%3E%3Ccircle%20cx='184.6'%20cy='235.4'%20r='3.89'%20fill='%23b49bf8'%20fill-opacity='0.63'/%3E%3Ccircle%20cx='203.1'%20cy='230.8'%20r='4.05'%20fill='%23b49bf8'%20fill-opacity='0.66'/%3E%3Ccircle%20cx='221.6'%20cy='226.6'%20r='4.22'%20fill='%23b49bf8'%20fill-opacity='0.69'/%3E%3Ccircle%20cx='240.0'%20cy='222.8'%20r='4.39'%20fill='%23b49bf8'%20fill-opacity='0.72'/%3E%3Ccircle%20cx='0.3'%20cy='310.1'%20r='2.49'%20fill='%23b49bf8'%20fill-opacity='0.38'/%3E%3Ccircle%20cx='18.8'%20cy='303.7'%20r='2.58'%20fill='%23b49bf8'%20fill-opacity='0.40'/%3E%3Ccircle%20cx='37.2'%20cy='297.3'%20r='2.68'%20fill='%23b49bf8'%20fill-opacity='0.42'/%3E%3Ccircle%20cx='55.7'%20cy='290.9'%20r='2.81'%20fill='%23b49bf8'%20fill-opacity='0.44'/%3E%3Ccircle%20cx='74.1'%20cy='284.6'%20r='2.93'%20fill='%23b49bf8'%20fill-opacity='0.46'/%3E%3Ccircle%20cx='92.6'%20cy='278.4'%20r='3.07'%20fill='%23b49bf8'%20fill-opacity='0.49'/%3E%3Ccircle%20cx='111.1'%20cy='272.5'%20r='3.21'%20fill='%23b49bf8'%20fill-opacity='0.51'/%3E%3Ccircle%20cx='129.5'%20cy='266.9'%20r='3.36'%20fill='%23b49bf8'%20fill-opacity='0.54'/%3E%3Ccircle%20cx='148.0'%20cy='261.6'%20r='3.51'%20fill='%23b49bf8'%20fill-opacity='0.56'/%3E%3Ccircle%20cx='166.5'%20cy='256.6'%20r='3.66'%20fill='%23b49bf8'%20fill-opacity='0.59'/%3E%3Ccircle%20cx='184.9'%20cy='252.1'%20r='3.82'%20fill='%23b49bf8'%20fill-opacity='0.62'/%3E%3Ccircle%20cx='203.4'%20cy='248.0'%20r='3.98'%20fill='%23b49bf8'%20fill-opacity='0.65'/%3E%3Ccircle%20cx='221.8'%20cy='244.3'%20r='4.15'%20fill='%23b49bf8'%20fill-opacity='0.68'/%3E%3Ccircle%20cx='240.3'%20cy='241.0'%20r='4.31'%20fill='%23b49bf8'%20fill-opacity='0.70'/%3E%3Ccircle%20cx='0.8'%20cy='323.2'%20r='2.42'%20fill='%23b49bf8'%20fill-opacity='0.37'/%3E%3Ccircle%20cx='19.3'%20cy='317.0'%20r='2.50'%20fill='%23b49bf8'%20fill-opacity='0.39'/%3E%3Ccircle%20cx='37.8'%20cy='310.8'%20r='2.61'%20fill='%23b49bf8'%20fill-opacity='0.40'/%3E%3Ccircle%20cx='56.2'%20cy='304.7'%20r='2.72'%20fill='%23b49bf8'%20fill-opacity='0.42'/%3E%3Ccircle%20cx='74.7'%20cy='298.8'%20r='2.85'%20fill='%23b49bf8'%20fill-opacity='0.45'/%3E%3Ccircle%20cx='93.1'%20cy='293.0'%20r='2.98'%20fill='%23b49bf8'%20fill-opacity='0.47'/%3E%3Ccircle%20cx='111.6'%20cy='287.5'%20r='3.11'%20fill='%23b49bf8'%20fill-opacity='0.49'/%3E%3Ccircle%20cx='130.1'%20cy='282.3'%20r='3.25'%20fill='%23b49bf8'%20fill-opacity='0.52'/%3E%3Ccircle%20cx='148.5'%20cy='277.5'%20r='3.40'%20fill='%23b49bf8'%20fill-opacity='0.54'/%3E%3Ccircle%20cx='167.0'%20cy='273.0'%20r='3.54'%20fill='%23b49bf8'%20fill-opacity='0.57'/%3E%3Ccircle%20cx='185.4'%20cy='269.0'%20r='3.69'%20fill='%23b49bf8'%20fill-opacity='0.60'/%3E%3Ccircle%20cx='203.9'%20cy='265.4'%20r='3.85'%20fill='%23b49bf8'%20fill-opacity='0.62'/%3E%3Ccircle%20cx='222.4'%20cy='262.1'%20r='4.01'%20fill='%23b49bf8'%20fill-opacity='0.65'/%3E%3Ccircle%20cx='240.8'%20cy='259.3'%20r='4.16'%20fill='%23b49bf8'%20fill-opacity='0.68'/%3E%3Ccircle%20cx='1.6'%20cy='336.2'%20r='2.33'%20fill='%23b49bf8'%20fill-opacity='0.35'/%3E%3Ccircle%20cx='20.1'%20cy='330.3'%20r='2.40'%20fill='%23b49bf8'%20fill-opacity='0.37'/%3E%3Ccircle%20cx='38.5'%20cy='324.4'%20r='2.50'%20fill='%23b49bf8'%20fill-opacity='0.38'/%3E%3Ccircle%20cx='57.0'%20cy='318.6'%20r='2.60'%20fill='%23b49bf8'%20fill-opacity='0.40'/%3E%3Ccircle%20cx='75.5'%20cy='313.0'%20r='2.72'%20fill='%23b49bf8'%20fill-opacity='0.42'/%3E%3Ccircle%20cx='93.9'%20cy='307.6'%20r='2.84'%20fill='%23b49bf8'%20fill-opacity='0.44'/%3E%3Ccircle%20cx='112.4'%20cy='302.6'%20r='2.97'%20fill='%23b49bf8'%20fill-opacity='0.47'/%3E%3Ccircle%20cx='130.8'%20cy='297.8'%20r='3.10'%20fill='%23b49bf8'%20fill-opacity='0.49'/%3E%3Ccircle%20cx='149.3'%20cy='293.5'%20r='3.23'%20fill='%23b49bf8'%20fill-opacity='0.51'/%3E%3Ccircle%20cx='167.8'%20cy='289.5'%20r='3.37'%20fill='%23b49bf8'%20fill-opacity='0.54'/%3E%3Ccircle%20cx='186.2'%20cy='286.0'%20r='3.51'%20fill='%23b49bf8'%20fill-opacity='0.56'/%3E%3Ccircle%20cx='204.7'%20cy='282.9'%20r='3.65'%20fill='%23b49bf8'%20fill-opacity='0.59'/%3E%3Ccircle%20cx='223.1'%20cy='280.1'%20r='3.80'%20fill='%23b49bf8'%20fill-opacity='0.61'/%3E%3Ccircle%20cx='241.6'%20cy='277.7'%20r='3.94'%20fill='%23b49bf8'%20fill-opacity='0.64'/%3E%3Ccircle%20cx='2.6'%20cy='349.3'%20r='2.20'%20fill='%23b49bf8'%20fill-opacity='0.33'/%3E%3Ccircle%20cx='21.1'%20cy='343.6'%20r='2.26'%20fill='%23b49bf8'%20fill-opacity='0.34'/%3E%3Ccircle%20cx='39.5'%20cy='338.0'%20r='2.35'%20fill='%23b49bf8'%20fill-opacity='0.36'/%3E%3Ccircle%20cx='58.0'%20cy='332.6'%20r='2.45'%20fill='%23b49bf8'%20fill-opacity='0.38'/%3E%3Ccircle%20cx='76.5'%20cy='327.4'%20r='2.55'%20fill='%23b49bf8'%20fill-opacity='0.39'/%3E%3Ccircle%20cx='94.9'%20cy='322.4'%20r='2.66'%20fill='%23b49bf8'%20fill-opacity='0.41'/%3E%3Ccircle%20cx='113.4'%20cy='317.8'%20r='2.77'%20fill='%23b49bf8'%20fill-opacity='0.43'/%3E%3Ccircle%20cx='131.8'%20cy='313.5'%20r='2.89'%20fill='%23b49bf8'%20fill-opacity='0.45'/%3E%3Ccircle%20cx='150.3'%20cy='309.6'%20r='3.01'%20fill='%23b49bf8'%20fill-opacity='0.48'/%3E%3Ccircle%20cx='168.8'%20cy='306.2'%20r='3.14'%20fill='%23b49bf8'%20fill-opacity='0.50'/%3E%3Ccircle%20cx='187.2'%20cy='303.1'%20r='3.26'%20fill='%23b49bf8'%20fill-opacity='0.52'/%3E%3Ccircle%20cx='205.7'%20cy='300.5'%20r='3.39'%20fill='%23b49bf8'%20fill-opacity='0.54'/%3E%3Ccircle%20cx='224.2'%20cy='298.2'%20r='3.52'%20fill='%23b49bf8'%20fill-opacity='0.57'/%3E%3Ccircle%20cx='242.6'%20cy='296.2'%20r='3.66'%20fill='%23b49bf8'%20fill-opacity='0.59'/%3E%3Ccircle%20cx='3.8'%20cy='362.3'%20r='2.04'%20fill='%23b49bf8'%20fill-opacity='0.30'/%3E%3Ccircle%20cx='22.3'%20cy='356.9'%20r='2.10'%20fill='%23b49bf8'%20fill-opacity='0.31'/%3E%3Ccircle%20cx='40.8'%20cy='351.7'%20r='2.18'%20fill='%23b49bf8'%20fill-opacity='0.33'/%3E%3Ccircle%20cx='59.2'%20cy='346.6'%20r='2.26'%20fill='%23b49bf8'%20fill-opacity='0.34'/%3E%3Ccircle%20cx='77.7'%20cy='341.8'%20r='2.35'%20fill='%23b49bf8'%20fill-opacity='0.36'/%3E%3Ccircle%20cx='96.1'%20cy='337.3'%20r='2.44'%20fill='%23b49bf8'%20fill-opacity='0.37'/%3E%3Ccircle%20cx='114.6'%20cy='333.1'%20r='2.54'%20fill='%23b49bf8'%20fill-opacity='0.39'/%3E%3Ccircle%20cx='133.1'%20cy='329.3'%20r='2.65'%20fill='%23b49bf8'%20fill-opacity='0.41'/%3E%3Ccircle%20cx='151.5'%20cy='325.9'%20r='2.75'%20fill='%23b49bf8'%20fill-opacity='0.43'/%3E%3Ccircle%20cx='170.0'%20cy='323.0'%20r='2.86'%20fill='%23b49bf8'%20fill-opacity='0.45'/%3E%3Ccircle%20cx='188.5'%20cy='320.4'%20r='2.97'%20fill='%23b49bf8'%20fill-opacity='0.47'/%3E%3Ccircle%20cx='206.9'%20cy='318.2'%20r='3.08'%20fill='%23b49bf8'%20fill-opacity='0.49'/%3E%3Ccircle%20cx='225.4'%20cy='316.3'%20r='3.20'%20fill='%23b49bf8'%20fill-opacity='0.51'/%3E%3Ccircle%20cx='243.8'%20cy='314.8'%20r='3.31'%20fill='%23b49bf8'%20fill-opacity='0.53'/%3E%3Ccircle%20cx='5.2'%20cy='375.4'%20r='1.86'%20fill='%23b49bf8'%20fill-opacity='0.27'/%3E%3Ccircle%20cx='23.7'%20cy='370.3'%20r='1.91'%20fill='%23b49bf8'%20fill-opacity='0.28'/%3E%3Ccircle%20cx='42.2'%20cy='365.4'%20r='1.97'%20fill='%23b49bf8'%20fill-opacity='0.29'/%3E%3Ccircle%20cx='60.6'%20cy='360.7'%20r='2.04'%20fill='%23b49bf8'%20fill-opacity='0.30'/%3E%3Ccircle%20cx='79.1'%20cy='356.3'%20r='2.12'%20fill='%23b49bf8'%20fill-opacity='0.32'/%3E%3Ccircle%20cx='97.5'%20cy='352.2'%20r='2.20'%20fill='%23b49bf8'%20fill-opacity='0.33'/%3E%3Ccircle%20cx='116.0'%20cy='348.5'%20r='2.28'%20fill='%23b49bf8'%20fill-opacity='0.35'/%3E%3Ccircle%20cx='134.5'%20cy='345.2'%20r='2.36'%20fill='%23b49bf8'%20fill-opacity='0.36'/%3E%3Ccircle%20cx='152.9'%20cy='342.3'%20r='2.45'%20fill='%23b49bf8'%20fill-opacity='0.38'/%3E%3Ccircle%20cx='171.4'%20cy='339.9'%20r='2.54'%20fill='%23b49bf8'%20fill-opacity='0.39'/%3E%3Ccircle%20cx='189.9'%20cy='337.8'%20r='2.63'%20fill='%23b49bf8'%20fill-opacity='0.41'/%3E%3Ccircle%20cx='208.3'%20cy='336.0'%20r='2.72'%20fill='%23b49bf8'%20fill-opacity='0.42'/%3E%3Ccircle%20cx='226.8'%20cy='334.6'%20r='2.82'%20fill='%23b49bf8'%20fill-opacity='0.44'/%3E%3Ccircle%20cx='245.2'%20cy='333.4'%20r='2.92'%20fill='%23b49bf8'%20fill-opacity='0.46'/%3E%3Ccircle%20cx='6.8'%20cy='388.4'%20r='1.66'%20fill='%23b49bf8'%20fill-opacity='0.24'/%3E%3Ccircle%20cx='25.3'%20cy='383.7'%20r='1.70'%20fill='%23b49bf8'%20fill-opacity='0.24'/%3E%3Ccircle%20cx='43.7'%20cy='379.2'%20r='1.75'%20fill='%23b49bf8'%20fill-opacity='0.25'/%3E%3Ccircle%20cx='62.2'%20cy='374.9'%20r='1.80'%20fill='%23b49bf8'%20fill-opacity='0.26'/%3E%3Ccircle%20cx='80.6'%20cy='370.9'%20r='1.86'%20fill='%23b49bf8'%20fill-opacity='0.27'/%3E%3Ccircle%20cx='99.1'%20cy='367.3'%20r='1.92'%20fill='%23b49bf8'%20fill-opacity='0.28'/%3E%3Ccircle%20cx='117.6'%20cy='364.1'%20r='1.98'%20fill='%23b49bf8'%20fill-opacity='0.29'/%3E%3Ccircle%20cx='136.0'%20cy='361.3'%20r='2.05'%20fill='%23b49bf8'%20fill-opacity='0.31'/%3E%3Ccircle%20cx='154.5'%20cy='358.9'%20r='2.12'%20fill='%23b49bf8'%20fill-opacity='0.32'/%3E%3Ccircle%20cx='172.9'%20cy='356.9'%20r='2.19'%20fill='%23b49bf8'%20fill-opacity='0.33'/%3E%3Ccircle%20cx='191.4'%20cy='355.3'%20r='2.26'%20fill='%23b49bf8'%20fill-opacity='0.34'/%3E%3Ccircle%20cx='209.9'%20cy='354.0'%20r='2.33'%20fill='%23b49bf8'%20fill-opacity='0.35'/%3E%3Ccircle%20cx='228.3'%20cy='352.9'%20r='2.40'%20fill='%23b49bf8'%20fill-opacity='0.37'/%3E%3Ccircle%20cx='246.8'%20cy='352.2'%20r='2.48'%20fill='%23b49bf8'%20fill-opacity='0.38'/%3E%3Ccircle%20cx='8.5'%20cy='401.5'%20r='1.45'%20fill='%23b49bf8'%20fill-opacity='0.20'/%3E%3Ccircle%20cx='26.9'%20cy='397.2'%20r='1.48'%20fill='%23b49bf8'%20fill-opacity='0.20'/%3E%3Ccircle%20cx='45.4'%20cy='393.0'%20r='1.51'%20fill='%23b49bf8'%20fill-opacity='0.21'/%3E%3Ccircle%20cx='63.8'%20cy='389.2'%20r='1.55'%20fill='%23b49bf8'%20fill-opacity='0.22'/%3E%3Ccircle%20cx='82.3'%20cy='385.7'%20r='1.58'%20fill='%23b49bf8'%20fill-opacity='0.22'/%3E%3Ccircle%20cx='100.8'%20cy='382.6'%20r='1.63'%20fill='%23b49bf8'%20fill-opacity='0.23'/%3E%3Ccircle%20cx='119.2'%20cy='379.8'%20r='1.67'%20fill='%23b49bf8'%20fill-opacity='0.24'/%3E%3Ccircle%20cx='137.7'%20cy='377.5'%20r='1.71'%20fill='%23b49bf8'%20fill-opacity='0.25'/%3E%3Ccircle%20cx='156.2'%20cy='375.6'%20r='1.76'%20fill='%23b49bf8'%20fill-opacity='0.25'/%3E%3Ccircle%20cx='174.6'%20cy='374.0'%20r='1.81'%20fill='%23b49bf8'%20fill-opacity='0.26'/%3E%3Ccircle%20cx='193.1'%20cy='372.9'%20r='1.85'%20fill='%23b49bf8'%20fill-opacity='0.27'/%3E%3Ccircle%20cx='211.5'%20cy='372.0'%20r='1.90'%20fill='%23b49bf8'%20fill-opacity='0.28'/%3E%3Ccircle%20cx='230.0'%20cy='371.4'%20r='1.95'%20fill='%23b49bf8'%20fill-opacity='0.29'/%3E%3Ccircle%20cx='248.5'%20cy='371.0'%20r='2.00'%20fill='%23b49bf8'%20fill-opacity='0.30'/%3E%3Ccircle%20cx='10.2'%20cy='414.7'%20r='1.23'%20fill='%23b49bf8'%20fill-opacity='0.16'/%3E%3Ccircle%20cx='28.7'%20cy='410.7'%20r='1.24'%20fill='%23b49bf8'%20fill-opacity='0.16'/%3E%3Ccircle%20cx='47.1'%20cy='407.0'%20r='1.26'%20fill='%23b49bf8'%20fill-opacity='0.17'/%3E%3Ccircle%20cx='65.6'%20cy='403.6'%20r='1.28'%20fill='%23b49bf8'%20fill-opacity='0.17'/%3E%3Ccircle%20cx='84.1'%20cy='400.6'%20r='1.30'%20fill='%23b49bf8'%20fill-opacity='0.17'/%3E%3Ccircle%20cx='102.5'%20cy='397.9'%20r='1.32'%20fill='%23b49bf8'%20fill-opacity='0.18'/%3E%3Ccircle%20cx='121.0'%20cy='395.7'%20r='1.34'%20fill='%23b49bf8'%20fill-opacity='0.18'/%3E%3Ccircle%20cx='139.4'%20cy='393.8'%20r='1.36'%20fill='%23b49bf8'%20fill-opacity='0.18'/%3E%3Ccircle%20cx='157.9'%20cy='392.4'%20r='1.38'%20fill='%23b49bf8'%20fill-opacity='0.19'/%3E%3Ccircle%20cx='176.4'%20cy='391.3'%20r='1.41'%20fill='%23b49bf8'%20fill-opacity='0.19'/%3E%3Ccircle%20cx='194.8'%20cy='390.6'%20r='1.43'%20fill='%23b49bf8'%20fill-opacity='0.20'/%3E%3Ccircle%20cx='213.3'%20cy='390.1'%20r='1.46'%20fill='%23b49bf8'%20fill-opacity='0.20'/%3E%3Ccircle%20cx='231.7'%20cy='389.9'%20r='1.48'%20fill='%23b49bf8'%20fill-opacity='0.20'/%3E%3Ccircle%20cx='250.2'%20cy='389.8'%20r='1.51'%20fill='%23b49bf8'%20fill-opacity='0.21'/%3E%3C/svg%3E");
}

.section-explore .explore-outer-wave-svg {
  display: none;
}

.section-explore .explore-heading-wrap {
  position: relative;
  z-index: 2;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 44px;
}

.section-explore .explore-heading-wrap .section-heading {
  font-size: clamp(3.1rem, 5.4vw, 4.65rem);
  font-weight: 850;
  letter-spacing: -0.04em;
  color: #0b0f19;
  margin: 0;
  line-height: 1.05;
}

.section-explore .explore-heading-wrap .section-heading .gradient-text {
  color: #5b21b6;
  background-image: linear-gradient(90deg, #6236f5 0%, #4f46e5 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  padding-bottom: 0.15em;
  margin-bottom: -0.15em;
}

.section-explore .explore-heading-wrap .explore-heading-dash {
  width: 44px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #6366f1, #4f46e5);
  margin-top: 14px;
}

.section-explore .explore-hero-card {
  position: relative;
  z-index: 2;
  max-width: 1160px;
  margin: 0 auto;
  background: radial-gradient(circle at 64% 48%, #19133c 0%, #070914 56%, #04060d 100%);
  border-radius: 36px;
  padding: 0 44px 0 84px;
  color: #ffffff;
  overflow: hidden;
  box-shadow: 0 32px 75px rgba(15, 23, 42, 0.36), 0 0 0 1px rgba(255, 255, 255, 0.08);
  min-height: 580px;
  display: flex;
  align-items: stretch;
}

.section-explore .explore-hero-card .explore-card-wave-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.section-explore .explore-hero-card .explore-phone-glow {
  position: absolute;
  right: 8%;
  top: 50%;
  transform: translateY(-50%);
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.52) 0%, rgba(79, 70, 229, 0.24) 48%, rgba(0, 0, 0, 0) 72%);
  filter: blur(28px);
  pointer-events: none;
  z-index: 1;
}

.section-explore .explore-hero-card .explore-content-split {
  position: relative;
  z-index: 2;
  width: 100%;
  display: grid;
  grid-template-columns: 0.88fr 1.12fr;
  align-items: center;
  gap: 20px;
}

.section-explore .explore-hero-card .explore-copy {
  text-align: left;
  padding: 52px 0;
}

.section-explore .explore-hero-card .explore-copy .explore-title {
  font-size: clamp(2.85rem, 4.5vw, 4.2rem);
  font-weight: 850;
  line-height: 1.06;
  letter-spacing: -0.03em;
  color: #ffffff;
  margin: 0 0 20px 0;
}

.section-explore .explore-hero-card .explore-copy .explore-sub {
  font-size: clamp(1.35rem, 2.2vw, 1.85rem);
  line-height: 1.32;
  color: #f8fafc;
  font-weight: 450;
  margin: 0 0 24px 0;
}

.section-explore .explore-hero-card .explore-copy .explore-title .gradient-text-blue {
  color: #6366f1;
  background-image: linear-gradient(90deg, #6d28d9 0%, #4f46e5 45%, #00a3ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  padding-bottom: 0.15em;
  margin-bottom: -0.15em;
}

.section-explore .explore-hero-card .explore-copy .explore-sub .highlight-cyan {
  color: #38bdf8;
  background-image: linear-gradient(90deg, #6366f1 0%, #00a3ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  display: inline-block;
  padding-bottom: 0.15em;
  margin-bottom: -0.15em;
}

.section-explore .explore-hero-card .explore-copy .explore-copy-dash {
  width: 68px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #7c3aed 0%, #00a3ff 100%);
  margin: 0 0 38px 0;
}

.section-explore .explore-hero-card .explore-copy .video-play-round {
  width: 114px;
  height: 114px;
  border-radius: 50%;
  background: #ffffff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow:
    0 0 0 12px rgba(139, 92, 246, 0.18),
    0 0 48px rgba(124, 58, 237, 0.72),
    0 12px 28px rgba(0, 0, 0, 0.45);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.section-explore .explore-hero-card .explore-copy .video-play-round:hover {
  transform: scale(1.06);
  box-shadow:
    0 0 0 16px rgba(139, 92, 246, 0.24),
    0 0 65px rgba(124, 58, 237, 0.9),
    0 16px 34px rgba(0, 0, 0, 0.5);
}

.section-explore .explore-hero-card .explore-copy .video-play-round .play-triangle-svg {
  width: 40px;
  height: 40px;
  margin-left: 6px;
}

.section-explore .explore-hero-card .explore-screen-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  padding-top: 24px;
}

.section-explore .explore-hero-card .explore-phone-mockup-svg {
  width: 100%;
  max-width: 500px;
  height: auto;
  margin: 0 auto -16px auto;
  display: block;
  overflow: visible;
  filter: drop-shadow(0 28px 60px rgba(0, 0, 0, 0.85)) drop-shadow(0 0 42px rgba(139, 92, 246, 0.45));
}


.section-final-cta .cta-container {
  padding: 70px 40px 110px 40px;
  text-align: left;
}

.section-final-cta .cta-container .final-headline {
  font-size: clamp(2.8rem, 5.2vw, 4.5rem);
  font-weight: 850;
  line-height: 1.08;
  margin-bottom: 20px;
}

.section-final-cta .cta-container .accent-line {
  width: 52px;
  height: 4px;
  background: var(--primary-gradient);
  border-radius: 2px;
  margin-bottom: 26px;
}

.section-final-cta .cta-container .final-sub {
  font-size: 1.3rem;
  color: #334155;
  margin-bottom: 36px;
}

.section-final-cta .cta-container .final-btn-group {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}


@media (max-width: 1024px) {
  .landing-wrapper .hero-section .hero-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .landing-wrapper .hero-section .hero-grid .hero-text-col {
    margin: 0 auto;
  }

  .landing-wrapper .hero-section .hero-grid .hero-actions,
  .landing-wrapper .hero-section .hero-grid .trust-badge {
    justify-content: center;
  }

  .section-live-connection .connection-container {
    text-align: center;
  }

  .section-ally .ally-layout,
  .section-ally .ally-stage-grid {
    grid-template-columns: 1fr;
    text-align: center;
    row-gap: 32px;
  }

  .section-ally .ally-left-column {
    align-items: center;
    text-align: center;
    padding-bottom: 10px;
  }

  .section-ally .ally-left-column .ally-title-group .ally-accent-dash {
    margin: 0 auto;
  }

  .section-ally .ally-left-column .benefit-points-list {
    align-items: flex-start;
    margin: 0 auto;
  }

  .section-ally .ally-center-column {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .section-ally .ally-center-column .businessman-portrait-frame {
    max-width: 440px;
    width: 100%;
    margin: 0 auto;
  }

  .section-ally .ally-center-column .businessman-portrait-frame .businessman-img {
    width: 100%;
    height: auto;
    max-height: 520px;
    object-fit: contain;
    object-position: bottom center;
    margin: 0 auto;
    border-radius: 28px;
  }

  .section-ally .ananya-floating-card {
    position: relative;
    bottom: auto;
    left: auto;
    margin: -56px auto 12px auto;
    width: 100%;
    max-width: 460px;
  }

  .section-ally .ally-right-column {
    padding-left: 52px;
    max-width: 520px;
    margin: 0 auto;
    width: 100%;
  }

  .section-ally .ally-right-column .ally-s-curve-line {
    left: -6px;
    width: 58px;
  }

  .section-ally .ally-right-column .ally-s-curve-line .s-node-badge {
    left: 29px;
  }

  .section-solutions .solutions-grid {
    grid-template-columns: 1fr;
    max-width: 520px;
    margin: 0 auto 48px auto;
    gap: 32px;
  }

  .section-solutions .solutions-grid .solution-card .solution-card-banner {
    height: 310px;
  }

  .section-solutions .solutions-grid .solution-card .solution-card-banner .solution-photo {
    object-fit: contain;
    object-position: bottom center;
    padding-top: 12px;
  }

  .section-explore .explore-hero-card {
    padding: 48px 32px 0 32px;
    min-height: auto;
  }

  .section-explore .explore-hero-card .explore-phone-glow {
    right: 50%;
    top: 68%;
    transform: translate(50%, -50%);
    width: 420px;
    height: 420px;
  }

  .section-explore .explore-hero-card .explore-content-split {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 16px;
  }

  .section-explore .explore-hero-card .explore-content-split .explore-copy {
    text-align: center;
    padding: 8px 0 20px 0;
  }

  .section-explore .explore-hero-card .explore-content-split .explore-copy .explore-copy-dash {
    margin: 0 auto 28px auto;
  }

  .section-explore .explore-hero-card .explore-content-split .explore-copy .video-play-round {
    margin: 0 auto;
    width: 98px;
    height: 98px;
  }

  .section-explore .explore-hero-card .explore-screen-wrap {
    padding-top: 12px;
  }

  .section-explore .explore-hero-card .product-tour-img,
  .section-explore .explore-hero-card .explore-phone-mockup-svg {
    transform: none;
    max-width: 400px;
    margin: 0 auto -14px auto;
  }
}

@media (max-width: 768px) {
  .content-container {
    padding: 0 20px;
  }

  .section-live-connection .connection-container {
    padding: 0 20px;
  }

  .section-solutions .solutions-grid {
    grid-template-columns: 1fr;
    max-width: 480px;
  }

  .section-solutions .solutions-grid .solution-card .solution-card-banner {
    height: 270px;
  }

  .landing-wrapper .hero-section .hero-actions {
    flex-direction: column;
    width: 100%;
  }

  .landing-wrapper .hero-section .hero-actions button {
    width: 100%;
  }

  .section-ally .ally-viewport-container {
    padding: 0 16px;
  }

  .section-ally .ally-stage-grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 28px;
  }

  .section-ally .ally-left-column .ally-title-group .ally-main-title {
    font-size: clamp(2.5rem, 10vw, 3.4rem);
  }

  .section-ally .ally-left-column .ally-title-group .ally-sub-text {
    font-size: 1.15rem;
  }

  .section-ally .ally-left-column .benefit-points-list {
    gap: 20px;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }

  .section-ally .ally-left-column .benefit-points-list .benefit-point-item {
    text-align: left;
  }

  .section-ally .ally-left-column .benefit-points-list .benefit-point-item .benefit-label {
    font-size: 1.15rem;
  }

  .section-ally .ally-center-column {
    width: 100%;
  }

  .section-ally .ally-center-column .businessman-portrait-frame {
    max-width: 380px;
  }

  .section-ally .ally-center-column .businessman-portrait-frame .businessman-img {
    border-radius: 24px;
    max-height: 460px;
  }

  .section-ally .ananya-floating-card {
    margin: -42px auto 8px auto;
    padding: 16px 16px;
    width: 100%;
    max-width: 440px;
    border-radius: 18px;
  }

  .section-ally .ananya-floating-card .ananya-card-top-row {
    gap: 10px;
    margin-bottom: 12px;
  }

  .section-ally .ananya-floating-card .ananya-card-top-row .ananya-avatar {
    width: 40px;
    height: 40px;
    font-size: 0.95rem;
  }

  .section-ally .ananya-floating-card .ananya-card-top-row .ananya-identity .ananya-name {
    font-size: 0.95rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .section-ally .ananya-floating-card .ananya-card-top-row .ananya-identity .ananya-company {
    font-size: 0.75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .section-ally .ananya-floating-card .ananya-card-top-row .ananya-identity .ananya-email {
    font-size: 0.68rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .section-ally .ananya-floating-card .ananya-card-top-row .ananya-actions-row {
    gap: 6px;
    flex-shrink: 0;
  }

  .section-ally .ananya-floating-card .ananya-card-top-row .ananya-actions-row .action-circle-btn {
    width: 28px;
    height: 28px;
  }

  .section-ally .ananya-floating-card .ananya-pills-footer {
    gap: 8px;
  }

  .section-ally .ananya-floating-card .ananya-pills-footer .ananya-pill-btn {
    padding: 8px 6px;
    font-size: 0.76rem;
    gap: 5px;
  }

  .section-ally .ally-right-column {
    padding-left: 42px;
    max-width: 460px;
    width: 100%;
  }

  .section-ally .ally-right-column .ally-s-curve-line {
    left: -4px;
    width: 46px;
  }

  .section-ally .ally-right-column .ally-s-curve-line .s-node-badge {
    width: 30px;
    height: 30px;
    left: 23px;
  }

  .section-ally .ally-right-column .ally-s-curve-line .s-node-badge svg {
    width: 13px;
    height: 13px;
  }

  .section-ally .ally-right-column .figma-dark-card {
    padding: 14px 14px;
    border-radius: 16px;
    width: 100%;
  }

  .section-ally .ally-right-column .figma-dark-card .card-transcript-body {
    font-size: 0.8rem;
  }

  .section-ally .ally-right-column .card-stt .waveform-playback-row {
    gap: 8px;
  }

  .section-ally .ally-right-column .card-stt .waveform-playback-row .cyan-waveform-bars {
    gap: 1.5px;
    min-width: 0;
  }

  .section-ally .ally-right-column .card-ai .card-button-footer {
    flex-wrap: wrap;
    gap: 6px;
  }

  .section-ally .ally-right-column .card-scoring .scoring-pill-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .section-ally .ally-right-column .card-scoring .scoring-pill-grid .pill-column .pill-row {
    flex-wrap: wrap;
  }

  .section-explore {
    padding: 60px 0 80px 0;
  }

  .section-explore .explore-outer-dots {
    width: 160px;
    height: 280px;
    opacity: 0.7;
  }

  .section-explore .explore-outer-wave-svg {
    height: 360px;
    bottom: 10px;
  }

  .section-explore .explore-hero-card {
    padding: 36px 20px 0 20px;
    border-radius: 24px;
    min-height: auto;
  }

  .section-explore .explore-hero-card .explore-copy .video-play-round {
    width: 88px;
    height: 88px;
  }

  .section-explore .explore-hero-card .explore-copy .video-play-round .play-triangle-svg {
    width: 32px;
    height: 32px;
  }

  .section-explore .explore-hero-card .explore-phone-mockup-svg {
    max-width: 320px;
    margin: 0 auto -10px auto;
  }

  .section-final-cta .cta-container {
    padding: 50px 20px 80px 20px;
  }

  .section-final-cta .cta-container .final-btn-group {
    flex-direction: column;
    width: 100%;
  }

  .section-final-cta .cta-container .final-btn-group button {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .section-ally .ally-right-column .card-scoring .scoring-pill-grid {
    grid-template-columns: 1fr;
  }

  .section-solutions .solutions-grid .solution-card .solution-card-banner {
    height: 230px;
  }
}

@media (max-width: 400px) {
  .section-ally .ally-viewport-container {
    padding: 0 12px;
  }

  .section-ally .ally-right-column {
    padding-left: 34px;
  }

  .section-ally .ally-right-column .ally-s-curve-line {
    left: -4px;
    width: 38px;
  }

  .section-ally .ally-right-column .ally-s-curve-line .s-node-badge {
    width: 26px;
    height: 26px;
    left: 19px;
  }

  .section-ally .ally-right-column .figma-dark-card {
    padding: 12px 12px;
  }

  .section-ally .ananya-floating-card {
    padding: 12px 10px;
  }

  .section-ally .ananya-floating-card .ananya-card-top-row .ananya-avatar {
    width: 36px;
    height: 36px;
    font-size: 0.85rem;
  }

  .section-ally .ananya-floating-card .ananya-card-top-row .ananya-actions-row .action-circle-btn {
    width: 26px;
    height: 26px;
  }

  .section-ally .ananya-floating-card .ananya-pills-footer .ananya-pill-btn {
    font-size: 0.72rem;
    padding: 7px 4px;
  }
}

/* --------------------------------------------------------------------------
   3. Highlights Page Styles (highlight.html — .alyro-landing-wrapper)
   -------------------------------------------------------------------------- */
:root {
      --color-brand-primary: #3719F9;
      --color-brand-blue: #1C64F2;
      --color-brand-purple: #5B21B6;
      --color-accent-gradient: linear-gradient(90deg, #4318FF 0%, #1D63FF 100%);
      --color-text-gradient: linear-gradient(90deg, #4416F5 0%, #1A6BFF 100%);
      --color-text-gradient-rev: linear-gradient(90deg, #0E6CFF 0%, #5818F8 100%);
      --color-text-main: #060B23;
      --color-text-muted: #58657E;
      --dark-ui-bg: #070B19;
      --dark-ui-surface: #0F1629;
      --dark-ui-card: #141D35;
      --dark-ui-border: rgba(255, 255, 255, 0.09);
      --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    }

    *, *::before, *::after {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      padding: 0;
      font-family: var(--font-sans);
      color: var(--color-text-main);
      background-color: #FFFFFF;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      overflow-x: hidden;
    }

    .alyro-landing-wrapper {
      font-family: var(--font-sans);
      color: var(--color-text-main);
      width: 100%;
      overflow-x: hidden;
      background: #FFFFFF;
      position: relative;
    }

    .container {
      width: 100%;
      max-width: 1380px;
      margin: 0 auto;
      padding: 0 32px;
      position: relative;
      z-index: 2;
    }

    .text-center { text-align: center; }

    .text-gradient {
      color: #3719F9;
      background-image: linear-gradient(90deg, #4416F5 0%, #1A6BFF 100%);
      -webkit-background-clip: text !important;
      background-clip: text !important;
      -webkit-text-fill-color: transparent;
      display: inline-block;
      padding-bottom: 0.14em;
      margin-bottom: -0.14em;
    }

    .text-gradient-rev {
      color: #1A6BFF;
      background-image: linear-gradient(90deg, #0E6CFF 0%, #5818F8 100%);
      -webkit-background-clip: text !important;
      background-clip: text !important;
      -webkit-text-fill-color: transparent;
      display: inline-block;
      padding-bottom: 0.14em;
      margin-bottom: -0.14em;
    }

    .eyebrow-tracking {
      font-size: 0.85rem;
      letter-spacing: 0.42em;
      font-weight: 600;
      color: #4825F6;
      text-transform: uppercase;
      margin-bottom: 16px;
      display: inline-block;
    }

    .headline-hero {
      font-size: clamp(2.6rem, 5.2vw, 4.5rem);
      font-weight: 800;
      line-height: 1.08;
      letter-spacing: -0.035em;
      color: #060B23;
      margin: 0 0 12px;
    }

    .headline-section {
      font-size: clamp(2.35rem, 4.4vw, 3.85rem);
      font-weight: 800;
      line-height: 1.1;
      letter-spacing: -0.035em;
      color: #060B23;
      margin: 0 0 10px;
    }

    .subheadline-muted {
      font-size: clamp(1.35rem, 2.3vw, 2.1rem);
      font-weight: 500;
      color: #55627A;
      margin: 0;
      letter-spacing: -0.015em;
    }

    .alyro-toast {
      position: fixed;
      bottom: 24px;
      right: 24px;
      z-index: 9999;
      background: #060B23;
      color: #FFFFFF;
      padding: 12px 20px;
      border-radius: 12px;
      font-size: 0.875rem;
      font-weight: 600;
      box-shadow: 0 14px 34px rgba(6, 11, 35, 0.25);
      border: 1px solid rgba(99, 102, 241, 0.4);
      display: flex;
      align-items: center;
      gap: 10px;
      opacity: 0;
      pointer-events: none;
      transform: translateY(12px);
      transition: opacity 0.25s ease, transform 0.25s ease;
    }
    .alyro-toast.visible {
      opacity: 1;
      transform: translateY(0);
    }
    .alyro-toast-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #38BDF8;
      box-shadow: 0 0 8px #38BDF8;
    }


    .alyro-landing-wrapper .hero-section {
      padding: 48px 0 36px;
      position: relative;
      overflow: hidden;
      background: #FFFFFF;
    }

    .hero-header-copy {
      position: relative;
      z-index: 5;
      margin-bottom: 4px;
    }

    .hero-visual-stage {
      position: relative;
      width: 100%;
      max-width: 1480px;
      margin: 0 auto;
      aspect-ratio: 1672 / 631;
      min-height: 360px;
    }

    .hero-backdrop-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      user-select: none;
      pointer-events: none;
    }

    .hero-live-overlay {
      position: absolute;
      inset: 0;
      z-index: 3;
      pointer-events: none;
    }

    .hero-card-text {
      position: absolute;
      pointer-events: auto;
      cursor: pointer;
      transition: transform 0.25s ease;
      transform-origin: center center;
    }
    .hero-card-text:hover {
      transform: scale(1.04);
    }

    .hero-card-text.card-john {
      left: 5.1%;
      top: 34.0%;
      transform: rotate(-23.5deg);
      color: #0B1120;
    }
    .hero-card-text.card-john:hover {
      transform: rotate(-23.5deg) scale(1.05);
    }
    .hero-card-text.card-john strong {
      display: block;
      font-size: clamp(0.68rem, 1.05vw, 1.05rem);
      font-weight: 800;
      letter-spacing: -0.02em;
      color: #060B23;
      margin-bottom: 2px;
      line-height: 1.15;
    }
    .hero-card-text.card-john span {
      display: block;
      font-size: clamp(0.54rem, 0.78vw, 0.78rem);
      font-weight: 500;
      color: #334155;
      line-height: 1.25;
    }

    .hero-card-text.card-acme {
      left: 16.45%;
      top: 24.4%;
      transform: rotate(21deg);
    }
    .hero-card-text.card-acme:hover {
      transform: rotate(21deg) scale(1.05);
    }
    .hero-card-text.card-acme strong {
      display: block;
      font-size: clamp(0.66rem, 0.98vw, 0.98rem);
      font-weight: 800;
      letter-spacing: 0.01em;
      color: #060B23;
      line-height: 1.1;
    }
    .hero-card-text.card-acme span {
      display: block;
      font-size: clamp(0.5rem, 0.72vw, 0.72rem);
      font-weight: 500;
      color: #475569;
      line-height: 1.2;
    }

    .hero-card-text.card-sticky {
      left: 15.1%;
      top: 41.2%;
      transform: rotate(6deg);
      font-family: 'Caveat', cursive, sans-serif;
      font-size: clamp(0.82rem, 1.32vw, 1.34rem);
      font-weight: 600;
      line-height: 1.22;
      color: #0F172A;
    }
    .hero-card-text.card-sticky:hover {
      transform: rotate(6deg) scale(1.05);
    }
    .hero-card-text.card-sticky span {
      display: block;
    }

    .hero-card-text.card-maria {
      left: 28.25%;
      top: 56.2%;
      transform: rotate(-23deg);
    }
    .hero-card-text.card-maria:hover {
      transform: rotate(-23deg) scale(1.05);
    }
    .hero-card-text.card-maria strong {
      display: block;
      font-size: clamp(0.64rem, 0.94vw, 0.94rem);
      font-weight: 800;
      color: #060B23;
      margin-bottom: 2px;
      line-height: 1.15;
    }
    .hero-card-text.card-maria span {
      display: block;
      font-size: clamp(0.5rem, 0.72vw, 0.72rem);
      font-weight: 500;
      color: #334155;
      line-height: 1.2;
    }

    .hero-center-orb {
      position: absolute;
      left: 48.83%;
      top: 52.52%;
      transform: translate(-50%, -50%);
      width: clamp(36px, 3.35vw, 54px);
      height: clamp(36px, 3.35vw, 54px);
      border-radius: 50%;
      background: radial-gradient(circle at 32% 28%, #93C5FD 0%, #4F46E5 42%, #3B0764 88%, #1E1B4B 100%);
      border: 3px solid rgba(255, 255, 255, 0.92);
      box-shadow:
        0 0 0 5px rgba(99, 102, 241, 0.16),
        0 0 28px rgba(79, 70, 229, 0.75),
        inset 0 2px 8px rgba(255, 255, 255, 0.75);
      pointer-events: auto;
      cursor: pointer;
      animation: pulseOrb 3.2s infinite ease-in-out;
    }

    @keyframes pulseOrb {
      0%, 100% {
        transform: translate(-50%, -50%) scale(1);
        box-shadow: 0 0 0 5px rgba(99, 102, 241, 0.16), 0 0 28px rgba(79, 70, 229, 0.75), inset 0 2px 8px rgba(255, 255, 255, 0.75);
      }
      50% {
        transform: translate(-50%, -50%) scale(1.06);
        box-shadow: 0 0 0 9px rgba(99, 102, 241, 0.24), 0 0 38px rgba(59, 130, 246, 0.9), inset 0 2px 10px rgba(255, 255, 255, 0.9);
      }
    }

    .hero-feature-pill {
      position: absolute;
      width: clamp(50px, 5.74vw, 94px);
      height: clamp(50px, 5.74vw, 94px);
      background: rgba(255, 255, 255, 0.92);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-radius: clamp(14px, 1.4vw, 22px);
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 14px 32px rgba(37, 99, 235, 0.14), 0 2px 6px rgba(15, 23, 42, 0.04);
      border: 1.5px solid rgba(255, 255, 255, 0.96);
      pointer-events: auto;
      cursor: pointer;
      transform: translate(-50%, -50%);
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }
    .hero-feature-pill:hover {
      transform: translate(-50%, -55%) scale(1.06);
      box-shadow: 0 20px 40px rgba(67, 24, 255, 0.24);
    }
    .hero-feature-pill svg {
      width: 48%;
      height: 48%;
      stroke: #3B18F6;
      fill: none;
      stroke-width: 2.1;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .hero-feature-pill.pill-user  { left: 89.17%; top: 14.26%; }
    .hero-feature-pill.pill-doc   { left: 72.67%; top: 34.39%; }
    .hero-feature-pill.pill-cal   { left: 87.62%; top: 45.32%; }
    .hero-feature-pill.pill-check { left: 74.34%; top: 65.77%; }
    .hero-feature-pill.pill-chart { left: 94.02%; top: 62.76%; }


    .section-then-there {
      padding: 16px 0 32px;
      position: relative;
      background: #FFFFFF;
      overflow: hidden;
    }

    .sec2-visual-stage {
      position: relative;
      width: 100%;
      max-width: 1560px;
      margin: 0 auto;
      aspect-ratio: 1672 / 821;
    }

    .sec2-backdrop-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      user-select: none;
      pointer-events: none;
    }

    .sec2-mobile-person {
      display: none;
    }

    .sec2-live-overlay {
      position: absolute;
      inset: 0;
      z-index: 3;
      pointer-events: none;
    }

    .sec2-header-left {
      position: absolute;
      left: 3.11%;
      top: 6.2%;
      text-align: left;
      z-index: 4;
      pointer-events: auto;
    }

    .sec2-headline {
      font-size: clamp(2.2rem, 5.05vw, 4.95rem);
      font-weight: 800;
      line-height: 1.04;
      letter-spacing: -0.04em;
      color: #040820;
      margin: 0 0 0.14em;
      white-space: nowrap;
    }

    .sec2-headline .sec2-grad {
      color: #3719F9;
      background-image: linear-gradient(90deg, #4411F9 0%, #1C4BFF 55%, #003BFA 100%);
      -webkit-background-clip: text !important;
      background-clip: text !important;
      -webkit-text-fill-color: transparent;
      display: inline-block;
    }

    .sec2-subheadline {
      font-size: clamp(1.25rem, 2.55vw, 2.48rem);
      font-weight: 500;
      line-height: 1.15;
      letter-spacing: -0.02em;
      color: #4E6082;
      margin: 0;
    }

    .sec2-steps-grid {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    .sec2-step-item {
      position: absolute;
      top: 13.03%;
      height: 70.6%;
      display: flex;
      flex-direction: column;
      align-items: center;
      pointer-events: auto;
    }

    .sec2-step-item.step-1 { left: 37.98%; width: 12.20%; }
    .sec2-step-item.step-2 { left: 53.17%; width: 12.38%; }
    .sec2-step-item.step-3 { left: 68.54%; width: 12.50%; }
    .sec2-step-item.step-4 { left: 84.15%; width: 12.32%; }

    .sec2-step-badge {
      width: clamp(28px, 2.75vw, 45px);
      height: clamp(28px, 2.75vw, 45px);
      border-radius: 50%;
      background: linear-gradient(180deg, #4112FA 0%, #3408EE 100%);
      color: #FFFFFF;
      font-size: clamp(0.85rem, 1.38vw, 1.35rem);
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 12px rgba(55, 11, 245, 0.25);
      margin-bottom: clamp(4px, 0.7vw, 11px);
      flex-shrink: 0;
      user-select: none;
    }

    .sec2-step-title {
      font-size: clamp(0.84rem, 1.46vw, 1.42rem);
      font-weight: 700;
      color: #060B23;
      letter-spacing: -0.025em;
      line-height: 1.15;
      margin: 0 0 clamp(8px, 1.45vw, 22px);
      white-space: nowrap;
      text-align: center;
      flex-shrink: 0;
    }

    .sec2-phone-frame {
      position: relative;
      width: 100%;
      border-radius: clamp(18px, 1.9vw, 30px);
      box-shadow:
        0 20px 44px rgba(6, 11, 35, 0.24),
        0 0 0 1px rgba(99, 102, 241, 0.22);
      transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s ease;
      overflow: hidden;
      background: #050C1A;
    }

    .sec2-phone-frame:hover {
      transform: translateY(-5px);
      box-shadow:
        0 26px 54px rgba(55, 11, 245, 0.28),
        0 0 0 1.5px rgba(99, 102, 241, 0.45);
    }

    .sec2-phone-img {
      width: 100%;
      height: auto;
      display: block;
      user-select: none;
    }

    .sec2-hotspot {
      position: absolute;
      background: transparent;
      border: none;
      padding: 0;
      margin: 0;
      cursor: pointer;
      border-radius: 8px;
      transition: background-color 0.18s ease, box-shadow 0.18s ease;
      z-index: 2;
    }
    .sec2-hotspot:hover {
      background-color: rgba(255, 255, 255, 0.08);
      box-shadow: 0 0 0 1.5px rgba(129, 140, 248, 0.55) inset;
    }
    .sec2-hotspot:active {
      background-color: rgba(99, 102, 241, 0.22);
    }

    .sec2-arrow-btn {
      position: absolute;
      top: 52.13%;
      width: clamp(26px, 2.55vw, 42px);
      height: clamp(26px, 2.55vw, 42px);
      transform: translate(-50%, -50%);
      border-radius: 50%;
      background: linear-gradient(180deg, #4112FA 0%, #3408EE 100%);
      border: 2px solid rgba(255, 255, 255, 0.55);
      box-shadow:
        0 0 0 4px rgba(255, 255, 255, 0.35),
        0 6px 18px rgba(55, 11, 245, 0.32);
      color: #FFFFFF;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      pointer-events: auto;
      padding: 0;
      z-index: 5;
      transition: transform 0.22s ease, box-shadow 0.22s ease;
    }

    .sec2-arrow-btn:hover {
      transform: translate(-50%, -50%) scale(1.08);
      box-shadow:
        0 0 0 6px rgba(99, 102, 241, 0.24),
        0 10px 24px rgba(55, 11, 245, 0.45);
    }

    .sec2-arrow-btn svg {
      width: 58%;
      height: 58%;
      stroke: #FFFFFF;
      stroke-width: 3;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .sec2-arrow-btn.arrow-1 { left: 51.67%; }
    .sec2-arrow-btn.arrow-2 { left: 67.05%; }
    .sec2-arrow-btn.arrow-3 { left: 82.60%; }

    @media (max-width: 1080px) {
      .section-then-there {
        padding: 48px 24px 64px;
        background:
          radial-gradient(ellipse 80% 60% at 50% 65%, rgba(99, 102, 241, 0.14) 0%, rgba(59, 130, 246, 0.08) 55%, rgba(255, 255, 255, 0) 85%),
          #FFFFFF;
      }
      .sec2-visual-stage {
        aspect-ratio: auto;
        max-width: 780px;
      }
      .sec2-backdrop-img {
        display: none;
      }
      .sec2-live-overlay {
        position: relative;
        inset: auto;
        pointer-events: auto;
      }
      .sec2-header-left {
        position: relative;
        left: auto;
        top: auto;
        text-align: center;
        margin-bottom: 24px;
      }
      .sec2-headline {
        white-space: normal;
        font-size: clamp(2.2rem, 5vw, 3.2rem);
      }
      .sec2-subheadline {
        font-size: clamp(1.25rem, 2.8vw, 1.75rem);
      }
      .sec2-mobile-person {
        display: flex;
        justify-content: center;
        margin: 0 auto 32px;
        max-width: 420px;
        border-radius: 24px;
        overflow: hidden;
        box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
      }
      .sec2-mobile-person img {
        width: 100%;
        height: auto;
        display: block;
      }
      .sec2-steps-grid {
        position: relative;
        inset: auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 32px 24px;
        max-width: 540px;
        margin: 0 auto;
        pointer-events: auto;
      }
      .sec2-step-item,
      .sec2-step-item.step-1,
      .sec2-step-item.step-2,
      .sec2-step-item.step-3,
      .sec2-step-item.step-4 {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: 240px;
        height: auto;
        margin: 0 auto;
      }
      .sec2-step-badge {
        width: 40px;
        height: 40px;
        font-size: 1.15rem;
        margin-bottom: 8px;
      }
      .sec2-step-title {
        font-size: 1.08rem;
        margin-bottom: 14px;
      }
      .sec2-phone-frame {
        border-radius: 28px;
      }
      .sec2-arrow-btn {
        display: none;
      }
    }

    @media (max-width: 580px) {
      .sec2-steps-grid {
        grid-template-columns: 1fr;
        max-width: 260px;
        gap: 36px;
      }
      .sec2-step-item,
      .sec2-step-item.step-1,
      .sec2-step-item.step-2,
      .sec2-step-item.step-3,
      .sec2-step-item.step-4 {
        max-width: 248px;
      }
    }


    .section-share-style {
      padding: 16px 0 36px;
      position: relative;
      background: #FFFFFF;
      overflow: hidden;
    }

    .sec3-visual-stage {
      position: relative;
      width: 100%;
      max-width: 1560px;
      margin: 0 auto;
      aspect-ratio: 1670 / 821;
    }

    .sec3-backdrop-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      user-select: none;
      pointer-events: none;
    }

    .sec3-mobile-person {
      display: none;
    }

    .sec3-live-overlay {
      position: absolute;
      inset: 0;
      z-index: 3;
      pointer-events: none;
    }

    .sec3-header-left {
      position: absolute;
      left: 3.59%;
      top: 9.8%;
      text-align: left;
      z-index: 4;
      pointer-events: auto;
    }

    .sec3-headline {
      font-size: clamp(2.2rem, 4.95vw, 4.85rem);
      font-weight: 800;
      line-height: 1.04;
      letter-spacing: -0.04em;
      color: #040820;
      margin: 0 0 0.16em;
      white-space: nowrap;
    }

    .sec3-headline .sec3-grad {
      color: #3719F9;
      background-image: linear-gradient(90deg, #3A08FA 0%, #4300FA 35%, #003EFB 80%, #002EFB 100%);
      -webkit-background-clip: text !important;
      background-clip: text !important;
      -webkit-text-fill-color: transparent;
      display: inline-block;
    }

    .sec3-subheadline {
      font-size: clamp(1.25rem, 2.52vw, 2.45rem);
      font-weight: 500;
      line-height: 1.15;
      letter-spacing: -0.02em;
      color: #3B3F5E;
      margin: 0;
      padding-left: 0.2em;
    }

    .sec3-steps-grid {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    .sec3-step-item {
      position: absolute;
      top: 4.63%;
      display: flex;
      flex-direction: column;
      align-items: center;
      pointer-events: auto;
    }

    .sec3-step-item.col-1 { left: 38.50%; width: 18.08%; }
    .sec3-step-item.col-2 { left: 58.56%; width: 18.50%; }
    .sec3-step-item.col-3 { left: 79.46%; width: 18.32%; }

    .sec3-col-icon {
      width: clamp(44px, 4.43vw, 70px);
      height: clamp(44px, 4.37vw, 69px);
      border-radius: clamp(12px, 1.15vw, 18px);
      background: #EFEFFC;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: clamp(6px, 0.78vw, 12px);
      flex-shrink: 0;
      box-shadow: 0 4px 12px rgba(67, 0, 250, 0.06);
      user-select: none;
    }

    .sec3-col-icon svg {
      width: 58%;
      height: 58%;
      display: block;
    }

    .sec3-col-title {
      font-size: clamp(0.95rem, 1.72vw, 1.68rem);
      font-weight: 800;
      color: #040820;
      letter-spacing: -0.025em;
      line-height: 1.15;
      margin: 0 0 clamp(8px, 1.25vw, 19px);
      white-space: nowrap;
      text-align: center;
      flex-shrink: 0;
    }

    .sec3-phone-frame {
      position: relative;
      width: 100%;
      border-radius: clamp(20px, 2.3vw, 36px);
      box-shadow:
        0 22px 48px rgba(6, 11, 35, 0.24),
        0 0 0 1px rgba(99, 102, 241, 0.22);
      transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s ease;
      overflow: hidden;
      background: #04091A;
    }

    .sec3-phone-frame:hover {
      transform: translateY(-5px);
      box-shadow:
        0 28px 56px rgba(55, 11, 245, 0.28),
        0 0 0 1.5px rgba(99, 102, 241, 0.45);
    }

    .sec3-phone-img {
      width: 100%;
      height: auto;
      display: block;
      user-select: none;
    }

    .sec3-hotspot {
      position: absolute;
      background: transparent;
      border: none;
      padding: 0;
      margin: 0;
      cursor: pointer;
      border-radius: 10px;
      transition: background-color 0.18s ease, box-shadow 0.18s ease;
      z-index: 2;
    }
    .sec3-hotspot:hover {
      background-color: rgba(255, 255, 255, 0.08);
      box-shadow: 0 0 0 1.5px rgba(129, 140, 248, 0.55) inset;
    }
    .sec3-hotspot:active {
      background-color: rgba(99, 102, 241, 0.22);
    }

    @media (max-width: 1080px) {
      .section-share-style {
        padding: 48px 24px 64px;
        background:
          radial-gradient(ellipse 80% 60% at 50% 65%, rgba(99, 102, 241, 0.14) 0%, rgba(59, 130, 246, 0.08) 55%, rgba(255, 255, 255, 0) 85%),
          #FFFFFF;
      }
      .sec3-visual-stage {
        aspect-ratio: auto;
        max-width: 920px;
      }
      .sec3-backdrop-img {
        display: none;
      }
      .sec3-live-overlay {
        position: relative;
        inset: auto;
        pointer-events: auto;
      }
      .sec3-header-left {
        position: relative;
        left: auto;
        top: auto;
        text-align: center;
        margin-bottom: 24px;
      }
      .sec3-headline {
        white-space: normal;
        font-size: clamp(2.2rem, 5vw, 3.2rem);
      }
      .sec3-subheadline {
        font-size: clamp(1.25rem, 2.8vw, 1.75rem);
        padding-left: 0;
      }
      .sec3-mobile-person {
        display: flex;
        justify-content: center;
        margin: 0 auto 36px;
        max-width: 440px;
        border-radius: 24px;
        overflow: hidden;
        box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
      }
      .sec3-mobile-person img {
        width: 100%;
        height: auto;
        display: block;
      }
      .sec3-steps-grid {
        position: relative;
        inset: auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 28px 20px;
        max-width: 860px;
        margin: 0 auto;
        pointer-events: auto;
      }
      .sec3-step-item,
      .sec3-step-item.col-1,
      .sec3-step-item.col-2,
      .sec3-step-item.col-3 {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: 268px;
        margin: 0 auto;
      }
      .sec3-col-icon {
        width: 56px;
        height: 56px;
        border-radius: 15px;
        margin-bottom: 10px;
      }
      .sec3-col-title {
        font-size: 1.25rem;
        margin-bottom: 14px;
      }
      .sec3-phone-frame {
        border-radius: 30px;
      }
    }

    @media (max-width: 760px) {
      .sec3-steps-grid {
        grid-template-columns: 1fr;
        max-width: 280px;
        gap: 40px;
      }
      .sec3-step-item,
      .sec3-step-item.col-1,
      .sec3-step-item.col-2,
      .sec3-step-item.col-3 {
        max-width: 268px;
      }
    }

    /* ==========================================================================
       SECTION 4: FOLLOW THROUGH. NOTHING SLIPS. (Highlights page - 4.png)
       ========================================================================== */
    .section-follow-up {
      padding: 16px 0 36px;
      position: relative;
      background: #FFFFFF;
      overflow: hidden;
    }

    .sec4-visual-stage {
      position: relative;
      width: 100%;
      max-width: 1560px;
      margin: 0 auto;
      aspect-ratio: 1669 / 860;
    }

    .sec4-backdrop-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      user-select: none;
      pointer-events: none;
    }

    .sec4-live-overlay {
      position: absolute;
      inset: 0;
      z-index: 3;
      pointer-events: none;
    }

    .sec4-header-left {
      position: absolute;
      left: 4.19%;
      top: 29.88%;
      text-align: left;
      z-index: 4;
      pointer-events: auto;
    }

    .sec4-headline {
      font-size: clamp(2.4rem, 5.55vw, 5.45rem);
      font-weight: 800;
      line-height: 1.03;
      letter-spacing: -0.04em;
      color: #040820;
      margin: 0 0 0.16em;
    }

.sec5-headline .sec5-grad {
      color: #3719F9;
      background-image: linear-gradient(90deg, #5326FD 0%, #3E27FA 42%, #0066FF 100%);
      -webkit-background-clip: text !important;
      background-clip: text !important;
      -webkit-text-fill-color: transparent;
      display: inline-block;
      padding-bottom: 0.14em;
      margin-bottom: -0.14em;
    }

    .sec4-subheadline {
      font-size: clamp(1.25rem, 2.75vw, 2.7rem);
      font-weight: 500;
      line-height: 1.15;
      letter-spacing: -0.02em;
      color: #6B7892;
      margin: 0;
    }

    .sec4-phone-wrap {
      position: absolute;
      left: 27.32%;
      top: 2.79%;
      width: 24.33%;
      z-index: 4;
      pointer-events: auto;
    }

    .sec4-phone-frame {
      position: relative;
      width: 100%;
      border-radius: clamp(26px, 3.2vw, 50px);
      overflow: hidden;
      transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), filter 0.28s ease;
    }

    .sec4-phone-frame:hover {
      transform: translateY(-4px);
      filter: drop-shadow(0 22px 42px rgba(55, 11, 245, 0.2));
    }

    .sec4-phone-img {
      width: 100%;
      height: auto;
      display: block;
      user-select: none;
    }

    .sec4-hotspot {
      position: absolute;
      background: transparent;
      border: none;
      padding: 0;
      margin: 0;
      cursor: pointer;
      border-radius: 10px;
      transition: background-color 0.18s ease, box-shadow 0.18s ease;
      z-index: 2;
    }
    .sec4-hotspot:hover {
      background-color: rgba(255, 255, 255, 0.08);
      box-shadow: 0 0 0 1.5px rgba(129, 140, 248, 0.55) inset;
    }
    .sec4-hotspot:active {
      background-color: rgba(99, 102, 241, 0.22);
    }

    .sec4-right-panel {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    .sec4-group-header {
      position: absolute;
      left: 56.50%;
      display: flex;
      align-items: center;
      gap: clamp(8px, 1.35vw, 22px);
      pointer-events: auto;
      z-index: 4;
    }
    .sec4-group-header.notes-hdr {
      top: 11.28%;
    }
    .sec4-group-header.tasks-hdr {
      top: 71.63%;
    }

    .sec4-group-icon {
      width: clamp(30px, 2.94vw, 48px);
      height: clamp(30px, 2.94vw, 48px);
      border-radius: clamp(8px, 0.85vw, 14px);
      background: linear-gradient(135deg, #7B42FA 0%, #5828F6 100%);
      box-shadow: 0 6px 16px rgba(99, 48, 248, 0.28);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .sec4-group-icon svg {
      width: 58%;
      height: 58%;
      display: block;
    }

    .sec4-group-title {
      font-size: clamp(1.05rem, 1.78vw, 1.76rem);
      font-weight: 800;
      color: #060B23;
      letter-spacing: -0.025em;
      margin: 0;
      line-height: 1.1;
    }

    .sec4-note-card,
    .sec4-task-card {
      position: absolute;
      left: 56.44%;
      width: 38.47%;
      background: rgba(255, 255, 255, 0.9);
      backdrop-filter: blur(8px);
      border: 1px solid rgba(226, 232, 248, 0.95);
      border-radius: clamp(12px, 1.25vw, 20px);
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.035);
      display: flex;
      align-items: center;
      padding: clamp(8px, 1.15vw, 18px) clamp(12px, 1.5vw, 24px);
      gap: clamp(10px, 1.45vw, 22px);
      pointer-events: auto;
      cursor: pointer;
      transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease;
      z-index: 4;
    }
    .sec4-note-card:hover,
    .sec4-task-card:hover {
      transform: translateY(-2px);
      background: #FFFFFF;
      box-shadow: 0 14px 32px rgba(67, 24, 255, 0.09);
    }

    .sec4-note-card.card-1 { top: 19.77%; height: 14.07%; }
    .sec4-note-card.card-2 { top: 34.42%; height: 14.19%; }
    .sec4-note-card.card-3 { top: 49.30%; height: 14.19%; }
    .sec4-task-card.card-4 {
      top: 77.67%;
      height: 12.33%;
      width: 39.30%;
    }

    .sec4-card-circle {
      width: clamp(36px, 4.15vw, 68px);
      height: clamp(36px, 4.15vw, 68px);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .sec4-card-circle.purple-soft {
      background: linear-gradient(135deg, #EAE0FF 0%, #DDD0FE 100%);
      border: 1px solid rgba(139, 92, 246, 0.22);
    }
    .sec4-card-circle.blue-soft {
      background: linear-gradient(135deg, #DCEBFF 0%, #C8E1FF 100%);
      border: 1px solid rgba(59, 130, 246, 0.22);
    }
    .sec4-card-circle.green-soft {
      background: linear-gradient(135deg, #D5F3E5 0%, #C2ECD8 100%);
      border: 1px solid rgba(16, 185, 129, 0.22);
    }
    .sec4-card-circle svg {
      width: 50%;
      height: 50%;
      display: block;
    }

    .sec4-card-body {
      flex: 1;
      min-width: 0;
      text-align: left;
    }

    .sec4-card-meta {
      font-size: clamp(0.62rem, 0.98vw, 0.96rem);
      font-weight: 500;
      color: #6E7E99;
      margin: 0 0 clamp(2px, 0.35vw, 6px);
      font-family: Georgia, "Times New Roman", serif;
      letter-spacing: 0.01em;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .sec4-card-text {
      font-size: clamp(0.68rem, 1.06vw, 1.05rem);
      font-weight: 500;
      color: #060B23;
      line-height: 1.36;
      margin: 0;
      letter-spacing: -0.01em;
    }

    .sec4-card-dots {
      background: transparent;
      border: none;
      color: #6B7A99;
      padding: 4px 6px;
      cursor: pointer;
      font-size: clamp(0.85rem, 1.2vw, 1.2rem);
      line-height: 1;
      letter-spacing: 2px;
      align-self: flex-start;
      margin-top: 2px;
      flex-shrink: 0;
    }

    /* Task Card Specifics */
    .sec4-task-checkbox {
      width: clamp(18px, 1.78vw, 29px);
      height: clamp(18px, 1.78vw, 29px);
      border-radius: 5px;
      border: 2px solid #8A97AD;
      background: #FFFFFF;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      cursor: pointer;
      transition: all 0.18s ease;
    }
    .sec4-task-checkbox.checked {
      background: #4F26FD;
      border-color: #4F26FD;
      color: #FFFFFF;
    }
    .sec4-task-checkbox svg {
      width: 14px;
      height: 14px;
      opacity: 0;
      transition: opacity 0.15s ease;
    }
    .sec4-task-checkbox.checked svg {
      opacity: 1;
    }

    .sec4-task-title {
      font-size: clamp(0.72rem, 1.16vw, 1.14rem);
      font-weight: 500;
      color: #060B23;
      margin: 0 0 clamp(3px, 0.45vw, 7px);
      line-height: 1.25;
      letter-spacing: -0.01em;
    }

    .sec4-task-date {
      font-size: clamp(0.62rem, 0.98vw, 0.96rem);
      color: #6E7E99;
      margin: 0;
      font-family: Georgia, "Times New Roman", serif;
      display: flex;
      align-items: center;
      gap: 7px;
    }
    .sec4-task-date svg {
      width: clamp(12px, 1.1vw, 18px);
      height: clamp(12px, 1.1vw, 18px);
      flex-shrink: 0;
    }

    .sec4-due-pill {
      background: #FBE9E9;
      color: #E01E1E;
      font-size: clamp(0.62rem, 0.95vw, 0.94rem);
      font-weight: 500;
      padding: clamp(5px, 0.65vw, 10px) clamp(10px, 1.35vw, 22px);
      border-radius: 999px;
      white-space: nowrap;
      flex-shrink: 0;
    }

    .sec4-task-card .sec4-card-dots {
      align-self: center;
      margin-top: 0;
      color: #060B23;
    }

    @media (max-width: 1080px) {
      .section-follow-up {
        padding: 48px 24px 64px;
        background:
          radial-gradient(ellipse 80% 60% at 50% 60%, rgba(99, 102, 241, 0.12) 0%, rgba(59, 130, 246, 0.06) 55%, rgba(255, 255, 255, 0) 85%),
          #FFFFFF;
      }
      .sec4-visual-stage {
        aspect-ratio: auto;
        max-width: 680px;
      }
      .sec4-backdrop-img {
        display: none;
      }
      .sec4-live-overlay {
        position: relative;
        inset: auto;
        pointer-events: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .sec4-header-left {
        position: relative;
        left: auto;
        top: auto;
        text-align: center;
        margin-bottom: 28px;
      }
      .sec4-headline {
        font-size: clamp(2.3rem, 5vw, 3.3rem);
      }
      .sec4-subheadline {
        font-size: clamp(1.25rem, 2.8vw, 1.75rem);
      }
      .sec4-phone-wrap {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: 310px;
        margin: 0 auto 36px;
      }
      .sec4-right-panel {
        position: relative;
        inset: auto;
        width: 100%;
        max-width: 580px;
        display: flex;
        flex-direction: column;
        gap: 14px;
        pointer-events: auto;
        background: rgba(243, 241, 254, 0.65);
        border: 1px solid rgba(199, 200, 248, 0.7);
        border-radius: 24px;
        padding: 24px 20px;
      }
      .sec4-group-header,
      .sec4-group-header.notes-hdr,
      .sec4-group-header.tasks-hdr {
        position: relative;
        left: auto;
        top: auto;
        margin: 4px 0 6px;
      }
      .sec4-group-header.tasks-hdr {
        margin-top: 14px;
      }
      .sec4-group-icon {
        width: 40px;
        height: 40px;
        border-radius: 11px;
      }
      .sec4-group-title {
        font-size: 1.35rem;
      }
      .sec4-note-card,
      .sec4-note-card.card-1,
      .sec4-note-card.card-2,
      .sec4-note-card.card-3,
      .sec4-task-card,
      .sec4-task-card.card-4 {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: auto;
        padding: 16px 18px;
        border-radius: 16px;
      }
      .sec4-card-circle {
        width: 52px;
        height: 52px;
      }
      .sec4-card-meta,
      .sec4-task-date {
        font-size: 0.85rem;
      }
      .sec4-card-text,
      .sec4-task-title {
        font-size: 0.95rem;
      }
      .sec4-due-pill {
        font-size: 0.82rem;
        padding: 6px 14px;
      }
    }

    @media (max-width: 540px) {
      .sec4-task-card.card-4 {
        flex-wrap: wrap;
      }
      .sec4-due-pill {
        margin-left: 34px;
      }
    }


    .section-webapp {
      padding: 36px 0 56px;
      background: #FFFFFF;
      position: relative;
      overflow: hidden;
    }

    .sec5-container {
      width: 100%;
      max-width: 1536px;
      margin: 0 auto;
      position: relative;
    }

    .sec5-header {
      text-align: center;
      padding: 0 24px;
      margin-bottom: 12px;
    }

    .sec5-headline {
      font-size: clamp(2.4rem, 5.2vw, 4.95rem);
      font-weight: 800;
      line-height: 1.06;
      letter-spacing: -0.038em;
      color: #040820;
      margin: 0 0 10px;
    }

    .sec5-headline .sec5-grad {
      color: #3719F9;
      background-image: linear-gradient(90deg, #5326FD 0%, #3E27FA 42%, #0066FF 100%);
      -webkit-background-clip: text !important;
      background-clip: text !important;
      -webkit-text-fill-color: transparent;
      display: inline-block;
    }

    .sec5-subheadline {
      font-size: clamp(1.15rem, 2.15vw, 2.05rem);
      font-weight: 500;
      color: #6B7894;
      margin: 0 0 24px;
      letter-spacing: -0.015em;
    }

    .sec5-divider-line {
      width: 80px;
      height: 5px;
      border-radius: 999px;
      background: linear-gradient(90deg, #5C3EFB 0%, #8BB8FF 100%);
      margin: 0 auto 26px;
    }

    .sec5-kicker-title {
      font-size: clamp(1.2rem, 2.3vw, 2.2rem);
      font-weight: 600;
      color: #060B23;
      margin: 0 0 14px;
      letter-spacing: -0.02em;
    }

    .sec5-laptop-stage {
      position: relative;
      width: 100%;
      max-width: 1536px;
      margin: 0 auto;
      aspect-ratio: 1536 / 608;
    }

    .sec5-laptop-img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
      user-select: none;
    }

    .sec5-hotspot {
      position: absolute;
      background: transparent;
      border: none;
      padding: 0;
      margin: 0;
      cursor: pointer;
      border-radius: 8px;
      transition: background-color 0.18s ease, box-shadow 0.18s ease;
      z-index: 3;
    }
    .sec5-hotspot:hover {
      background-color: rgba(79, 70, 229, 0.08);
      box-shadow: 0 0 0 1.5px rgba(79, 70, 229, 0.45) inset;
    }

    .sec5-tabs-wrap {
      padding: 0 24px;
      margin-top: 8px;
    }

    .sec5-tabs-pillbar {
      max-width: 1084px;
      margin: 0 auto;
      background: #FAFBFD;
      border: 1.5px solid #E6ECFA;
      border-radius: 999px;
      padding: 6px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      align-items: center;
      box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
    }

    .sec5-tab-btn {
      position: relative;
      border: none;
      background: transparent;
      border-radius: 999px;
      padding: 15px 18px;
      font-family: var(--font-sans);
      font-size: clamp(0.82rem, 1.15vw, 1.08rem);
      font-weight: 600;
      color: #060B23;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      cursor: pointer;
      transition: all 0.22s ease;
      white-space: nowrap;
    }

    .sec5-tab-btn:not(.active) + .sec5-tab-btn:not(.active)::before {
      content: "";
      position: absolute;
      left: 0;
      top: 26%;
      height: 48%;
      width: 1px;
      background: #E2E8F0;
    }

    .sec5-tab-btn svg {
      width: 22px;
      height: 22px;
      flex-shrink: 0;
    }

    .sec5-tab-btn.active {
      background: linear-gradient(90deg, #4B1DF9 0%, #5227F9 100%);
      color: #FFFFFF;
      box-shadow: 0 8px 22px rgba(75, 29, 249, 0.28);
    }

    .sec5-bottom-caption {
      text-align: center;
      font-size: clamp(0.95rem, 1.55vw, 1.48rem);
      font-weight: 500;
      color: #5E6B85;
      margin: 26px auto 0;
      padding: 0 24px;
      letter-spacing: -0.01em;
    }

    @media (max-width: 960px) {
      .sec5-tabs-pillbar {
        grid-template-columns: repeat(2, 1fr);
        border-radius: 24px;
        gap: 6px;
      }
      .sec5-tab-btn:not(.active) + .sec5-tab-btn:not(.active)::before {
        display: none;
      }
    }

    @media (max-width: 560px) {
      .sec5-tabs-pillbar {
        grid-template-columns: 1fr;
        border-radius: 20px;
      }
      .sec5-tab-btn {
        padding: 13px 16px;
      }
    }

 
    .section-integrations {
      padding: 20px 0 36px;
      background: #FFFFFF;
      position: relative;
      overflow: hidden;
    }

    .sec6-visual-stage {
      position: relative;
      width: 100%;
      max-width: 1560px;
      margin: 0 auto;
      aspect-ratio: 1672 / 941;
    }

    .sec6-backdrop-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      user-select: none;
      pointer-events: none;
    }

    .sec6-live-overlay {
      position: absolute;
      inset: 0;
      z-index: 3;
      pointer-events: none;
    }

    .sec6-header-left {
      position: absolute;
      left: 3.95%;
      top: 15.09%;
      text-align: left;
      z-index: 4;
      pointer-events: auto;
    }

    .sec6-eyebrow {
      font-size: clamp(0.68rem, 0.98vw, 0.98rem);
      font-weight: 600;
      letter-spacing: 0.35em;
      color: #5627F8;
      text-transform: uppercase;
      margin: 0 0 clamp(8px, 1.35vw, 20px);
      display: block;
    }

    .sec6-headline {
      font-size: clamp(2.5rem, 6.85vw, 6.75rem);
      font-weight: 800;
      line-height: 0.97;
      letter-spacing: -0.04em;
      color: #03071E;
      margin: 0;
    }

    .sec6-headline .sec6-grad {
      color: #3719F9;
      background-image: linear-gradient(90deg, #0A6DFC 0%, #4F16FC 52%, #7A2EFB 100%);
      -webkit-background-clip: text !important;
      background-clip: text !important;
      -webkit-text-fill-color: transparent;
      display: inline-block;
    }

    .sec6-feature-row {
      position: absolute;
      left: 4.19%;
      display: flex;
      align-items: center;
      pointer-events: auto;
      z-index: 4;
      text-align: left;
      cursor: pointer;
      transition: transform 0.22s ease;
    }
    .sec6-feature-row:hover {
      transform: translateX(4px);
    }

    .sec6-feature-row.feat-1 { top: 47.18%; }
    .sec6-feature-row.feat-2 { top: 63.44%; }
    .sec6-feature-row.feat-3 { top: 79.70%; }

    .sec6-feat-icon-box {
      width: clamp(46px, 5.56vw, 87px);
      height: clamp(46px, 5.56vw, 87px);
      border-radius: clamp(12px, 1.35vw, 21px);
      overflow: hidden;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .sec6-feat-icon-box img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
      user-select: none;
    }

    .sec6-feat-divider {
      width: 1.5px;
      height: clamp(32px, 3.7vw, 58px);
      background: #C2B0FA;
      margin: 0 clamp(12px, 1.65vw, 26px);
      flex-shrink: 0;
    }

    .sec6-feat-copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .sec6-feat-title {
      font-size: clamp(0.92rem, 1.44vw, 1.42rem);
      font-weight: 700;
      color: #040820;
      margin: 0 0 clamp(3px, 0.42vw, 7px);
      line-height: 1.18;
      letter-spacing: -0.02em;
    }

    .sec6-feat-desc {
      font-size: clamp(0.76rem, 1.14vw, 1.12rem);
      font-weight: 400;
      color: #505A78;
      margin: 0;
      line-height: 1.36;
      letter-spacing: -0.01em;
    }

    .sec6-hotspot {
      position: absolute;
      background: transparent;
      border: none;
      padding: 0;
      margin: 0;
      cursor: pointer;
      border-radius: clamp(14px, 1.6vw, 26px);
      transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease;
      pointer-events: auto;
      z-index: 4;
    }
    .sec6-hotspot:hover {
      background-color: rgba(79, 70, 229, 0.04);
      box-shadow: 0 12px 28px rgba(67, 24, 255, 0.12), 0 0 0 1.5px rgba(99, 102, 241, 0.35) inset;
    }

    .sec6-diagram-mobile {
      display: none;
    }

    @media (max-width: 1080px) {
      .section-integrations {
        padding: 48px 24px 56px;
      }
      .sec6-visual-stage {
        aspect-ratio: auto;
        max-width: 720px;
      }
      .sec6-backdrop-img,
      .sec6-hotspot {
        display: none;
      }
      .sec6-live-overlay {
        position: relative;
        inset: auto;
        pointer-events: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .sec6-header-left {
        position: relative;
        left: auto;
        top: auto;
        text-align: center;
        margin-bottom: 32px;
      }
      .sec6-eyebrow {
        font-size: 0.82rem;
        margin-bottom: 12px;
      }
      .sec6-headline {
        font-size: clamp(2.5rem, 6vw, 3.6rem);
      }
      .sec6-feature-row,
      .sec6-feature-row.feat-1,
      .sec6-feature-row.feat-2,
      .sec6-feature-row.feat-3 {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: 480px;
        margin: 0 auto 20px;
      }
      .sec6-feat-icon-box {
        width: 68px;
        height: 68px;
        border-radius: 16px;
      }
      .sec6-feat-divider {
        height: 46px;
        margin: 0 20px;
      }
      .sec6-feat-title {
        font-size: 1.15rem;
      }
      .sec6-feat-desc {
        font-size: 0.94rem;
      }
      .sec6-diagram-mobile {
        display: block;
        width: 100%;
        max-width: 680px;
        margin: 18px auto 0;
        border-radius: 24px;
        overflow: hidden;
      }
      .sec6-diagram-mobile img {
        width: 100%;
        height: auto;
        display: block;
      }
    }

  
    .section-pricing-cta {
      padding: 84px 0 116px;
      background: #FFFFFF;
      position: relative;
      text-align: center;
    }

    .sec7-cta-box {
      max-width: 920px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .sec7-headline {
      font-size: clamp(2.6rem, 4.9vw, 4.65rem);
      font-weight: 800;
      line-height: 1.13;
      letter-spacing: -0.035em;
      color: #03071E;
      margin: 0 0 22px;
    }

    .sec7-headline .sec7-grad {
      color: #2E4DFB;
      background-image: linear-gradient(90deg, #1065FA 0%, #2E4DFB 48%, #5B34FB 100%);
      -webkit-background-clip: text !important;
      background-clip: text !important;
      -webkit-text-fill-color: transparent;
      display: inline-block;
    }

    .sec7-subheadline {
      font-size: clamp(1.15rem, 1.9vw, 1.82rem);
      font-weight: 500;
      color: #5E6887;
      margin: 0 0 38px;
      letter-spacing: -0.015em;
      line-height: 1.3;
    }

    .sec7-cta-wrap {
      margin: 0 0 30px;
    }

    .sec7-explore-btn {
      background: linear-gradient(90deg, #4F29FE 0%, #372EFE 100%);
      color: #FFFFFF;
      font-family: var(--font-sans);
      font-size: clamp(1.02rem, 1.32vw, 1.28rem);
      font-weight: 500;
      padding: 19px 48px;
      border-radius: 999px;
      border: none;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      box-shadow:
        0 12px 34px rgba(67, 43, 254, 0.38),
        0 0 26px rgba(79, 43, 254, 0.24);
      transition: transform 0.22s ease, box-shadow 0.22s ease;
      text-decoration: none;
    }
    .sec7-explore-btn:hover {
      transform: translateY(-2px);
      box-shadow:
        0 16px 42px rgba(67, 43, 254, 0.46),
        0 0 32px rgba(79, 43, 254, 0.32);
    }
    .sec7-explore-btn svg {
      width: 20px;
      height: 20px;
      flex-shrink: 0;
      transition: transform 0.2s ease;
    }
    .sec7-explore-btn:hover svg {
      transform: translateX(3px);
    }

    .sec7-org-row {
      font-size: clamp(0.95rem, 1.22vw, 1.18rem);
      font-weight: 500;
      color: #5E6887;
      margin: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      flex-wrap: wrap;
    }

    .sec7-talk-link {
      color: #0D5BFF;
      font-weight: 600;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding-bottom: 4px;
      border-bottom: 2.5px solid #1E6DFA;
      cursor: pointer;
      transition: color 0.2s ease, border-color 0.2s ease;
    }
    .sec7-talk-link:hover {
      color: #4318FF;
      border-bottom-color: #4318FF;
    }
    .sec7-talk-link svg {
      width: 17px;
      height: 17px;
      flex-shrink: 0;
      transition: transform 0.2s ease;
    }
    .sec7-talk-link:hover svg {
      transform: translateX(3px);
    }

    .video-modal-backdrop {
      position: fixed;
      inset: 0;
      background: rgba(6, 11, 35, 0.78);
      backdrop-filter: blur(8px);
      z-index: 9998;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 24px;
    }
    .video-modal-backdrop.open {
      display: flex;
    }
    .video-modal-box {
      background: #090E1F;
      border: 1px solid rgba(255, 255, 255, 0.15);
      border-radius: 24px;
      max-width: 720px;
      width: 100%;
      padding: 24px;
      color: #FFFFFF;
      box-shadow: 0 32px 80px rgba(0, 0, 0, 0.55);
      position: relative;
    }
    .video-modal-close {
      position: absolute;
      top: 16px;
      right: 16px;
      background: rgba(255, 255, 255, 0.1);
      border: none;
      color: #FFFFFF;
      width: 34px;
      height: 34px;
      border-radius: 50%;
      cursor: pointer;
      font-size: 1rem;
    }


    @media (max-width: 1180px) {
      .sec2-stage {
        grid-template-columns: 1fr;
      }
      .sec2-person-wrap {
        display: none;
      }
      .sec2-phones-grid {
        grid-template-columns: repeat(2, 1fr);
        max-width: 560px;
        margin: 0 auto;
        gap: 24px;
      }
      .sec3-stage {
        grid-template-columns: 1fr;
      }
      .sec3-person-wrap {
        max-width: 320px;
        margin: 0 auto 20px;
      }
      .sec3-phones-grid {
        max-width: 860px;
        margin: 0 auto;
      }
      .webapp-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 860px) {
      .sec3-phones-grid,
      .sec4-cards-grid,
      .sec4-videos-grid,
      .integrations-grid,
      .pricing-cards-grid {
        grid-template-columns: 1fr;
        max-width: 440px;
        margin-left: auto;
        margin-right: auto;
      }
      .desktop-dashboard-frame {
        grid-template-columns: 1fr;
      }
      .dash-sidebar {
        display: none;
      }
      .dash-kpi-row {
        grid-template-columns: repeat(2, 1fr);
      }
      .dash-charts-row,
      .dash-bottom-row {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 580px) {
      .container {
        padding: 0 18px;
      }
      .sec2-phones-grid {
        grid-template-columns: 1fr;
        max-width: 280px;
      }
      .hero-visual-stage {
        min-height: 220px;
      }
      .hero-card-text {
        display: none;
      }
    }


/* --------------------------------------------------------------------------
   4. Comprehensive Responsive Overrides (Web, Tablet & Mobile — All Widths)
   -------------------------------------------------------------------------- */

/* Hide duplicate HTML floating Contact Scoring card so only the crisp
   Contact Scoring overlay locked inside capture-ui.jpeg renders at every screen width */
.section-both-ways .contact-scoring-floating-card {
  display: none !important;
}

/* Keep solution card banners proportional & edge-to-edge across all viewports */
.section-solutions .solutions-grid .solution-card .solution-card-banner {
  aspect-ratio: 382 / 300;
  height: auto !important;
}

.section-solutions .solutions-grid .solution-card .solution-card-banner .solution-photo {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  padding-top: 0 !important;
}

/* Highlights Hero: keep full wave & 3D cards uncropped across all viewports */
.alyro-landing-wrapper .hero-visual-stage {
  aspect-ratio: 1666 / 573;
  min-height: 0 !important;
}

.alyro-landing-wrapper .hero-backdrop-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.alyro-landing-wrapper .hero-node-icon {
  width: clamp(22px, 4.4vw, 66px);
  height: clamp(22px, 4.4vw, 66px);
  border-radius: clamp(6px, 1.25vw, 18px);
}

/* Tablet Landscape & Small Desktop (max-width: 1080px) */
@media (max-width: 1080px) {
  .alyro-landing-wrapper .hero-card-text {
    display: none;
  }
}

/* Tablet (max-width: 1024px) */
@media (max-width: 1024px) {
  .landing-wrapper .hero-section {
    padding-top: 28px;
    padding-bottom: 24px;
  }

  .landing-wrapper .hero-section .hero-actions {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    width: auto;
  }

  .landing-wrapper .hero-section .hero-actions button {
    width: auto;
    min-width: 210px;
  }

  .landing-wrapper .hero-section .device-mockup-wrapper {
    max-width: 480px;
    margin: 8px auto 0 auto;
  }

  .landing-wrapper .hero-section .hero-footer-wrapper {
    margin-top: 44px;
  }

  .landing-wrapper .hero-section .hero-footer-bar {
    margin: 0 auto;
    justify-content: center;
    text-align: center;
    max-width: 680px;
  }

  .section-live-connection {
    padding: 56px 0 48px 0;
  }

  .section-live-connection .connecting-line-graphic {
    height: 150px;
  }

  .section-live-connection .connecting-line-graphic .center-badge-glow {
    top: 66px;
  }

  .section-both-ways {
    padding: 64px 0 48px 0;
  }

  .section-both-ways .feature-frame-card {
    max-width: 480px;
    min-height: 0;
    height: auto;
    padding: 28px 24px 0 24px;
  }

  .section-both-ways .feature-frame-card .card-visual.share-visual .share-img,
  .section-both-ways .feature-frame-card .card-visual.capture-visual .capture-img {
    width: 100%;
    max-width: 370px;
    height: auto;
    max-height: none;
    margin: 0 auto;
    display: block;
  }

  .section-ally .ally-center-column .businessman-portrait-frame {
    max-width: 400px;
  }

  .section-ally .ananya-floating-card {
    max-width: 440px;
    margin: -48px auto 12px auto;
  }

  .section-solutions {
    padding: 68px 0 84px 0;
  }

  .section-solutions .solutions-grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: 780px;
    gap: 24px;
    margin: 0 auto 44px auto;
  }

  .section-solutions .solutions-grid .solution-card:last-child {
    grid-column: 1 / -1;
    max-width: 378px;
    width: 100%;
    margin: 0 auto;
  }

  .section-explore {
    padding: 56px 0 76px 0;
  }

  .section-explore .explore-outer-dots {
    display: none !important;
  }

  .section-explore .explore-hero-card {
    padding: 40px 28px 0 28px;
    border-radius: 28px;
  }

  .section-explore .explore-hero-card .explore-copy {
    padding: 0 0 20px 0;
  }

  .section-explore .explore-hero-card .explore-copy .video-play-round {
    width: 84px;
    height: 84px;
  }

  .section-explore .explore-hero-card .explore-copy .video-play-round .play-triangle-svg {
    width: 30px;
    height: 30px;
  }

  .section-explore .explore-hero-card .explore-phone-mockup-svg {
    max-width: 360px;
  }

  .section-final-cta .cta-container {
    padding: 56px 28px 80px 28px;
    text-align: center;
  }

  .section-final-cta .cta-container .accent-line {
    margin: 0 auto 24px auto;
  }

  .section-final-cta .cta-container .final-btn-group {
    justify-content: center;
  }
}

/* Tablet Portrait & Large Phones (max-width: 768px) */
@media (max-width: 768px) {
  .section {
    padding: 56px 0;
  }

  .main-heading {
    font-size: clamp(2.25rem, 7vw, 3.2rem);
  }

  .section-heading,
  .section-meet .meet-heading-box .section-heading,
  .section-both-ways .section-heading,
  .section-solutions .section-heading,
  .section-explore .explore-heading-wrap .section-heading,
  .section-final-cta .cta-container .final-headline {
    font-size: clamp(2rem, 6.5vw, 2.85rem);
  }

  .landing-wrapper .hero-section .hero-actions {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
  }

  .landing-wrapper .hero-section .hero-actions button,
  .section-final-cta .cta-container .final-btn-group button {
    width: auto !important;
    min-width: 200px;
  }
  .section-final-cta .cta-container .final-btn-group {
    flex-direction: row !important;
    justify-content: center;
  }

  .section-solutions .solutions-grid {
    grid-template-columns: 1fr;
    max-width: 400px;
    gap: 28px;
  }

  .section-solutions .solutions-grid .solution-card:last-child {
    max-width: 400px;
  }

  .section-ally .ally-right-column .ally-s-curve-line .s-node-badge.node-mic {
    top: 8%;
  }

  .section-ally .ally-right-column .ally-s-curve-line .s-node-badge.node-sparkle {
    top: 34%;
  }

  .section-ally .ally-right-column .ally-s-curve-line .s-node-badge.node-star {
    top: 63%;
  }

  .section-ally .ally-right-column .ally-s-curve-line .s-node-badge.node-cal {
    top: 89%;
  }
}

/* Mobile Devices (max-width: 580px) */
@media (max-width: 580px) {
  .content-container,
  .section-both-ways .both-ways-container,
  .section-ally .ally-viewport-container,
  .alyro-landing-wrapper .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .landing-wrapper .hero-section {
    padding-top: 20px;
    padding-bottom: 16px;
  }

  .landing-wrapper .hero-section .hero-actions {
    flex-direction: column;
    width: 100%;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
    gap: 12px;
  }

  .landing-wrapper .hero-section .hero-actions button {
    width: 100%;
  }

  .landing-wrapper .hero-section .device-mockup-wrapper {
    max-width: 330px;
  }

  .landing-wrapper .hero-section .hero-footer-wrapper {
    margin-top: 28px;
  }

  .landing-wrapper .hero-section .hero-footer-bar {
    font-size: 0.98rem;
    gap: 10px;
    flex-direction: column;
  }

  .section-live-connection {
    padding: 40px 0 32px 0;
  }

  .section-live-connection .connecting-line-graphic {
    height: 110px;
  }

  .section-live-connection .connecting-line-graphic .wave-line-svg {
    height: 110px;
  }

  .section-live-connection .connecting-line-graphic .center-badge-glow {
    top: 48px;
    width: 60px;
    height: 60px;
  }

  .section-meet {
    padding: 48px 0 56px 0;
  }

  .section-meet .meet-heading-box {
    margin-bottom: 32px;
  }

  .section-both-ways {
    padding: 48px 0 36px 0;
  }

  .section-both-ways .section-subtitle {
    font-size: 1.05rem;
    margin-bottom: 32px;
  }

  .section-both-ways .feature-frame-card {
    padding: 20px 16px 0 16px;
    border-radius: 24px;
    min-height: 0;
  }

  .section-both-ways .feature-frame-card .card-visual.share-visual .share-img,
  .section-both-ways .feature-frame-card .card-visual.capture-visual .capture-img {
    max-width: 300px;
    width: 100%;
    height: auto;
    max-height: none;
  }

  .section-ally .ally-center-column .businessman-portrait-frame {
    max-width: 310px;
  }

  .section-ally .ally-right-column {
    padding-left: 42px;
  }

  .section-ally .ally-right-column .ally-s-curve-line {
    left: -4px;
    width: 44px;
  }

  .section-ally .ally-right-column .ally-s-curve-line .s-node-badge {
    left: 22px;
    width: 28px;
    height: 28px;
  }

  .section-solutions {
    padding: 52px 0 64px 0;
  }

  .section-solutions .section-heading {
    margin-bottom: 36px;
  }

  .section-solutions .solutions-grid {
    max-width: 360px;
  }

  .section-solutions .solutions-grid .solution-card .solution-card-banner .solution-avatar-badge {
    width: 64px;
    height: 64px;
    bottom: -22px;
    left: 16px;
  }

  .section-solutions .solutions-grid .solution-card .solution-card-body {
    padding: 36px 20px 28px 20px;
  }

  .section-solutions .solutions-cta-wrap .btn-explore-pill {
    width: 100%;
    max-width: 320px;
    justify-content: center;
    padding: 16px 28px;
    font-size: 1.05rem;
  }

  .section-explore {
    padding: 44px 0 56px 0;
  }

  .section-explore .explore-hero-card {
    padding: 32px 18px 0 18px;
    border-radius: 24px;
  }

  .section-explore .explore-hero-card .explore-copy .explore-title {
    font-size: clamp(2rem, 8vw, 2.6rem);
  }

  .section-explore .explore-hero-card .explore-copy .explore-sub {
    font-size: 1.1rem;
  }

  .section-explore .explore-hero-card .explore-copy .video-play-round {
    width: 68px;
    height: 68px;
  }

  .section-explore .explore-hero-card .explore-copy .video-play-round .play-triangle-svg {
    width: 24px;
    height: 24px;
  }

  .section-explore .explore-hero-card .explore-phone-mockup-svg {
    max-width: 280px;
  }

  .section-final-cta .cta-container {
    padding: 40px 20px 60px 20px;
  }

  .section-final-cta .cta-container .final-btn-group {
    flex-direction: column !important;
    max-width: 340px;
    margin: 0 auto;
  }

  .section-final-cta .cta-container .final-btn-group button {
    width: 100% !important;
  }

  /* Highlights Page Mobile Fixes */
  .alyro-landing-wrapper .hero-section {
    padding: 28px 0 20px;
  }

  .section-then-there,
  .section-share-style,
  .section-follow-up,
  .section-integrations {
    padding: 36px 16px 44px;
  }

  /* Section 2: 2x2 compact phone steps grid on mobile (360px-580px) */
  .sec2-steps-grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: 420px;
    gap: 24px 12px;
  }

  .sec2-step-badge {
    width: 34px;
    height: 34px;
    font-size: 1rem;
    margin-bottom: 6px;
  }

  .sec2-step-title {
    font-size: 0.92rem;
    margin-bottom: 10px;
  }

  .sec2-phone-frame {
    border-radius: 20px;
  }

  /* Section 4: Fix Tasks card flexbox squishing on mobile */
  .sec4-right-panel {
    padding: 18px 14px;
    border-radius: 20px;
  }

  .sec4-note-card,
  .sec4-note-card.card-1,
  .sec4-note-card.card-2,
  .sec4-note-card.card-3,
  .sec4-task-card,
  .sec4-task-card.card-4 {
    padding: 14px 14px;
    gap: 12px;
  }

  .sec4-card-circle {
    width: 42px;
    height: 42px;
  }

  .sec4-task-card.card-4 {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .sec4-task-card.card-4 .sec4-task-checkbox {
    margin-top: 3px;
  }

  .sec4-task-card.card-4 .sec4-card-body {
    flex: 1 1 calc(100% - 70px);
    min-width: 170px;
  }

  .sec4-task-card.card-4 .sec4-due-pill {
    margin-left: 34px;
    margin-top: 4px;
  }

  .sec4-task-card.card-4 .sec4-card-dots {
    margin-left: auto;
    margin-top: 4px;
  }

  /* Section 5: 2x2 grid for Enterprise Web App tabs on mobile */
  .sec5-tabs-wrap {
    padding: 0 14px;
  }

  .sec5-tabs-pillbar {
    grid-template-columns: repeat(2, 1fr);
    border-radius: 18px;
    gap: 6px;
    padding: 6px;
  }

  .sec5-tab-btn {
    padding: 10px 8px;
    font-size: 0.82rem;
    gap: 6px;
  }

  .sec5-tab-btn svg {
    width: 16px;
    height: 16px;
  }

  /* Section 6 & 7: Compact spacing on mobile */
  .sec6-feat-icon-box {
    width: 54px;
    height: 54px;
    border-radius: 14px;
  }

  .sec6-feat-divider {
    height: 38px;
    margin: 0 14px;
  }

  .section-pricing-cta {
    padding: 52px 0 68px;
  }
}

@media (max-width: 360px) {
  .sec2-steps-grid {
    grid-template-columns: 1fr;
    max-width: 240px;
  }

  .sec5-tabs-pillbar {
    grid-template-columns: 1fr;
  }
}