/* Multi-page public website layout */
.public-header nav a.active-page{color:#5b43df;font-weight:800;position:relative}
.public-header nav a.active-page::after{content:"";position:absolute;left:18%;right:18%;bottom:-10px;height:2px;border-radius:999px;background:currentColor}

/* Keep all original DOM nodes for app/i18n compatibility, but expose only the sections assigned to each public page. */
body.page-home .public-main > section:not(.hero):not(.value-section),
body.page-about .public-main > section:not(.about-section):not(.steps-section),
body.page-features .public-main > section:not(.feature-section):not(.testimonials-section):not(.faq-section),
body.page-plans .public-main > section:not(.plans-section),
body.page-contact .public-main > section:not(.contact-section){display:none !important}

/* Give inner pages comfortable top spacing and a complete viewport without clipping. */
body.page-about .landing-content,
body.page-features .landing-content,
body.page-plans .landing-content,
body.page-contact .public-main{padding-top:34px}

body.page-about .about-section,
body.page-features .feature-section,
body.page-plans .plans-section,
body.page-contact .contact-section{margin-top:0}

body.page-contact .public-main{min-height:58vh;display:flex;align-items:center}
body.page-contact .contact-section{width:100%}

@media (max-width:900px){
  .public-header nav{overflow-x:auto;white-space:nowrap;max-width:100%;padding-bottom:6px}
  .public-header nav a.active-page::after{bottom:-4px}
}


.nova-powered{
  text-align:center;
  padding:14px 16px;
  font-size:13px;
  opacity:.78;
}
.nova-powered a{
  color:inherit;
  font-weight:700;
  text-decoration:none;
}
.nova-powered a:hover{
  text-decoration:underline;
  opacity:1;
}


/* V4: strict page isolation */
body.page-home .public-main > section:not(.hero),
body.page-about .public-main > section:not(.about-section),
body.page-features .public-main > section:not(.feature-section):not(.value-section):not(.testimonials-section):not(.faq-section),
body.page-plans .public-main > section:not(.plans-section),
body.page-contact .public-main > section:not(.contact-section){
  display:none !important;
}

/* Inner pages should feel like independent pages, not sections of one long landing page */
body.page-about .public-main,
body.page-features .public-main,
body.page-plans .public-main,
body.page-contact .public-main{
  min-height:calc(100vh - 88px);
  overflow:visible !important;
}

/* Larger, cleaner top navigation */
.public-header{
  min-height:88px !important;
}
.public-brand strong{
  font-size:16px !important;
}
.public-brand small{
  font-size:11px !important;
}
.public-header nav a{
  font-size:15.5px !important;
  line-height:1.2;
}
.public-actions button,
.language-picker select{
  font-size:14.5px !important;
}
.public-actions .primary,
.public-actions .login-link{
  padding:12px 16px !important;
}

/* Correct LTR/RTL behavior */
.landing-screen .public-main{
  direction:inherit !important;
}
html[dir="ltr"] .public-header,
html[dir="ltr"] .public-main,
html[dir="ltr"] .public-footer{
  direction:ltr !important;
}
html[dir="rtl"] .public-header,
html[dir="rtl"] .public-main,
html[dir="rtl"] .public-footer{
  direction:rtl !important;
}
html[dir="ltr"] .hero-copy,
html[dir="ltr"] .about-grid,
html[dir="ltr"] .feature-grid,
html[dir="ltr"] .value-grid,
html[dir="ltr"] .steps-section,
html[dir="ltr"] .testimonials-grid,
html[dir="ltr"] .faq-section,
html[dir="ltr"] .pricing-grid,
html[dir="ltr"] .contact-section{
  text-align:left !important;
}
html[dir="rtl"] .hero-copy,
html[dir="rtl"] .about-grid,
html[dir="rtl"] .feature-grid,
html[dir="rtl"] .value-grid,
html[dir="rtl"] .steps-section,
html[dir="rtl"] .testimonials-grid,
html[dir="rtl"] .faq-section,
html[dir="rtl"] .pricing-grid,
html[dir="rtl"] .contact-section{
  text-align:right !important;
}

/* English typography */
html[lang="en"] body{
  font-family:Inter, Arial, Helvetica, sans-serif !important;
}
html[lang="en"] .hero h1{
  font-size:clamp(46px,4.7vw,72px) !important;
  line-height:1.07 !important;
  letter-spacing:-0.045em !important;
  max-width:720px;
}
html[lang="en"] .hero p{
  font-size:18px !important;
  line-height:1.7 !important;
  max-width:700px;
}
html[lang="en"] .public-header nav a{
  font-weight:600 !important;
}
html[lang="en"] .section-heading h2,
html[lang="en"] .about-grid h2,
html[lang="en"] .steps-copy h2,
html[lang="en"] .faq-intro h2,
html[lang="en"] .contact-section h2{
  letter-spacing:-0.03em !important;
  line-height:1.12 !important;
}

/* Keep the hero balanced in English: copy first, product second */
html[dir="ltr"] .hero{
  direction:ltr !important;
}
html[dir="ltr"] .hero-copy{
  grid-column:1;
}
html[dir="ltr"] .hero-product{
  grid-column:2;
}
html[dir="rtl"] .hero-copy{
  grid-column:2;
}
html[dir="rtl"] .hero-product{
  grid-column:1;
}

/* Contact page alignment */
html[dir="ltr"] .contact-whatsapp{
  margin-left:auto !important;
  margin-right:0 !important;
}
html[dir="rtl"] .contact-whatsapp{
  margin-right:auto !important;
  margin-left:0 !important;
}

@media(max-width:1100px){
  html[dir="ltr"] .hero-copy,
  html[dir="ltr"] .hero-product,
  html[dir="rtl"] .hero-copy,
  html[dir="rtl"] .hero-product{
    grid-column:auto;
  }
}