:root{
  --primary:#1B2A3A;
  --primary-light:#2C4056;
  --secondary:#C8763A;
  --secondary-dark:#AB6130;
  --cream:#F5F3F0;
  --grey:#4A5462;
  --grey-light:#7C8794;
  --white:#FFFFFF;
  --star:#FBBC04;
  --border:#E3DFDA;
  --radius:10px;
  --shadow-sm:0 2px 10px rgba(27,42,58,.07);
  --shadow-md:0 12px 30px rgba(27,42,58,.10);
  --shadow-lg:0 22px 48px rgba(27,42,58,.16);
}

*,*::before,*::after{box-sizing:border-box;}

html{scroll-behavior:smooth;scroll-padding-top:90px;}

body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  color:var(--grey);
  background:var(--white);
  line-height:1.7;
  font-size:16px;
  overflow-x:hidden;
}

img{max-width:100%;display:block;}

a{color:inherit;text-decoration:none;}

h1,h2,h3{
  font-family:'Barlow Condensed','Inter',sans-serif;
  color:var(--primary);
  line-height:1.12;
  margin:0 0 16px;
  letter-spacing:.4px;
}

h1{font-size:clamp(2.1rem,5.2vw,3.9rem);text-transform:uppercase;font-weight:700;}

h2{font-size:clamp(1.75rem,3.6vw,2.7rem);text-transform:uppercase;font-weight:700;}

h3{font-size:1.3rem;font-weight:600;}

p{margin:0 0 16px;}

ul{margin:0;padding:0;list-style:none;}

.container{width:100%;max-width:1180px;margin:0 auto;padding-left:20px;padding-right:20px;}

.section{padding-top:86px;padding-bottom:86px;}

.section-cream{background:var(--cream);}

.section-dark{background:var(--primary);color:#CBD3DC;}

.section-dark h2,.section-dark h3{color:var(--white);}

.section-head{max-width:760px;margin:0 auto 52px;text-align:center;}

.section-head p{margin-bottom:0;color:var(--grey-light);}

.section-dark .section-head p{color:#9FAEBC;}

.eyebrow{
  display:inline-block;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:2.6px;
  font-size:.95rem;
  color:var(--secondary);
  margin-bottom:10px;
}

.eyebrow::after{
  content:"";display:block;width:44px;height:3px;background:var(--secondary);
  margin:8px auto 0;border-radius:2px;
}

.section-head.left{text-align:left;margin-left:0;}

.section-head.left .eyebrow::after{margin-left:0;}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;text-transform:uppercase;
  letter-spacing:1.1px;font-size:1.06rem;
  padding:15px 30px;border-radius:6px;border:2px solid transparent;
  cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease;
  text-align:center;
}

.btn-primary{background:var(--secondary);color:var(--white);box-shadow:0 8px 22px rgba(200,118,58,.32);}

.btn-primary:hover{background:var(--secondary-dark);transform:translateY(-2px);box-shadow:0 12px 28px rgba(200,118,58,.42);}

.btn-outline{border-color:rgba(255,255,255,.65);color:var(--white);background:transparent;}

.btn-outline:hover{background:var(--white);color:var(--primary);transform:translateY(-2px);}

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

.btn-dark:hover{background:var(--primary-light);transform:translateY(-2px);}

.header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(255,255,255,.97);
  border-bottom:1px solid var(--border);
  box-shadow:0 2px 14px rgba(27,42,58,.06);
}

.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;position:relative;}

.logo{display:flex;align-items:center;gap:12px;flex-shrink:0;}

.logo img{height:48px;width:auto;}

.logo-text{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.42rem;
  text-transform:uppercase;color:var(--primary);letter-spacing:.8px;line-height:1.1;
}

.menu-toggle{display:none;cursor:pointer;}

.nav{display:flex;align-items:center;gap:24px;}

.nav a{
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:1.08rem;
  text-transform:uppercase;letter-spacing:.9px;color:var(--primary);
  padding:6px 0;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease;
}

.nav a:hover{color:var(--secondary);border-bottom-color:var(--secondary);}

.nav .btn-cta-nav{
  background:var(--secondary);color:var(--white);
  padding:11px 20px;border-radius:6px;border-bottom:2px solid transparent;
  box-shadow:0 6px 16px rgba(200,118,58,.28);white-space:nowrap;
}

.nav .btn-cta-nav:hover{background:var(--secondary-dark);color:var(--white);border-bottom-color:transparent;}

@media (max-width:768px){
  .menu-toggle{
    display:inline-flex;align-items:center;justify-content:center;
    font-size:1.5rem;padding:8px;color:var(--primary);
  }
  .nav{
    display:none;
    position:absolute;top:100%;left:0;right:0;
    flex-direction:column;gap:12px;align-items:stretch;
    background:var(--white,#fff);padding:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.1);
    border-top:1px solid var(--border);
  }
  .menu-check:checked ~ .nav{display:flex;}
  .menu-check:checked ~ .menu-toggle .fa-bars::before{content:"\f00d";}
  .nav a{padding:10px 0;border-bottom:1px solid var(--border);}
  .nav .btn-cta-nav{text-align:center;padding:14px 20px;border-bottom:none;margin-top:4px;}
}

.hero{
  position:relative;
  padding-top:150px;padding-bottom:90px;
  background-color:var(--primary);
  background-size:cover;background-position:center;
  color:var(--white);
  overflow:hidden;
}

.hero::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(105deg,rgba(15,25,36,.94) 0%,rgba(21,34,48,.86) 46%,rgba(27,42,58,.62) 100%);
}

.hero-inner{position:relative;z-index:2;}

.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}

.hero h1{color:var(--white);margin-bottom:18px;}

.hero h1 .accent{color:var(--secondary);}

.hero-lead{font-size:1.13rem;color:#D6DEE6;max-width:560px;}

.hero-badge{
  display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);
  padding:10px 18px;border-radius:50px;margin-bottom:22px;backdrop-filter:blur(4px);
}

.hero-badge .stars{color:var(--star);letter-spacing:1px;font-size:.95rem;}

.hero-badge span{font-size:.94rem;color:#EAF0F5;font-weight:500;}

.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;}

.hero-points{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:32px;}

.hero-points li{display:flex;align-items:center;gap:9px;font-size:.97rem;color:#D6DEE6;}

.hero-points i{color:var(--secondary);}

.devis-card{
  background:var(--white);border-radius:14px;padding:32px;
  box-shadow:var(--shadow-lg);border-top:5px solid var(--secondary);
}

.devis-card h2{font-size:1.72rem;margin-bottom:6px;}

.devis-card .devis-sub{font-size:.95rem;color:var(--grey-light);margin-bottom:22px;}

.form-group{margin-bottom:16px;}

.form-group label{
  display:block;font-size:.87rem;font-weight:600;color:var(--primary);
  margin-bottom:6px;letter-spacing:.2px;
}

.form-group input,.form-group textarea,.form-group select{
  width:100%;padding:13px 15px;font-family:inherit;font-size:.97rem;color:var(--primary);
  background:#FAFAF8;border:1px solid var(--border);border-radius:6px;
  transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}

.form-group input:focus,.form-group textarea:focus{
  outline:none;border-color:var(--secondary);background:var(--white);
  box-shadow:0 0 0 3px rgba(200,118,58,.14);
}

.form-group textarea{resize:vertical;min-height:110px;}

.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}

.form-btn{width:100%;}

.form-note{font-size:.8rem;color:var(--grey-light);margin:14px 0 0;text-align:center;line-height:1.5;}

.form-status p{margin:14px 0 0;font-size:.92rem;font-weight:600;text-align:center;}

#formStatus p{margin:14px 0 0;font-size:.92rem;font-weight:600;}

.stats{background:var(--secondary);padding-top:0;padding-bottom:0;}

.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}

.stat{
  padding:34px 20px;text-align:center;color:var(--white);
  border-right:1px solid rgba(255,255,255,.22);
}

.stat:last-child{border-right:none;}

.stat i{font-size:1.5rem;opacity:.85;margin-bottom:10px;display:block;}

.stat-num{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:2.5rem;line-height:1;display:block;margin-bottom:6px;
}

.stat-label{font-size:.9rem;letter-spacing:.4px;opacity:.95;}

.services-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;}

.service-card{
  flex:0 1 340px;max-width:360px;
  background:var(--white);border:1px solid var(--border);border-radius:var(--radius);
  box-shadow:var(--shadow-sm);display:flex;flex-direction:column;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  border-bottom:4px solid var(--secondary);
}

.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--secondary);}

.service-image{padding:0;}

.service-image img{
  width:100%;height:224px;object-fit:cover;
  border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);
  transition:transform .35s ease;
}

.service-card:hover .service-image img{transform:scale(1.04);}

.service-body{padding:26px 24px 28px;flex:1;display:flex;flex-direction:column;}

.service-body h3{margin-bottom:10px;}

.service-body p{font-size:.96rem;margin-bottom:0;color:var(--grey);}

.service-icon{
  width:44px;height:44px;border-radius:8px;background:rgba(200,118,58,.12);
  color:var(--secondary);display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;margin-bottom:14px;
}

.service-cities{
  margin-top:14px;padding-top:12px;border-top:1px dashed var(--border);
  font-size:.86rem;line-height:1.6;color:var(--grey-light);
}

.service-cities strong{
  display:block;font-family:'Barlow Condensed',sans-serif;font-weight:600;
  text-transform:uppercase;letter-spacing:1.1px;font-size:.82rem;
  color:var(--primary);margin-bottom:4px;
}

.service-cities a{color:var(--secondary);font-weight:600;border-bottom:1px solid rgba(200,118,58,.3);}

.service-cities a:hover{color:var(--secondary-dark);border-bottom-color:var(--secondary-dark);}

.service-link{
  margin-top:18px;align-self:flex-start;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;text-transform:uppercase;
  letter-spacing:1.1px;font-size:1rem;color:var(--secondary);
  display:inline-flex;align-items:center;gap:8px;
  border-bottom:2px solid rgba(200,118,58,.35);padding-bottom:2px;
  transition:color .2s ease,border-color .2s ease,gap .2s ease;
}

.service-link:hover{color:var(--secondary-dark);border-bottom-color:var(--secondary-dark);gap:12px;}

.extra-block{
  margin-top:52px;background:var(--white);border:1px solid var(--border);
  border-left:5px solid var(--primary);border-radius:var(--radius);
  padding:30px 32px;box-shadow:var(--shadow-sm);text-align:center;
}

.extra-block h3{margin-bottom:8px;}

.extra-block p{color:var(--grey-light);font-size:.95rem;margin-bottom:20px;}

.extra-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;}

.extra-list li{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--cream);border:1px solid var(--border);border-radius:50px;
  padding:11px 24px;font-weight:600;color:var(--primary);font-size:1rem;
}

.extra-list i{color:var(--secondary);}

.commit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}

.commit{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius);padding:30px 26px;transition:transform .25s ease,background-color .25s ease;
}

.commit:hover{transform:translateY(-5px);background:rgba(255,255,255,.09);}

.commit i{font-size:1.6rem;color:var(--secondary);margin-bottom:14px;display:block;}

.commit h3{font-size:1.18rem;margin-bottom:8px;}

.commit p{font-size:.93rem;margin-bottom:0;color:#A9B7C4;}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}

.about-media{position:relative;}

.about-media img{width:100%;height:100%;max-height:520px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow-md);}

.about-tag{
  position:absolute;left:-14px;bottom:26px;
  background:var(--secondary);color:var(--white);
  padding:16px 24px;border-radius:8px;box-shadow:var(--shadow-md);
  font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:1px;
}

.about-tag strong{display:block;font-size:1.9rem;line-height:1;}

.about-tag span{font-size:.86rem;opacity:.94;}

.about-list{margin:24px 0 30px;display:grid;gap:12px;}

.about-list li{display:flex;gap:12px;align-items:flex-start;font-size:1rem;}

.about-list i{color:var(--secondary);margin-top:5px;flex-shrink:0;}

.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}

.step{
  background:var(--white);border:1px solid var(--border);border-radius:var(--radius);
  padding:30px 24px;position:relative;box-shadow:var(--shadow-sm);
  transition:transform .25s ease,box-shadow .25s ease;
}

.step:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}

.step-num{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:2.6rem;
  color:rgba(200,118,58,.28);line-height:1;display:block;margin-bottom:6px;
}

.step h3{font-size:1.2rem;margin-bottom:8px;}

.step p{font-size:.93rem;margin-bottom:0;}

.zones-wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center;}

.zones-list{display:flex;flex-wrap:wrap;gap:12px;}

.zones-list li{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--white);border:1px solid var(--border);border-radius:6px;
  font-weight:600;color:var(--primary);font-size:.98rem;
  box-shadow:var(--shadow-sm);transition:transform .2s ease,border-color .2s ease;
}

.zones-list li:hover{transform:translateY(-3px);border-color:var(--secondary);}

.zones-list li > a,.zones-list li > span{display:inline-flex;align-items:center;gap:9px;padding:12px 20px;}

.zones-list li > a:hover{color:var(--secondary);}

.zones-list i{color:var(--secondary);font-size:.9rem;}

.zones-note{
  margin-top:26px;background:rgba(200,118,58,.09);border-left:4px solid var(--secondary);
  border-radius:0 8px 8px 0;padding:18px 22px;font-size:.95rem;color:var(--primary);
}

.zones-note p{margin:0;}

.gallery-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
}

.gallery-grid a{
  display:block;border-radius:8px;box-shadow:var(--shadow-sm);
  transition:transform .25s ease,box-shadow .25s ease;
}

.gallery-grid a:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}

.gallery-grid img{width:100%;height:200px;object-fit:cover;border-radius:8px;}

.gallery-more{text-align:center;margin-top:36px;}

.reviews-head{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:48px;text-align:center;}

.rating-big{
  display:inline-flex;align-items:center;gap:16px;
  background:var(--white);border:1px solid var(--border);border-radius:50px;
  padding:12px 26px;box-shadow:var(--shadow-sm);margin-top:10px;
}

.rating-big .score{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:2rem;color:var(--primary);line-height:1;}

.rating-big .stars{color:var(--star);}

.rating-big .count{font-size:.9rem;color:var(--grey-light);}

.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}

.review{
  background:var(--white);border:1px solid var(--border);border-radius:var(--radius);
  padding:30px 28px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;
  transition:transform .25s ease,box-shadow .25s ease;
}

.review:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}

.review .quote{color:rgba(200,118,58,.35);font-size:1.5rem;margin-bottom:10px;}

.review .stars{color:var(--star);margin-bottom:12px;letter-spacing:2px;}

.review p{font-size:.96rem;font-style:italic;flex:1;}

.review-author{
  display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:18px;
  border-top:1px solid var(--border);
}

.review-avatar{
  width:42px;height:42px;border-radius:50%;background:var(--primary);color:var(--white);
  display:flex;align-items:center;justify-content:center;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.1rem;flex-shrink:0;
}

.review-author strong{color:var(--primary);font-size:.98rem;display:block;line-height:1.3;}

.review-author span{font-size:.82rem;color:var(--grey-light);}

.reviews-cta{text-align:center;margin-top:40px;}

.faq-wrap{max-width:880px;margin:0 auto;}

.faq-item{
  background:var(--white);border:1px solid var(--border);border-radius:var(--radius);
  margin-bottom:14px;box-shadow:var(--shadow-sm);overflow:hidden;
}

.faq-item summary{
  cursor:pointer;list-style:none;padding:22px 26px;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:1.22rem;
  color:var(--primary);display:flex;align-items:center;justify-content:space-between;gap:16px;
  transition:background-color .2s ease;
}

.faq-item summary::-webkit-details-marker{display:none;}

.faq-item summary:hover{background:var(--cream);}

.faq-item summary i{color:var(--secondary);font-size:.95rem;transition:transform .25s ease;flex-shrink:0;}

.faq-item[open] summary i{transform:rotate(180deg);}

.faq-answer{padding:0 26px 24px;font-size:.97rem;}

.faq-answer p{margin-bottom:0;}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}

.info-card{
  background:var(--white);border:1px solid var(--border);border-radius:var(--radius);
  padding:30px;box-shadow:var(--shadow-sm);margin-bottom:28px;
}

.info-card .card-title{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.35rem;
  text-transform:uppercase;letter-spacing:.8px;color:var(--primary);
  margin:0 0 20px;padding-bottom:14px;border-bottom:2px solid var(--secondary);display:block;
}

.contact-line{display:flex;gap:16px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--border);}

.contact-line:last-child{border-bottom:none;}

.contact-line i{
  width:40px;height:40px;border-radius:8px;flex-shrink:0;
  background:rgba(200,118,58,.12);color:var(--secondary);
  display:flex;align-items:center;justify-content:center;font-size:1rem;
}

.contact-line .label{display:block;font-size:.79rem;text-transform:uppercase;letter-spacing:1px;color:var(--grey-light);font-weight:600;}

.contact-line .value{display:block;color:var(--primary);font-weight:600;font-size:1.02rem;}

.contact-line a.value:hover{color:var(--secondary);}

.hours-list li{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:12px 14px;border-bottom:1px solid var(--border);font-size:.97rem;border-radius:4px;
}

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

.hours-list li .day{font-weight:600;color:var(--primary);}

.hours-list li .val{color:var(--grey-light);font-weight:500;}

.hours-note{
  margin-top:18px;background:rgba(200,118,58,.09);border-left:4px solid var(--secondary);
  border-radius:0 8px 8px 0;padding:16px 20px;font-size:.93rem;color:var(--primary);
}

.hours-note p{margin:0;}

.map-wrap{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border);line-height:0;}

.map-wrap iframe{display:block;width:100%;}

.cta-band{background:var(--primary);color:var(--white);padding-top:64px;padding-bottom:64px;text-align:center;}

.cta-band h2{color:var(--white);margin-bottom:10px;}

.cta-band p{color:#A9B7C4;max-width:640px;margin:0 auto 28px;}

.cta-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}

.footer{background:#141F2B;color:#93A1AF;padding-top:64px;padding-bottom:0;font-size:.94rem;}

.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:38px;padding-bottom:44px;}

.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:16px;}

.footer-logo img{height:44px;width:auto;}

.footer-logo span{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.3rem;text-transform:uppercase;color:var(--white);letter-spacing:.8px;}

.footer p{font-size:.93rem;}

.footer .col-title{
  display:block;font-family:'Barlow Condensed',sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:1.2px;font-size:1.1rem;color:var(--white);margin-bottom:18px;
}

.footer-links li{margin-bottom:10px;}

.footer-links a{transition:color .2s ease,padding-left .2s ease;}

.footer-links a:hover{color:var(--secondary);padding-left:5px;}

.footer-contact li{display:flex;gap:11px;margin-bottom:12px;align-items:flex-start;}

.footer-contact i{color:var(--secondary);margin-top:5px;font-size:.9rem;}

.footer-contact a:hover{color:var(--secondary);}

.footer-rating{
  display:inline-flex;align-items:center;gap:10px;margin-top:8px;
  background:rgba(255,255,255,.06);border-radius:50px;padding:8px 16px;font-size:.88rem;
}

.footer-rating .stars{color:var(--star);}

.footer-bottom{
  border-top:1px solid rgba(255,255,255,.1);padding:22px 0;
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;font-size:.87rem;
}

.footer-bottom a{color:#93A1AF;}

.footer-bottom a:hover{color:var(--secondary);}

.footer-bottom-links{display:flex;flex-wrap:wrap;gap:18px;align-items:center;}

.link-btn{background:none;border:none;color:#93A1AF;font-family:inherit;font-size:.87rem;cursor:pointer;padding:0;}

.link-btn:hover{color:var(--secondary);}

.modal{
  display:none;position:fixed;inset:0;z-index:2000;
  background:rgba(12,20,29,.72);padding:20px;overflow-y:auto;
}

.modal.open{display:flex;align-items:flex-start;justify-content:center;}

.modal-box{
  background:var(--white);border-radius:var(--radius);max-width:660px;width:100%;
  margin:6vh auto;padding:34px;box-shadow:var(--shadow-lg);position:relative;
}

.modal-title{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.7rem;
  text-transform:uppercase;color:var(--primary);margin:0 0 18px;display:block;letter-spacing:.6px;
}

.modal-box p{font-size:.94rem;}

.modal-box .sub{font-weight:700;color:var(--primary);margin-top:22px;margin-bottom:6px;display:block;font-size:1rem;}

.modal-close{
  position:absolute;top:14px;right:16px;background:none;border:none;
  font-size:1.35rem;color:var(--grey-light);cursor:pointer;line-height:1;padding:6px;
}

.modal-close:hover{color:var(--secondary);}

.float-call{
  position:fixed;right:18px;bottom:18px;z-index:900;
  width:58px;height:58px;border-radius:50%;
  background:var(--secondary);color:var(--white);
  display:flex;align-items:center;justify-content:center;font-size:1.35rem;
  box-shadow:0 10px 26px rgba(200,118,58,.45);
  transition:transform .2s ease,background-color .2s ease;
}

.float-call:hover{background:var(--secondary-dark);transform:scale(1.06);}

@media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr;gap:44px;}
  .about-grid{grid-template-columns:1fr;gap:40px;}
  .zones-wrap{grid-template-columns:1fr;gap:36px;}
  .commit-grid{grid-template-columns:repeat(2,1fr);}
  .process-grid{grid-template-columns:repeat(2,1fr);}
  .reviews-grid{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;gap:38px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .gallery-grid{grid-template-columns:repeat(3,1fr);}
  .about-tag{left:16px;}
}

@media (max-width:768px){
  .container{padding-left:16px;padding-right:16px;}
  .section{padding-top:60px;padding-bottom:60px;}
  .hero{padding-top:118px;padding-bottom:60px;}
  .stats-grid{grid-template-columns:repeat(2,1fr);}
  .stat{border-right:none;border-bottom:1px solid rgba(255,255,255,.22);}
  .stat:nth-child(odd){border-right:1px solid rgba(255,255,255,.22);}
  .stat:nth-last-child(-n+2){border-bottom:none;}
  .service-card{flex:1 1 100%;max-width:460px;}
  .gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .gallery-grid img{height:160px;}
  .devis-card{padding:24px 20px;}
  .modal-box{padding:26px 20px;margin:4vh auto;}
  .footer-bottom{flex-direction:column;text-align:center;}
}

@media (max-width:640px){
  .commit-grid{grid-template-columns:1fr;}
  .process-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;gap:28px;}
  .hero-actions .btn{width:100%;}
  .cta-actions .btn{width:100%;}
  .about-tag{position:static;display:inline-block;margin-top:16px;}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;}
  html{scroll-behavior:auto;}
}

.gallery-grid .gallery-item{cursor:zoom-in;overflow:hidden}

.gallery-grid .gallery-item img{transition:transform .3s ease}

.gallery-grid .gallery-item:hover img{transform:scale(1.05)}

.wf-gal-hidden{display:none !important}

.wf-gal-more{display:block;margin:1.8rem auto 0;padding:.85rem 2.2rem;border:2px solid var(--primary,var(--main,var(--accent,#1e293b)));background:transparent;color:var(--primary,var(--main,var(--accent,#1e293b)));border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;transition:.2s;font-family:inherit}

.wf-gal-more:hover{background:var(--primary,var(--main,var(--accent,#1e293b)));color:#fff}

.wf-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.93);display:none;align-items:center;justify-content:center;z-index:99999}

.wf-lightbox.open{display:flex}

.wf-lightbox img{max-width:92vw;max-height:88vh;border-radius:8px;box-shadow:0 12px 60px rgba(0,0,0,.55);user-select:none}

.wf-lb-btn{position:absolute;background:rgba(255,255,255,.16);color:#fff;border:none;cursor:pointer;font-size:2rem;line-height:1;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.2s}

.wf-lb-btn:hover{background:rgba(255,255,255,.32)}

.wf-lb-close{top:20px;right:20px}

.wf-lb-prev{left:20px;top:50%;transform:translateY(-50%)}

.wf-lb-next{right:20px;top:50%;transform:translateY(-50%)}

.wf-lb-count{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#fff;background:rgba(0,0,0,.4);padding:.3rem .9rem;border-radius:20px;font-size:.9rem;font-weight:600}

@media(max-width:600px){.wf-lb-prev{left:6px}.wf-lb-next{right:6px}.wf-lb-close{top:8px;right:8px}}

html, body { overflow-x: hidden; max-width: 100%; }

img { max-width: 100%; height: auto; }

.sct-container { max-width: 1180px; margin: 0 auto; padding: 0 20px; }

@media (max-width: 640px) { .sct-container { padding: 0 18px; } }

.sct-tpl-service-hub .sct-hero {
    position: relative;
    padding: 150px 0 90px;
    background-color: var(--primary, #1B2A3A);
    background-image: linear-gradient(105deg, rgba(15,25,36,.94) 0%, rgba(21,34,48,.88) 46%, rgba(27,42,58,.66) 100%), url('/images/service_1_1788806907_6a9f06fb1133d.webp');
    background-size: cover;
    background-position: center;
    color: #fff;
    overflow: hidden;
}

.sct-tpl-service-hub .sct-hero-container { position: relative; z-index: 2; }

.sct-tpl-service-hub .sct-hero-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 50px;
    align-items: center;
}

.sct-tpl-service-hub .sct-hero-grid > * { min-width: 0; }

.sct-tpl-service-hub .sct-hero-text,
.sct-tpl-service-hub .sct-hero-card { min-width: 0; max-width: 100%; }

.sct-tpl-service-hub .sct-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: .86rem;
    margin-bottom: 20px;
    color: #B9C6D3;
}

.sct-tpl-service-hub .sct-breadcrumb a { color: #B9C6D3; transition: color .2s ease; }

.sct-tpl-service-hub .sct-breadcrumb a:hover { color: var(--secondary, #C8763A); }

.sct-tpl-service-hub .sct-bc-sep { color: rgba(255,255,255,.35); }

.sct-tpl-service-hub .sct-bc-current { color: #fff; font-weight: 600; }

.sct-tpl-service-hub .sct-hero-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.sct-tpl-service-hub .sct-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.22);
    padding: 8px 16px;
    border-radius: 50px;
    font-size: .88rem;
    color: #EAF0F5;
    font-weight: 500;
}

.sct-tpl-service-hub .sct-hero-badge i { color: var(--secondary, #C8763A); }

.sct-tpl-service-hub .sct-hero-badge .sct-stars { color: var(--star, #FBBC04); letter-spacing: 1px; }

.sct-tpl-service-hub .sct-hero-text h1 {
    font-family: 'Barlow Condensed', 'Inter', sans-serif;
    font-size: clamp(2rem, 4.6vw, 3.5rem);
    line-height: 1.12;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .4px;
    color: #fff;
    margin: 0 0 18px;
}

.sct-tpl-service-hub .sct-hero-text h1 .sct-accent { color: var(--secondary, #C8763A); }

.sct-tpl-service-hub .sct-hero-subtitle {
    font-size: 1.1rem;
    color: #D6DEE6;
    max-width: 620px;
    margin: 0 0 26px;
    line-height: 1.7;
}

.sct-tpl-service-hub .sct-hero-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 30px;
}

.sct-tpl-service-hub .sct-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    font-size: 1.05rem;
    padding: 15px 30px;
    border-radius: 6px;
    border: 2px solid transparent;
    cursor: pointer;
    text-align: center;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
}

.sct-tpl-service-hub .sct-btn-primary {
    background: var(--secondary, #C8763A);
    color: #fff;
    box-shadow: 0 8px 22px rgba(200,118,58,.32);
}

.sct-tpl-service-hub .sct-btn-primary:hover {
    background: var(--secondary-dark, #AB6130);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(200,118,58,.42);
}

.sct-tpl-service-hub .sct-btn-outline {
    border-color: rgba(255,255,255,.65);
    color: #fff;
    background: transparent;
}

.sct-tpl-service-hub .sct-btn-outline:hover {
    background: #fff;
    color: var(--primary, #1B2A3A);
    transform: translateY(-2px);
}

.sct-tpl-service-hub .sct-btn-dark { background: var(--primary, #1B2A3A); color: #fff; }

.sct-tpl-service-hub .sct-btn-dark:hover { background: var(--primary-light, #2C4056); transform: translateY(-2px); }

.sct-tpl-service-hub .sct-hero-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 26px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sct-tpl-service-hub .sct-hero-trust li {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: .95rem;
    color: #D6DEE6;
}

.sct-tpl-service-hub .sct-hero-trust i { color: var(--secondary, #C8763A); }

.sct-tpl-service-hub .sct-hero-card {
    background: #fff;
    border-radius: 14px;
    padding: 32px 30px;
    box-shadow: 0 22px 48px rgba(27,42,58,.28);
    border-top: 5px solid var(--secondary, #C8763A);
}

.sct-tpl-service-hub .sct-hero-card-title {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--primary, #1B2A3A);
    margin: 0 0 6px;
    display: block;
    line-height: 1.15;
}

.sct-tpl-service-hub .sct-hero-card-sub {
    font-size: .93rem;
    color: var(--grey-light, #7C8794);
    margin: 0 0 20px;
}

.sct-tpl-service-hub .sct-hero-card-list { list-style: none; margin: 0; padding: 0; }

.sct-tpl-service-hub .sct-hero-card-list li {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 13px 0;
    border-bottom: 1px solid var(--border, #E3DFDA);
}

.sct-tpl-service-hub .sct-hero-card-list li:last-child { border-bottom: none; }

.sct-tpl-service-hub .sct-hero-card-list i {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    flex-shrink: 0;
    background: rgba(200,118,58,.12);
    color: var(--secondary, #C8763A);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.sct-tpl-service-hub .sct-hc-label {
    display: block;
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--grey-light, #7C8794);
    font-weight: 600;
}

.sct-tpl-service-hub .sct-hc-value {
    display: block;
    color: var(--primary, #1B2A3A);
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4;
}

.sct-tpl-service-hub a.sct-hc-value:hover { color: var(--secondary, #C8763A); }

.sct-tpl-service-hub .sct-hero-card .sct-btn { width: 100%; margin-top: 20px; }

.sct-tpl-service-hub .sct-section { padding: 84px 0; }

.sct-tpl-service-hub .sct-section-cream { background: var(--cream, #F5F3F0); }

.sct-tpl-service-hub .sct-section-dark { background: var(--primary, #1B2A3A); color: #CBD3DC; }

.sct-tpl-service-hub .sct-section-head { max-width: 760px; margin: 0 auto 50px; text-align: center; }

.sct-tpl-service-hub .sct-eyebrow {
    display: inline-block;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2.6px;
    font-size: .95rem;
    color: var(--secondary, #C8763A);
    margin-bottom: 10px;
}

.sct-tpl-service-hub .sct-eyebrow::after {
    content: "";
    display: block;
    width: 44px;
    height: 3px;
    background: var(--secondary, #C8763A);
    margin: 8px auto 0;
    border-radius: 2px;
}

.sct-tpl-service-hub .sct-section-title {
    font-family: 'Barlow Condensed', 'Inter', sans-serif;
    font-size: clamp(1.7rem, 3.4vw, 2.55rem);
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: .4px;
    color: var(--primary, #1B2A3A);
    margin: 0 0 14px;
}

.sct-tpl-service-hub .sct-section-dark .sct-section-title { color: #fff; }

.sct-tpl-service-hub .sct-section-sub { color: var(--grey-light, #7C8794); margin: 0; font-size: 1.02rem; }

.sct-tpl-service-hub .sct-section-dark .sct-section-sub { color: #9FAEBC; }

.sct-tpl-service-hub .sct-stats-band { background: var(--secondary, #C8763A); }

.sct-tpl-service-hub .sct-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }

.sct-tpl-service-hub .sct-stats-grid > * { min-width: 0; }

.sct-tpl-service-hub .sct-stat {
    padding: 34px 18px;
    text-align: center;
    color: #fff;
    border-right: 1px solid rgba(255,255,255,.22);
}

.sct-tpl-service-hub .sct-stat:last-child { border-right: none; }

.sct-tpl-service-hub .sct-stat i { font-size: 1.5rem; opacity: .85; margin-bottom: 10px; display: block; }

.sct-tpl-service-hub .sct-stat-num {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1;
    display: block;
    margin-bottom: 6px;
}

.sct-tpl-service-hub .sct-stat-label { font-size: .9rem; letter-spacing: .3px; opacity: .95; }

.sct-tpl-service-hub .sct-intro-section { background: #fff; }

.sct-tpl-service-hub .sct-intro-inner { max-width: 880px; margin: 0 auto; }

.sct-tpl-service-hub .sct-intro-inner p {
    font-size: 1.03rem;
    line-height: 1.85;
    color: var(--grey, #4A5462);
    margin: 0 0 20px;
}

.sct-tpl-service-hub .sct-intro-inner p:last-child { margin-bottom: 0; }

.sct-tpl-service-hub .sct-intro-inner strong { color: var(--primary, #1B2A3A); font-weight: 600; }

.sct-tpl-service-hub .sct-services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }

.sct-tpl-service-hub .sct-services-grid > * { min-width: 0; }

.sct-tpl-service-hub .sct-service-card {
    background: #fff;
    border: 1px solid var(--border, #E3DFDA);
    border-radius: 10px;
    border-bottom: 4px solid var(--secondary, #C8763A);
    box-shadow: 0 2px 10px rgba(27,42,58,.07);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.sct-tpl-service-hub .sct-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(27,42,58,.14);
    border-color: var(--secondary, #C8763A);
}

.sct-tpl-service-hub .sct-service-img { overflow: hidden; line-height: 0; }

.sct-tpl-service-hub .sct-service-img img {
    width: 100%;
    height: 218px;
    object-fit: cover;
    transition: transform .35s ease;
}

.sct-tpl-service-hub .sct-service-card:hover .sct-service-img img { transform: scale(1.05); }

.sct-tpl-service-hub .sct-service-body { padding: 26px 24px 28px; flex: 1; display: flex; flex-direction: column; }

.sct-tpl-service-hub .sct-service-body h3 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--primary, #1B2A3A);
    margin: 0 0 10px;
    line-height: 1.2;
}

.sct-tpl-service-hub .sct-service-body p { font-size: .96rem; margin: 0; color: var(--grey, #4A5462); line-height: 1.7; }

.sct-tpl-service-hub .sct-processus-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 22px; }

.sct-tpl-service-hub .sct-processus-grid > * { min-width: 0; }

.sct-tpl-service-hub .sct-step {
    background: #fff;
    border: 1px solid var(--border, #E3DFDA);
    border-radius: 10px;
    padding: 28px 22px;
    box-shadow: 0 2px 10px rgba(27,42,58,.07);
    text-align: center;
    transition: transform .25s ease, box-shadow .25s ease;
}

.sct-tpl-service-hub .sct-step:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(27,42,58,.12); }

.sct-tpl-service-hub .sct-step-icon {
    width: 54px;
    height: 54px;
    margin: 0 auto 14px;
    border-radius: 10px;
    background: rgba(200,118,58,.12);
    color: var(--secondary, #C8763A);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.sct-tpl-service-hub .sct-step-num {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 1.9rem;
    color: rgba(200,118,58,.3);
    line-height: 1;
    display: block;
    margin-bottom: 4px;
}

.sct-tpl-service-hub .sct-step h3 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.17rem;
    font-weight: 600;
    color: var(--primary, #1B2A3A);
    margin: 0 0 8px;
    line-height: 1.2;
}

.sct-tpl-service-hub .sct-step p { font-size: .92rem; margin: 0; line-height: 1.65; }

.sct-tpl-service-hub .sct-why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; }

.sct-tpl-service-hub .sct-why-grid > * { min-width: 0; }

.sct-tpl-service-hub .sct-why-card {
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    padding: 30px 26px;
    transition: transform .25s ease, background-color .25s ease;
}

.sct-tpl-service-hub .sct-why-card:hover { transform: translateY(-5px); background: rgba(255,255,255,.09); }

.sct-tpl-service-hub .sct-why-card i { font-size: 1.6rem; color: var(--secondary, #C8763A); margin-bottom: 14px; display: block; }

.sct-tpl-service-hub .sct-why-card h3 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    color: #fff;
    margin: 0 0 8px;
    line-height: 1.2;
}

.sct-tpl-service-hub .sct-why-card p { font-size: .93rem; margin: 0; color: #A9B7C4; line-height: 1.7; }

.sct-tpl-service-hub .sct-usecase-section { background: var(--cream, #F5F3F0); }

.sct-tpl-service-hub .sct-usecase-grid {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 54px;
    align-items: center;
}

.sct-tpl-service-hub .sct-usecase-grid > * { min-width: 0; }

.sct-tpl-service-hub .sct-usecase-media { position: relative; }

.sct-tpl-service-hub .sct-usecase-media img {
    width: 100%;
    max-height: 480px;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(27,42,58,.16);
}

.sct-tpl-service-hub .sct-usecase-tag {
    position: absolute;
    left: -14px;
    bottom: 24px;
    background: var(--secondary, #C8763A);
    color: #fff;
    padding: 15px 22px;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(27,42,58,.2);
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    max-width: 78%;
}

.sct-tpl-service-hub .sct-usecase-tag strong { display: block; font-size: 1.6rem; line-height: 1.05; }

.sct-tpl-service-hub .sct-usecase-tag span { font-size: .84rem; opacity: .95; }

.sct-tpl-service-hub .sct-usecase-text .sct-section-head { text-align: left; margin: 0 0 24px; max-width: none; }

.sct-tpl-service-hub .sct-usecase-text .sct-eyebrow::after { margin-left: 0; }

.sct-tpl-service-hub .sct-usecase-body p {
    font-size: 1rem;
    line-height: 1.8;
    color: var(--grey, #4A5462);
    margin: 0 0 16px;
}

.sct-tpl-service-hub .sct-usecase-body p:last-child { margin-bottom: 0; }

.sct-tpl-service-hub .sct-usecase-body strong { color: var(--primary, #1B2A3A); font-weight: 600; }

.sct-tpl-service-hub .sct-usecase-body ul { list-style: none; margin: 18px 0; padding: 0; display: grid; gap: 11px; }

.sct-tpl-service-hub .sct-usecase-body li { display: flex; gap: 12px; align-items: flex-start; font-size: .98rem; }

.sct-tpl-service-hub .sct-usecase-body li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--secondary, #C8763A);
    margin-top: 4px;
    flex-shrink: 0;
    font-size: .9rem;
}

.sct-tpl-service-hub .sct-engagements-section { background: #fff; }

.sct-tpl-service-hub .sct-engagements-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }

.sct-tpl-service-hub .sct-engagements-grid > * { min-width: 0; }

.sct-tpl-service-hub .sct-engagement {
    background: #fff;
    border: 1px solid var(--border, #E3DFDA);
    border-left: 5px solid var(--secondary, #C8763A);
    border-radius: 10px;
    padding: 28px 26px;
    box-shadow: 0 2px 10px rgba(27,42,58,.07);
    transition: transform .25s ease, box-shadow .25s ease;
}

.sct-tpl-service-hub .sct-engagement:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(27,42,58,.12); }

.sct-tpl-service-hub .sct-engagement i { font-size: 1.5rem; color: var(--secondary, #C8763A); margin-bottom: 13px; display: block; }

.sct-tpl-service-hub .sct-engagement h3 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.22rem;
    font-weight: 600;
    color: var(--primary, #1B2A3A);
    margin: 0 0 8px;
    line-height: 1.2;
}

.sct-tpl-service-hub .sct-engagement p { font-size: .95rem; margin: 0; line-height: 1.7; }

.sct-tpl-service-hub .sct-faq-section { background: var(--cream, #F5F3F0); }

.sct-tpl-service-hub .sct-faq-wrap { max-width: 880px; margin: 0 auto; }

.sct-tpl-service-hub .sct-faq-item {
    background: #fff;
    border: 1px solid var(--border, #E3DFDA);
    border-radius: 10px;
    margin-bottom: 14px;
    box-shadow: 0 2px 10px rgba(27,42,58,.07);
    overflow: hidden;
}

.sct-tpl-service-hub .sct-faq-item summary {
    cursor: pointer;
    list-style: none;
    padding: 21px 26px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    color: var(--primary, #1B2A3A);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    transition: background-color .2s ease;
}

.sct-tpl-service-hub .sct-faq-item summary::-webkit-details-marker { display: none; }

.sct-tpl-service-hub .sct-faq-item summary::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--secondary, #C8763A);
    font-size: .92rem;
    flex-shrink: 0;
    transition: transform .25s ease;
}

.sct-tpl-service-hub .sct-faq-item[open] summary::after { transform: rotate(180deg); }

.sct-tpl-service-hub .sct-faq-item summary:hover { background: var(--cream, #F5F3F0); }

.sct-tpl-service-hub .sct-faq-answer { padding: 0 26px 22px; font-size: .97rem; line-height: 1.8; color: var(--grey, #4A5462); }

.sct-tpl-service-hub .sct-faq-answer p { margin: 0 0 12px; }

.sct-tpl-service-hub .sct-faq-answer p:last-child { margin-bottom: 0; }

.sct-tpl-service-hub .sct-maillage-section { background: #fff; }

.sct-tpl-service-hub .sct-maillage-section.sct-maillage-alt { background: var(--cream, #F5F3F0); }

.sct-tpl-service-hub .sct-maillage-cities {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sct-tpl-service-hub .sct-maillage-cities > * { min-width: 0; }

.sct-tpl-service-hub .sct-maillage-cities a {
    display: flex;
    align-items: center;
    gap: 11px;
    height: 100%;
    background: #fff;
    border: 1px solid var(--border, #E3DFDA);
    border-left: 4px solid var(--secondary, #C8763A);
    border-radius: 8px;
    padding: 15px 18px;
    font-weight: 600;
    color: var(--primary, #1B2A3A);
    font-size: .97rem;
    box-shadow: 0 2px 10px rgba(27,42,58,.06);
    overflow-wrap: anywhere;
    transition: transform .2s ease, box-shadow .2s ease, color .2s ease;
}

.sct-tpl-service-hub .sct-maillage-cities a::before {
    content: "\f3c5";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--secondary, #C8763A);
    font-size: .9rem;
    flex-shrink: 0;
}

.sct-tpl-service-hub .sct-maillage-cities a:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(27,42,58,.12);
    color: var(--secondary, #C8763A);
}

.sct-tpl-service-hub .sct-maillage-note {
    margin: 30px auto 0;
    max-width: 780px;
    background: rgba(200,118,58,.09);
    border-left: 4px solid var(--secondary, #C8763A);
    border-radius: 0 8px 8px 0;
    padding: 18px 22px;
    font-size: .95rem;
    color: var(--primary, #1B2A3A);
    text-align: left;
}

.sct-tpl-service-hub .sct-maillage-note p { margin: 0; }

.sct-tpl-service-hub .sct-maillage-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.sct-tpl-service-hub .sct-maillage-list li { display: inline-flex; max-width: 100%; }

.sct-tpl-service-hub .sct-maillage-list a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: #fff;
    border: 1px solid var(--border, #E3DFDA);
    border-radius: 50px;
    padding: 11px 22px;
    font-weight: 600;
    color: var(--primary, #1B2A3A);
    font-size: .96rem;
    box-shadow: 0 2px 10px rgba(27,42,58,.06);
    transition: transform .2s ease, border-color .2s ease, color .2s ease;
}

.sct-tpl-service-hub .sct-maillage-list a::before {
    content: "\f0da";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--secondary, #C8763A);
    font-size: .85rem;
}

.sct-tpl-service-hub .sct-maillage-list a:hover {
    transform: translateY(-3px);
    border-color: var(--secondary, #C8763A);
    color: var(--secondary, #C8763A);
}

.sct-tpl-service-hub .sct-cta-final {
    background: var(--primary, #1B2A3A);
    color: #fff;
    padding: 66px 0;
    text-align: center;
}

.sct-tpl-service-hub .sct-cta-final h2 {
    font-family: 'Barlow Condensed', 'Inter', sans-serif;
    font-size: clamp(1.7rem, 3.4vw, 2.5rem);
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: .4px;
    color: #fff;
    margin: 0 0 12px;
}

.sct-tpl-service-hub .sct-cta-final p { color: #A9B7C4; max-width: 660px; margin: 0 auto 28px; font-size: 1.02rem; }

.sct-tpl-service-hub .sct-cta-actions { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }

@media (max-width: 1024px) {
    .sct-tpl-service-hub .sct-processus-grid { grid-template-columns: repeat(3, 1fr); }
    .sct-tpl-service-hub .sct-why-grid { grid-template-columns: repeat(2, 1fr); }
    .sct-tpl-service-hub .sct-usecase-grid { grid-template-columns: 1fr; gap: 38px; }
    .sct-tpl-service-hub .sct-usecase-tag { left: 16px; }
    .sct-tpl-service-hub .sct-maillage-cities { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 992px) {
    .sct-tpl-service-hub .sct-hero-grid { grid-template-columns: 1fr; gap: 40px; }
    .sct-tpl-service-hub .sct-hero-card { max-width: 480px; margin: 0 auto; width: 100%; }
    .sct-tpl-service-hub .sct-services-grid { grid-template-columns: repeat(2, 1fr); }
    .sct-tpl-service-hub .sct-engagements-grid { grid-template-columns: 1fr; }
    .sct-tpl-service-hub .sct-section { padding: 68px 0; }
}

@media (max-width: 768px) {
    .sct-tpl-service-hub .sct-hero { padding: 128px 0 66px; }
    .sct-tpl-service-hub .sct-stats-grid { grid-template-columns: repeat(2, 1fr); }
    .sct-tpl-service-hub .sct-stat { border-right: none; border-bottom: 1px solid rgba(255,255,255,.22); }
    .sct-tpl-service-hub .sct-stat:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.22); }
    .sct-tpl-service-hub .sct-stat:nth-last-child(-n+2) { border-bottom: none; }
    .sct-tpl-service-hub .sct-processus-grid { grid-template-columns: repeat(2, 1fr); }
    .sct-tpl-service-hub .sct-maillage-cities { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
    .sct-tpl-service-hub .sct-hero { padding: 120px 0 56px; }
    .sct-tpl-service-hub .sct-breadcrumb { font-size: .8rem; margin-bottom: 16px; }
    .sct-tpl-service-hub .sct-hero-btns { flex-direction: column; }
    .sct-tpl-service-hub .sct-hero-btns > * { width: 100%; justify-content: center; }
    .sct-tpl-service-hub .sct-hero-text h1 { font-size: 1.9rem; line-height: 1.2; }
    .sct-tpl-service-hub .sct-hero-subtitle { font-size: 1rem; }
    .sct-tpl-service-hub .sct-hero-card { padding: 26px 20px; }
    .sct-tpl-service-hub .sct-section { padding: 56px 0; }
    .sct-tpl-service-hub .sct-section-head { margin-bottom: 36px; }
    .sct-tpl-service-hub .sct-services-grid { grid-template-columns: 1fr; gap: 22px; }
    .sct-tpl-service-hub .sct-processus-grid { grid-template-columns: 1fr; }
    .sct-tpl-service-hub .sct-why-grid { grid-template-columns: 1fr; }
    .sct-tpl-service-hub .sct-maillage-cities { grid-template-columns: 1fr; }
    .sct-tpl-service-hub .sct-usecase-tag { position: static; display: inline-block; margin-top: 14px; max-width: 100%; }
    .sct-tpl-service-hub .sct-faq-item summary { padding: 18px 20px; font-size: 1.1rem; }
    .sct-tpl-service-hub .sct-faq-answer { padding: 0 20px 20px; }
    .sct-tpl-service-hub .sct-cta-actions .sct-btn { width: 100%; }
    .sct-tpl-service-hub .sct-cta-final { padding: 52px 0; }
}

@media (prefers-reduced-motion: reduce) {
    .sct-tpl-service-hub *,
    .sct-tpl-service-hub *::before,
    .sct-tpl-service-hub *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

.sct-tpl-service-city .sct-hero {
    position: relative;
    padding: 150px 0 90px;
    background-color: var(--primary, #1B2A3A);
    background-image: linear-gradient(105deg, rgba(15,25,36,.94) 0%, rgba(21,34,48,.88) 46%, rgba(27,42,58,.66) 100%), url('/images/service_4_1788806974_6a9f073edb40a.webp');
    background-size: cover;
    background-position: center;
    color: #fff;
    overflow: hidden;
}

.sct-tpl-service-city .sct-hero-container { position: relative; z-index: 2; }

.sct-tpl-service-city .sct-hero-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 50px;
    align-items: center;
}

.sct-tpl-service-city .sct-hero-grid > * { min-width: 0; }

.sct-tpl-service-city .sct-hero-text,
.sct-tpl-service-city .sct-hero-card { min-width: 0; max-width: 100%; }

.sct-tpl-service-city .sct-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: .86rem;
    margin-bottom: 20px;
    color: #B9C6D3;
}

.sct-tpl-service-city .sct-breadcrumb a { color: #B9C6D3; transition: color .2s ease; }

.sct-tpl-service-city .sct-breadcrumb a:hover { color: var(--secondary, #C8763A); }

.sct-tpl-service-city .sct-bc-sep { color: rgba(255,255,255,.35); }

.sct-tpl-service-city .sct-bc-current { color: #fff; font-weight: 600; }

.sct-tpl-service-city .sct-hero-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.sct-tpl-service-city .sct-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.22);
    padding: 8px 16px;
    border-radius: 50px;
    font-size: .88rem;
    color: #EAF0F5;
    font-weight: 500;
}

.sct-tpl-service-city .sct-hero-badge i { color: var(--secondary, #C8763A); }

.sct-tpl-service-city .sct-hero-badge .sct-stars { color: var(--star, #FBBC04); letter-spacing: 1px; }

.sct-tpl-service-city .sct-hero-text h1 {
    font-family: 'Barlow Condensed', 'Inter', sans-serif;
    font-size: clamp(2rem, 4.6vw, 3.5rem);
    line-height: 1.12;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .4px;
    color: #fff;
    margin: 0 0 18px;
}

.sct-tpl-service-city .sct-hero-text h1 .sct-accent { color: var(--secondary, #C8763A); }

.sct-tpl-service-city .sct-hero-subtitle {
    font-size: 1.1rem;
    color: #D6DEE6;
    max-width: 620px;
    margin: 0 0 26px;
    line-height: 1.7;
}

.sct-tpl-service-city .sct-hero-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 30px;
}

.sct-tpl-service-city .sct-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    font-size: 1.05rem;
    padding: 15px 30px;
    border-radius: 6px;
    border: 2px solid transparent;
    cursor: pointer;
    text-align: center;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
}

.sct-tpl-service-city .sct-btn-primary {
    background: var(--secondary, #C8763A);
    color: #fff;
    box-shadow: 0 8px 22px rgba(200,118,58,.32);
}

.sct-tpl-service-city .sct-btn-primary:hover {
    background: var(--secondary-dark, #AB6130);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(200,118,58,.42);
}

.sct-tpl-service-city .sct-btn-outline {
    border-color: rgba(255,255,255,.65);
    color: #fff;
    background: transparent;
}

.sct-tpl-service-city .sct-btn-outline:hover {
    background: #fff;
    color: var(--primary, #1B2A3A);
    transform: translateY(-2px);
}

.sct-tpl-service-city .sct-btn-dark {
    background: var(--primary, #1B2A3A);
    color: #fff;
}

.sct-tpl-service-city .sct-btn-dark:hover { background: var(--primary-light, #2C4056); transform: translateY(-2px); }

.sct-tpl-service-city .sct-hero-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 26px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sct-tpl-service-city .sct-hero-trust li {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: .95rem;
    color: #D6DEE6;
}

.sct-tpl-service-city .sct-hero-trust i { color: var(--secondary, #C8763A); }

.sct-tpl-service-city .sct-hero-card {
    background: #fff;
    border-radius: 14px;
    padding: 32px 30px;
    box-shadow: 0 22px 48px rgba(27,42,58,.28);
    border-top: 5px solid var(--secondary, #C8763A);
}

.sct-tpl-service-city .sct-hero-card-title {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--primary, #1B2A3A);
    margin: 0 0 6px;
    display: block;
    line-height: 1.15;
}

.sct-tpl-service-city .sct-hero-card-sub {
    font-size: .93rem;
    color: var(--grey-light, #7C8794);
    margin: 0 0 20px;
}

.sct-tpl-service-city .sct-hero-card-list { list-style: none; margin: 0; padding: 0; }

.sct-tpl-service-city .sct-hero-card-list li {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 13px 0;
    border-bottom: 1px solid var(--border, #E3DFDA);
}

.sct-tpl-service-city .sct-hero-card-list li:last-child { border-bottom: none; }

.sct-tpl-service-city .sct-hero-card-list i {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    flex-shrink: 0;
    background: rgba(200,118,58,.12);
    color: var(--secondary, #C8763A);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.sct-tpl-service-city .sct-hc-label {
    display: block;
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--grey-light, #7C8794);
    font-weight: 600;
}

.sct-tpl-service-city .sct-hc-value {
    display: block;
    color: var(--primary, #1B2A3A);
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4;
}

.sct-tpl-service-city a.sct-hc-value:hover { color: var(--secondary, #C8763A); }

.sct-tpl-service-city .sct-hero-card .sct-btn { width: 100%; margin-top: 20px; }

.sct-tpl-service-city .sct-section { padding: 84px 0; }

.sct-tpl-service-city .sct-section-cream { background: var(--cream, #F5F3F0); }

.sct-tpl-service-city .sct-section-dark { background: var(--primary, #1B2A3A); color: #CBD3DC; }

.sct-tpl-service-city .sct-section-head {
    max-width: 760px;
    margin: 0 auto 50px;
    text-align: center;
}

.sct-tpl-service-city .sct-eyebrow {
    display: inline-block;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2.6px;
    font-size: .95rem;
    color: var(--secondary, #C8763A);
    margin-bottom: 10px;
}

.sct-tpl-service-city .sct-eyebrow::after {
    content: "";
    display: block;
    width: 44px;
    height: 3px;
    background: var(--secondary, #C8763A);
    margin: 8px auto 0;
    border-radius: 2px;
}

.sct-tpl-service-city .sct-section-title {
    font-family: 'Barlow Condensed', 'Inter', sans-serif;
    font-size: clamp(1.7rem, 3.4vw, 2.55rem);
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: .4px;
    color: var(--primary, #1B2A3A);
    margin: 0 0 14px;
}

.sct-tpl-service-city .sct-section-dark .sct-section-title { color: #fff; }

.sct-tpl-service-city .sct-section-sub {
    color: var(--grey-light, #7C8794);
    margin: 0;
    font-size: 1.02rem;
}

.sct-tpl-service-city .sct-section-dark .sct-section-sub { color: #9FAEBC; }

.sct-tpl-service-city .sct-stats-band { background: var(--secondary, #C8763A); }

.sct-tpl-service-city .sct-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
}

.sct-tpl-service-city .sct-stats-grid > * { min-width: 0; }

.sct-tpl-service-city .sct-stat {
    padding: 34px 18px;
    text-align: center;
    color: #fff;
    border-right: 1px solid rgba(255,255,255,.22);
}

.sct-tpl-service-city .sct-stat:last-child { border-right: none; }

.sct-tpl-service-city .sct-stat i { font-size: 1.5rem; opacity: .85; margin-bottom: 10px; display: block; }

.sct-tpl-service-city .sct-stat-num {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1;
    display: block;
    margin-bottom: 6px;
}

.sct-tpl-service-city .sct-stat-label { font-size: .9rem; letter-spacing: .3px; opacity: .95; }

.sct-tpl-service-city .sct-intro-section { background: #fff; }

.sct-tpl-service-city .sct-intro-inner { max-width: 880px; margin: 0 auto; }

.sct-tpl-service-city .sct-intro-inner p {
    font-size: 1.03rem;
    line-height: 1.85;
    color: var(--grey, #4A5462);
    margin: 0 0 20px;
}

.sct-tpl-service-city .sct-intro-inner p:last-child { margin-bottom: 0; }

.sct-tpl-service-city .sct-intro-inner strong { color: var(--primary, #1B2A3A); font-weight: 600; }

.sct-tpl-service-city .sct-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.sct-tpl-service-city .sct-services-grid > * { min-width: 0; }

.sct-tpl-service-city .sct-service-card {
    background: #fff;
    border: 1px solid var(--border, #E3DFDA);
    border-radius: 10px;
    border-bottom: 4px solid var(--secondary, #C8763A);
    box-shadow: 0 2px 10px rgba(27,42,58,.07);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.sct-tpl-service-city .sct-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(27,42,58,.14);
    border-color: var(--secondary, #C8763A);
}

.sct-tpl-service-city .sct-service-img { overflow: hidden; line-height: 0; }

.sct-tpl-service-city .sct-service-img img {
    width: 100%;
    height: 218px;
    object-fit: cover;
    transition: transform .35s ease;
}

.sct-tpl-service-city .sct-service-card:hover .sct-service-img img { transform: scale(1.05); }

.sct-tpl-service-city .sct-service-body { padding: 26px 24px 28px; flex: 1; display: flex; flex-direction: column; }

.sct-tpl-service-city .sct-service-body h3 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--primary, #1B2A3A);
    margin: 0 0 10px;
    line-height: 1.2;
}

.sct-tpl-service-city .sct-service-body p { font-size: .96rem; margin: 0; color: var(--grey, #4A5462); line-height: 1.7; }

.sct-tpl-service-city .sct-processus-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 22px;
}

.sct-tpl-service-city .sct-processus-grid > * { min-width: 0; }

.sct-tpl-service-city .sct-step {
    background: #fff;
    border: 1px solid var(--border, #E3DFDA);
    border-radius: 10px;
    padding: 28px 22px;
    box-shadow: 0 2px 10px rgba(27,42,58,.07);
    text-align: center;
    transition: transform .25s ease, box-shadow .25s ease;
}

.sct-tpl-service-city .sct-step:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(27,42,58,.12); }

.sct-tpl-service-city .sct-step-icon {
    width: 54px;
    height: 54px;
    margin: 0 auto 14px;
    border-radius: 10px;
    background: rgba(200,118,58,.12);
    color: var(--secondary, #C8763A);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.sct-tpl-service-city .sct-step-num {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 1.9rem;
    color: rgba(200,118,58,.3);
    line-height: 1;
    display: block;
    margin-bottom: 4px;
}

.sct-tpl-service-city .sct-step h3 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.17rem;
    font-weight: 600;
    color: var(--primary, #1B2A3A);
    margin: 0 0 8px;
    line-height: 1.2;
}

.sct-tpl-service-city .sct-step p { font-size: .92rem; margin: 0; line-height: 1.65; }

.sct-tpl-service-city .sct-why-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 26px;
}

.sct-tpl-service-city .sct-why-grid > * { min-width: 0; }

.sct-tpl-service-city .sct-why-card {
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    padding: 30px 26px;
    transition: transform .25s ease, background-color .25s ease;
}

.sct-tpl-service-city .sct-why-card:hover { transform: translateY(-5px); background: rgba(255,255,255,.09); }

.sct-tpl-service-city .sct-why-card i { font-size: 1.6rem; color: var(--secondary, #C8763A); margin-bottom: 14px; display: block; }

.sct-tpl-service-city .sct-why-card h3 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    color: #fff;
    margin: 0 0 8px;
    line-height: 1.2;
}

.sct-tpl-service-city .sct-why-card p { font-size: .93rem; margin: 0; color: #A9B7C4; line-height: 1.7; }

.sct-tpl-service-city .sct-zones-section { background: #fff; }

.sct-tpl-service-city .sct-zones-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sct-tpl-service-city .sct-zones-list li {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: var(--cream, #F5F3F0);
    border: 1px solid var(--border, #E3DFDA);
    border-radius: 6px;
    padding: 11px 20px;
    font-weight: 600;
    color: var(--primary, #1B2A3A);
    font-size: .97rem;
    transition: transform .2s ease, border-color .2s ease;
}

.sct-tpl-service-city .sct-zones-list li::before {
    content: "\f3c5";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--secondary, #C8763A);
    font-size: .85rem;
}

.sct-tpl-service-city .sct-zones-list li:hover { transform: translateY(-3px); border-color: var(--secondary, #C8763A); }

.sct-tpl-service-city .sct-zones-note {
    margin: 30px auto 0;
    max-width: 780px;
    background: rgba(200,118,58,.09);
    border-left: 4px solid var(--secondary, #C8763A);
    border-radius: 0 8px 8px 0;
    padding: 18px 22px;
    font-size: .95rem;
    color: var(--primary, #1B2A3A);
}

.sct-tpl-service-city .sct-zones-note p { margin: 0; }

.sct-tpl-service-city .sct-usecase-section { background: var(--cream, #F5F3F0); }

.sct-tpl-service-city .sct-usecase-grid {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 54px;
    align-items: center;
}

.sct-tpl-service-city .sct-usecase-grid > * { min-width: 0; }

.sct-tpl-service-city .sct-usecase-media { position: relative; }

.sct-tpl-service-city .sct-usecase-media img {
    width: 100%;
    max-height: 480px;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(27,42,58,.16);
}

.sct-tpl-service-city .sct-usecase-tag {
    position: absolute;
    left: -14px;
    bottom: 24px;
    background: var(--secondary, #C8763A);
    color: #fff;
    padding: 15px 22px;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(27,42,58,.2);
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    max-width: 78%;
}

.sct-tpl-service-city .sct-usecase-tag strong { display: block; font-size: 1.6rem; line-height: 1.05; }

.sct-tpl-service-city .sct-usecase-tag span { font-size: .84rem; opacity: .95; }

.sct-tpl-service-city .sct-usecase-text .sct-section-head { text-align: left; margin: 0 0 24px; max-width: none; }

.sct-tpl-service-city .sct-usecase-text .sct-eyebrow::after { margin-left: 0; }

.sct-tpl-service-city .sct-usecase-body p {
    font-size: 1rem;
    line-height: 1.8;
    color: var(--grey, #4A5462);
    margin: 0 0 16px;
}

.sct-tpl-service-city .sct-usecase-body p:last-child { margin-bottom: 0; }

.sct-tpl-service-city .sct-usecase-body strong { color: var(--primary, #1B2A3A); font-weight: 600; }

.sct-tpl-service-city .sct-usecase-body ul { list-style: none; margin: 18px 0; padding: 0; display: grid; gap: 11px; }

.sct-tpl-service-city .sct-usecase-body li { display: flex; gap: 12px; align-items: flex-start; font-size: .98rem; }

.sct-tpl-service-city .sct-usecase-body li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--secondary, #C8763A);
    margin-top: 4px;
    flex-shrink: 0;
    font-size: .9rem;
}

.sct-tpl-service-city .sct-engagements-section { background: #fff; }

.sct-tpl-service-city .sct-engagements-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.sct-tpl-service-city .sct-engagements-grid > * { min-width: 0; }

.sct-tpl-service-city .sct-engagement {
    background: #fff;
    border: 1px solid var(--border, #E3DFDA);
    border-left: 5px solid var(--secondary, #C8763A);
    border-radius: 10px;
    padding: 28px 26px;
    box-shadow: 0 2px 10px rgba(27,42,58,.07);
    transition: transform .25s ease, box-shadow .25s ease;
}

.sct-tpl-service-city .sct-engagement:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(27,42,58,.12); }

.sct-tpl-service-city .sct-engagement i { font-size: 1.5rem; color: var(--secondary, #C8763A); margin-bottom: 13px; display: block; }

.sct-tpl-service-city .sct-engagement h3 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.22rem;
    font-weight: 600;
    color: var(--primary, #1B2A3A);
    margin: 0 0 8px;
    line-height: 1.2;
}

.sct-tpl-service-city .sct-engagement p { font-size: .95rem; margin: 0; line-height: 1.7; }

.sct-tpl-service-city .sct-local-spec { background: var(--cream, #F5F3F0); }

.sct-tpl-service-city .sct-local-inner {
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid var(--border, #E3DFDA);
    border-top: 5px solid var(--primary, #1B2A3A);
    border-radius: 10px;
    padding: 34px 34px 32px;
    box-shadow: 0 2px 10px rgba(27,42,58,.07);
}

.sct-tpl-service-city .sct-local-inner p { font-size: 1rem; line-height: 1.8; margin: 0 0 16px; color: var(--grey, #4A5462); }

.sct-tpl-service-city .sct-local-inner p:last-child { margin-bottom: 0; }

.sct-tpl-service-city .sct-local-inner strong { color: var(--primary, #1B2A3A); font-weight: 600; }

.sct-tpl-service-city .sct-local-inner ul { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 10px; }

.sct-tpl-service-city .sct-local-inner li { display: flex; gap: 12px; align-items: flex-start; font-size: .98rem; }

.sct-tpl-service-city .sct-local-inner li::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--secondary, #C8763A);
    margin-top: 3px;
    flex-shrink: 0;
}

.sct-tpl-service-city .sct-faq-section { background: #fff; }

.sct-tpl-service-city .sct-faq-wrap { max-width: 880px; margin: 0 auto; }

.sct-tpl-service-city .sct-faq-item {
    background: #fff;
    border: 1px solid var(--border, #E3DFDA);
    border-radius: 10px;
    margin-bottom: 14px;
    box-shadow: 0 2px 10px rgba(27,42,58,.07);
    overflow: hidden;
}

.sct-tpl-service-city .sct-faq-item summary {
    cursor: pointer;
    list-style: none;
    padding: 21px 26px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    color: var(--primary, #1B2A3A);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    transition: background-color .2s ease;
}

.sct-tpl-service-city .sct-faq-item summary::-webkit-details-marker { display: none; }

.sct-tpl-service-city .sct-faq-item summary::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--secondary, #C8763A);
    font-size: .92rem;
    flex-shrink: 0;
    transition: transform .25s ease;
}

.sct-tpl-service-city .sct-faq-item[open] summary::after { transform: rotate(180deg); }

.sct-tpl-service-city .sct-faq-item summary:hover { background: var(--cream, #F5F3F0); }

.sct-tpl-service-city .sct-faq-answer { padding: 0 26px 22px; font-size: .97rem; line-height: 1.8; color: var(--grey, #4A5462); }

.sct-tpl-service-city .sct-faq-answer p { margin: 0 0 12px; }

.sct-tpl-service-city .sct-faq-answer p:last-child { margin-bottom: 0; }

.sct-tpl-service-city .sct-maillage-section { background: var(--cream, #F5F3F0); }

.sct-tpl-service-city .sct-maillage-section.sct-maillage-alt { background: #fff; }

.sct-tpl-service-city .sct-maillage-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.sct-tpl-service-city .sct-maillage-list li { display: inline-flex; max-width: 100%; }

.sct-tpl-service-city .sct-maillage-list a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: #fff;
    border: 1px solid var(--border, #E3DFDA);
    border-radius: 50px;
    padding: 11px 22px;
    font-weight: 600;
    color: var(--primary, #1B2A3A);
    font-size: .96rem;
    box-shadow: 0 2px 10px rgba(27,42,58,.06);
    transition: transform .2s ease, border-color .2s ease, color .2s ease, background-color .2s ease;
}

.sct-tpl-service-city .sct-maillage-section.sct-maillage-alt .sct-maillage-list a { background: var(--cream, #F5F3F0); }

.sct-tpl-service-city .sct-maillage-list a:hover {
    transform: translateY(-3px);
    border-color: var(--secondary, #C8763A);
    color: var(--secondary, #C8763A);
}

.sct-tpl-service-city .sct-maillage-list a::before {
    content: "\f0da";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--secondary, #C8763A);
    font-size: .85rem;
}

.sct-tpl-service-city .sct-cta-final {
    background: var(--primary, #1B2A3A);
    color: #fff;
    padding: 66px 0;
    text-align: center;
}

.sct-tpl-service-city .sct-cta-final h2 {
    font-family: 'Barlow Condensed', 'Inter', sans-serif;
    font-size: clamp(1.7rem, 3.4vw, 2.5rem);
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: .4px;
    color: #fff;
    margin: 0 0 12px;
}

.sct-tpl-service-city .sct-cta-final p { color: #A9B7C4; max-width: 660px; margin: 0 auto 28px; font-size: 1.02rem; }

.sct-tpl-service-city .sct-cta-actions { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }

@media (max-width: 1024px) {
    .sct-tpl-service-city .sct-processus-grid { grid-template-columns: repeat(3, 1fr); }
    .sct-tpl-service-city .sct-why-grid { grid-template-columns: repeat(2, 1fr); }
    .sct-tpl-service-city .sct-usecase-grid { grid-template-columns: 1fr; gap: 38px; }
    .sct-tpl-service-city .sct-usecase-tag { left: 16px; }
}

@media (max-width: 992px) {
    .sct-tpl-service-city .sct-hero-grid { grid-template-columns: 1fr; gap: 40px; }
    .sct-tpl-service-city .sct-hero-card { max-width: 480px; margin: 0 auto; width: 100%; }
    .sct-tpl-service-city .sct-services-grid { grid-template-columns: repeat(2, 1fr); }
    .sct-tpl-service-city .sct-engagements-grid { grid-template-columns: 1fr; }
    .sct-tpl-service-city .sct-section { padding: 68px 0; }
}

@media (max-width: 768px) {
    .sct-tpl-service-city .sct-hero { padding: 128px 0 66px; }
    .sct-tpl-service-city .sct-stats-grid { grid-template-columns: repeat(2, 1fr); }
    .sct-tpl-service-city .sct-stat { border-right: none; border-bottom: 1px solid rgba(255,255,255,.22); }
    .sct-tpl-service-city .sct-stat:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.22); }
    .sct-tpl-service-city .sct-stat:nth-last-child(-n+2) { border-bottom: none; }
    .sct-tpl-service-city .sct-processus-grid { grid-template-columns: repeat(2, 1fr); }
    .sct-tpl-service-city .sct-local-inner { padding: 26px 22px; }
}

@media (max-width: 640px) {
    .sct-tpl-service-city .sct-hero { padding: 120px 0 56px; }
    .sct-tpl-service-city .sct-breadcrumb { font-size: .8rem; margin-bottom: 16px; }
    .sct-tpl-service-city .sct-hero-btns { flex-direction: column; }
    .sct-tpl-service-city .sct-hero-btns > * { width: 100%; justify-content: center; }
    .sct-tpl-service-city .sct-hero-text h1 { font-size: 1.9rem; line-height: 1.2; }
    .sct-tpl-service-city .sct-hero-subtitle { font-size: 1rem; }
    .sct-tpl-service-city .sct-hero-card { padding: 26px 20px; }
    .sct-tpl-service-city .sct-section { padding: 56px 0; }
    .sct-tpl-service-city .sct-section-head { margin-bottom: 36px; }
    .sct-tpl-service-city .sct-services-grid { grid-template-columns: 1fr; gap: 22px; }
    .sct-tpl-service-city .sct-processus-grid { grid-template-columns: 1fr; }
    .sct-tpl-service-city .sct-why-grid { grid-template-columns: 1fr; }
    .sct-tpl-service-city .sct-usecase-tag { position: static; display: inline-block; margin-top: 14px; max-width: 100%; }
    .sct-tpl-service-city .sct-faq-item summary { padding: 18px 20px; font-size: 1.1rem; }
    .sct-tpl-service-city .sct-faq-answer { padding: 0 20px 20px; }
    .sct-tpl-service-city .sct-cta-actions .sct-btn { width: 100%; }
    .sct-tpl-service-city .sct-cta-final { padding: 52px 0; }
}

@media (prefers-reduced-motion: reduce) {
    .sct-tpl-service-city *,
    .sct-tpl-service-city *::before,
    .sct-tpl-service-city *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

.sct-tpl-service-city .sct-hero {
    position: relative;
    padding: 150px 0 90px;
    background-color: var(--primary, #1B2A3A);
    background-image: linear-gradient(105deg, rgba(15,25,36,.94) 0%, rgba(21,34,48,.88) 46%, rgba(27,42,58,.66) 100%), url('/images/service_1_1788806907_6a9f06fb1133d.webp');
    background-size: cover;
    background-position: center;
    color: #fff;
    overflow: hidden;
}

.sct-tpl-zone .sct-hero {
    position: relative;
    padding: 150px 0 90px;
    background-color: var(--primary, #1B2A3A);
    background-image: linear-gradient(105deg, rgba(15,25,36,.94) 0%, rgba(21,34,48,.88) 46%, rgba(27,42,58,.66) 100%), url('/images/service_1_1788806907_6a9f06fb1133d.webp');
    background-size: cover;
    background-position: center;
    color: #fff;
    overflow: hidden;
}

.sct-tpl-zone .sct-hero-container { position: relative; z-index: 2; }

.sct-tpl-zone .sct-hero-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 50px;
    align-items: center;
}

.sct-tpl-zone .sct-hero-grid > * { min-width: 0; }

.sct-tpl-zone .sct-hero-text,
.sct-tpl-zone .sct-hero-card { min-width: 0; max-width: 100%; }

.sct-tpl-zone .sct-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: .86rem;
    margin-bottom: 20px;
    color: #B9C6D3;
}

.sct-tpl-zone .sct-breadcrumb a { color: #B9C6D3; transition: color .2s ease; }

.sct-tpl-zone .sct-breadcrumb a:hover { color: var(--secondary, #C8763A); }

.sct-tpl-zone .sct-bc-sep { color: rgba(255,255,255,.35); }

.sct-tpl-zone .sct-bc-current { color: #fff; font-weight: 600; }

.sct-tpl-zone .sct-hero-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }

.sct-tpl-zone .sct-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.22);
    padding: 8px 16px;
    border-radius: 50px;
    font-size: .88rem;
    color: #EAF0F5;
    font-weight: 500;
}

.sct-tpl-zone .sct-hero-badge i { color: var(--secondary, #C8763A); }

.sct-tpl-zone .sct-hero-badge .sct-stars { color: var(--star, #FBBC04); letter-spacing: 1px; }

.sct-tpl-zone .sct-hero-text h1 {
    font-family: 'Barlow Condensed', 'Inter', sans-serif;
    font-size: clamp(2rem, 4.6vw, 3.5rem);
    line-height: 1.12;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .4px;
    color: #fff;
    margin: 0 0 18px;
}

.sct-tpl-zone .sct-hero-text h1 .sct-accent { color: var(--secondary, #C8763A); }

.sct-tpl-zone .sct-hero-subtitle {
    font-size: 1.1rem;
    color: #D6DEE6;
    max-width: 620px;
    margin: 0 0 26px;
    line-height: 1.7;
}

.sct-tpl-zone .sct-hero-btns { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 30px; }

.sct-tpl-zone .sct-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    font-size: 1.05rem;
    padding: 15px 30px;
    border-radius: 6px;
    border: 2px solid transparent;
    cursor: pointer;
    text-align: center;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
}

.sct-tpl-zone .sct-btn-primary {
    background: var(--secondary, #C8763A);
    color: #fff;
    box-shadow: 0 8px 22px rgba(200,118,58,.32);
}

.sct-tpl-zone .sct-btn-primary:hover {
    background: var(--secondary-dark, #AB6130);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(200,118,58,.42);
}

.sct-tpl-zone .sct-btn-outline { border-color: rgba(255,255,255,.65); color: #fff; background: transparent; }

.sct-tpl-zone .sct-btn-outline:hover { background: #fff; color: var(--primary, #1B2A3A); transform: translateY(-2px); }

.sct-tpl-zone .sct-btn-dark { background: var(--primary, #1B2A3A); color: #fff; }

.sct-tpl-zone .sct-btn-dark:hover { background: var(--primary-light, #2C4056); transform: translateY(-2px); }

.sct-tpl-zone .sct-hero-trust { display: flex; flex-wrap: wrap; gap: 10px 26px; margin: 0; padding: 0; list-style: none; }

.sct-tpl-zone .sct-hero-trust li { display: flex; align-items: center; gap: 9px; font-size: .95rem; color: #D6DEE6; }

.sct-tpl-zone .sct-hero-trust i { color: var(--secondary, #C8763A); }

.sct-tpl-zone .sct-hero-card {
    background: #fff;
    border-radius: 14px;
    padding: 32px 30px;
    box-shadow: 0 22px 48px rgba(27,42,58,.28);
    border-top: 5px solid var(--secondary, #C8763A);
}

.sct-tpl-zone .sct-hero-card-title {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--primary, #1B2A3A);
    margin: 0 0 6px;
    display: block;
    line-height: 1.15;
}

.sct-tpl-zone .sct-hero-card-sub { font-size: .93rem; color: var(--grey-light, #7C8794); margin: 0 0 20px; }

.sct-tpl-zone .sct-hero-card-list { list-style: none; margin: 0; padding: 0; }

.sct-tpl-zone .sct-hero-card-list li {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 13px 0;
    border-bottom: 1px solid var(--border, #E3DFDA);
}

.sct-tpl-zone .sct-hero-card-list li:last-child { border-bottom: none; }

.sct-tpl-zone .sct-hero-card-list i {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    flex-shrink: 0;
    background: rgba(200,118,58,.12);
    color: var(--secondary, #C8763A);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.sct-tpl-zone .sct-hc-label {
    display: block;
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--grey-light, #7C8794);
    font-weight: 600;
}

.sct-tpl-zone .sct-hc-value {
    display: block;
    color: var(--primary, #1B2A3A);
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4;
}

.sct-tpl-zone a.sct-hc-value:hover { color: var(--secondary, #C8763A); }

.sct-tpl-zone .sct-hero-card .sct-btn { width: 100%; margin-top: 20px; }

.sct-tpl-zone .sct-section { padding: 84px 0; }

.sct-tpl-zone .sct-section-cream { background: var(--cream, #F5F3F0); }

.sct-tpl-zone .sct-section-dark { background: var(--primary, #1B2A3A); color: #CBD3DC; }

.sct-tpl-zone .sct-section-head { max-width: 760px; margin: 0 auto 50px; text-align: center; }

.sct-tpl-zone .sct-eyebrow {
    display: inline-block;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2.6px;
    font-size: .95rem;
    color: var(--secondary, #C8763A);
    margin-bottom: 10px;
}

.sct-tpl-zone .sct-eyebrow::after {
    content: "";
    display: block;
    width: 44px;
    height: 3px;
    background: var(--secondary, #C8763A);
    margin: 8px auto 0;
    border-radius: 2px;
}

.sct-tpl-zone .sct-section-title {
    font-family: 'Barlow Condensed', 'Inter', sans-serif;
    font-size: clamp(1.7rem, 3.4vw, 2.55rem);
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: .4px;
    color: var(--primary, #1B2A3A);
    margin: 0 0 14px;
}

.sct-tpl-zone .sct-section-dark .sct-section-title { color: #fff; }

.sct-tpl-zone .sct-section-sub { color: var(--grey-light, #7C8794); margin: 0; font-size: 1.02rem; }

.sct-tpl-zone .sct-section-dark .sct-section-sub { color: #9FAEBC; }

.sct-tpl-zone .sct-stats-band { background: var(--secondary, #C8763A); }

.sct-tpl-zone .sct-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }

.sct-tpl-zone .sct-stats-grid > * { min-width: 0; }

.sct-tpl-zone .sct-stat {
    padding: 34px 18px;
    text-align: center;
    color: #fff;
    border-right: 1px solid rgba(255,255,255,.22);
}

.sct-tpl-zone .sct-stat:last-child { border-right: none; }

.sct-tpl-zone .sct-stat i { font-size: 1.5rem; opacity: .85; margin-bottom: 10px; display: block; }

.sct-tpl-zone .sct-stat-num {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1;
    display: block;
    margin-bottom: 6px;
}

.sct-tpl-zone .sct-stat-label { font-size: .9rem; letter-spacing: .3px; opacity: .95; }

.sct-tpl-zone .sct-intro-section { background: #fff; }

.sct-tpl-zone .sct-intro-inner { max-width: 880px; margin: 0 auto; }

.sct-tpl-zone .sct-intro-inner p {
    font-size: 1.03rem;
    line-height: 1.85;
    color: var(--grey, #4A5462);
    margin: 0 0 20px;
}

.sct-tpl-zone .sct-intro-inner p:last-child { margin-bottom: 0; }

.sct-tpl-zone .sct-intro-inner strong { color: var(--primary, #1B2A3A); font-weight: 600; }

.sct-tpl-zone .sct-services-section { background: var(--cream, #F5F3F0); }

.sct-tpl-zone .sct-services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }

.sct-tpl-zone .sct-services-grid > * { min-width: 0; }

.sct-tpl-zone .sct-service-card {
    background: #fff;
    border: 1px solid var(--border, #E3DFDA);
    border-radius: 10px;
    border-bottom: 4px solid var(--secondary, #C8763A);
    box-shadow: 0 2px 10px rgba(27,42,58,.07);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.sct-tpl-zone .sct-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(27,42,58,.14);
    border-color: var(--secondary, #C8763A);
}

.sct-tpl-zone .sct-service-img { overflow: hidden; line-height: 0; }

.sct-tpl-zone .sct-service-img img { width: 100%; height: 210px; object-fit: cover; transition: transform .35s ease; }

.sct-tpl-zone .sct-service-card:hover .sct-service-img img { transform: scale(1.05); }

.sct-tpl-zone .sct-service-body { padding: 26px 24px 28px; flex: 1; display: flex; flex-direction: column; }

.sct-tpl-zone .sct-service-icon {
    width: 46px;
    height: 46px;
    border-radius: 9px;
    background: rgba(200,118,58,.12);
    color: var(--secondary, #C8763A);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    margin-bottom: 14px;
}

.sct-tpl-zone .sct-service-body h3 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--primary, #1B2A3A);
    margin: 0 0 10px;
    line-height: 1.2;
}

.sct-tpl-zone .sct-service-body p { font-size: .96rem; margin: 0 0 18px; color: var(--grey, #4A5462); line-height: 1.7; }

.sct-tpl-zone .sct-service-link {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .9px;
    font-size: 1rem;
    color: var(--secondary, #C8763A);
    transition: gap .2s ease, color .2s ease;
}

.sct-tpl-zone .sct-service-link::after {
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: .82rem;
}

.sct-tpl-zone .sct-service-link:hover { gap: 14px; color: var(--secondary-dark, #AB6130); }

.sct-tpl-zone .sct-zones-section { background: #fff; }

.sct-tpl-zone .sct-zones-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.sct-tpl-zone .sct-zones-list li {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: var(--cream, #F5F3F0);
    border: 1px solid var(--border, #E3DFDA);
    border-radius: 6px;
    padding: 11px 20px;
    font-weight: 600;
    color: var(--primary, #1B2A3A);
    font-size: .97rem;
    max-width: 100%;
    transition: transform .2s ease, border-color .2s ease;
}

.sct-tpl-zone .sct-zones-list li::before {
    content: "\f3c5";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--secondary, #C8763A);
    font-size: .85rem;
    flex-shrink: 0;
}

.sct-tpl-zone .sct-zones-list li:hover { transform: translateY(-3px); border-color: var(--secondary, #C8763A); }

.sct-tpl-zone .sct-zones-note {
    margin: 30px auto 0;
    max-width: 780px;
    background: rgba(200,118,58,.09);
    border-left: 4px solid var(--secondary, #C8763A);
    border-radius: 0 8px 8px 0;
    padding: 18px 22px;
    font-size: .95rem;
    color: var(--primary, #1B2A3A);
}

.sct-tpl-zone .sct-zones-note p { margin: 0; }

.sct-tpl-zone .sct-usecase-section { background: var(--primary, #1B2A3A); color: #CBD3DC; }

.sct-tpl-zone .sct-usecase-grid {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 54px;
    align-items: center;
}

.sct-tpl-zone .sct-usecase-grid > * { min-width: 0; }

.sct-tpl-zone .sct-usecase-media { position: relative; }

.sct-tpl-zone .sct-usecase-media img {
    width: 100%;
    max-height: 480px;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 22px 48px rgba(0,0,0,.35);
}

.sct-tpl-zone .sct-usecase-tag {
    position: absolute;
    left: -14px;
    bottom: 24px;
    background: var(--secondary, #C8763A);
    color: #fff;
    padding: 15px 22px;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(0,0,0,.3);
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    max-width: 78%;
}

.sct-tpl-zone .sct-usecase-tag strong { display: block; font-size: 1.6rem; line-height: 1.05; }

.sct-tpl-zone .sct-usecase-tag span { font-size: .84rem; opacity: .95; }

.sct-tpl-zone .sct-usecase-text .sct-section-head { text-align: left; margin: 0 0 24px; max-width: none; }

.sct-tpl-zone .sct-usecase-text .sct-eyebrow::after { margin-left: 0; }

.sct-tpl-zone .sct-usecase-text .sct-section-title { color: #fff; }

.sct-tpl-zone .sct-usecase-body p { font-size: 1rem; line-height: 1.8; color: #B7C3CE; margin: 0 0 16px; }

.sct-tpl-zone .sct-usecase-body p:last-child { margin-bottom: 0; }

.sct-tpl-zone .sct-usecase-body strong { color: #fff; font-weight: 600; }

.sct-tpl-zone .sct-usecase-body ul { list-style: none; margin: 18px 0; padding: 0; display: grid; gap: 11px; }

.sct-tpl-zone .sct-usecase-body li { display: flex; gap: 12px; align-items: flex-start; font-size: .98rem; color: #C5D0DA; }

.sct-tpl-zone .sct-usecase-body li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--secondary, #C8763A);
    margin-top: 4px;
    flex-shrink: 0;
    font-size: .9rem;
}

.sct-tpl-zone .sct-engagements-section { background: #fff; }

.sct-tpl-zone .sct-engagements-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }

.sct-tpl-zone .sct-engagements-grid > * { min-width: 0; }

.sct-tpl-zone .sct-engagement {
    background: #fff;
    border: 1px solid var(--border, #E3DFDA);
    border-left: 5px solid var(--secondary, #C8763A);
    border-radius: 10px;
    padding: 28px 26px;
    box-shadow: 0 2px 10px rgba(27,42,58,.07);
    transition: transform .25s ease, box-shadow .25s ease;
}

.sct-tpl-zone .sct-engagement:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(27,42,58,.12); }

.sct-tpl-zone .sct-engagement i { font-size: 1.5rem; color: var(--secondary, #C8763A); margin-bottom: 13px; display: block; }

.sct-tpl-zone .sct-engagement h3 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.22rem;
    font-weight: 600;
    color: var(--primary, #1B2A3A);
    margin: 0 0 8px;
    line-height: 1.2;
}

.sct-tpl-zone .sct-engagement p { font-size: .95rem; margin: 0; line-height: 1.7; }

.sct-tpl-zone .sct-local-spec { background: var(--cream, #F5F3F0); }

.sct-tpl-zone .sct-local-inner {
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid var(--border, #E3DFDA);
    border-top: 5px solid var(--primary, #1B2A3A);
    border-radius: 10px;
    padding: 34px 34px 32px;
    box-shadow: 0 2px 10px rgba(27,42,58,.07);
}

.sct-tpl-zone .sct-local-inner p { font-size: 1rem; line-height: 1.8; margin: 0 0 16px; color: var(--grey, #4A5462); }

.sct-tpl-zone .sct-local-inner p:last-child { margin-bottom: 0; }

.sct-tpl-zone .sct-local-inner strong { color: var(--primary, #1B2A3A); font-weight: 600; }

.sct-tpl-zone .sct-local-inner ul { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 10px; }

.sct-tpl-zone .sct-local-inner li { display: flex; gap: 12px; align-items: flex-start; font-size: .98rem; }

.sct-tpl-zone .sct-local-inner li::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--secondary, #C8763A);
    margin-top: 3px;
    flex-shrink: 0;
}

.sct-tpl-zone .sct-faq-section { background: #fff; }

.sct-tpl-zone .sct-faq-wrap { max-width: 880px; margin: 0 auto; }

.sct-tpl-zone .sct-faq-item {
    background: #fff;
    border: 1px solid var(--border, #E3DFDA);
    border-radius: 10px;
    margin-bottom: 14px;
    box-shadow: 0 2px 10px rgba(27,42,58,.07);
    overflow: hidden;
}

.sct-tpl-zone .sct-faq-item summary {
    cursor: pointer;
    list-style: none;
    padding: 21px 26px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    color: var(--primary, #1B2A3A);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    transition: background-color .2s ease;
}

.sct-tpl-zone .sct-faq-item summary::-webkit-details-marker { display: none; }

.sct-tpl-zone .sct-faq-item summary::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--secondary, #C8763A);
    font-size: .92rem;
    flex-shrink: 0;
    transition: transform .25s ease;
}

.sct-tpl-zone .sct-faq-item[open] summary::after { transform: rotate(180deg); }

.sct-tpl-zone .sct-faq-item summary:hover { background: var(--cream, #F5F3F0); }

.sct-tpl-zone .sct-faq-answer { padding: 0 26px 22px; font-size: .97rem; line-height: 1.8; color: var(--grey, #4A5462); }

.sct-tpl-zone .sct-faq-answer p { margin: 0 0 12px; }

.sct-tpl-zone .sct-faq-answer p:last-child { margin-bottom: 0; }

.sct-tpl-zone .sct-maillage-section { background: var(--cream, #F5F3F0); }

.sct-tpl-zone .sct-maillage-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.sct-tpl-zone .sct-maillage-list li { display: inline-flex; max-width: 100%; }

.sct-tpl-zone .sct-maillage-list a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: #fff;
    border: 1px solid var(--border, #E3DFDA);
    border-radius: 50px;
    padding: 11px 22px;
    font-weight: 600;
    color: var(--primary, #1B2A3A);
    font-size: .96rem;
    box-shadow: 0 2px 10px rgba(27,42,58,.06);
    transition: transform .2s ease, border-color .2s ease, color .2s ease;
}

.sct-tpl-zone .sct-maillage-list a::before {
    content: "\f3c5";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--secondary, #C8763A);
    font-size: .85rem;
}

.sct-tpl-zone .sct-maillage-list a:hover {
    transform: translateY(-3px);
    border-color: var(--secondary, #C8763A);
    color: var(--secondary, #C8763A);
}

.sct-tpl-zone .sct-cta-final {
    background: var(--primary, #1B2A3A);
    color: #fff;
    padding: 66px 0;
    text-align: center;
}

.sct-tpl-zone .sct-cta-final h2 {
    font-family: 'Barlow Condensed', 'Inter', sans-serif;
    font-size: clamp(1.7rem, 3.4vw, 2.5rem);
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: .4px;
    color: #fff;
    margin: 0 0 12px;
}

.sct-tpl-zone .sct-cta-final p { color: #A9B7C4; max-width: 660px; margin: 0 auto 28px; font-size: 1.02rem; }

.sct-tpl-zone .sct-cta-actions { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }

@media (max-width: 1024px) {
    .sct-tpl-zone .sct-usecase-grid { grid-template-columns: 1fr; gap: 38px; }
    .sct-tpl-zone .sct-usecase-tag { left: 16px; }
}

@media (max-width: 992px) {
    .sct-tpl-zone .sct-hero-grid { grid-template-columns: 1fr; gap: 40px; }
    .sct-tpl-zone .sct-hero-card { max-width: 480px; margin: 0 auto; width: 100%; }
    .sct-tpl-zone .sct-services-grid { grid-template-columns: repeat(2, 1fr); }
    .sct-tpl-zone .sct-engagements-grid { grid-template-columns: 1fr; }
    .sct-tpl-zone .sct-section { padding: 68px 0; }
}

@media (max-width: 768px) {
    .sct-tpl-zone .sct-hero { padding: 128px 0 66px; }
    .sct-tpl-zone .sct-stats-grid { grid-template-columns: repeat(2, 1fr); }
    .sct-tpl-zone .sct-stat { border-right: none; border-bottom: 1px solid rgba(255,255,255,.22); }
    .sct-tpl-zone .sct-stat:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.22); }
    .sct-tpl-zone .sct-stat:nth-last-child(-n+2) { border-bottom: none; }
    .sct-tpl-zone .sct-local-inner { padding: 26px 22px; }
}

@media (max-width: 640px) {
    .sct-tpl-zone .sct-hero { padding: 120px 0 56px; }
    .sct-tpl-zone .sct-breadcrumb { font-size: .8rem; margin-bottom: 16px; }
    .sct-tpl-zone .sct-hero-btns { flex-direction: column; }
    .sct-tpl-zone .sct-hero-btns > * { width: 100%; justify-content: center; }
    .sct-tpl-zone .sct-hero-text h1 { font-size: 1.9rem; line-height: 1.2; }
    .sct-tpl-zone .sct-hero-subtitle { font-size: 1rem; }
    .sct-tpl-zone .sct-hero-card { padding: 26px 20px; }
    .sct-tpl-zone .sct-section { padding: 56px 0; }
    .sct-tpl-zone .sct-section-head { margin-bottom: 36px; }
    .sct-tpl-zone .sct-services-grid { grid-template-columns: 1fr; gap: 22px; }
    .sct-tpl-zone .sct-usecase-tag { position: static; display: inline-block; margin-top: 14px; max-width: 100%; }
    .sct-tpl-zone .sct-faq-item summary { padding: 18px 20px; font-size: 1.1rem; }
    .sct-tpl-zone .sct-faq-answer { padding: 0 20px 20px; }
    .sct-tpl-zone .sct-cta-actions .sct-btn { width: 100%; }
    .sct-tpl-zone .sct-cta-final { padding: 52px 0; }
}

@media (prefers-reduced-motion: reduce) {
    .sct-tpl-zone *,
    .sct-tpl-zone *::before,
    .sct-tpl-zone *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

.sct-tpl-service-hub .sct-hero {
    position: relative;
    padding: 150px 0 90px;
    background-color: var(--primary, #1B2A3A);
    background-image: linear-gradient(105deg, rgba(15,25,36,.94) 0%, rgba(21,34,48,.88) 46%, rgba(27,42,58,.66) 100%), url('/images/service_2_1788806935_6a9f0717aabcf.webp');
    background-size: cover;
    background-position: center;
    color: #fff;
    overflow: hidden;
}

.sct-tpl-zone .sct-hero {
    position: relative;
    padding: 150px 0 90px;
    background-color: var(--primary, #1B2A3A);
    background-image: linear-gradient(105deg, rgba(15,25,36,.94) 0%, rgba(21,34,48,.88) 46%, rgba(27,42,58,.66) 100%), url('/images/service_2_1788806935_6a9f0717aabcf.webp');
    background-size: cover;
    background-position: center;
    color: #fff;
    overflow: hidden;
}

.sct-tpl-service-hub .sct-hero {
    position: relative;
    padding: 150px 0 90px;
    background-color: var(--primary, #1B2A3A);
    background-image: linear-gradient(105deg, rgba(15,25,36,.94) 0%, rgba(21,34,48,.88) 46%, rgba(27,42,58,.66) 100%), url('/images/service_3_1788806953_6a9f0729ed138.webp');
    background-size: cover;
    background-position: center;
    color: #fff;
    overflow: hidden;
}

.sct-tpl-service-hub .sct-hero {
    position: relative;
    padding: 150px 0 90px;
    background-color: var(--primary, #1B2A3A);
    background-image: linear-gradient(105deg, rgba(15,25,36,.94) 0%, rgba(21,34,48,.88) 46%, rgba(27,42,58,.66) 100%), url('/images/service_4_1788806974_6a9f073edb40a.webp');
    background-size: cover;
    background-position: center;
    color: #fff;
    overflow: hidden;
}

.sct-tpl-service-hub .sct-hero {
    position: relative;
    padding: 150px 0 90px;
    background-color: var(--primary, #1B2A3A);
    background-image: linear-gradient(105deg, rgba(15,25,36,.94) 0%, rgba(21,34,48,.88) 46%, rgba(27,42,58,.66) 100%), url('/images/service_5_1788807000_6a9f0758d94a3.webp');
    background-size: cover;
    background-position: center;
    color: #fff;
    overflow: hidden;
}

.sct-tpl-service-city .sct-hero {
    position: relative;
    padding: 150px 0 90px;
    background-color: var(--primary, #1B2A3A);
    background-image: linear-gradient(105deg, rgba(15,25,36,.94) 0%, rgba(21,34,48,.88) 46%, rgba(27,42,58,.66) 100%), url('/images/service_2_1788806935_6a9f0717aabcf.webp');
    background-size: cover;
    background-position: center;
    color: #fff;
    overflow: hidden;
}

.sct-tpl-service-city .sct-hero {
    position: relative;
    padding: 150px 0 90px;
    background-color: var(--primary, #1B2A3A);
    background-image: linear-gradient(105deg, rgba(15,25,36,.94) 0%, rgba(21,34,48,.88) 46%, rgba(27,42,58,.66) 100%), url('/images/service_5_1788807000_6a9f0758d94a3.webp');
    background-size: cover;
    background-position: center;
    color: #fff;
    overflow: hidden;
}

.sct-tpl-service-hub .sct-hero {
    position: relative;
    padding: 150px 0 90px;
    background-color: var(--primary, #1B2A3A);
    background-image: linear-gradient(105deg, rgba(15,25,36,.94) 0%, rgba(21,34,48,.88) 46%, rgba(27,42,58,.66) 100%), url('/images/service_6_1788807028_6a9f07741e410.webp');
    background-size: cover;
    background-position: center;
    color: #fff;
    overflow: hidden;
}

.sct-tpl-service-city .sct-hero {
    position: relative;
    padding: 150px 0 90px;
    background-color: var(--primary, #1B2A3A);
    background-image: linear-gradient(105deg, rgba(15,25,36,.94) 0%, rgba(21,34,48,.88) 46%, rgba(27,42,58,.66) 100%), url('/images/service_3_1788806953_6a9f0729ed138.webp');
    background-size: cover;
    background-position: center;
    color: #fff;
    overflow: hidden;
}

.sct-tpl-service-city .sct-hero {
    position: relative;
    padding: 150px 0 90px;
    background-color: var(--primary, #1B2A3A);
    background-image: linear-gradient(105deg, rgba(15,25,36,.94) 0%, rgba(21,34,48,.88) 46%, rgba(27,42,58,.66) 100%), url('/images/service_6_1788807028_6a9f07741e410.webp');
    background-size: cover;
    background-position: center;
    color: #fff;
    overflow: hidden;
}

.hero-sitemap{padding-top:150px;padding-bottom:76px;text-align:center;}

.hero-sitemap .hero-inner{max-width:820px;margin:0 auto;}

.hero-sitemap .hero-lead{margin-left:auto;margin-right:auto;}

.hero-sitemap .eyebrow{color:var(--secondary);}

.breadcrumb{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
  font-size:.9rem;color:#9FAEBC;margin-top:26px;
}

.breadcrumb a:hover{color:var(--secondary);}

.breadcrumb i{font-size:.65rem;position:relative;top:1px;color:var(--secondary);}

.map-block{margin-bottom:64px;}

.map-block:last-child{margin-bottom:0;}

.map-block-head{
  display:flex;align-items:center;gap:16px;
  padding-bottom:16px;margin-bottom:28px;
  border-bottom:2px solid var(--border);
}

.map-block-head .map-icon{
  width:52px;height:52px;border-radius:10px;flex-shrink:0;
  background:rgba(200,118,58,.12);color:var(--secondary);
  display:flex;align-items:center;justify-content:center;font-size:1.25rem;
}

.map-block-head h2{margin:0;font-size:clamp(1.5rem,2.8vw,2.05rem);}

.map-block-head .map-count{
  font-size:.85rem;color:var(--grey-light);display:block;
  font-family:'Inter',sans-serif;text-transform:none;letter-spacing:0;font-weight:500;
}

.chip-list{display:flex;flex-wrap:wrap;gap:12px;}

.chip{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--white);border:1px solid var(--border);border-radius:50px;
  padding:12px 22px;font-weight:600;color:var(--primary);font-size:.97rem;
  box-shadow:var(--shadow-sm);
  transition:transform .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;
}

.chip i{color:var(--secondary);font-size:.88rem;flex-shrink:0;}

.chip:hover{transform:translateY(-3px);border-color:var(--secondary);color:var(--secondary-dark);box-shadow:var(--shadow-md);}

.chip-home{background:var(--primary);color:var(--white);border-color:var(--primary);padding:14px 30px;}

.chip-home i{color:var(--secondary);}

.chip-home:hover{background:var(--primary-light);border-color:var(--primary-light);color:var(--white);}

.chip-zone{background:var(--white);}

.city-group{
  background:var(--white);border:1px solid var(--border);border-radius:var(--radius);
  border-left:5px solid var(--secondary);
  padding:24px 26px;box-shadow:var(--shadow-sm);
  transition:transform .25s ease,box-shadow .25s ease;
}

.city-group:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}

.city-group h3{
  font-size:1.18rem;margin:0 0 16px;
  display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.6px;
}

.city-group h3 i{color:var(--secondary);font-size:.95rem;}

.city-group h3 a{transition:color .2s ease;}

.city-group h3 a:hover{color:var(--secondary);}

.city-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}

.city-group .chip{background:var(--cream);box-shadow:none;padding:10px 18px;font-size:.93rem;}

.city-group .chip:hover{background:var(--white);box-shadow:var(--shadow-sm);}

.map-note{
  margin-top:30px;background:rgba(200,118,58,.09);border-left:4px solid var(--secondary);
  border-radius:0 8px 8px 0;padding:18px 22px;font-size:.95rem;color:var(--primary);
}

.map-note p{margin:0;}

@media (max-width:900px){
  .city-grid{grid-template-columns:1fr;}
}

@media (max-width:768px){
  .hero-sitemap{padding-top:118px;padding-bottom:56px;}
  .map-block{margin-bottom:48px;}
  .map-block-head{gap:12px;}
  .map-block-head .map-icon{width:44px;height:44px;font-size:1.05rem;}
  .chip{padding:11px 18px;font-size:.92rem;}
  .city-group{padding:20px 18px;}
}