/* Style partagé — pages de contenu SEO Pollux Business Center */

:root{
  --navy:#28235D;
  --sky:#2DAAE4;
  --sky-deep:#1E8FC4;
  --coral:#FF5A36;
  --teal:#0C8A6E;
  --cream:#F4F5F7;
  --text:#1B1E2E;
  --text-soft:#5B6072;
  --line:#DCDFE3;
}

*{box-sizing:border-box;}
body{
  margin:0;
  font-family:'Manrope',-apple-system,sans-serif;
  color:var(--text);
  background:var(--cream);
  line-height:1.6;
}
h1,h2,h3{
  font-family:'Fraunces',serif;
  font-weight:600;
  color:var(--navy);
  line-height:1.2;
}
a{color:var(--sky-deep);}

.landing-header{
  background:#fff;
  border-bottom:1px solid var(--line);
  padding:16px 20px;
  display:flex;
  align-items:center;
  gap:10px;
}
.landing-header img{height:32px;}
.landing-header span{font-weight:700;color:var(--navy);}

.landing-wrap{
  max-width:700px;
  margin:0 auto;
  padding:36px 20px 60px;
}

.landing-hero h1{
  font-size:clamp(1.6rem, 5vw, 2.2rem);
  margin-bottom:10px;
}
.landing-hero p.lead{
  font-size:1.05rem;
  color:var(--text-soft);
  max-width:560px;
}

.landing-cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:var(--coral);
  color:#fff;
  font-weight:700;
  padding:14px 26px;
  border-radius:999px;
  text-decoration:none;
  margin-top:20px;
  box-shadow:0 4px 14px rgba(255,90,54,0.3);
}
.landing-cta:hover{opacity:0.92;}

.landing-section{margin-top:44px;}
.landing-section h2{font-size:1.35rem;margin-bottom:14px;}
.landing-section p{margin:0 0 14px;}

.service-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:20px;
  margin-bottom:16px;
}
.service-card h3{font-size:1.1rem;margin:0 0 8px;}
.service-card img{max-width:120px;border-radius:8px;margin-bottom:12px;box-shadow:0 4px 10px rgba(18,23,59,0.15);}

.faq-block{margin-top:14px;}
.faq-block details{
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:14px 16px;
  margin-bottom:10px;
}
.faq-block summary{
  font-weight:700;
  cursor:pointer;
  list-style:none;
}
.faq-block summary::-webkit-details-marker{display:none;}
.faq-block summary::after{content:'›'; float:right; transform:rotate(90deg); transition:transform .2s ease;}
.faq-block details[open] summary::after{transform:rotate(-90deg);}
.faq-block p{margin-top:10px; color:var(--text-soft); font-size:0.94rem;}

.landing-footer{
  text-align:center;
  padding:30px 20px 50px;
  font-size:0.82rem;
  color:var(--text-soft);
}
.landing-footer a{color:var(--text-soft);}

@media(max-width:480px){
  .landing-wrap{padding:24px 16px 40px;}
}