.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body {
  margin: 0;
  min-height: 100vh;
  background: #fbf9f4;
  display: flex;
  justify-content: center;
}

#sw5-app {
  width: 420px;
  min-height: 100vh;
  background: #fbf9f4;
  overflow-x: hidden;
  color: #1b1c19;
}

#sw5-brand-title {
  font-size: 20px !important;
  font-weight: 700;
}

#sw5-hero-kicker {
  font-size: 11px !important;
}

#sw5-hero-title {
  font-size: 28px !important;
  line-height: 1.2 !important;
}

#sw5-hero-scroll-label {
  font-size: 12px !important;
}

#sw5-intro-title,
#sw5-values-title,
#sw5-compare h3,
#sw5-cta h3 {
  font-size: 26px !important;
  line-height: 1.3 !important;
}

#sw5-intro-desc,
#sw5-values-subtitle,
#sw5-cta p,
#sw5-compare p,
#sw5-app .text-body-md,
#sw5-app .text-body-lg {
  font-size: 14px !important;
  line-height: 1.7 !important;
}

#sw5-intro-point-title,
#sw5-compare h4,
#sw5-footer h4,
#sw5-app .text-title-md {
  font-size: 18px !important;
  line-height: 1.3 !important;
}

#sw5-app .text-label-sm,
#sw5-app .text-[10px] {
  font-size: 12px !important;
}

#sw5-app .font-bold,
#sw5-app strong {
  font-weight: 700;
}

#sw5-cta-actions a,
#sw5-join-btn {
  font-size: 14px !important;
}

#sw5-footer h4 {
  font-size: 20px !important;
}

#sw5-footer p,
#sw5-footer a {
  font-size: 12px !important;
}

#sw5-app .luxury-gradient {
  background: linear-gradient(135deg, #17341c 0%, #2d4b31 100%);
}

#sw5-app .silk-pattern {
  background-image: radial-gradient(#8c6239 0.5px, transparent 0.5px);
  background-size: 24px 24px;
  opacity: 0.05;
}

#sw5-app .bento-card {
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;
}

#sw5-app .bento-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(140, 98, 57, 0.1);
}

/* Force mobile-only single-column layout */
#sw5-top-links {
  display: none !important;
}

#sw5-intro-grid,
#sw5-value-grid,
#sw5-compare-columns {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 20px !important;
}

#sw5-culture-card {
  display: block !important;
}

#sw5-cta-actions {
  display: flex !important;
  flex-direction: column !important;
}

#sw5-bottom-nav {
  display: flex !important;
}