.StyleSwitcher_styleSwitcher__mGuX8 {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  background: var(--header-bg);
  padding: 0.75rem 1rem;
  border-radius: 12px;
  border: 1px solid var(--border);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 10;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.StyleSwitcher_arrow__a618O {
  width: 32px;
  height: 32px;
  border: none;
  background: var(--background);
  color: var(--foreground);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  font-size: 1.2rem;
}

.StyleSwitcher_arrow__a618O:hover {
  background: var(--primary);
  color: white;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(var(--primary-rgb), 0.2);
}

.StyleSwitcher_arrow__a618O:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.StyleSwitcher_styleInfo__a_wSn {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 100px;
  gap: 0.25rem;
}

.StyleSwitcher_styleNumber__eDu3A {
  font-weight: 600;
  color: var(--foreground);
  font-size: 1rem;
}

.StyleSwitcher_totalStyles__lnYaD {
  font-size: 0.75rem;
  color: var(--muted);
  letter-spacing: 0.02em;
}

@media (max-width: 768px) {
  .StyleSwitcher_styleSwitcher__mGuX8 {
    bottom: 1rem;
    right: 1rem;
    padding: 0.5rem 0.75rem;
    gap: 0.75rem;
  }

  .StyleSwitcher_arrow__a618O {
    width: 28px;
    height: 28px;
    font-size: 1rem;
  }

  .StyleSwitcher_styleInfo__a_wSn {
    min-width: 80px;
  }

  .StyleSwitcher_styleNumber__eDu3A {
    font-size: 0.875rem;
  }

  .StyleSwitcher_totalStyles__lnYaD {
    font-size: 0.7rem;
  }
} 
/* Base Styles */
.Contact_contact__WS0Ja {
  padding: 6rem 0;
  background: var(--background);
  position: relative;
  overflow: hidden;
}

.Contact_container____NU8 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  position: relative;
  z-index: 1;
}

.Contact_container____NU8 h2 {
  font-size: 2.5rem;
  margin-bottom: 2rem;
  background: linear-gradient(to right, var(--primary), var(--foreground));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.Contact_contactForm__EwxGg {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.Contact_contactForm__EwxGg input,
.Contact_contactForm__EwxGg textarea {
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--background);
  color: var(--foreground);
  font-family: inherit;
  transition: all 0.2s ease;
}

.Contact_contactForm__EwxGg textarea {
  min-height: 150px;
  resize: vertical;
}

.Contact_contactForm__EwxGg input:focus,
.Contact_contactForm__EwxGg textarea:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.1);
}

.Contact_button__n2Pxi {
  padding: 1rem;
  background: var(--primary);
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.Contact_button__n2Pxi:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(var(--primary-rgb), 0.2);
}

/* Default Style */
.Contact_default__oQw5c {
  background: var(--background);
}

.Contact_default__oQw5c .Contact_contactForm__EwxGg {
  max-width: 600px;
  margin: 0 auto;
}

.Contact_default__oQw5c .Contact_container____NU8 h2 {
  text-align: center;
}

/* Split Style */
.Contact_split__K6Y3f {
  background: var(--header-bg);
}

.Contact_split__K6Y3f .Contact_splitContainer__dTRIr {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 4rem;
  gap: 4rem;
  align-items: start;
}

.Contact_infoSection__651JN {
  padding-right: 2rem;
}

.Contact_description__s55xV {
  color: var(--muted);
  font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: 2rem;
}

.Contact_contactInfo__ZSXig {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.Contact_infoItem__vn82s {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.Contact_infoLabel__Wl_X6 {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--primary);
  font-weight: 600;
}

.Contact_infoValue__Vhhgd {
  color: var(--muted);
}

/* Modern Style */
.Contact_modern___ZI7i {
  background: var(--header-bg);
}

.Contact_modernWrapper__tl5To {
  max-width: 800px;
  margin: 0 auto;
}

.Contact_modernHeader__Qd7_0 {
  text-align: center;
  margin-bottom: 3rem;
}

.Contact_badge__blj3L {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: rgba(var(--primary-rgb), 0.1);
  color: var(--primary);
  border-radius: 2rem;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.Contact_modernForm__KD4AH {
  background: var(--background);
  padding: 3rem;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.Contact_inputGroup__NqQxG {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  gap: 1rem;
  margin-bottom: 1rem;
}

.Contact_modernButton__RCy8a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1.25rem;
  font-size: 1.1rem;
}

.Contact_buttonIcon__ORZru {
  transition: transform 0.2s ease;
}

.Contact_modernButton__RCy8a:hover .Contact_buttonIcon__ORZru {
  transform: translateX(4px);
}

/* Minimal Style */
.Contact_minimal__GUZgo {
  background: var(--background);
}

.Contact_minimalWrapper__q_7rQ {
  max-width: 600px;
  margin: 0 auto;
}

.Contact_minimalForm__8HAGl {
  margin-top: 3rem;
}

.Contact_formField__BmWuu {
  margin-bottom: 2rem;
}

.Contact_formField__BmWuu label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: var(--foreground);
}

.Contact_minimalForm__8HAGl input,
.Contact_minimalForm__8HAGl textarea {
  width: 100%;
  padding: 1rem 0;
  background: transparent;
  border: none;
  border-bottom: 2px solid var(--border);
  border-radius: 0;
  transition: all 0.2s ease;
}

.Contact_minimalForm__8HAGl input:focus,
.Contact_minimalForm__8HAGl textarea:focus {
  border-color: var(--primary);
  box-shadow: none;
}

/* Card Style */
.Contact_card__arC09 {
  background: var(--background);
}

.Contact_cardWrapper__7RkGn {
  max-width: 600px;
  margin: 0 auto;
  position: relative;
}

.Contact_cardContent__2T8Sn {
  background: var(--header-bg);
  padding: 3rem;
  border-radius: 16px;
  border: 1px solid var(--border);
  position: relative;
  z-index: 1;
}

.Contact_cardDecoration__aWwbc {
  position: absolute;
  top: 2rem;
  left: 2rem;
  right: -2rem;
  bottom: -2rem;
  background: linear-gradient(45deg, rgba(var(--primary-rgb), 0.1), transparent);
  border-radius: 16px;
  z-index: 0;
}

.Contact_cardForm__IqO8X input,
.Contact_cardForm__IqO8X textarea {
  background: var(--background);
}

/* Responsive Styles */
@media (max-width: 1024px) {
  .Contact_split__K6Y3f .Contact_splitContainer__dTRIr {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .Contact_infoSection__651JN {
    padding-right: 0;
  }
}

@media (max-width: 768px) {
  .Contact_container____NU8 {
    padding: 0 1rem;
  }

  .Contact_modernForm__KD4AH {
    padding: 2rem;
  }

  .Contact_inputGroup__NqQxG {
    grid-template-columns: 1fr;
  }

  .Contact_container____NU8 h2 {
    font-size: 2rem;
  }

  .Contact_cardContent__2T8Sn {
    padding: 2rem;
  }

  .Contact_cardDecoration__aWwbc {
    display: none;
  }
} 
/* Base Styles */
.CTA_cta__ydbem {
  padding: 6rem 0;
  background: var(--header-bg);
  text-align: center;
  position: relative;
  overflow: hidden;
}

.CTA_container__fiavg {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  position: relative;
  z-index: 1;
}

.CTA_cta__ydbem h2 {
  font-size: 2.5rem;
  margin-bottom: 1.5rem;
  background: linear-gradient(to right, var(--primary), var(--foreground));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.CTA_cta__ydbem p {
  font-size: 1.25rem;
  color: var(--muted);
  margin-bottom: 2rem;
  line-height: 1.6;
}

.CTA_ctaButtons__suUD_ {
  display: flex;
  gap: 1rem;
  justify-content: center;
}

.CTA_button__XCX0p {
  padding: 1rem 2rem;
  font-size: 1.125rem;
  background: var(--primary);
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.CTA_button__XCX0p:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(var(--primary-rgb), 0.2);
}

.CTA_buttonOutline__74VpN {
  background: transparent;
  border: 2px solid var(--primary);
  color: var(--primary);
}

/* Split Style */
.CTA_split__wAllG {
  background: var(--background);
  text-align: left;
}

.CTA_splitContainer__OiBKG {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 4rem;
  gap: 4rem;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

.CTA_content__KpeKr {
  max-width: 500px;
}

.CTA_imageSection__AwXBj {
  position: relative;
  height: 400px;
}

.CTA_imagePlaceholder__Tn1fh {
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(var(--primary-rgb), 0.1), rgba(var(--primary-rgb), 0.05));
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
}

/* Minimal Style */
.CTA_minimal__RjpCg {
  background: var(--background);
}

.CTA_minimalWrapper__65We0 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.CTA_label__tFc5u {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: rgba(var(--primary-rgb), 0.1);
  color: var(--primary);
  border-radius: 2rem;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.CTA_minimal__RjpCg h2 {
  font-size: 3rem;
  margin-bottom: 1.5rem;
}

.CTA_minimal__RjpCg .CTA_button__XCX0p {
  padding: 1.25rem 3rem;
  font-size: 1.25rem;
  border-radius: 12px;
}

/* Gradient Style */
.CTA_gradient__gWS9o {
  background: linear-gradient(135deg, var(--primary), #2563eb);
  color: white;
  padding: 8rem 0;
}

.CTA_gradientWrapper__ZHuNi {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.CTA_gradientContent__P4FlH {
  position: relative;
  z-index: 1;
}

.CTA_gradient__gWS9o h2 {
  font-size: 3.5rem;
  color: white;
  margin-bottom: 1.5rem;
  background: none;
  -webkit-text-fill-color: white;
}

.CTA_gradient__gWS9o p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.5rem;
  margin-bottom: 2.5rem;
}

.CTA_buttonLight__pPSXj {
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.CTA_buttonLight__pPSXj:hover {
  background: rgba(255, 255, 255, 0.3);
}

.CTA_gradientOverlay__DyFEF {
  position: absolute;
  top: -100%;
  left: -50%;
  right: -50%;
  bottom: -100%;
  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  pointer-events: none;
}

/* Modern Style */
.CTA_modern__stDWo {
  background: var(--background);
}

.CTA_modernWrapper__gR_Y8 {
  max-width: 800px;
  margin: 0 auto;
  padding: 4rem;
  background: var(--header-bg);
  border-radius: 24px;
  border: 1px solid var(--border);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.CTA_modernContent__G5hc1 {
  text-align: center;
}

.CTA_badge__P9drc {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: var(--primary);
  color: white;
  border-radius: 2rem;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.CTA_modern__stDWo h2 {
  font-size: 3rem;
  margin-bottom: 1rem;
}

.CTA_ctaGroup__ijjdS {
  margin-top: 3rem;
}

.CTA_guarantee__6_53z {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
  color: var(--muted);
}

.CTA_guaranteeIcon__gSpDA {
  width: 20px;
  height: 20px;
  background: rgba(var(--primary-rgb), 0.1);
  color: var(--primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
}

/* Responsive Styles */
@media (max-width: 1024px) {
  .CTA_splitContainer__OiBKG {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .CTA_content__KpeKr {
    max-width: 100%;
    text-align: center;
  }

  .CTA_imageSection__AwXBj {
    height: 300px;
  }
}

@media (max-width: 768px) {
  .CTA_cta__ydbem {
    padding: 4rem 0;
  }

  .CTA_container__fiavg {
    padding: 0 1rem;
  }

  .CTA_cta__ydbem h2 {
    font-size: 2rem;
  }

  .CTA_cta__ydbem p {
    font-size: 1.125rem;
  }

  .CTA_ctaButtons__suUD_ {
    flex-direction: column;
  }

  .CTA_button__XCX0p {
    width: 100%;
  }

  .CTA_gradient__gWS9o h2 {
    font-size: 2.5rem;
  }

  .CTA_gradient__gWS9o p {
    font-size: 1.25rem;
  }

  .CTA_modernWrapper__gR_Y8 {
    padding: 2rem 1rem;
    margin: 0 1rem;
  }

  .CTA_modern__stDWo h2 {
    font-size: 2rem;
  }
} 
/* Base Styles */
.FAQ_faq__X5nNR {
  padding: 6rem 0;
  background: var(--background);
  position: relative;
}

.FAQ_container__nCYpe {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

.FAQ_container__nCYpe .FAQ_title__DgbKY {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 1rem;
  background: linear-gradient(to right, var(--primary), var(--foreground));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.FAQ_container__nCYpe .FAQ_subtitle__smcW_ {
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 2rem;
}

/* Grid Style (Default) */
.FAQ_faqGrid__cr6ZU {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}

.FAQ_faqItem__0NFVM {
  padding: 2rem;
  background: var(--header-bg);
  border-radius: 12px;
  border: 1px solid var(--border);
  transition: all 0.3s ease;
}

.FAQ_faqItem__0NFVM:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.FAQ_faqItem__0NFVM h3 {
  margin-bottom: 1rem;
  color: var(--primary);
  font-size: 1.25rem;
}

.FAQ_faqItem__0NFVM p {
  color: var(--muted);
  line-height: 1.6;
}

/* Accordion Style */
.FAQ_accordion__401mj {
  max-width: 800px;
  margin: 0 auto;
}

.FAQ_accordionItem__O0QJL {
  background: var(--header-bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  margin-bottom: 1rem;
  overflow: hidden;
  cursor: pointer;
}

.FAQ_accordionHeader__ayRFp {
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.FAQ_accordionHeader__ayRFp h3 {
  font-size: 1.1rem;
  margin: 0;
  color: var(--foreground);
}

.FAQ_accordionIcon__ztBEI {
  font-size: 1.5rem;
  color: var(--primary);
  transition: transform 0.3s ease;
}

.FAQ_active__bo_pL .FAQ_accordionIcon__ztBEI {
  transform: rotate(45deg);
}

.FAQ_accordionContent__alkwV {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  background: var(--background);
}

.FAQ_active__bo_pL .FAQ_accordionContent__alkwV {
  max-height: 200px;
  padding: 0 1.5rem 1.5rem;
}

.FAQ_accordionContent__alkwV p {
  color: var(--muted);
  line-height: 1.6;
  margin: 0;
}

/* Cards Style */
.FAQ_cardsGrid__t9_Si {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}

.FAQ_card__3Xisz {
  padding: 2rem;
  background: var(--header-bg);
  border-radius: 16px;
  text-align: center;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.FAQ_card__3Xisz::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(to right, var(--primary), #2563eb);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.FAQ_card__3Xisz:hover::before {
  opacity: 1;
}

.FAQ_cardIcon__yuIb_ {
  width: 48px;
  height: 48px;
  background: rgba(var(--primary-rgb), 0.1);
  color: var(--primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  font-size: 1.5rem;
  font-weight: bold;
}

.FAQ_card__3Xisz h3 {
  margin-bottom: 1rem;
  color: var(--foreground);
}

.FAQ_card__3Xisz p {
  color: var(--muted);
  line-height: 1.6;
}

/* Minimal Style */
.FAQ_minimal__NUXNt {
  background: var(--header-bg);
}

.FAQ_minimalWrapper__Krftg {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.FAQ_label__vnn_o {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: rgba(var(--primary-rgb), 0.1);
  color: var(--primary);
  border-radius: 2rem;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.FAQ_minimalList__Mwr8c {
  text-align: left;
  margin-top: 3rem;
}

.FAQ_minimalItem__V_63B {
  padding: 2rem 0;
  border-bottom: 1px solid var(--border);
}

.FAQ_minimalItem__V_63B:last-child {
  border-bottom: none;
}

.FAQ_minimalItem__V_63B h3 {
  color: var(--foreground);
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.FAQ_minimalItem__V_63B p {
  color: var(--muted);
  line-height: 1.6;
}

/* Tabs Style */
.FAQ_tabsContainer__AajP_ {
  max-width: 800px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 300px 1fr;
  grid-gap: 2rem;
  gap: 2rem;
  background: var(--header-bg);
  border-radius: 12px;
  padding: 2rem;
}

.FAQ_tabsList__dyjQF {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.FAQ_tabButton__HukB6 {
  padding: 1rem;
  text-align: left;
  background: transparent;
  border: none;
  border-radius: 8px;
  color: var(--muted);
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 1rem;
}

.FAQ_tabButton__HukB6:hover {
  background: rgba(var(--primary-rgb), 0.1);
  color: var(--primary);
}

.FAQ_activeTab__RZbCA {
  background: var(--primary) !important;
  color: white !important;
  font-weight: 500;
}

.FAQ_tabContent__Wm4SO {
  background: var(--background);
  border-radius: 8px;
  padding: 2rem;
}

.FAQ_tabPanel__IyWmB p {
  color: var(--muted);
  line-height: 1.6;
}

/* Responsive Styles */
@media (max-width: 1024px) {
  .FAQ_faqGrid__cr6ZU,
  .FAQ_cardsGrid__t9_Si {
    grid-template-columns: 1fr;
  }

  .FAQ_tabsContainer__AajP_ {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .FAQ_tabsList__dyjQF {
    flex-direction: row;
    overflow-x: auto;
    padding-bottom: 1rem;
  }

  .FAQ_tabButton__HukB6 {
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  .FAQ_container__nCYpe {
    padding: 0 1rem;
  }

  .FAQ_container__nCYpe h2 {
    font-size: 2rem;
  }

  .FAQ_accordionHeader__ayRFp h3 {
    font-size: 1rem;
  }

  .FAQ_card__3Xisz {
    padding: 1.5rem;
  }
} 
/* Base Styles */
.Features_features__wEd05 {
  padding: 6rem 0;
  background: var(--background);
  position: relative;
  overflow: hidden;
}

.Features_container__rsiYh {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  position: relative;
  z-index: 1;
}

.Features_container__rsiYh h2 {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 3rem;
  background: linear-gradient(to right, var(--primary), var(--foreground));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Grid Style (Default) */
.Features_grid__N8Vd6 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}

.Features_feature__C67qL {
  padding: 2rem;
  background: var(--header-bg);
  border-radius: 12px;
  border: 1px solid var(--border);
  transition: all 0.3s ease;
}

.Features_feature__C67qL:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.Features_feature__C67qL h3 {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  color: var(--foreground);
}

.Features_feature__C67qL p {
  color: var(--muted);
  line-height: 1.6;
}

/* Cards Style */
.Features_cards__F_VOW {
  background: var(--header-bg);
}

.Features_cards__F_VOW .Features_cardsGrid__pirFz {
  gap: 3rem;
}

.Features_card__EBQZF {
  text-align: center;
  padding: 3rem 2rem;
  background: var(--background);
  border: none;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.Features_cardIcon__K7WeA {
  margin-bottom: 2rem;
}

.Features_iconCircle__K7ROo {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background: linear-gradient(45deg, var(--primary), #2563eb);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Minimal Style */
.Features_minimal__yIJmy {
  background: var(--background);
}

.Features_minimal__yIJmy .Features_minimalGrid__NrJQ0 {
  gap: 4rem;
}

.Features_minimal__yIJmy .Features_feature__C67qL {
  background: transparent;
  border: none;
  padding: 1rem;
  position: relative;
}

.Features_featureNumber__ALArH {
  font-size: 4rem;
  font-weight: 900;
  color: rgba(var(--primary-rgb), 0.1);
  position: absolute;
  top: -2rem;
  left: -1rem;
  z-index: 0;
}

.Features_minimal__yIJmy .Features_feature__C67qL h3 {
  position: relative;
  z-index: 1;
  font-size: 1.75rem;
}

/* Icons Style */
.Features_icons__gWsuv {
  background: var(--header-bg);
}

.Features_icons__gWsuv .Features_iconsGrid__ljMdw {
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.Features_iconsGrid__ljMdw .Features_iconBox__OXmgx {
  background: var(--primary);
}

.Features_iconsGrid__ljMdw .Features_iconFeature__LaNoa {
  padding: 1rem;
  gap: 1rem;
}

.Features_iconFeature__LaNoa {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  background: transparent;
  border: none;
  padding: 0;
}

.Features_iconBox__OXmgx {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background: var(--background);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border);
}

.Features_icon__xyUAI {
  color: white;
  font-size: 1.5rem;
}

.Features_featureContent__QAPsU {
  flex-grow: 1;
}

/* Interactive Style */
.Features_interactive__Bl4ci {
  background: var(--background);
}

.Features_interactive__Bl4ci .Features_interactiveGrid__5aJEj {
  gap: 3rem;
}

.Features_interactive__Bl4ci .Features_feature__C67qL {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
  padding: 0;
  overflow: hidden;
  background: var(--header-bg);
  border: 1px solid var(--border);
}

.Features_interactiveContent__A4_2L {
  padding: 2rem;
}

.Features_learnMore__GbBjq {
  margin-top: 1.5rem;
  padding: 0.75rem 1.5rem;
  background: var(--primary);
  color: white;
  border: none;
  border-radius: 6px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.Features_learnMore__GbBjq:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(var(--primary-rgb), 0.2);
}

.Features_interactiveImage__WY_ei {
  height: 200px;
  background: var(--background);
  overflow: hidden;
}

.Features_imagePlaceholder__Vqh36 {
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(var(--primary-rgb), 0.1), rgba(var(--primary-rgb), 0.05));
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
}

/* Responsive Styles */
@media (max-width: 1024px) {
  .Features_grid__N8Vd6 {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .Features_icons__gWsuv .Features_iconsGrid__ljMdw {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .Features_container__rsiYh {
    padding: 0 1rem;
  }

  .Features_grid__N8Vd6,
  .Features_icons__gWsuv .Features_iconsGrid__ljMdw {
    grid-template-columns: 1fr;
  }

  .Features_container__rsiYh h2 {
    font-size: 2rem;
  }

  .Features_featureNumber__ALArH {
    font-size: 3rem;
    top: -1.5rem;
    left: -0.5rem;
  }
} 
.ThemeToggle_themeToggle__KUJZY {
  border-radius: 50%;
  background: var(--header-bg);
  border: 1px solid var(--border);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.ThemeToggle_themeToggle__KUJZY:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} 
.Header_header__s84dv {
    position: fixed;
    top: 1rem;
    z-index: 100;
    width: 70%;
    margin: 0 auto;
    background: var(--header-bg);
    border: 1px solid var(--border);
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
    border-radius: 1rem;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

/* dark mode header shadow */
@media (prefers-color-scheme: dark) {
    .Header_header__s84dv {
        border: 1px solid #eeff0022;
    }
}

.Header_container__FQDnv {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Header_brandName__D6DFG {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--foreground);
    margin: 0;
    background: linear-gradient(to right, var(--primary), var(--foreground));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.Header_headerRight__QWRG2 {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.Header_headerRight__QWRG2 nav {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}

.Header_headerRight__QWRG2 nav a {
    color: var(--muted);
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 500;
    transition: color 0.2s ease;
    position: relative;
}

.Header_headerRight__QWRG2 nav a:hover {
    color: var(--foreground);
}

.Header_headerRight__QWRG2 nav a::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--primary);
    transition: width 0.2s ease;
}

.Header_headerRight__QWRG2 nav a:hover::after {
    width: 100%;
}
/* Base Hero Styles */
.Hero_hero__N1o0K {
  position: relative;
  overflow: hidden;
}

.Hero_container__HG9E5 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  position: relative;
  z-index: 1;
}

/* Style 1: Centered (Default) */
.Hero_centered__PlxBo {
  padding: 8rem 0;
  text-align: center;
  background: var(--header-bg);
}

.Hero_centered__PlxBo .Hero_container__HG9E5 {
  max-width: 800px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Hero_centered__PlxBo h1 {
  font-size: 3.5rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  background: linear-gradient(to right, var(--primary), var(--foreground));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Style 2: Split */
.Hero_split__mDnS7 {
  padding: 6rem 0;
  background: var(--background);
}

.Hero_splitContainer__dcX6r {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 4rem;
  gap: 4rem;
  align-items: center;
}

.Hero_split__mDnS7 .Hero_content__8ci9u {
  padding-right: 2rem;
}

.Hero_split__mDnS7 h1 {
  font-size: 3.2rem;
  font-weight: 800;
  margin-bottom: 1.5rem;
  line-height: 1.1;
}

.Hero_split__mDnS7 .Hero_imageContainer__PcFG2 {
  position: relative;
  height: 400px;
}

.Hero_split__mDnS7 .Hero_mockup__6x_d0 {
  width: 100%;
  height: 100%;
  background: var(--header-bg);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed var(--border);
  color: var(--muted);
}

/* Style 3: Minimal */
.Hero_minimal__c64OU {
  padding: 12rem 0;
  background: var(--background);
  text-align: center;
}

.Hero_minimal__c64OU h1 {
  font-size: 5rem;
  font-weight: 900;
  letter-spacing: -2px;
  margin-bottom: 3rem;
  line-height: 1;
}

.Hero_minimal__c64OU .Hero_button__99swK {
  font-size: 1.25rem;
  padding: 1.25rem 3rem;
}

/* Style 4: Gradient */
.Hero_gradient__yD8wg {
  padding: 8rem 0;
  background: linear-gradient(105deg, var(--primary), var(--background));
  color: white;
  text-align: center;
}

.Hero_gradient__yD8wg .Hero_badge__4PCbC {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2rem;
  font-size: 0.875rem;
  margin-bottom: 2rem;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.Hero_gradient__yD8wg h1 {
  font-size: 3.5rem;
  font-weight: 800;
  margin-bottom: 1.5rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.Hero_gradient__yD8wg .Hero_buttonGroup__WQj_i {
  display: flex;
  gap: 1rem;
  justify-content: center;
}

.Hero_gradient__yD8wg .Hero_buttonOutline__vcV7i {
  background: transparent;
  border: 2px solid white;
  color: white;
}

/* Style 5: Animated */
.Hero_animated__ExHKK {
  padding: 8rem 0;
  background: var(--background);
  text-align: center;
}

.Hero_animated__ExHKK .Hero_shapes__us4Ca {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 0;
}

.Hero_animated__ExHKK .Hero_shape__dpHaB {
  position: absolute;
  background: var(--primary);
  opacity: 0.1;
  border-radius: 50%;
  animation: Hero_float__cJn_8 20s infinite;
}

.Hero_animated__ExHKK .Hero_shape__dpHaB:nth-child(1) {
  width: 300px;
  height: 300px;
  top: -100px;
  left: -100px;
  animation-delay: 0s;
}

.Hero_animated__ExHKK .Hero_shape__dpHaB:nth-child(2) {
  width: 200px;
  height: 200px;
  top: 50%;
  right: -50px;
  animation-delay: -5s;
}

.Hero_animated__ExHKK .Hero_shape__dpHaB:nth-child(3) {
  width: 150px;
  height: 150px;
  bottom: -50px;
  left: 30%;
  animation-delay: -10s;
}

@keyframes Hero_float__cJn_8 {
  0%, 100% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(50px, -50px);
  }
  50% {
    transform: translate(0, -100px);
  }
  75% {
    transform: translate(-50px, -50px);
  }
}

/* Common Button Styles */
.Hero_button__99swK {
  font-size: 1.125rem;
  padding: 1rem 2rem;
  background: var(--primary);
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.Hero_button__99swK:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px -4px rgba(var(--primary-rgb), 0.2);
}

/* Common Text Styles */
.Hero_hero__N1o0K p {
  font-size: 1.25rem;
  color: var(--muted);
  margin-bottom: 2rem;
  line-height: 1.6;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .Hero_centered__PlxBo h1,
  .Hero_split__mDnS7 h1,
  .Hero_gradient__yD8wg h1 {
    font-size: 2.5rem;
  }

  .Hero_minimal__c64OU h1 {
    font-size: 3.5rem;
  }

  .Hero_splitContainer__dcX6r {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .Hero_split__mDnS7 .Hero_content__8ci9u {
    padding-right: 0;
    text-align: center;
  }

  .Hero_split__mDnS7 .Hero_imageContainer__PcFG2 {
    height: 300px;
  }

  .Hero_gradient__yD8wg .Hero_buttonGroup__WQj_i {
    flex-direction: column;
  }

  .Hero_hero__N1o0K p {
    font-size: 1.125rem;
  }

  .Hero_centered__PlxBo,
  .Hero_split__mDnS7,
  .Hero_minimal__c64OU,
  .Hero_gradient__yD8wg,
  .Hero_animated__ExHKK {
    padding: 6rem 1rem;
  }
} 
/* Base Styles */
.HowItWorks_howItWorks__gwd5q {
  padding: 6rem 0;
  background: var(--background);
  position: relative;
}

.HowItWorks_container__5EraU {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

.HowItWorks_container__5EraU .HowItWorks_title__Ks__l {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 1rem;
  background: linear-gradient(to right, var(--primary), var(--foreground));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.HowItWorks_container__5EraU .HowItWorks_subtitle__20JSo {
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 2rem;
}

/* Steps Style (Default) */
.HowItWorks_steps__a1MWF {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}

.HowItWorks_stepsSection__b2GFR {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.HowItWorks_step__Qy2Wo {
  text-align: center;
  padding: 2rem;
  background: var(--header-bg);
  border-radius: 12px;
  border: 1px solid var(--border);
  transition: all 0.3s ease;
  position: relative;
}

.HowItWorks_step__Qy2Wo:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.HowItWorks_stepNumber__v5Kcs {
  width: 40px;
  height: 40px;
  background: var(--primary);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
  font-weight: bold;
}

.HowItWorks_step__Qy2Wo h3 {
  margin-bottom: 1rem;
  color: var(--foreground);
}

.HowItWorks_step__Qy2Wo p {
  color: var(--muted);
  line-height: 1.6;
}

/* Timeline Style */
.HowItWorks_timeline__WgYHx {
  position: relative;
  max-width: 800px;
  margin: 4rem auto 0;
  padding: 2rem 0;
}

.HowItWorks_timeline__WgYHx::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 100%;
  background: var(--border);
  top: 0;
}

.HowItWorks_timelineItem__7qoJV {
  position: relative;
  margin-bottom: 4rem;
  width: 50%;
}

.HowItWorks_timelineItem__7qoJV:nth-child(odd) {
  padding-right: 3rem;
  text-align: right;
  margin-left: 0;
}

.HowItWorks_timelineItem__7qoJV:nth-child(even) {
  margin-left: 50%;
  padding-left: 3rem;
}

.HowItWorks_timelineNumber__su0Ds {
  position: absolute;
  width: 40px;
  height: 40px;
  background: var(--primary);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.HowItWorks_timelineItem__7qoJV:nth-child(odd) .HowItWorks_timelineNumber__su0Ds {
  right: -20px;
}

.HowItWorks_timelineItem__7qoJV:nth-child(even) .HowItWorks_timelineNumber__su0Ds {
  left: -20px;
}

.HowItWorks_timelineContent__OexOB h3 {
  margin-bottom: 1rem;
  color: var(--foreground);
}

.HowItWorks_timelineContent__OexOB p {
  color: var(--muted);
  line-height: 1.6;
}

/* Cards Style */
.HowItWorks_cardsGrid__ASw35 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}

.HowItWorks_card__q2AyG {
  padding: 2rem;
  background: var(--header-bg);
  border-radius: 12px;
  border: 1px solid var(--border);
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  transition: all 0.3s ease;
}

.HowItWorks_card__q2AyG:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.HowItWorks_cardNumber__vLpau {
  width: 48px;
  height: 48px;
  background: rgba(var(--primary-rgb), 0.1);
  color: var(--primary);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.25rem;
}

.HowItWorks_cardContent__Uo6I5 {
  flex-grow: 1;
}

.HowItWorks_cardContent__Uo6I5 h3 {
  margin-bottom: 1rem;
  color: var(--foreground);
}

.HowItWorks_cardContent__Uo6I5 p {
  color: var(--muted);
  line-height: 1.6;
}

.HowItWorks_cardArrow__k6x7s {
  color: var(--primary);
  font-size: 1.5rem;
  opacity: 0;
  transition: all 0.3s ease;
}

.HowItWorks_card__q2AyG:hover .HowItWorks_cardArrow__k6x7s {
  opacity: 1;
  transform: translateX(5px);
}

/* Minimal Style */
.HowItWorks_minimal__NsZ2g {
  background: var(--header-bg);
}

.HowItWorks_minimalWrapper__3oB3_ {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.HowItWorks_label__4pTW_ {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: rgba(var(--primary-rgb), 0.1);
  color: var(--primary);
  border-radius: 2rem;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.HowItWorks_minimalSteps__8sjUV {
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.HowItWorks_minimalStep___GURA {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  text-align: left;
}

.HowItWorks_minimalStep___GURA .HowItWorks_stepNumber__v5Kcs {
  font-size: 3rem;
  font-weight: 900;
  color: rgba(var(--primary-rgb), 0.2);
  line-height: 1;
  background: transparent;
  margin: 0;
}

.HowItWorks_stepContent__yfoxu h3 {
  margin-bottom: 1rem;
  color: var(--foreground);
}

.HowItWorks_minimalStep___GURA .HowItWorks_stepContent__yfoxu {
  display: flex;
  flex-direction: column;

}

.HowItWorks_stepContent__yfoxu p {
  color: var(--muted);
  line-height: 1.6;
}

/* Interactive Style */
.HowItWorks_interactiveContainer__F3VKD {
  display: grid;
  grid-template-columns: 300px 1fr;
  grid-gap: 3rem;
  gap: 3rem;
  max-width: 900px;
  margin: 0 auto;
  background: var(--header-bg);
  border-radius: 16px;
  padding: 2rem;
}

.HowItWorks_stepsList__Da2KS {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.HowItWorks_stepButton__Jhanw {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: transparent;
  border: none;
  border-radius: 8px;
  color: var(--muted);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
  width: 100%;
}

.HowItWorks_stepButton__Jhanw .HowItWorks_stepNumber__v5Kcs {
  width: 28px;
  height: 28px;
  background: rgba(var(--primary-rgb), 0.1);
  color: var(--primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 500;
}

.HowItWorks_stepButton__Jhanw:hover {
  background: rgba(var(--primary-rgb), 0.1);
  color: var(--primary);
}

.HowItWorks_activeStep__egKJe {
  background: var(--primary) !important;
  color: white !important;
}

.HowItWorks_activeStep__egKJe .HowItWorks_stepNumber__v5Kcs {
  background: rgba(255, 255, 255, 0.2);
  color: white;
}

.HowItWorks_stepDetails__P9YPm {
  background: var(--background);
  padding: 2rem;
  border-radius: 12px;
}

.HowItWorks_stepDetails__P9YPm h3 {
  margin-bottom: 1rem;
  color: var(--foreground);
  font-size: 1.5rem;
}

.HowItWorks_stepDetails__P9YPm p {
  color: var(--muted);
  line-height: 1.6;
}

/* Responsive Styles */
@media (max-width: 1024px) {
  .HowItWorks_steps__a1MWF {
    grid-template-columns: repeat(2, 1fr);
  }

  .HowItWorks_cardsGrid__ASw35 {
    grid-template-columns: 1fr;
  }

  .HowItWorks_interactiveContainer__F3VKD {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .HowItWorks_stepsList__Da2KS {
    flex-direction: row;
    overflow-x: auto;
    padding-bottom: 1rem;
  }

  .HowItWorks_stepButton__Jhanw {
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  .HowItWorks_container__5EraU {
    padding: 0 1rem;
  }

  .HowItWorks_steps__a1MWF {
    grid-template-columns: 1fr;
  }

  .HowItWorks_container__5EraU h2 {
    font-size: 2rem;
  }

  .HowItWorks_timeline__WgYHx::before {
    left: 0;
  }

  .HowItWorks_timelineItem__7qoJV {
    width: 100%;
    margin-left: 0 !important;
    padding-left: 2rem !important;
    padding-right: 0 !important;
    text-align: left !important;
  }

  .HowItWorks_timelineNumber__su0Ds {
    left: -20px !important;
  }

  .HowItWorks_minimalStep___GURA {
    flex-direction: column;
    gap: 1rem;
  }

  .HowItWorks_minimalStep___GURA .HowItWorks_stepNumber__v5Kcs {
    font-size: 2rem;
  }
} 
/* Base Styles */
.Pricing_pricing__GYB99 {
  padding: 6rem 0;
  background: var(--header-bg);
  position: relative;
  overflow: hidden;
}

.Pricing_container__Zs8fR {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  position: relative;
  z-index: 1;
}

.Pricing_container__Zs8fR h2 {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 1rem;
  background: linear-gradient(to right, var(--primary), var(--foreground));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.Pricing_container__Zs8fR .Pricing_subtitle__RMDtC {
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 2rem;
}

/* Grid Style (Default) */
.Pricing_pricingGrid__3I62z {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}

.Pricing_pricingCard__uNXl_ {
  padding: 2rem;
  background: var(--background);
  border-radius: 12px;
  border: 1px solid var(--border);
  text-align: center;
  transition: all 0.3s ease;
}

.Pricing_pricingCard__uNXl_:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.Pricing_pricingCard__uNXl_ h3 {
  font-size: 1.5rem;
  color: var(--foreground);
  margin-bottom: 1rem;
}

.Pricing_price__kg4rY {
  font-size: 2.5rem;
  font-weight: bold;
  color: var(--primary);
  margin: 1.5rem 0;
  text-align: center;
}

.Pricing_price__kg4rY span {
  font-size: 1rem;
  color: var(--muted);
  font-weight: normal;
}

.Pricing_features__LkWBw {
  list-style: none;
  padding: 0;
  margin: 1.5rem 0;
}

.Pricing_features__LkWBw li {
  padding: 0.75rem 0;
  color: var(--muted);
  border-bottom: 1px solid var(--border);
  text-align: center;
}

.Pricing_features__LkWBw li:last-child {
  border-bottom: none;
}

.Pricing_button__JVC9J {
  width: 100%;
  padding: 1rem;
  background: var(--primary);
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.Pricing_button__JVC9J:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(var(--primary-rgb), 0.2);
}

/* Cards Style */
.Pricing_cardsGrid__8QTIk {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3rem;
  gap: 3rem;
}

.Pricing_card__fd_MJ {
  background: var(--background);
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.3s ease;
  border: 1px solid var(--border);
}

.Pricing_card__fd_MJ:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.Pricing_cardHeader__7Qz4C {
  padding: 2rem;
  background: var(--header-bg);
  text-align: center;
  border-bottom: 1px solid var(--border);
}

.Pricing_cardHeader__7Qz4C h3 {
  font-size: 1.5rem;
  color: var(--foreground);
  margin-bottom: 1rem;
}

.Pricing_amount__Y2fST {
  font-size: 3rem;
  font-weight: bold;
  color: var(--primary);
}

.Pricing_period__hiMbz {
  font-size: 1rem;
  color: var(--muted);
}

/* Minimal Style */
.Pricing_minimal__T6fT8 {
  background: var(--background);
}

.Pricing_minimalWrapper__Pf85V {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.Pricing_label__RycpD {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: rgba(var(--primary-rgb), 0.1);
  color: var(--primary);
  border-radius: 2rem;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.Pricing_minimalGrid__bA_29 {
  margin-top: 4rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}

.Pricing_minimalPlan__Vi1aE {
  padding: 2rem;
  background: var(--header-bg);
  border-radius: 12px;
  text-align: left;
}

.Pricing_planHeader__3j3No {
  margin-bottom: 2rem;
}

.Pricing_planHeader__3j3No h3 {
  font-size: 1.5rem;
  color: var(--foreground);
  margin-bottom: 0.5rem;
  text-align: center;
}

/* Table Style */
.Pricing_tableWrapper__A40jW {
  overflow-x: auto;
  background: var(--background);
  border-radius: 12px;
  border: 1px solid var(--border);
}

.Pricing_table__Rz_2w {
  width: 100%;
  border-collapse: collapse;
}

.Pricing_table__Rz_2w th,
.Pricing_table__Rz_2w td {
  padding: 1rem;
  text-align: center;
  border-bottom: 1px solid var(--border);
}

.Pricing_table__Rz_2w th {
  background: var(--header-bg);
  font-weight: 600;
}

.Pricing_table__Rz_2w td:first-child {
  text-align: left;
  color: var(--foreground);
  font-weight: 500;
}

.Pricing_planName__8iKdl {
  font-size: 1.25rem;
  color: var(--foreground);
  margin-bottom: 0.5rem;
}

.Pricing_planPrice__voItZ {
  color: var(--primary);
  font-weight: bold;
}

.Pricing_planPrice__voItZ span {
  font-size: 0.875rem;
  color: var(--muted);
  font-weight: normal;
}

/* Modern Style */
.Pricing_modern__HhIqS {
  background: var(--background);
}

.Pricing_modernHeader__JPHxp {
  text-align: center;
  margin-bottom: 4rem;
}

.Pricing_subtitle__RMDtC {
  color: var(--muted);
  font-size: 1.25rem;
  margin-top: 1rem;
}

.Pricing_modernGrid__Wzofm {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
  position: relative;
}

.Pricing_modernCard__A9lpP {
  background: var(--header-bg);
  border-radius: 16px;
  border: 1px solid var(--border);
  position: relative;
  transition: all 0.3s ease;
}

.Pricing_modernCard__A9lpP:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.Pricing_popularBadge__cPHkG {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
}

.Pricing_popularBadge__cPHkG span {
  background: var(--primary);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 500;
}

.Pricing_modernContent__VXj2W {
  padding: 2rem;
}

.Pricing_modernContent__VXj2W h3 {
  font-size: 1.5rem;
  color: var(--foreground);
  margin-bottom: 1rem;
  text-align: center;
}

.Pricing_modernPrice__falMQ {
  font-size: 3rem;
  font-weight: bold;
  color: var(--primary);
  text-align: center;
  margin: 1.5rem 0;
}

.Pricing_modernPrice__falMQ span {
  font-size: 1rem;
  color: var(--muted);
  font-weight: normal;
}

.Pricing_modernFeatures__7vKjx {
  list-style: none;
  padding: 0;
  margin: 2rem 0;
}

.Pricing_modernFeatures__7vKjx li {
  padding: 0.75rem 0;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.Pricing_modernFeatures__7vKjx li::before {
  content: '✓';
  color: var(--primary);
  font-weight: bold;
}

.Pricing_primary__yr1Xp {
  background: var(--primary);
  color: white;
}

/* Responsive Styles */
@media (max-width: 1024px) {
  .Pricing_pricingGrid__3I62z,
  .Pricing_cardsGrid__8QTIk,
  .Pricing_minimalGrid__bA_29,
  .Pricing_modernGrid__Wzofm {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .Pricing_container__Zs8fR {
    padding: 0 1rem;
  }

  .Pricing_pricingGrid__3I62z,
  .Pricing_cardsGrid__8QTIk,
  .Pricing_minimalGrid__bA_29,
  .Pricing_modernGrid__Wzofm {
    grid-template-columns: 1fr;
  }

  .Pricing_container__Zs8fR .Pricing_title__INvGW {
    font-size: 2rem;
  }

  .Pricing_container__Zs8fR .Pricing_subtitle__RMDtC {
    font-size: 1.2rem;
  }

  .Pricing_table__Rz_2w {
    min-width: 800px;
  }

  .Pricing_modernCard__A9lpP {
    max-width: 400px;
    margin: 0 auto;
  }
} 
/* Base Styles */
.Testimonials_testimonials__yeI0M {
  padding: 6rem 0;
  background: var(--background);
  position: relative;
  overflow: hidden;
}

.Testimonials_container__07ZCz {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  position: relative;
  z-index: 1;
}

.Testimonials_container__07ZCz .Testimonials_title__g0Ajz {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 1rem;
  background: linear-gradient(to right, var(--primary), var(--foreground));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.Testimonials_container__07ZCz .Testimonials_subtitle__P1WPG {
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 2rem;
}

/* Grid Style (Default) */
.Testimonials_testimonialGrid___ln2r {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}

.Testimonials_testimonial__et1_m {
  padding: 2rem;
  background: var(--header-bg);
  border-radius: 12px;
  border: 1px solid var(--border);
  transition: all 0.3s ease;
}

.Testimonials_testimonial__et1_m:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.Testimonials_testimonial__et1_m p {
  font-style: italic;
  color: var(--muted);
  line-height: 1.6;
  margin-bottom: 1.5rem;
}

.Testimonials_author__Vc70h {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.Testimonials_author__Vc70h strong {
  color: var(--foreground);
  font-size: 1.1rem;
}

.Testimonials_author__Vc70h span {
  color: var(--muted);
  font-size: 0.9rem;
}

/* Carousel Style */
.Testimonials_carousel__FM9UA {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.Testimonials_carouselItem__Id_vm {
  padding: 3rem;
  text-align: center;
  background: var(--header-bg);
  border-radius: 16px;
  border: 1px solid var(--border);
  margin: 0 1rem;
}

.Testimonials_quote__TqH6o {
  font-size: 4rem;
  color: var(--primary);
  line-height: 1;
  margin-bottom: -1rem;
}

.Testimonials_carouselItem__Id_vm p {
  font-size: 1.25rem;
  color: var(--muted);
  line-height: 1.8;
  margin: 2rem 0;
}

/* Cards Style */
.Testimonials_cardsGrid__VFCQL {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}

.Testimonials_card__tR9vh {
  background: var(--header-bg);
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.Testimonials_card__tR9vh:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.Testimonials_cardContent__8QxFM {
  padding: 2rem;
  text-align: center;
}

.Testimonials_avatar__oWp6u {
  width: 80px;
  height: 80px;
  background: linear-gradient(45deg, var(--primary), #2563eb);
  border-radius: 50%;
  margin: 0 auto 1.5rem;
}

.Testimonials_card__tR9vh p {
  color: var(--muted);
  line-height: 1.6;
  margin-bottom: 1.5rem;
}

/* Minimal Style */
.Testimonials_minimal__kuwHX {
  background: var(--header-bg);
}

.Testimonials_minimalWrapper__GFW0S {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.Testimonials_label__1l_bM {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: rgba(var(--primary-rgb), 0.1);
  color: var(--primary);
  border-radius: 2rem;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.Testimonials_minimalGrid__v2UNb {
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.Testimonials_minimalTestimonial__MLKs_ {
  text-align: left;
  padding: 2rem;
  background: var(--background);
  border-radius: 12px;
}

.Testimonials_minimalTestimonial__MLKs_ p {
  font-size: 1.25rem;
  color: var(--muted);
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

/* Quotes Style */
.Testimonials_quotesGrid__vgSex {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}

.Testimonials_quoteCard__s_Ac8 {
  padding: 2rem;
  background: var(--header-bg);
  border-radius: 16px;
  border: 1px solid var(--border);
  position: relative;
}

.Testimonials_quoteCard__s_Ac8:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.Testimonials_quoteIcon__WKlyl {
  position: absolute;
  top: -1rem;
  left: 2rem;
  font-size: 4rem;
  color: var(--primary);
  opacity: 0.2;
}

.Testimonials_quoteCard__s_Ac8 p {
  position: relative;
  color: var(--muted);
  line-height: 1.6;
  margin-bottom: 2rem;
}

.Testimonials_authorInfo__elFhp {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.Testimonials_authorAvatar__CfCLt {
  width: 48px;
  height: 48px;
  background: linear-gradient(45deg, var(--primary), #2563eb);
  border-radius: 50%;
  flex-shrink: 0;
}

.Testimonials_authorDetails__TV9PV {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.Testimonials_authorDetails__TV9PV strong {
  color: var(--foreground);
}

.Testimonials_authorDetails__TV9PV span {
  color: var(--muted);
  font-size: 0.9rem;
}

/* Responsive Styles */
@media (max-width: 1024px) {
  .Testimonials_testimonialGrid___ln2r,
  .Testimonials_cardsGrid__VFCQL,
  .Testimonials_quotesGrid__vgSex {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .Testimonials_container__07ZCz {
    padding: 0 1rem;
  }

  .Testimonials_testimonialGrid___ln2r,
  .Testimonials_cardsGrid__VFCQL,
  .Testimonials_quotesGrid__vgSex {
    grid-template-columns: 1fr;
  }

  .Testimonials_container__07ZCz h2 {
    font-size: 2rem;
  }

  .Testimonials_carouselItem__Id_vm {
    padding: 2rem 1rem;
  }

  .Testimonials_quote__TqH6o {
    font-size: 3rem;
  }

  .Testimonials_carouselItem__Id_vm p {
    font-size: 1.1rem;
  }

  .Testimonials_minimalTestimonial__MLKs_ p {
    font-size: 1.1rem;
  }
} 
.Footer_footer__4vzqH {
  background: var(--footer-bg);
  border-top: 1px solid var(--border);
  margin-top: auto;
  padding: 3rem 0;
}

.Footer_container__Dj1D9 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

.Footer_content__a1cH7 {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 2rem;
  gap: 2rem;
  align-items: center;
}

.Footer_copyright__1v3uR {
  color: var(--muted);
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.Footer_copyright__1v3uR::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  background: var(--primary);
  border-radius: 50%;
}

.Footer_links__LGHlK {
  display: flex;
  gap: 2rem;
  align-items: center;
}

.Footer_link__wByfM {
  color: var(--muted);
  text-decoration: none;
  font-size: 0.875rem;
  transition: all 0.2s ease;
  position: relative;
  padding: 0.25rem 0;
}

.Footer_link__wByfM::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--primary);
  transition: width 0.2s ease;
}

.Footer_link__wByfM:hover {
  color: var(--primary);
}

.Footer_link__wByfM:hover::after {
  width: 100%;
}

@media (max-width: 640px) {
  .Footer_footer__4vzqH {
    padding: 2rem 0;
  }

  .Footer_container__Dj1D9 {
    padding: 0 1rem;
  }
  
  .Footer_content__a1cH7 {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 1.5rem;
  }
  
  .Footer_copyright__1v3uR {
    justify-content: center;
  }
  
  .Footer_links__LGHlK {
    justify-content: center;
    gap: 1.5rem;
    flex-wrap: wrap;
  }
} 
.preview_preview__PTNjv {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--background);
}

.preview_warningBanner__N4AON {
  background: #fef3c7;
  color: #92400e;
  padding: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  border-bottom: 1px solid #fcd34d;
}

.preview_warningBanner__N4AON a {
  color: inherit;
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.preview_warningBanner__N4AON a:hover {
  text-decoration: underline;
}

.preview_warningBanner__N4AON a::before {
  content: '←';
  font-size: 1.1em;
}

.preview_header__wJ1FQ {
  position: fixed;
  top: 32px;
  left: 0;
  right: 0;
  background: var(--header-bg);
  border-bottom: 1px solid var(--border);
  z-index: 100;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.preview_container__NpHdU {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.preview_brandName__9bLVd {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--foreground);
  margin: 0;
  background: linear-gradient(to right, var(--primary), var(--foreground));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.preview_headerRight__mxift {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.preview_headerRight__mxift nav {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}

.preview_headerRight__mxift nav a {
  color: var(--muted);
  text-decoration: none;
  font-size: 0.95rem;
  font-weight: 500;
  transition: color 0.2s ease;
  position: relative;
}

.preview_headerRight__mxift nav a:hover {
  color: var(--foreground);
}

.preview_headerRight__mxift nav a::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--primary);
  transition: width 0.2s ease;
}

.preview_headerRight__mxift nav a:hover::after {
  width: 100%;
}

.preview_mainContent__NgxlG {
  margin-top: 96px;
  flex: 1 1;
}

@media (max-width: 1024px) {
  .preview_container__NpHdU {
    padding: 1rem;
  }

  .preview_headerRight__mxift nav {
    gap: 1rem;
  }
}

@media (max-width: 768px) {
  .preview_container__NpHdU {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }

  .preview_headerRight__mxift {
    flex-direction: column;
    gap: 1rem;
  }

  .preview_headerRight__mxift nav {
    flex-wrap: wrap;
    justify-content: center;
  }

  .preview_mainContent__NgxlG {
    margin-top: 152px;
  }
}