/* =========================
FEATURES PAGE
========================= */

.features-hero{
padding-top:7rem;
}

.content-section{
padding:5rem 2rem;
}

.content-container{
max-width:1200px;
margin:auto;

display:flex;
align-items:center;
justify-content:space-between;
gap:4rem;
}

.content-text{
flex:1;
}

.content-text h2{
font-size:2.8rem;
margin-bottom:1.5rem;
}

.content-text p{
color:#cbd5e1;
line-height:1.9;
margin-bottom:1.5rem;
font-size:1.1rem;
}

.feature-list{
margin-top:2rem;
padding-left:1.5rem;
}

.feature-list li{
margin-bottom:1rem;
color:#cbd5e1;
}

.content-image{
flex:1;
text-align:center;
}

.content-image img{
width:100%;
max-width:560px;

border-radius:24px;

box-shadow:
0 30px 80px rgba(0,0,0,0.55);
}

.benefits-section{
padding:5rem 2rem;
}

.benefits-grid{
max-width:1200px;
margin:auto;

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(280px,1fr));

gap:2rem;
}

.benefit-card{
background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.06);

padding:2rem;

border-radius:24px;

transition:0.3s;
}

.benefit-card:hover{
transform:translateY(-5px);

border-color:
rgba(139,92,246,0.30);
}

.benefit-card h3{
margin-bottom:1rem;

color:#c4b5fd;

font-size:1.4rem;
}

.benefit-card p{
color:#cbd5e1;
line-height:1.8;
}

.cta-section{
padding:5rem 2rem 7rem;
}

.cta-box{
max-width:1000px;
margin:auto;

background:
linear-gradient(
135deg,
rgba(14,165,233,0.15),
rgba(139,92,246,0.18)
);

border:
1px solid rgba(255,255,255,0.08);

border-radius:30px;

padding:4rem 2rem;

text-align:center;
}

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

.cta-box p{
color:#cbd5e1;
margin-bottom:2rem;
font-size:1.1rem;
}

@media(max-width:900px){

.content-container{
flex-direction:column;
text-align:center;
}

.content-text h2{
font-size:2.2rem;
}

.cta-box h2{
font-size:2.2rem;
}

}

/* =========================
   ABOUT PAGE
========================= */

.about-hero{
  padding-top:7rem;
}

.story-section,
.mission-section,
.values-section,
.usp-section,
.trust-section{
  padding:5rem 2rem;
}

.story-container,
.usp-container{
  max-width:1200px;
  margin:auto;
}

.story-content{
  max-width:900px;
  margin:auto;
}

.story-content h2,
.usp-text h2{
  font-size:2.8rem;
  margin-bottom:2rem;
}

.story-content p,
.usp-text p,
.mission-box p{
  color:#cbd5e1;
  line-height:1.9;
  margin-bottom:1.5rem;
  font-size:1.1rem;
}

.mission-box{
  max-width:900px;
  margin:auto;

  background:
    rgba(255,255,255,0.04);

  border:
    1px solid rgba(255,255,255,0.06);

  padding:3rem;

  border-radius:30px;
}

.values-grid,
.trust-grid{
  max-width:1200px;
  margin:auto;

  display:grid;

  grid-template-columns:
    repeat(auto-fit,minmax(260px,1fr));

  gap:2rem;
}

.value-card,
.trust-card{
  background:
    rgba(255,255,255,0.04);

  border:
    1px solid rgba(255,255,255,0.06);

  padding:2rem;

  border-radius:24px;

  transition:0.3s;
}

.value-card:hover,
.trust-card:hover{
  transform:translateY(-5px);

  border-color:
    rgba(139,92,246,0.35);
}

.value-card h3,
.trust-card h3{
  margin-bottom:1rem;

  color:#c4b5fd;

  font-size:1.4rem;
}

.value-card p,
.trust-card p{
  color:#cbd5e1;
  line-height:1.8;
}

.usp-container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:4rem;
}

.usp-text,
.usp-image{
  flex:1;
}

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

.usp-image img{
  width:100%;
  max-width:560px;

  border-radius:24px;

  box-shadow:
    0 30px 80px rgba(0,0,0,0.55);
}

@media(max-width:900px){

  .usp-container{
    flex-direction:column;
    text-align:center;
  }

  .story-content h2,
  .usp-text h2{
    font-size:2.2rem;
  }

}

/* =========================
   GUIDES PAGE
   Match spacing and layout of other pages with minimal, scoped rules
========================= */

.guides-hero{
  padding:7rem 0 3rem;
}

.guides-featured{
  padding:4rem 2rem;
}

.guides-featured .featured-card{
  max-width:1200px;
  margin:0 auto;
}

.guides-featured .featured-content{
  padding:2rem;
}

.guide-categories{
  padding:5rem 0;
}

.guide-categories .category-grid{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:2rem;
}

.category-card{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.06);
  padding:1.75rem;
  border-radius:20px;
  transition:0.3s;
}

.category-card h3{
  margin-bottom:1rem;
  color:#c4b5fd;
  font-size:1.25rem;
}

.category-card ul{
  list-style:none;
  padding-left:0;
  margin-top:0.5rem;
}

.category-card li{
  margin-bottom:0.6rem;
  color:#cbd5e1;
}

.guides-trust{
  padding:4rem 0;
}

.guides-resources{
  padding:4rem 0;
}

.resource-grid{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:1rem;
}

.resource-card{
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.05);
  padding:1.25rem;
  border-radius:14px;
  text-align:center;
  color:#cbd5e1;
}

.guides-cta{
  padding:5rem 0 7rem;
}

.guides-cta .cta-box{
  max-width:1000px;
  margin:0 auto;
}

@media(max-width:900px){

  .guides-hero h1{
    font-size:2.6rem;
  }

  .guide-categories .category-grid{
    grid-template-columns:1fr;
  }

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

}

/* =========================
   FAQ PAGE
========================= */

.faq-hero{
  padding-top:7rem;
}

.faq-hero-content{
  justify-content:center;
}

.faq-hero-text{
  max-width:900px;
  text-align:center;
}

.faq-hub-section,
.faq-section,
.faq-links-section{
  padding:5rem 2rem;
}

.faq-category-grid,
.faq-links-grid{
  max-width:1200px;
  margin:auto;

  display:grid;

  grid-template-columns:
    repeat(auto-fit,minmax(250px,1fr));

  gap:2rem;
}

.faq-category-card,
.faq-link-card{
  background:
    rgba(255,255,255,0.04);

  border:
    1px solid rgba(255,255,255,0.06);

  border-radius:24px;

  padding:2rem;

  transition:0.3s;
}

.faq-category-card:hover,
.faq-link-card:hover{
  transform:translateY(-5px);

  border-color:
    rgba(139,92,246,0.35);
}

.faq-category-card h3,
.faq-link-card h3{
  margin-bottom:1rem;

  color:#c4b5fd;

  font-size:1.3rem;
}

.faq-category-card p,
.faq-link-card p{
  color:#cbd5e1;
  line-height:1.8;
}

.faq-container{
  max-width:1000px;
  margin:auto;
}

.faq-section-title{
  margin-bottom:3rem;
}

.faq-section-title h2{
  font-size:2.6rem;
}

.faq-item{
  background:
    rgba(255,255,255,0.04);

  border:
    1px solid rgba(255,255,255,0.06);

  border-radius:24px;

  padding:2rem;

  margin-bottom:2rem;

  transition:0.3s;
}

.faq-item:hover{
  border-color:
    rgba(139,92,246,0.30);

  transform:translateY(-3px);
}

.faq-item h3{
  color:#fff;

  margin-bottom:1.2rem;

  font-size:1.5rem;
}

.faq-item p{
  color:#cbd5e1;

  line-height:1.9;

  margin-bottom:1rem;

  font-size:1.05rem;
}

@media(max-width:900px){

  .faq-section-title h2{
    font-size:2.2rem;
    text-align:center;
  }

  .faq-item h3{
    font-size:1.3rem;
  }

}

/* =========================
   LEGAL / PRIVACY PAGES
========================= */

.legal-hero{
  padding-top:7rem;
}

.legal-hero-content{
  justify-content:center;
}

.legal-hero-text{
  max-width:900px;
  text-align:center;
}

.legal-section{
  padding:5rem 2rem 7rem;
}

.legal-container{
  max-width:1000px;
  margin:auto;
}

.legal-block{
  background:
    rgba(255,255,255,0.04);

  border:
    1px solid rgba(255,255,255,0.06);

  border-radius:24px;

  padding:2.5rem;

  margin-bottom:2rem;
}

.highlight-block{
  border-color:
    rgba(139,92,246,0.35);

  background:
    linear-gradient(
      135deg,
      rgba(139,92,246,0.10),
      rgba(14,165,233,0.08)
    );
}

.legal-block h2{
  font-size:2rem;
  margin-bottom:1.5rem;
}

.legal-block h3{
  margin-top:2rem;
  margin-bottom:1rem;

  color:#c4b5fd;

  font-size:1.3rem;
}

.legal-block p{
  color:#cbd5e1;

  line-height:1.9;

  margin-bottom:1.4rem;

  font-size:1.05rem;
}

.legal-block ul{
  padding-left:1.5rem;
  margin-bottom:1.5rem;
}

.legal-block li{
  color:#cbd5e1;

  line-height:1.9;

  margin-bottom:0.8rem;
}

@media(max-width:900px){

  .legal-block{
    padding:2rem;
  }

  .legal-block h2{
    font-size:1.8rem;
  }

}

/* =========================
   CONTACT PAGE
========================= */

.contact-hero{
  padding-top:7rem;
}

.contact-hero-content{
  justify-content:center;
}

.contact-hero-text{
  max-width:850px;
  text-align:center;
}

.contact-section{
  padding:5rem 2rem 7rem;
}

.contact-container{

  max-width:1200px;

  margin:auto;

  display:grid;

  grid-template-columns:
    repeat(auto-fit,minmax(320px,1fr));

  gap:3rem;

  align-items:start;
}

/* LEFT CARD */

.contact-info-card{

  background:
    rgba(255,255,255,0.04);

  border:
    1px solid rgba(255,255,255,0.06);

  border-radius:28px;

  padding:3rem;

  box-shadow:
    0 30px 80px rgba(0,0,0,0.35);
}

.contact-info-card h2{

  font-size:2.6rem;

  margin:
    1.5rem 0;
}

.contact-info-card p{

  color:#cbd5e1;

  line-height:1.9;

  margin-bottom:1.5rem;

  font-size:1.05rem;
}

.contact-email-box{

  display:flex;

  flex-direction:column;

  gap:0.7rem;

  background:
    rgba(139,92,246,0.10);

  border:
    1px solid rgba(139,92,246,0.30);

  border-radius:20px;

  padding:1.8rem;

  margin:
    2rem 0;
}

.contact-email-box span{

  color:#c4b5fd;

  font-size:0.9rem;

  text-transform:uppercase;

  letter-spacing:1px;
}

.contact-email-box a{

  color:#fff;

  font-size:1.2rem;

  font-weight:700;

  word-break:break-word;
}

.contact-email-box a:hover{
  color:#c4b5fd;
}

.contact-support-points{

  display:flex;

  flex-direction:column;

  gap:1rem;
}

.support-point{

  color:#cbd5e1;

  font-size:1rem;
}

/* FORM CARD */

.contact-form-card{

  background:
    rgba(255,255,255,0.04);

  border:
    1px solid rgba(255,255,255,0.06);

  border-radius:28px;

  padding:3rem;

  box-shadow:
    0 30px 80px rgba(0,0,0,0.35);
}

.contact-form{

  display:flex;

  flex-direction:column;

  gap:1.6rem;
}

.form-group{

  display:flex;

  flex-direction:column;

  gap:0.7rem;
}

.form-group label{

  color:#fff;

  font-weight:600;
}

.form-group input,
.form-group textarea{

  width:100%;

  background:
    rgba(255,255,255,0.04);

  border:
    1px solid rgba(255,255,255,0.10);

  border-radius:16px;

  padding:1rem 1.2rem;

  color:#fff;

  font-size:1rem;

  transition:0.3s;
}

.form-group textarea{
  resize:vertical;
}

.form-group input:focus,
.form-group textarea:focus{

  outline:none;

  border-color:
    rgba(139,92,246,0.60);

  box-shadow:
    0 0 0 4px rgba(139,92,246,0.12);
}

.form-group input::placeholder,
.form-group textarea::placeholder{
  color:#94a3b8;
}

.contact-submit-btn{

  width:100%;

  margin-top:0.5rem;
}

/* MOBILE */

@media(max-width:768px){

  .contact-info-card,
  .contact-form-card{
    padding:2rem;
  }

  .contact-info-card h2{
    font-size:2rem;
  }

}

/* =========================
   SUPPORT PAGE
========================= */

.support-hero{

  position:relative;

  overflow:hidden;

  padding:
    9rem 2rem 6rem;
}

.support-hero-bg{

  position:absolute;

  inset:0;

  background:
    radial-gradient(circle at top left,
    rgba(139,92,246,0.22),
    transparent 40%),

    radial-gradient(circle at right,
    rgba(59,130,246,0.18),
    transparent 35%);

  pointer-events:none;
}

.support-hero-content{

  position:relative;

  max-width:850px;

  margin:auto;

  text-align:center;

  z-index:2;
}

.support-hero h1{

  font-size:4rem;

  line-height:1.1;

  margin:
    1.5rem 0;
}

.support-section{

  padding:
    5rem 2rem;
}

.section-heading{

  text-align:center;

  max-width:800px;

  margin:
    0 auto 4rem;
}

.section-heading h2{

  font-size:3rem;

  margin-bottom:1rem;
}

.section-heading p{

  color:#94a3b8;

  font-size:1.15rem;

  line-height:1.8;
}

/* GRIDS */

.support-grid,
.business-system-grid,
.resource-grid{

  display:grid;

  grid-template-columns:
    repeat(auto-fit,minmax(280px,1fr));

  gap:2rem;
}

.support-card,
.business-system-card,
.resource-card{

  background:
    rgba(255,255,255,0.04);

  border:
    1px solid rgba(255,255,255,0.08);

  border-radius:24px;

  padding:2rem;

  transition:0.3s;

  box-shadow:
    0 20px 60px rgba(0,0,0,0.25);
}

.support-card:hover,
.business-system-card:hover,
.resource-card:hover{

  transform:
    translateY(-6px);

  border-color:
    rgba(139,92,246,0.40);
}

.support-icon{

  width:60px;

  height:60px;

  border-radius:18px;

  display:flex;

  align-items:center;

  justify-content:center;

  font-weight:700;

  margin-bottom:1.5rem;

  background:
    linear-gradient(135deg,
    #7c3aed,
    #3b82f6);
}

.support-card h3,
.business-system-card h3,
.resource-card h3{

  font-size:1.5rem;

  margin-bottom:1rem;
}

.support-card p,
.business-system-card p,
.resource-card p{

  color:#cbd5e1;

  line-height:1.8;
}

/* FAQ */

.faq-wrapper{

  max-width:900px;

  margin:auto;

  display:flex;

  flex-direction:column;

  gap:1.5rem;
}

.faq-item{

  background:
    rgba(255,255,255,0.04);

  border:
    1px solid rgba(255,255,255,0.08);

  border-radius:20px;

  overflow:hidden;
}

.faq-question{

  width:100%;

  padding:1.5rem 2rem;

  background:none;

  border:none;

  color:#fff;

  text-align:left;

  font-size:1.1rem;

  font-weight:700;

  cursor:pointer;
}

.faq-answer{

  max-height:0;

  overflow:hidden;

  transition:0.4s ease;
}

.faq-answer p{

  padding:
    0 2rem 2rem;

  color:#cbd5e1;

  line-height:1.8;
}

.faq-item.active .faq-answer{

  max-height:300px;
}

/* CTA */

.support-cta{

  padding:
    5rem 2rem 7rem;
}

.support-cta-box{

  max-width:900px;

  margin:auto;

  text-align:center;

  padding:4rem;

  border-radius:32px;

  background:
    linear-gradient(135deg,
    rgba(124,58,237,0.18),
    rgba(59,130,246,0.14));

  border:
    1px solid rgba(255,255,255,0.08);
}

.support-cta-box h2{

  font-size:3rem;

  margin-bottom:1rem;
}

.support-cta-box p{

  color:#cbd5e1;

  margin-bottom:2rem;

  font-size:1.15rem;
}

/* MOBILE */

@media(max-width:768px){

  .support-hero h1{
    font-size:2.8rem;
  }

  .section-heading h2{
    font-size:2.2rem;
  }

  .support-cta-box{
    padding:2.5rem;
  }

  .support-cta-box h2{
    font-size:2.2rem;
  }

}