:root{
  --primary:#0E9F8E;
  --primary-dark:#0B7F72;
  --primary-light:#E6F6F4;
  --secondary:#0B2B3C;
  --secondary-soft:#14415A;
  --accent:#FFB238;
  --bg-soft:#F5FAF9;
  --white:#FFFFFF;
  --text:#5A6B72;
  --border:#E2ECEA;
  --shadow-sm:0 4px 14px rgba(11,43,60,.06);
  --shadow-md:0 14px 34px rgba(14,159,142,.12);
  --shadow-lg:0 24px 60px rgba(11,43,60,.14);
  --radius:18px;
  --radius-lg:26px;
}

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

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

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

h1,h2,h3{color:var(--secondary);line-height:1.2;margin:0 0 16px;font-weight:800;letter-spacing:-.02em;}

h1{font-size:clamp(2rem,4.6vw,3.35rem);}

h2{font-size:clamp(1.65rem,3.2vw,2.5rem);}

h3{font-size:1.16rem;font-weight:700;}

p{margin:0 0 16px;}

a{color:var(--primary);text-decoration:none;}

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

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:96px;padding-bottom:96px;}

.section-soft{background:var(--bg-soft);}

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

.section-head p{margin-bottom:0;}

.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--primary-light);color:var(--primary-dark);
  font-size:.78rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  padding:8px 16px;border-radius:999px;margin-bottom:18px;
}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 30px;border-radius:999px;font-weight:700;font-size:.98rem;
  border:2px solid transparent;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s,color .25s;
  text-align:center;line-height:1.2;
}

.btn-primary{background:var(--primary);color:#fff;box-shadow:0 12px 26px rgba(14,159,142,.32);}

.btn-primary:hover{background:var(--primary-dark);transform:translateY(-3px);color:#fff;}

.btn-accent{background:var(--accent);color:var(--secondary);box-shadow:0 12px 26px rgba(255,178,56,.32);}

.btn-accent:hover{transform:translateY(-3px);color:var(--secondary);}

.btn-ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.65);}

.btn-ghost:hover{background:#fff;color:var(--secondary);transform:translateY(-3px);}

.btn-outline{background:transparent;color:var(--primary-dark);border-color:var(--primary);}

.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-3px);}

.header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
  box-shadow:0 2px 18px rgba(11,43,60,.05);
}

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

.logo{display:flex;align-items:center;gap:12px;color:var(--secondary);font-weight:800;}

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

.logo-text{font-size:1.02rem;line-height:1.15;max-width:170px;}

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

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

.nav a{color:var(--secondary);font-weight:600;font-size:.95rem;position:relative;padding:6px 0;}

.nav a:not(.btn-cta-nav):hover{color:var(--primary);}

.nav a:not(.btn-cta-nav)::after{
  content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--primary);transition:width .25s;
}

.nav a:not(.btn-cta-nav):hover::after{width:100%;}

.nav .btn-cta-nav{
  background:var(--primary);color:#fff;padding:11px 22px;border-radius:999px;
  box-shadow:0 8px 18px rgba(14,159,142,.28);white-space:nowrap;
}

.nav .btn-cta-nav:hover{background:var(--primary-dark);color:#fff;}

.nav .btn-cta-nav::after{display:none;}

@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,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 4px;}
  .nav .btn-cta-nav{text-align:center;padding:14px 22px;}
}

.hero{
  position:relative;
  padding-top:150px;padding-bottom:120px;
  background:linear-gradient(115deg,rgba(11,43,60,.93) 0%,rgba(11,43,60,.78) 42%,rgba(14,159,142,.72) 100%),var(--secondary);
  background-size:cover;background-position:center;
  color:#fff;overflow:hidden;
}

.hero::before{
  content:"";position:absolute;inset:0;
  background-image:url("/images/hero_1788703021_6a9d712d201d4.webp");
  background-size:cover;background-position:center;
  opacity:.34;z-index:0;mix-blend-mode:luminosity;
}

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

.hero h1{color:#fff;max-width:820px;}

.hero-lead{font-size:clamp(1.02rem,1.7vw,1.2rem);color:rgba(255,255,255,.9);max-width:640px;}

.hero-badge{
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);
  padding:9px 18px;border-radius:999px;font-size:.85rem;font-weight:700;
  letter-spacing:.04em;margin-bottom:22px;color:#fff;
}

.hero-badge i{color:var(--accent);}

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

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

.hero-proofs li{display:flex;align-items:center;gap:9px;font-size:.92rem;font-weight:600;color:rgba(255,255,255,.92);}

.hero-proofs i{color:var(--accent);font-size:.9rem;}

.hero-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:70px;z-index:1;display:block;}

.trust-bar{background:var(--primary);padding-top:34px;padding-bottom:34px;}

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

.trust-item{display:flex;align-items:center;gap:14px;color:#fff;}

.trust-item i{
  font-size:1.05rem;width:44px;height:44px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.18);border-radius:14px;
}

.trust-item span{font-weight:700;font-size:.95rem;line-height:1.35;}

.devis-wrap{
  background:linear-gradient(135deg,var(--secondary) 0%,var(--secondary-soft) 100%);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  overflow:hidden;
  display:grid;grid-template-columns:.9fr 1.1fr;
}

.devis-intro{padding:52px 44px;color:#fff;}

.devis-intro h2{color:#fff;}

.devis-intro p{color:rgba(255,255,255,.82);}

.devis-list{margin-top:26px;display:grid;gap:14px;}

.devis-list li{display:flex;gap:12px;align-items:flex-start;color:rgba(255,255,255,.92);font-weight:600;font-size:.95rem;}

.devis-list i{color:var(--accent);margin-top:5px;}

.devis-phone{
  margin-top:30px;display:inline-flex;align-items:center;gap:12px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);
  padding:14px 22px;border-radius:16px;color:#fff;font-weight:800;font-size:1.15rem;
}

.devis-phone i{color:var(--accent);}

.devis-form{background:#fff;padding:44px;}

.devis-form h3{font-size:1.3rem;margin-bottom:6px;}

.devis-form .form-note{font-size:.9rem;margin-bottom:24px;}

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

.form-group label{display:block;font-weight:700;color:var(--secondary);font-size:.88rem;margin-bottom:7px;}

.form-group input,.form-group textarea,.form-group select{
  width:100%;padding:13px 16px;border:1.5px solid var(--border);border-radius:12px;
  font-family:inherit;font-size:.96rem;color:var(--secondary);background:var(--bg-soft);
  transition:border-color .2s,box-shadow .2s,background .2s;
}

.form-group input:focus,.form-group textarea:focus,.form-group select:focus{
  outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px rgba(14,159,142,.12);
}

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

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

form button[type="submit"]{
  width:100%;border:none;cursor:pointer;
  background:var(--primary);color:#fff;font-weight:800;font-size:1rem;font-family:inherit;
  padding:16px 24px;border-radius:999px;box-shadow:0 12px 26px rgba(14,159,142,.3);
  transition:background .25s,transform .25s;
}

form button[type="submit"]:hover{background:var(--primary-dark);transform:translateY(-2px);}

form button[type="submit"]:disabled{opacity:.6;cursor:not-allowed;transform:none;}

.form-status p,#formStatus p{margin:14px 0 0;font-weight:600;font-size:.93rem;}

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

.stat-card{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  padding:34px 24px;text-align:center;box-shadow:var(--shadow-sm);
  transition:transform .25s,box-shadow .25s;
}

.stat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}

.stat-card i{font-size:1.5rem;color:var(--primary);margin-bottom:14px;display:block;}

.stat-num{font-size:2.4rem;font-weight:800;color:var(--secondary);line-height:1;display:block;margin-bottom:8px;}

.stat-label{font-size:.92rem;font-weight:600;}

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

.service-card{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  width:calc((100% - 56px)/3);min-width:280px;
  box-shadow:var(--shadow-sm);position:relative;
  transition:transform .3s,box-shadow .3s,border-color .3s;
  display:flex;flex-direction:column;
  padding:14px 14px 26px;
}

.service-card::before{
  content:"";position:absolute;top:0;left:26px;right:26px;height:3px;
  background:var(--primary);border-radius:0 0 4px 4px;
  transform:scaleX(0);transform-origin:center;transition:transform .3s;
}

.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:rgba(14,159,142,.4);}

.service-card:hover::before{transform:scaleX(1);}

.service-img{margin-bottom:20px;}

.service-img img{
  width:100%;height:210px;object-fit:cover;border-radius:14px;
  transition:transform .35s;
}

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

.service-body{padding-left:12px;padding-right:12px;}

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

.service-body p{font-size:.94rem;margin-bottom:0;}

.service-body .btn{margin-top:18px;padding:11px 22px;font-size:.9rem;}

.service-cities{margin-top:14px;font-size:.86rem;line-height:1.6;color:var(--text);}

.service-cities strong{display:block;color:var(--secondary);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;}

.service-cities a{font-weight:600;}

.service-cities a:hover{color:var(--primary-dark);text-decoration:underline;}

.extra-row{
  display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:flex-start;
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  padding:34px;box-shadow:var(--shadow-sm);margin-bottom:24px;
  transition:transform .25s,box-shadow .25s;
}

.extra-row:last-child{margin-bottom:0;}

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

.extra-icon{
  width:66px;height:66px;border-radius:20px;flex-shrink:0;
  background:var(--primary-light);color:var(--primary-dark);
  display:flex;align-items:center;justify-content:center;font-size:1.5rem;
}

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

.extra-row p{font-size:.95rem;}

.tag-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px;}

.tag-list li{
  background:var(--bg-soft);border:1px solid var(--border);color:var(--secondary);
  font-size:.85rem;font-weight:600;padding:7px 14px;border-radius:999px;
}

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

.why-card{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  padding:32px 26px;box-shadow:var(--shadow-sm);
  transition:transform .25s,box-shadow .25s;
}

.why-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}

.why-card i{
  width:52px;height:52px;border-radius:16px;background:var(--primary);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1.15rem;margin-bottom:18px;
}

.why-card h3{font-size:1.08rem;margin-bottom:8px;}

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

.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;}

.audience-card{
  border-radius:var(--radius-lg);padding:42px 38px;
  border:1px solid var(--border);background:#fff;box-shadow:var(--shadow-sm);
  display:flex;flex-direction:column;
}

.audience-card.pro{background:linear-gradient(140deg,var(--secondary),var(--secondary-soft));border-color:transparent;}

.audience-card.pro h3,.audience-card.pro p{color:#fff;}

.audience-card.pro p{color:rgba(255,255,255,.85);}

.audience-card.pro li{color:rgba(255,255,255,.92);}

.audience-card.pro .audience-icon{background:rgba(255,255,255,.16);color:#fff;}

.audience-icon{
  width:58px;height:58px;border-radius:18px;background:var(--primary-light);color:var(--primary-dark);
  display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:20px;
}

.audience-card h3{font-size:1.4rem;}

.audience-list{display:grid;gap:12px;margin:20px 0 28px;}

.audience-list li{display:flex;gap:11px;align-items:flex-start;font-size:.95rem;font-weight:600;color:var(--secondary);}

.audience-list i{color:var(--primary);margin-top:5px;font-size:.85rem;}

.audience-card.pro .audience-list i{color:var(--accent);}

.audience-card .btn{margin-top:auto;align-self:flex-start;}

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

.process-step{text-align:center;position:relative;}

.process-num{
  width:64px;height:64px;border-radius:50%;margin:0 auto 18px;
  background:#fff;border:2px dashed var(--primary);color:var(--primary-dark);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.3rem;
  position:relative;z-index:2;
}

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

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

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

.about-media{position:relative;}

.about-media img{
  width:100%;height:460px;object-fit:cover;
  border-radius:120px 26px 120px 26px;box-shadow:var(--shadow-lg);
}

.about-media::after{
  content:"";position:absolute;inset:auto -18px -18px auto;width:180px;height:180px;
  background:var(--primary-light);border-radius:100px 20px 100px 20px;z-index:-1;
}

.about-points{display:grid;gap:16px;margin:26px 0 30px;}

.about-points li{display:flex;gap:13px;align-items:flex-start;font-size:.97rem;}

.about-points i{
  color:var(--primary);background:var(--primary-light);width:28px;height:28px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:.78rem;flex-shrink:0;margin-top:3px;
}

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

.zone-card{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  padding:30px 28px;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s;
}

.zone-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}

.zone-card h3{display:flex;align-items:center;gap:10px;font-size:1.08rem;}

.zone-card h3 i{color:var(--primary);font-size:1rem;}

.zone-note{text-align:center;margin-top:36px;font-size:.95rem;}

.zone-cities{margin-top:40px;text-align:center;}

.zone-cities h3{font-size:1.1rem;margin-bottom:10px;}

.zone-cities p{font-size:.95rem;max-width:720px;margin-left:auto;margin-right:auto;}

.zone-cities-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px;}

.zone-cities-list a{
  display:inline-flex;align-items:center;gap:9px;
  background:#fff;border:1px solid var(--border);border-radius:999px;
  padding:11px 22px;font-weight:700;font-size:.94rem;color:var(--secondary);
  box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .25s,color .25s;
}

.zone-cities-list a i{color:var(--primary);font-size:.85rem;}

.zone-cities-list a:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(14,159,142,.4);color:var(--primary-dark);}

.gallery-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:18px;
}

.gallery-item{
  position:relative;display:block;padding:0;border:none;
  background:var(--primary-light);
  border-radius:16px;overflow:hidden;cursor:pointer;
  box-shadow:var(--shadow-sm);line-height:0;
  aspect-ratio:1/1;
  transition:transform .3s,box-shadow .3s;
}

.gallery-item img,.gallery-item video{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .4s;
}

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

.gallery-item:hover img,.gallery-item:hover video{transform:scale(1.06);}

.gallery-item:focus-visible{outline:3px solid var(--primary);outline-offset:3px;}

.gallery-item::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,43,60,0) 55%,rgba(11,43,60,.35) 100%);
  opacity:0;transition:opacity .3s;
}

.gallery-item:hover::after{opacity:1;}

.gallery-item .gallery-play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:56px;height:56px;border-radius:50%;z-index:2;
  background:rgba(255,255,255,.92);color:var(--primary-dark);
  display:flex;align-items:center;justify-content:center;font-size:1.15rem;
  box-shadow:0 10px 24px rgba(11,43,60,.28);
}

.gallery-note{text-align:center;margin-top:36px;font-size:.95rem;}

.gallery-lightbox{
  position:fixed;inset:0;background:rgba(11,43,60,.92);z-index:2500;
  display:none;align-items:center;justify-content:center;padding:20px;
}

.gallery-lightbox.open{display:flex;}

.gallery-lightbox img,.gallery-lightbox video{
  max-width:min(1100px,92vw);max-height:86vh;width:auto;height:auto;
  border-radius:14px;box-shadow:var(--shadow-lg);background:#000;
}

.gallery-lightbox .lb-btn{
  position:absolute;border:none;cursor:pointer;
  width:48px;height:48px;border-radius:50%;
  background:rgba(255,255,255,.92);color:var(--secondary);
  display:flex;align-items:center;justify-content:center;font-size:1.05rem;
  transition:background .2s,color .2s;
}

.gallery-lightbox .lb-btn:hover{background:var(--primary);color:#fff;}

.gallery-lightbox .lb-close{top:18px;right:18px;}

.gallery-lightbox .lb-prev{left:18px;top:50%;transform:translateY(-50%);}

.gallery-lightbox .lb-next{right:18px;top:50%;transform:translateY(-50%);}

@media (max-width:768px){
  .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;}
  .gallery-item .gallery-play{width:44px;height:44px;font-size:.95rem;}
  .gallery-lightbox .lb-btn{width:42px;height:42px;}
  .gallery-lightbox .lb-prev{left:8px;}
  .gallery-lightbox .lb-next{right:8px;}
}

@media (max-width:480px){
  .gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
}

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

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

.faq-item summary{
  list-style:none;cursor:pointer;padding:22px 26px;
  font-weight:700;color:var(--secondary);font-size:1rem;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
}

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

.faq-item summary i{color:var(--primary);transition:transform .25s;flex-shrink:0;}

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

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

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

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

.hours-card{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  padding:12px 30px 22px;box-shadow:var(--shadow-sm);
}

.hours-card li{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:15px 0;border-bottom:1px solid var(--border);font-size:.96rem;
}

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

.hours-day{font-weight:700;color:var(--secondary);}

.hours-time{color:var(--primary-dark);font-weight:700;}

.hours-side .eyebrow{margin-bottom:14px;}

.hours-side{background:var(--primary-light);border-radius:var(--radius);padding:36px 32px;}

.hours-side h3{font-size:1.25rem;}

.cta-band{
  background:linear-gradient(120deg,var(--primary) 0%,var(--primary-dark) 100%);
  padding-top:72px;padding-bottom:72px;text-align:center;color:#fff;
}

.cta-band h2{color:#fff;}

.cta-band p{color:rgba(255,255,255,.9);max-width:620px;margin-left:auto;margin-right:auto;}

.cta-phone{
  display:inline-flex;align-items:center;gap:14px;margin-top:16px;
  font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;color:#fff;
}

.cta-phone:hover{color:var(--accent);}

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

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

.info-card{
  background:#fff;border:1px solid var(--border);border-radius:16px;
  padding:22px 24px;display:flex;gap:16px;align-items:flex-start;margin-bottom:16px;
  box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s;
}

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

.info-card i{
  width:46px;height:46px;border-radius:14px;flex-shrink:0;
  background:var(--primary-light);color:var(--primary-dark);
  display:flex;align-items:center;justify-content:center;font-size:1.05rem;
}

.info-label{display:block;font-weight:800;color:var(--secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px;}

.info-value{font-size:.98rem;color:var(--text);font-weight:600;}

a.info-value:hover{color:var(--primary);}

.contact-form-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-md);}

.social-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;}

.social-links a{
  width:48px;height:48px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.15rem;color:#fff;
  transition:transform .25s,box-shadow .25s,filter .25s;
}

.social-links a:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);filter:brightness(1.06);}

.social-links .social-facebook{background:#1877F2;}

.social-links .social-snapchat{background:#FFFC00;color:var(--secondary);}

.social-links .social-instagram{background:linear-gradient(45deg,#F58529 0%,#DD2A7B 50%,#8134AF 75%,#515BD4 100%);}

.social-links .social-tiktok{background:#010101;}

.social-card{
  background:#fff;border:1px solid var(--border);border-radius:16px;
  padding:22px 24px;box-shadow:var(--shadow-sm);
}

.social-card .info-label{margin-bottom:6px;}

.social-card p{font-size:.94rem;margin-bottom:0;}

.footer .social-links{margin-top:6px;margin-bottom:22px;}

.footer .social-links a{width:44px;height:44px;border-radius:12px;}

.footer .social-links a:hover{color:#fff;}

.footer .social-links .social-snapchat:hover{color:var(--secondary);}

.contact-form-card h3{font-size:1.3rem;margin-bottom:6px;}

.map-wrap{margin-top:56px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);line-height:0;}

.map-wrap iframe{display:block;}

.footer{background:var(--secondary);color:rgba(255,255,255,.72);padding-top:70px;}

.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.1fr .85fr 1.1fr;gap:38px;}

.footer h3,.footer .foot-title{
  display:block;color:#fff;font-weight:800;font-size:.9rem;text-transform:uppercase;
  letter-spacing:.09em;margin-bottom:18px;
}

.footer-brand img{height:46px;width:auto;margin-bottom:18px;}

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

.footer li{margin-bottom:11px;font-size:.94rem;}

.footer a{color:rgba(255,255,255,.72);}

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

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

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

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

.footer-bottom a{text-decoration:underline;}

.legal-link{background:none;border:none;color:rgba(255,255,255,.72);font:inherit;text-decoration:underline;cursor:pointer;padding:0;}

.legal-link:hover{color:var(--accent);}

.modal{
  position:fixed;inset:0;background:rgba(11,43,60,.72);z-index:2000;
  display:none;align-items:center;justify-content:center;padding:20px;
}

.modal.open{display:flex;}

.modal-box{
  background:#fff;border-radius:var(--radius-lg);max-width:640px;width:100%;
  max-height:86vh;overflow-y:auto;padding:38px;position:relative;box-shadow:var(--shadow-lg);
}

.modal-title{font-size:1.35rem;font-weight:800;color:var(--secondary);margin-bottom:20px;}

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

.modal-close{
  position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;
  border:none;background:var(--bg-soft);color:var(--secondary);font-size:1rem;cursor:pointer;
}

.modal-close:hover{background:var(--primary);color:#fff;}

.float-call{
  display:none;position:fixed;left:16px;right:16px;bottom:16px;z-index:900;
  background:var(--accent);color:var(--secondary);font-weight:800;
  padding:15px 22px;border-radius:999px;text-align:center;
  box-shadow:0 14px 30px rgba(11,43,60,.28);
}

@media (max-width:1024px){
  .trust-grid{grid-template-columns:repeat(2,1fr);}
  .stats-grid{grid-template-columns:repeat(2,1fr);}
  .why-grid{grid-template-columns:repeat(2,1fr);}
  .process-grid{grid-template-columns:repeat(2,1fr);gap:34px;}
  .zones-grid{grid-template-columns:repeat(2,1fr);}
  .devis-wrap{grid-template-columns:1fr;}
  .about-grid{grid-template-columns:1fr;gap:38px;}
  .about-media img{height:380px;}
  .contact-grid{grid-template-columns:1fr;gap:34px;}
  .service-card{width:calc((100% - 28px)/2);}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
}

@media (max-width:768px){
  .section{padding-top:64px;padding-bottom:64px;}
  .hero{padding-top:120px;padding-bottom:84px;}
  .hero-wave{height:44px;}
  .audience-grid{grid-template-columns:1fr;}
  .hours-grid{grid-template-columns:1fr;}
  .service-card{width:100%;max-width:420px;}
  .devis-intro,.devis-form{padding:34px 24px;}
  .contact-form-card{padding:28px 22px;}
  .modal-box{padding:28px 22px;}
  .float-call{display:block;}
  body{padding-bottom:78px;}
  .extra-row{grid-template-columns:1fr;gap:18px;padding:28px 22px;}
  .about-media img{border-radius:80px 20px 80px 20px;height:320px;}
}

@media (max-width:640px){
  .container{padding-left:16px;padding-right:16px;}
  .trust-grid{grid-template-columns:1fr;}
  .stats-grid{grid-template-columns:1fr;}
  .why-grid{grid-template-columns:1fr;}
  .process-grid{grid-template-columns:1fr;}
  .zones-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .hero-actions .btn{width:100%;}
  .logo-text{font-size:.92rem;max-width:140px;}
  .footer-bottom{flex-direction:column;align-items:flex-start;text-align:left;}
}

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

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

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

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

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

.sct-tpl-service-hub { --sct-primary: #0E9F8E; --sct-primary-dark: #0B7F72; --sct-primary-light: #E6F6F4; --sct-secondary: #0B2B3C; --sct-secondary-soft: #14415A; --sct-accent: #FFB238; --sct-bg-soft: #F5FAF9; --sct-border: #E2ECEA; --sct-text: #5A6B72; --sct-shadow-sm: 0 4px 14px rgba(11,43,60,.06); --sct-shadow-md: 0 14px 34px rgba(14,159,142,.12); --sct-shadow-lg: 0 24px 60px rgba(11,43,60,.14); --sct-radius: 18px; --sct-radius-lg: 26px; }

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

.sct-tpl-service-hub .sct-section-soft { background: var(--sct-bg-soft); }

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

.sct-tpl-service-hub .sct-section-head h2 { margin-bottom: 14px; }

.sct-tpl-service-hub .sct-section-head p { margin-bottom: 0; color: var(--sct-text); }

.sct-tpl-service-hub .sct-tag { display: inline-flex; align-items: center; gap: 8px; background: var(--sct-primary-light); color: var(--sct-primary-dark); font-size: .76rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; padding: 8px 16px; border-radius: 999px; margin-bottom: 16px; }

.sct-tpl-service-hub .sct-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 30px; border-radius: 999px; font-weight: 700; font-size: .97rem; border: 2px solid transparent; cursor: pointer; line-height: 1.2; text-align: center; transition: transform .25s, box-shadow .25s, background .25s, color .25s; }

.sct-tpl-service-hub .sct-btn-primary { background: var(--sct-primary); color: #fff; box-shadow: 0 12px 26px rgba(14,159,142,.3); }

.sct-tpl-service-hub .sct-btn-primary:hover { background: var(--sct-primary-dark); color: #fff; transform: translateY(-3px); }

.sct-tpl-service-hub .sct-btn-accent { background: var(--sct-accent); color: var(--sct-secondary); box-shadow: 0 12px 26px rgba(255,178,56,.3); }

.sct-tpl-service-hub .sct-btn-accent:hover { color: var(--sct-secondary); transform: translateY(-3px); }

.sct-tpl-service-hub .sct-btn-ghost { background: rgba(255,255,255,.1); color: #fff; border-color: rgba(255,255,255,.6); }

.sct-tpl-service-hub .sct-btn-ghost:hover { background: #fff; color: var(--sct-secondary); transform: translateY(-3px); }

.sct-tpl-service-hub .sct-btn-outline { background: transparent; color: var(--sct-primary-dark); border-color: var(--sct-primary); }

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

.sct-tpl-service-hub .sct-hero { position: relative; padding: 150px 0 104px; background: linear-gradient(115deg, rgba(11,43,60,.94) 0%, rgba(11,43,60,.8) 42%, rgba(14,159,142,.74) 100%), var(--sct-secondary); color: #fff; overflow: hidden; }

.sct-tpl-service-hub .sct-hero::before { content: ""; position: absolute; inset: 0; background-image: url("/images/service_1_1788703038_6a9d713e40ef6.webp"); background-size: cover; background-position: center; opacity: .3; mix-blend-mode: luminosity; z-index: 0; }

.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-hero-text h1 { color: #fff; font-size: clamp(1.95rem, 4.3vw, 3.1rem); line-height: 1.16; margin: 0 0 18px; }

.sct-tpl-service-hub .sct-hero-text h1 strong { color: var(--sct-accent); font-weight: 800; }

.sct-tpl-service-hub .sct-hero-subtitle { font-size: clamp(1rem, 1.6vw, 1.15rem); color: rgba(255,255,255,.9); max-width: 620px; margin: 0 0 26px; }

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

.sct-tpl-service-hub .sct-breadcrumb a { color: rgba(255,255,255,.78); font-weight: 600; }

.sct-tpl-service-hub .sct-breadcrumb a:hover { color: var(--sct-accent); }

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

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

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

.sct-tpl-service-hub .sct-hero-badges span { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.26); padding: 8px 16px; border-radius: 999px; font-size: .82rem; font-weight: 700; color: #fff; }

.sct-tpl-service-hub .sct-hero-badges i { color: var(--sct-accent); }

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

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

.sct-tpl-service-hub .sct-hero-trust li { display: flex; align-items: center; gap: 9px; font-size: .91rem; font-weight: 600; color: rgba(255,255,255,.92); }

.sct-tpl-service-hub .sct-hero-trust i { color: var(--sct-accent); font-size: .88rem; }

.sct-tpl-service-hub .sct-hero-card { background: rgba(255,255,255,.97); border-radius: var(--sct-radius-lg); padding: 34px 30px; box-shadow: var(--sct-shadow-lg); }

.sct-tpl-service-hub .sct-hero-card h2 { font-size: 1.25rem; color: var(--sct-secondary); margin: 0 0 6px; }

.sct-tpl-service-hub .sct-hero-card-sub { font-size: .92rem; color: var(--sct-text); margin: 0 0 22px; }

.sct-tpl-service-hub .sct-hero-card-list { list-style: none; margin: 0 0 26px; padding: 0; display: grid; gap: 14px; }

.sct-tpl-service-hub .sct-hero-card-list li { display: flex; gap: 14px; align-items: flex-start; }

.sct-tpl-service-hub .sct-hero-card-list i { width: 40px; height: 40px; flex-shrink: 0; border-radius: 12px; background: var(--sct-primary-light); color: var(--sct-primary-dark); display: flex; align-items: center; justify-content: center; font-size: .98rem; }

.sct-tpl-service-hub .sct-hc-label { display: block; font-size: .74rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--sct-secondary); margin-bottom: 2px; }

.sct-tpl-service-hub .sct-hc-value { font-size: .95rem; font-weight: 600; color: var(--sct-text); }

.sct-tpl-service-hub a.sct-hc-value:hover { color: var(--sct-primary); }

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

.sct-tpl-service-hub .sct-stats-band { background: var(--sct-primary); padding: 44px 0; }

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

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

.sct-tpl-service-hub .sct-stat { text-align: center; color: #fff; }

.sct-tpl-service-hub .sct-stat-num { display: block; font-size: clamp(1.7rem, 3vw, 2.3rem); font-weight: 800; line-height: 1.1; margin-bottom: 6px; }

.sct-tpl-service-hub .sct-stat-label { font-size: .9rem; font-weight: 600; color: rgba(255,255,255,.9); }

.sct-tpl-service-hub .sct-intro-section { padding: 88px 0; background: #fff; }

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

.sct-tpl-service-hub .sct-intro-inner h2 { margin-bottom: 20px; }

.sct-tpl-service-hub .sct-intro-inner p { font-size: 1.01rem; margin-bottom: 18px; color: var(--sct-text); }

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

.sct-tpl-service-hub .sct-intro-inner strong { color: var(--sct-secondary); font-weight: 700; }

.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(--sct-border); border-radius: var(--sct-radius); padding: 14px 14px 26px; box-shadow: var(--sct-shadow-sm); display: flex; flex-direction: column; transition: transform .3s, box-shadow .3s, border-color .3s; }

.sct-tpl-service-hub .sct-service-card:hover { transform: translateY(-8px); box-shadow: var(--sct-shadow-md); border-color: rgba(14,159,142,.4); }

.sct-tpl-service-hub .sct-service-img { overflow: hidden; border-radius: 14px; margin-bottom: 20px; }

.sct-tpl-service-hub .sct-service-img img { width: 100%; height: 210px; object-fit: cover; border-radius: 14px; transition: transform .35s; }

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

.sct-tpl-service-hub .sct-service-body { padding: 0 12px; }

.sct-tpl-service-hub .sct-service-body h3 { font-size: 1.14rem; margin-bottom: 10px; color: var(--sct-secondary); }

.sct-tpl-service-hub .sct-service-body p { font-size: .94rem; margin: 0; color: var(--sct-text); }

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

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

.sct-tpl-service-hub .sct-step { text-align: center; position: relative; }

.sct-tpl-service-hub .sct-step-num { width: 64px; height: 64px; margin: 0 auto 18px; border-radius: 50%; background: #fff; border: 2px dashed var(--sct-primary); color: var(--sct-primary-dark); display: flex; align-items: center; justify-content: center; font-size: 1.15rem; }

.sct-tpl-service-hub .sct-step h3 { font-size: 1.03rem; margin-bottom: 8px; color: var(--sct-secondary); }

.sct-tpl-service-hub .sct-step p { font-size: .91rem; margin: 0; color: var(--sct-text); }

.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: #fff; border: 1px solid var(--sct-border); border-radius: var(--sct-radius); padding: 32px 26px; box-shadow: var(--sct-shadow-sm); transition: transform .25s, box-shadow .25s; }

.sct-tpl-service-hub .sct-why-card:hover { transform: translateY(-6px); box-shadow: var(--sct-shadow-md); }

.sct-tpl-service-hub .sct-why-card i { width: 52px; height: 52px; border-radius: 16px; background: var(--sct-primary); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.12rem; margin-bottom: 18px; }

.sct-tpl-service-hub .sct-why-card h3 { font-size: 1.06rem; margin-bottom: 8px; color: var(--sct-secondary); }

.sct-tpl-service-hub .sct-why-card p { font-size: .93rem; margin: 0; color: var(--sct-text); }

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

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

.sct-tpl-service-hub .sct-usecase-media img { width: 100%; height: 430px; object-fit: cover; border-radius: 120px 26px 120px 26px; box-shadow: var(--sct-shadow-lg); }

.sct-tpl-service-hub .sct-usecase-body h2 { margin-bottom: 18px; }

.sct-tpl-service-hub .sct-usecase-body p { font-size: .99rem; color: var(--sct-text); }

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

.sct-tpl-service-hub .sct-usecase-body ul li { display: flex; gap: 13px; align-items: flex-start; font-size: .96rem; color: var(--sct-text); }

.sct-tpl-service-hub .sct-usecase-body ul li::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--sct-primary); background: var(--sct-primary-light); width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .72rem; flex-shrink: 0; margin-top: 2px; }

.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-card { background: linear-gradient(140deg, var(--sct-secondary), var(--sct-secondary-soft)); border-radius: var(--sct-radius); padding: 36px 30px; color: rgba(255,255,255,.86); box-shadow: var(--sct-shadow-md); }

.sct-tpl-service-hub .sct-engagement-card i { width: 56px; height: 56px; border-radius: 18px; background: rgba(255,255,255,.16); color: var(--sct-accent); display: flex; align-items: center; justify-content: center; font-size: 1.2rem; margin-bottom: 20px; }

.sct-tpl-service-hub .sct-engagement-card h3 { color: #fff; font-size: 1.1rem; margin-bottom: 10px; }

.sct-tpl-service-hub .sct-engagement-card p { font-size: .94rem; margin: 0; color: rgba(255,255,255,.86); }

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

.sct-tpl-service-hub .sct-faq-item { background: #fff; border: 1px solid var(--sct-border); border-radius: 16px; margin-bottom: 14px; overflow: hidden; box-shadow: var(--sct-shadow-sm); }

.sct-tpl-service-hub .sct-faq-item summary { list-style: none; cursor: pointer; padding: 22px 26px; font-weight: 700; color: var(--sct-secondary); font-size: 1rem; display: flex; align-items: center; justify-content: space-between; gap: 18px; }

.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(--sct-primary); font-size: .85rem; flex-shrink: 0; transition: transform .25s; }

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

.sct-tpl-service-hub .sct-faq-answer { padding: 0 26px 24px; font-size: .96rem; color: var(--sct-text); }

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

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

.sct-tpl-service-hub .sct-maillage-section.sct-maillage-alt { background: var(--sct-bg-soft); }

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

.sct-tpl-service-hub .sct-maillage-head h2 { font-size: clamp(1.4rem, 2.6vw, 1.95rem); margin-bottom: 12px; }

.sct-tpl-service-hub .sct-maillage-head p { margin: 0; font-size: .96rem; color: var(--sct-text); }

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

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

.sct-tpl-service-hub .sct-cities-grid a { display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid var(--sct-border); border-radius: 14px; padding: 15px 18px; font-size: .94rem; font-weight: 600; color: var(--sct-secondary); box-shadow: var(--sct-shadow-sm); overflow-wrap: anywhere; transition: transform .25s, box-shadow .25s, background .25s, color .25s, border-color .25s; }

.sct-tpl-service-hub .sct-cities-grid a::before { content: "\f3c5"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--sct-primary); font-size: .88rem; flex-shrink: 0; transition: color .25s; }

.sct-tpl-service-hub .sct-cities-grid a:hover { background: var(--sct-primary); border-color: var(--sct-primary); color: #fff; transform: translateY(-4px); box-shadow: var(--sct-shadow-md); }

.sct-tpl-service-hub .sct-cities-grid a:hover::before { color: #fff; }

.sct-tpl-service-hub .sct-maillage-note { text-align: center; margin: 34px 0 0; font-size: .95rem; color: var(--sct-text); }

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

.sct-tpl-service-hub .sct-maillage-links li { display: block; }

.sct-tpl-service-hub .sct-maillage-links a { display: inline-flex; align-items: center; gap: 9px; background: #fff; border: 1px solid var(--sct-border); color: var(--sct-secondary); font-size: .92rem; font-weight: 600; padding: 11px 20px; border-radius: 999px; box-shadow: var(--sct-shadow-sm); overflow-wrap: anywhere; transition: transform .25s, box-shadow .25s, background .25s, color .25s, border-color .25s; }

.sct-tpl-service-hub .sct-maillage-links a:hover { background: var(--sct-primary); border-color: var(--sct-primary); color: #fff; transform: translateY(-3px); box-shadow: var(--sct-shadow-md); }

.sct-tpl-service-hub .sct-cta-final { background: linear-gradient(120deg, var(--sct-primary) 0%, var(--sct-primary-dark) 100%); padding: 76px 0; text-align: center; color: #fff; }

.sct-tpl-service-hub .sct-cta-final h2 { color: #fff; margin-bottom: 14px; }

.sct-tpl-service-hub .sct-cta-final p { color: rgba(255,255,255,.9); max-width: 640px; margin: 0 auto 10px; }

.sct-tpl-service-hub .sct-cta-phone { display: inline-flex; align-items: center; gap: 14px; margin-top: 12px; font-size: clamp(1.5rem, 4vw, 2.3rem); font-weight: 800; color: #fff; overflow-wrap: anywhere; }

.sct-tpl-service-hub .sct-cta-phone:hover { color: var(--sct-accent); }

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

@media (max-width: 992px) {
    .sct-tpl-service-hub .sct-hero { padding: 132px 0 84px; }
    .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-section { padding: 70px 0; }
    .sct-tpl-service-hub .sct-intro-section { padding: 70px 0; }
    .sct-tpl-service-hub .sct-services-grid { grid-template-columns: repeat(2, 1fr); gap: 22px; }
    .sct-tpl-service-hub .sct-processus-grid { grid-template-columns: repeat(3, 1fr); gap: 28px; }
    .sct-tpl-service-hub .sct-why-grid { grid-template-columns: repeat(2, 1fr); }
    .sct-tpl-service-hub .sct-engagements-grid { grid-template-columns: 1fr; }
    .sct-tpl-service-hub .sct-usecase-grid { grid-template-columns: 1fr; gap: 36px; }
    .sct-tpl-service-hub .sct-usecase-media img { height: 340px; border-radius: 80px 20px 80px 20px; }
    .sct-tpl-service-hub .sct-maillage-section { padding: 64px 0; }
    .sct-tpl-service-hub .sct-cities-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 640px) {
    .sct-tpl-service-hub .sct-hero { padding: 118px 0 68px; }
    .sct-tpl-service-hub .sct-breadcrumb { font-size: .8rem; gap: 6px; margin-bottom: 16px; }
    .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: .98rem; }
    .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-card { padding: 28px 22px; }
    .sct-tpl-service-hub .sct-section { padding: 58px 0; }
    .sct-tpl-service-hub .sct-section-head { margin-bottom: 38px; }
    .sct-tpl-service-hub .sct-intro-section { padding: 58px 0; }
    .sct-tpl-service-hub .sct-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 26px 16px; }
    .sct-tpl-service-hub .sct-services-grid { grid-template-columns: 1fr; }
    .sct-tpl-service-hub .sct-service-img img { height: 200px; }
    .sct-tpl-service-hub .sct-processus-grid { grid-template-columns: 1fr; gap: 26px; }
    .sct-tpl-service-hub .sct-why-grid { grid-template-columns: 1fr; gap: 18px; }
    .sct-tpl-service-hub .sct-usecase-media img { height: 260px; border-radius: 60px 16px 60px 16px; }
    .sct-tpl-service-hub .sct-faq-item summary { padding: 18px 20px; font-size: .95rem; }
    .sct-tpl-service-hub .sct-faq-answer { padding: 0 20px 20px; font-size: .92rem; }
    .sct-tpl-service-hub .sct-maillage-section { padding: 54px 0; }
    .sct-tpl-service-hub .sct-maillage-head { margin-bottom: 30px; }
    .sct-tpl-service-hub .sct-cities-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .sct-tpl-service-hub .sct-cities-grid a { padding: 13px 14px; font-size: .88rem; }
    .sct-tpl-service-hub .sct-cta-final { padding: 58px 0; }
    .sct-tpl-service-hub .sct-cta-btns { flex-direction: column; }
    .sct-tpl-service-hub .sct-cta-btns > * { width: 100%; justify-content: center; }
}

.sct-tpl-service-city { --sct-primary: #0E9F8E; --sct-primary-dark: #0B7F72; --sct-primary-light: #E6F6F4; --sct-secondary: #0B2B3C; --sct-secondary-soft: #14415A; --sct-accent: #FFB238; --sct-bg-soft: #F5FAF9; --sct-border: #E2ECEA; --sct-text: #5A6B72; --sct-shadow-sm: 0 4px 14px rgba(11,43,60,.06); --sct-shadow-md: 0 14px 34px rgba(14,159,142,.12); --sct-shadow-lg: 0 24px 60px rgba(11,43,60,.14); --sct-radius: 18px; --sct-radius-lg: 26px; }

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

.sct-tpl-service-city .sct-section-soft { background: var(--sct-bg-soft); }

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

.sct-tpl-service-city .sct-section-head h2 { margin-bottom: 14px; }

.sct-tpl-service-city .sct-section-head p { margin-bottom: 0; color: var(--sct-text); }

.sct-tpl-service-city .sct-tag { display: inline-flex; align-items: center; gap: 8px; background: var(--sct-primary-light); color: var(--sct-primary-dark); font-size: .76rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; padding: 8px 16px; border-radius: 999px; margin-bottom: 16px; }

.sct-tpl-service-city .sct-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 30px; border-radius: 999px; font-weight: 700; font-size: .97rem; border: 2px solid transparent; cursor: pointer; line-height: 1.2; text-align: center; transition: transform .25s, box-shadow .25s, background .25s, color .25s; }

.sct-tpl-service-city .sct-btn-primary { background: var(--sct-primary); color: #fff; box-shadow: 0 12px 26px rgba(14,159,142,.3); }

.sct-tpl-service-city .sct-btn-primary:hover { background: var(--sct-primary-dark); color: #fff; transform: translateY(-3px); }

.sct-tpl-service-city .sct-btn-accent { background: var(--sct-accent); color: var(--sct-secondary); box-shadow: 0 12px 26px rgba(255,178,56,.3); }

.sct-tpl-service-city .sct-btn-accent:hover { color: var(--sct-secondary); transform: translateY(-3px); }

.sct-tpl-service-city .sct-btn-ghost { background: rgba(255,255,255,.1); color: #fff; border-color: rgba(255,255,255,.6); }

.sct-tpl-service-city .sct-btn-ghost:hover { background: #fff; color: var(--sct-secondary); transform: translateY(-3px); }

.sct-tpl-service-city .sct-btn-outline { background: transparent; color: var(--sct-primary-dark); border-color: var(--sct-primary); }

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

.sct-tpl-service-city .sct-hero { position: relative; padding: 150px 0 104px; background: linear-gradient(115deg, rgba(11,43,60,.94) 0%, rgba(11,43,60,.8) 42%, rgba(14,159,142,.74) 100%), var(--sct-secondary); color: #fff; overflow: hidden; }

.sct-tpl-service-city .sct-hero::before { content: ""; position: absolute; inset: 0; background-image: url("/images/service_1_1788703038_6a9d713e40ef6.webp"); background-size: cover; background-position: center; opacity: .3; mix-blend-mode: luminosity; z-index: 0; }

.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-hero-text h1 { color: #fff; font-size: clamp(1.95rem, 4.3vw, 3.1rem); line-height: 1.16; margin: 0 0 18px; }

.sct-tpl-service-city .sct-hero-text h1 strong { color: var(--sct-accent); font-weight: 800; }

.sct-tpl-service-city .sct-hero-subtitle { font-size: clamp(1rem, 1.6vw, 1.15rem); color: rgba(255,255,255,.9); max-width: 620px; margin: 0 0 26px; }

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

.sct-tpl-service-city .sct-breadcrumb a { color: rgba(255,255,255,.78); font-weight: 600; }

.sct-tpl-service-city .sct-breadcrumb a:hover { color: var(--sct-accent); }

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

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

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

.sct-tpl-service-city .sct-hero-badges span { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.26); padding: 8px 16px; border-radius: 999px; font-size: .82rem; font-weight: 700; color: #fff; }

.sct-tpl-service-city .sct-hero-badges i { color: var(--sct-accent); }

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

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

.sct-tpl-service-city .sct-hero-trust li { display: flex; align-items: center; gap: 9px; font-size: .91rem; font-weight: 600; color: rgba(255,255,255,.92); }

.sct-tpl-service-city .sct-hero-trust i { color: var(--sct-accent); font-size: .88rem; }

.sct-tpl-service-city .sct-hero-card { background: rgba(255,255,255,.97); border-radius: var(--sct-radius-lg); padding: 34px 30px; box-shadow: var(--sct-shadow-lg); }

.sct-tpl-service-city .sct-hero-card h2 { font-size: 1.25rem; color: var(--sct-secondary); margin: 0 0 6px; }

.sct-tpl-service-city .sct-hero-card-sub { font-size: .92rem; color: var(--sct-text); margin: 0 0 22px; }

.sct-tpl-service-city .sct-hero-card-list { list-style: none; margin: 0 0 26px; padding: 0; display: grid; gap: 14px; }

.sct-tpl-service-city .sct-hero-card-list li { display: flex; gap: 14px; align-items: flex-start; }

.sct-tpl-service-city .sct-hero-card-list i { width: 40px; height: 40px; flex-shrink: 0; border-radius: 12px; background: var(--sct-primary-light); color: var(--sct-primary-dark); display: flex; align-items: center; justify-content: center; font-size: .98rem; }

.sct-tpl-service-city .sct-hc-label { display: block; font-size: .74rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--sct-secondary); margin-bottom: 2px; }

.sct-tpl-service-city .sct-hc-value { font-size: .95rem; font-weight: 600; color: var(--sct-text); }

.sct-tpl-service-city a.sct-hc-value:hover { color: var(--sct-primary); }

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

.sct-tpl-service-city .sct-stats-band { background: var(--sct-primary); padding: 44px 0; }

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

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

.sct-tpl-service-city .sct-stat { text-align: center; color: #fff; }

.sct-tpl-service-city .sct-stat-num { display: block; font-size: clamp(1.7rem, 3vw, 2.3rem); font-weight: 800; line-height: 1.1; margin-bottom: 6px; }

.sct-tpl-service-city .sct-stat-label { font-size: .9rem; font-weight: 600; color: rgba(255,255,255,.9); }

.sct-tpl-service-city .sct-intro-section { padding: 88px 0; background: #fff; }

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

.sct-tpl-service-city .sct-intro-inner h2 { margin-bottom: 20px; }

.sct-tpl-service-city .sct-intro-inner p { font-size: 1.01rem; margin-bottom: 18px; color: var(--sct-text); }

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

.sct-tpl-service-city .sct-intro-inner strong { color: var(--sct-secondary); font-weight: 700; }

.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(--sct-border); border-radius: var(--sct-radius); padding: 14px 14px 26px; box-shadow: var(--sct-shadow-sm); display: flex; flex-direction: column; transition: transform .3s, box-shadow .3s, border-color .3s; }

.sct-tpl-service-city .sct-service-card:hover { transform: translateY(-8px); box-shadow: var(--sct-shadow-md); border-color: rgba(14,159,142,.4); }

.sct-tpl-service-city .sct-service-img { overflow: hidden; border-radius: 14px; margin-bottom: 20px; }

.sct-tpl-service-city .sct-service-img img { width: 100%; height: 210px; object-fit: cover; border-radius: 14px; transition: transform .35s; }

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

.sct-tpl-service-city .sct-service-body { padding: 0 12px; }

.sct-tpl-service-city .sct-service-body h3 { font-size: 1.14rem; margin-bottom: 10px; color: var(--sct-secondary); }

.sct-tpl-service-city .sct-service-body p { font-size: .94rem; margin: 0; color: var(--sct-text); }

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

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

.sct-tpl-service-city .sct-step { text-align: center; position: relative; }

.sct-tpl-service-city .sct-step-num { width: 64px; height: 64px; margin: 0 auto 18px; border-radius: 50%; background: #fff; border: 2px dashed var(--sct-primary); color: var(--sct-primary-dark); display: flex; align-items: center; justify-content: center; font-size: 1.15rem; }

.sct-tpl-service-city .sct-step h3 { font-size: 1.03rem; margin-bottom: 8px; color: var(--sct-secondary); }

.sct-tpl-service-city .sct-step p { font-size: .91rem; margin: 0; color: var(--sct-text); }

.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: #fff; border: 1px solid var(--sct-border); border-radius: var(--sct-radius); padding: 32px 26px; box-shadow: var(--sct-shadow-sm); transition: transform .25s, box-shadow .25s; }

.sct-tpl-service-city .sct-why-card:hover { transform: translateY(-6px); box-shadow: var(--sct-shadow-md); }

.sct-tpl-service-city .sct-why-card i { width: 52px; height: 52px; border-radius: 16px; background: var(--sct-primary); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.12rem; margin-bottom: 18px; }

.sct-tpl-service-city .sct-why-card h3 { font-size: 1.06rem; margin-bottom: 8px; color: var(--sct-secondary); }

.sct-tpl-service-city .sct-why-card p { font-size: .93rem; margin: 0; color: var(--sct-text); }

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

.sct-tpl-service-city .sct-zones-list > * { min-width: 0; }

.sct-tpl-service-city .sct-zones-list li { background: #fff; border: 1px solid var(--sct-border); border-radius: 14px; padding: 15px 18px; font-size: .94rem; font-weight: 600; color: var(--sct-secondary); display: flex; align-items: center; gap: 10px; box-shadow: var(--sct-shadow-sm); transition: transform .25s, box-shadow .25s; overflow-wrap: anywhere; }

.sct-tpl-service-city .sct-zones-list li::before { content: "\f3c5"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--sct-primary); font-size: .88rem; flex-shrink: 0; }

.sct-tpl-service-city .sct-zones-list li:hover { transform: translateY(-4px); box-shadow: var(--sct-shadow-md); }

.sct-tpl-service-city .sct-zones-note { text-align: center; margin: 34px 0 0; font-size: .95rem; color: var(--sct-text); }

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

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

.sct-tpl-service-city .sct-usecase-media img { width: 100%; height: 430px; object-fit: cover; border-radius: 120px 26px 120px 26px; box-shadow: var(--sct-shadow-lg); }

.sct-tpl-service-city .sct-usecase-body h2 { margin-bottom: 18px; }

.sct-tpl-service-city .sct-usecase-body p { font-size: .99rem; color: var(--sct-text); }

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

.sct-tpl-service-city .sct-usecase-body ul li { display: flex; gap: 13px; align-items: flex-start; font-size: .96rem; color: var(--sct-text); }

.sct-tpl-service-city .sct-usecase-body ul li::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--sct-primary); background: var(--sct-primary-light); width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .72rem; flex-shrink: 0; margin-top: 2px; }

.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-card { background: linear-gradient(140deg, var(--sct-secondary), var(--sct-secondary-soft)); border-radius: var(--sct-radius); padding: 36px 30px; color: rgba(255,255,255,.86); box-shadow: var(--sct-shadow-md); }

.sct-tpl-service-city .sct-engagement-card i { width: 56px; height: 56px; border-radius: 18px; background: rgba(255,255,255,.16); color: var(--sct-accent); display: flex; align-items: center; justify-content: center; font-size: 1.2rem; margin-bottom: 20px; }

.sct-tpl-service-city .sct-engagement-card h3 { color: #fff; font-size: 1.1rem; margin-bottom: 10px; }

.sct-tpl-service-city .sct-engagement-card p { font-size: .94rem; margin: 0; color: rgba(255,255,255,.86); }

.sct-tpl-service-city .sct-local-spec { padding: 72px 0; background: var(--sct-primary-light); }

.sct-tpl-service-city .sct-local-inner { max-width: 880px; margin: 0 auto; background: #fff; border: 1px solid var(--sct-border); border-radius: var(--sct-radius-lg); padding: 44px 40px; box-shadow: var(--sct-shadow-sm); }

.sct-tpl-service-city .sct-local-inner h2 { font-size: clamp(1.4rem, 2.6vw, 1.9rem); margin-bottom: 16px; }

.sct-tpl-service-city .sct-local-inner p { font-size: .99rem; color: var(--sct-text); }

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

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

.sct-tpl-service-city .sct-faq-item { background: #fff; border: 1px solid var(--sct-border); border-radius: 16px; margin-bottom: 14px; overflow: hidden; box-shadow: var(--sct-shadow-sm); }

.sct-tpl-service-city .sct-faq-item summary { list-style: none; cursor: pointer; padding: 22px 26px; font-weight: 700; color: var(--sct-secondary); font-size: 1rem; display: flex; align-items: center; justify-content: space-between; gap: 18px; }

.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(--sct-primary); font-size: .85rem; flex-shrink: 0; transition: transform .25s; }

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

.sct-tpl-service-city .sct-faq-answer { padding: 0 26px 24px; font-size: .96rem; color: var(--sct-text); }

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

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

.sct-tpl-service-city .sct-maillage-section.sct-maillage-alt { background: var(--sct-bg-soft); }

.sct-tpl-service-city .sct-maillage-head { text-align: center; max-width: 720px; margin: 0 auto 36px; }

.sct-tpl-service-city .sct-maillage-head h2 { font-size: clamp(1.35rem, 2.5vw, 1.85rem); margin-bottom: 10px; }

.sct-tpl-service-city .sct-maillage-head p { margin: 0; font-size: .96rem; color: var(--sct-text); }

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

.sct-tpl-service-city .sct-maillage-links li { display: block; }

.sct-tpl-service-city .sct-maillage-links a { display: inline-flex; align-items: center; gap: 9px; background: #fff; border: 1px solid var(--sct-border); color: var(--sct-secondary); font-size: .92rem; font-weight: 600; padding: 11px 20px; border-radius: 999px; box-shadow: var(--sct-shadow-sm); overflow-wrap: anywhere; transition: transform .25s, box-shadow .25s, background .25s, color .25s, border-color .25s; }

.sct-tpl-service-city .sct-maillage-links a:hover { background: var(--sct-primary); border-color: var(--sct-primary); color: #fff; transform: translateY(-3px); box-shadow: var(--sct-shadow-md); }

.sct-tpl-service-city .sct-cta-final { background: linear-gradient(120deg, var(--sct-primary) 0%, var(--sct-primary-dark) 100%); padding: 76px 0; text-align: center; color: #fff; }

.sct-tpl-service-city .sct-cta-final h2 { color: #fff; margin-bottom: 14px; }

.sct-tpl-service-city .sct-cta-final p { color: rgba(255,255,255,.9); max-width: 640px; margin: 0 auto 10px; }

.sct-tpl-service-city .sct-cta-phone { display: inline-flex; align-items: center; gap: 14px; margin-top: 12px; font-size: clamp(1.5rem, 4vw, 2.3rem); font-weight: 800; color: #fff; overflow-wrap: anywhere; }

.sct-tpl-service-city .sct-cta-phone:hover { color: var(--sct-accent); }

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

@media (max-width: 992px) {
    .sct-tpl-service-city .sct-hero { padding: 132px 0 84px; }
    .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-section { padding: 70px 0; }
    .sct-tpl-service-city .sct-intro-section { padding: 70px 0; }
    .sct-tpl-service-city .sct-services-grid { grid-template-columns: repeat(2, 1fr); gap: 22px; }
    .sct-tpl-service-city .sct-processus-grid { grid-template-columns: repeat(3, 1fr); gap: 28px; }
    .sct-tpl-service-city .sct-why-grid { grid-template-columns: repeat(2, 1fr); }
    .sct-tpl-service-city .sct-engagements-grid { grid-template-columns: 1fr; }
    .sct-tpl-service-city .sct-zones-list { grid-template-columns: repeat(3, 1fr); }
    .sct-tpl-service-city .sct-usecase-grid { grid-template-columns: 1fr; gap: 36px; }
    .sct-tpl-service-city .sct-usecase-media img { height: 340px; border-radius: 80px 20px 80px 20px; }
    .sct-tpl-service-city .sct-local-inner { padding: 36px 28px; }
}

@media (max-width: 640px) {
    .sct-tpl-service-city .sct-hero { padding: 118px 0 68px; }
    .sct-tpl-service-city .sct-breadcrumb { font-size: .8rem; gap: 6px; margin-bottom: 16px; }
    .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: .98rem; }
    .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-card { padding: 28px 22px; }
    .sct-tpl-service-city .sct-section { padding: 58px 0; }
    .sct-tpl-service-city .sct-section-head { margin-bottom: 38px; }
    .sct-tpl-service-city .sct-intro-section { padding: 58px 0; }
    .sct-tpl-service-city .sct-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 26px 16px; }
    .sct-tpl-service-city .sct-services-grid { grid-template-columns: 1fr; }
    .sct-tpl-service-city .sct-service-img img { height: 200px; }
    .sct-tpl-service-city .sct-processus-grid { grid-template-columns: 1fr; gap: 26px; }
    .sct-tpl-service-city .sct-why-grid { grid-template-columns: 1fr; gap: 18px; }
    .sct-tpl-service-city .sct-zones-list { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .sct-tpl-service-city .sct-zones-list li { padding: 13px 14px; font-size: .88rem; }
    .sct-tpl-service-city .sct-usecase-media img { height: 260px; border-radius: 60px 16px 60px 16px; }
    .sct-tpl-service-city .sct-local-spec { padding: 56px 0; }
    .sct-tpl-service-city .sct-local-inner { padding: 30px 22px; }
    .sct-tpl-service-city .sct-faq-item summary { padding: 18px 20px; font-size: .95rem; }
    .sct-tpl-service-city .sct-faq-answer { padding: 0 20px 20px; font-size: .92rem; }
    .sct-tpl-service-city .sct-maillage-section { padding: 54px 0; }
    .sct-tpl-service-city .sct-cta-final { padding: 58px 0; }
    .sct-tpl-service-city .sct-cta-btns { flex-direction: column; }
    .sct-tpl-service-city .sct-cta-btns > * { width: 100%; justify-content: center; }
}

.sct-tpl-zone { --sct-primary: #0E9F8E; --sct-primary-dark: #0B7F72; --sct-primary-light: #E6F6F4; --sct-secondary: #0B2B3C; --sct-secondary-soft: #14415A; --sct-accent: #FFB238; --sct-bg-soft: #F5FAF9; --sct-border: #E2ECEA; --sct-text: #5A6B72; --sct-shadow-sm: 0 4px 14px rgba(11,43,60,.06); --sct-shadow-md: 0 14px 34px rgba(14,159,142,.12); --sct-shadow-lg: 0 24px 60px rgba(11,43,60,.14); --sct-radius: 18px; --sct-radius-lg: 26px; }

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

.sct-tpl-zone .sct-section-soft { background: var(--sct-bg-soft); }

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

.sct-tpl-zone .sct-section-head h2 { margin-bottom: 14px; }

.sct-tpl-zone .sct-section-head p { margin-bottom: 0; color: var(--sct-text); }

.sct-tpl-zone .sct-tag { display: inline-flex; align-items: center; gap: 8px; background: var(--sct-primary-light); color: var(--sct-primary-dark); font-size: .76rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; padding: 8px 16px; border-radius: 999px; margin-bottom: 16px; }

.sct-tpl-zone .sct-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 30px; border-radius: 999px; font-weight: 700; font-size: .97rem; border: 2px solid transparent; cursor: pointer; line-height: 1.2; text-align: center; transition: transform .25s, box-shadow .25s, background .25s, color .25s; }

.sct-tpl-zone .sct-btn-primary { background: var(--sct-primary); color: #fff; box-shadow: 0 12px 26px rgba(14,159,142,.3); }

.sct-tpl-zone .sct-btn-primary:hover { background: var(--sct-primary-dark); color: #fff; transform: translateY(-3px); }

.sct-tpl-zone .sct-btn-accent { background: var(--sct-accent); color: var(--sct-secondary); box-shadow: 0 12px 26px rgba(255,178,56,.3); }

.sct-tpl-zone .sct-btn-accent:hover { color: var(--sct-secondary); transform: translateY(-3px); }

.sct-tpl-zone .sct-btn-ghost { background: rgba(255,255,255,.1); color: #fff; border-color: rgba(255,255,255,.6); }

.sct-tpl-zone .sct-btn-ghost:hover { background: #fff; color: var(--sct-secondary); transform: translateY(-3px); }

.sct-tpl-zone .sct-btn-outline { background: transparent; color: var(--sct-primary-dark); border-color: var(--sct-primary); }

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

.sct-tpl-zone .sct-hero { position: relative; padding: 150px 0 104px; background: linear-gradient(115deg, rgba(11,43,60,.94) 0%, rgba(11,43,60,.8) 42%, rgba(14,159,142,.74) 100%), var(--sct-secondary); color: #fff; overflow: hidden; }

.sct-tpl-zone .sct-hero::before { content: ""; position: absolute; inset: 0; background-image: url("/images/service_2_1788703053_6a9d714d8c825.webp"); background-size: cover; background-position: center; opacity: .3; mix-blend-mode: luminosity; z-index: 0; }

.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-hero-text h1 { color: #fff; font-size: clamp(1.95rem, 4.3vw, 3.1rem); line-height: 1.16; margin: 0 0 18px; }

.sct-tpl-zone .sct-hero-text h1 strong { color: var(--sct-accent); font-weight: 800; }

.sct-tpl-zone .sct-hero-subtitle { font-size: clamp(1rem, 1.6vw, 1.15rem); color: rgba(255,255,255,.9); max-width: 620px; margin: 0 0 26px; }

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

.sct-tpl-zone .sct-breadcrumb a { color: rgba(255,255,255,.78); font-weight: 600; }

.sct-tpl-zone .sct-breadcrumb a:hover { color: var(--sct-accent); }

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

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

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

.sct-tpl-zone .sct-hero-badges span { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.26); padding: 8px 16px; border-radius: 999px; font-size: .82rem; font-weight: 700; color: #fff; }

.sct-tpl-zone .sct-hero-badges i { color: var(--sct-accent); }

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

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

.sct-tpl-zone .sct-hero-trust li { display: flex; align-items: center; gap: 9px; font-size: .91rem; font-weight: 600; color: rgba(255,255,255,.92); }

.sct-tpl-zone .sct-hero-trust i { color: var(--sct-accent); font-size: .88rem; }

.sct-tpl-zone .sct-hero-card { background: rgba(255,255,255,.97); border-radius: var(--sct-radius-lg); padding: 34px 30px; box-shadow: var(--sct-shadow-lg); }

.sct-tpl-zone .sct-hero-card h2 { font-size: 1.25rem; color: var(--sct-secondary); margin: 0 0 6px; }

.sct-tpl-zone .sct-hero-card-sub { font-size: .92rem; color: var(--sct-text); margin: 0 0 22px; }

.sct-tpl-zone .sct-hero-card-list { list-style: none; margin: 0 0 26px; padding: 0; display: grid; gap: 14px; }

.sct-tpl-zone .sct-hero-card-list li { display: flex; gap: 14px; align-items: flex-start; }

.sct-tpl-zone .sct-hero-card-list i { width: 40px; height: 40px; flex-shrink: 0; border-radius: 12px; background: var(--sct-primary-light); color: var(--sct-primary-dark); display: flex; align-items: center; justify-content: center; font-size: .98rem; }

.sct-tpl-zone .sct-hc-label { display: block; font-size: .74rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--sct-secondary); margin-bottom: 2px; }

.sct-tpl-zone .sct-hc-value { font-size: .95rem; font-weight: 600; color: var(--sct-text); }

.sct-tpl-zone a.sct-hc-value:hover { color: var(--sct-primary); }

.sct-tpl-zone .sct-hero-card .sct-btn { width: 100%; }

.sct-tpl-zone .sct-stats-band { background: var(--sct-primary); padding: 44px 0; }

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

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

.sct-tpl-zone .sct-stat { text-align: center; color: #fff; }

.sct-tpl-zone .sct-stat-num { display: block; font-size: clamp(1.7rem, 3vw, 2.3rem); font-weight: 800; line-height: 1.1; margin-bottom: 6px; }

.sct-tpl-zone .sct-stat-label { font-size: .9rem; font-weight: 600; color: rgba(255,255,255,.9); }

.sct-tpl-zone .sct-intro-section { padding: 88px 0; background: #fff; }

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

.sct-tpl-zone .sct-intro-inner h2 { margin-bottom: 20px; }

.sct-tpl-zone .sct-intro-inner p { font-size: 1.01rem; margin-bottom: 18px; color: var(--sct-text); }

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

.sct-tpl-zone .sct-intro-inner strong { color: var(--sct-secondary); font-weight: 700; }

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

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

.sct-tpl-zone .sct-service-card { background: #fff; border: 1px solid var(--sct-border); border-radius: var(--sct-radius); padding: 14px 14px 26px; box-shadow: var(--sct-shadow-sm); display: flex; flex-direction: column; transition: transform .3s, box-shadow .3s, border-color .3s; }

.sct-tpl-zone .sct-service-card:hover { transform: translateY(-8px); box-shadow: var(--sct-shadow-md); border-color: rgba(14,159,142,.4); }

.sct-tpl-zone .sct-service-img { overflow: hidden; border-radius: 14px; margin-bottom: 20px; }

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

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

.sct-tpl-zone .sct-service-body { padding: 0 12px; display: flex; flex-direction: column; flex: 1; }

.sct-tpl-zone .sct-service-body h3 { font-size: 1.14rem; margin-bottom: 10px; color: var(--sct-secondary); }

.sct-tpl-zone .sct-service-body p { font-size: .94rem; margin: 0 0 18px; color: var(--sct-text); }

.sct-tpl-zone .sct-service-link { margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center; gap: 9px; font-size: .92rem; font-weight: 700; color: var(--sct-primary-dark); overflow-wrap: anywhere; transition: gap .25s, color .25s; }

.sct-tpl-zone .sct-service-link:hover { color: var(--sct-primary); gap: 14px; }

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

.sct-tpl-zone .sct-zones-list > * { min-width: 0; }

.sct-tpl-zone .sct-zones-list li { background: #fff; border: 1px solid var(--sct-border); border-radius: 14px; padding: 15px 18px; font-size: .94rem; font-weight: 600; color: var(--sct-secondary); display: flex; align-items: center; gap: 10px; box-shadow: var(--sct-shadow-sm); transition: transform .25s, box-shadow .25s; overflow-wrap: anywhere; }

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

.sct-tpl-zone .sct-zones-list li:hover { transform: translateY(-4px); box-shadow: var(--sct-shadow-md); }

.sct-tpl-zone .sct-zones-note { text-align: center; margin: 34px 0 0; font-size: .95rem; color: var(--sct-text); }

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

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

.sct-tpl-zone .sct-usecase-media img { width: 100%; height: 430px; object-fit: cover; border-radius: 120px 26px 120px 26px; box-shadow: var(--sct-shadow-lg); }

.sct-tpl-zone .sct-usecase-body h2 { margin-bottom: 18px; }

.sct-tpl-zone .sct-usecase-body p { font-size: .99rem; color: var(--sct-text); }

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

.sct-tpl-zone .sct-usecase-body ul li { display: flex; gap: 13px; align-items: flex-start; font-size: .96rem; color: var(--sct-text); }

.sct-tpl-zone .sct-usecase-body ul li::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--sct-primary); background: var(--sct-primary-light); width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .72rem; flex-shrink: 0; margin-top: 2px; }

.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-card { background: linear-gradient(140deg, var(--sct-secondary), var(--sct-secondary-soft)); border-radius: var(--sct-radius); padding: 36px 30px; color: rgba(255,255,255,.86); box-shadow: var(--sct-shadow-md); }

.sct-tpl-zone .sct-engagement-card i { width: 56px; height: 56px; border-radius: 18px; background: rgba(255,255,255,.16); color: var(--sct-accent); display: flex; align-items: center; justify-content: center; font-size: 1.2rem; margin-bottom: 20px; }

.sct-tpl-zone .sct-engagement-card h3 { color: #fff; font-size: 1.1rem; margin-bottom: 10px; }

.sct-tpl-zone .sct-engagement-card p { font-size: .94rem; margin: 0; color: rgba(255,255,255,.86); }

.sct-tpl-zone .sct-local-spec { padding: 72px 0; background: var(--sct-primary-light); }

.sct-tpl-zone .sct-local-inner { max-width: 880px; margin: 0 auto; background: #fff; border: 1px solid var(--sct-border); border-radius: var(--sct-radius-lg); padding: 44px 40px; box-shadow: var(--sct-shadow-sm); }

.sct-tpl-zone .sct-local-inner h2 { font-size: clamp(1.4rem, 2.6vw, 1.9rem); margin-bottom: 16px; }

.sct-tpl-zone .sct-local-inner p { font-size: .99rem; color: var(--sct-text); }

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

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

.sct-tpl-zone .sct-faq-item { background: #fff; border: 1px solid var(--sct-border); border-radius: 16px; margin-bottom: 14px; overflow: hidden; box-shadow: var(--sct-shadow-sm); }

.sct-tpl-zone .sct-faq-item summary { list-style: none; cursor: pointer; padding: 22px 26px; font-weight: 700; color: var(--sct-secondary); font-size: 1rem; display: flex; align-items: center; justify-content: space-between; gap: 18px; }

.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(--sct-primary); font-size: .85rem; flex-shrink: 0; transition: transform .25s; }

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

.sct-tpl-zone .sct-faq-answer { padding: 0 26px 24px; font-size: .96rem; color: var(--sct-text); }

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

.sct-tpl-zone .sct-maillage-section { padding: 80px 0; background: var(--sct-bg-soft); }

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

.sct-tpl-zone .sct-maillage-head h2 { font-size: clamp(1.4rem, 2.6vw, 1.95rem); margin-bottom: 12px; }

.sct-tpl-zone .sct-maillage-head p { margin: 0; font-size: .96rem; color: var(--sct-text); }

.sct-tpl-zone .sct-maillage-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; list-style: none; margin: 0; padding: 0; }

.sct-tpl-zone .sct-maillage-links li { display: block; }

.sct-tpl-zone .sct-maillage-links a { display: inline-flex; align-items: center; gap: 9px; background: #fff; border: 1px solid var(--sct-border); color: var(--sct-secondary); font-size: .92rem; font-weight: 600; padding: 11px 20px; border-radius: 999px; box-shadow: var(--sct-shadow-sm); overflow-wrap: anywhere; transition: transform .25s, box-shadow .25s, background .25s, color .25s, border-color .25s; }

.sct-tpl-zone .sct-maillage-links a:hover { background: var(--sct-primary); border-color: var(--sct-primary); color: #fff; transform: translateY(-3px); box-shadow: var(--sct-shadow-md); }

.sct-tpl-zone .sct-maillage-note { text-align: center; margin: 32px 0 0; font-size: .95rem; color: var(--sct-text); }

.sct-tpl-zone .sct-cta-final { background: linear-gradient(120deg, var(--sct-primary) 0%, var(--sct-primary-dark) 100%); padding: 76px 0; text-align: center; color: #fff; }

.sct-tpl-zone .sct-cta-final h2 { color: #fff; margin-bottom: 14px; }

.sct-tpl-zone .sct-cta-final p { color: rgba(255,255,255,.9); max-width: 640px; margin: 0 auto 10px; }

.sct-tpl-zone .sct-cta-phone { display: inline-flex; align-items: center; gap: 14px; margin-top: 12px; font-size: clamp(1.5rem, 4vw, 2.3rem); font-weight: 800; color: #fff; overflow-wrap: anywhere; }

.sct-tpl-zone .sct-cta-phone:hover { color: var(--sct-accent); }

.sct-tpl-zone .sct-cta-btns { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin-top: 26px; }

@media (max-width: 992px) {
    .sct-tpl-zone .sct-hero { padding: 132px 0 84px; }
    .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-section { padding: 70px 0; }
    .sct-tpl-zone .sct-intro-section { padding: 70px 0; }
    .sct-tpl-zone .sct-services-grid { grid-template-columns: repeat(2, 1fr); gap: 22px; }
    .sct-tpl-zone .sct-engagements-grid { grid-template-columns: 1fr; }
    .sct-tpl-zone .sct-zones-list { grid-template-columns: repeat(3, 1fr); }
    .sct-tpl-zone .sct-usecase-grid { grid-template-columns: 1fr; gap: 36px; }
    .sct-tpl-zone .sct-usecase-media img { height: 340px; border-radius: 80px 20px 80px 20px; }
    .sct-tpl-zone .sct-local-inner { padding: 36px 28px; }
    .sct-tpl-zone .sct-maillage-section { padding: 64px 0; }
}

@media (max-width: 640px) {
    .sct-tpl-zone .sct-hero { padding: 118px 0 68px; }
    .sct-tpl-zone .sct-breadcrumb { font-size: .8rem; gap: 6px; margin-bottom: 16px; }
    .sct-tpl-zone .sct-hero-text h1 { font-size: 1.9rem; line-height: 1.2; }
    .sct-tpl-zone .sct-hero-subtitle { font-size: .98rem; }
    .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-card { padding: 28px 22px; }
    .sct-tpl-zone .sct-section { padding: 58px 0; }
    .sct-tpl-zone .sct-section-head { margin-bottom: 38px; }
    .sct-tpl-zone .sct-intro-section { padding: 58px 0; }
    .sct-tpl-zone .sct-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 26px 16px; }
    .sct-tpl-zone .sct-services-grid { grid-template-columns: 1fr; }
    .sct-tpl-zone .sct-service-img img { height: 200px; }
    .sct-tpl-zone .sct-zones-list { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .sct-tpl-zone .sct-zones-list li { padding: 13px 14px; font-size: .88rem; }
    .sct-tpl-zone .sct-usecase-media img { height: 260px; border-radius: 60px 16px 60px 16px; }
    .sct-tpl-zone .sct-local-spec { padding: 56px 0; }
    .sct-tpl-zone .sct-local-inner { padding: 30px 22px; }
    .sct-tpl-zone .sct-faq-item summary { padding: 18px 20px; font-size: .95rem; }
    .sct-tpl-zone .sct-faq-answer { padding: 0 20px 20px; font-size: .92rem; }
    .sct-tpl-zone .sct-maillage-section { padding: 54px 0; }
    .sct-tpl-zone .sct-maillage-head { margin-bottom: 30px; }
    .sct-tpl-zone .sct-cta-final { padding: 58px 0; }
    .sct-tpl-zone .sct-cta-btns { flex-direction: column; }
    .sct-tpl-zone .sct-cta-btns > * { width: 100%; justify-content: center; }
}

.sct-tpl-service-city .sct-hero::before { content: ""; position: absolute; inset: 0; background-image: url("/images/service_4_1788703087_6a9d716fd621e.webp"); background-size: cover; background-position: center; opacity: .3; mix-blend-mode: luminosity; z-index: 0; }

.sct-tpl-service-hub .sct-hero::before { content: ""; position: absolute; inset: 0; background-image: url("/images/service_2_1788703053_6a9d714d8c825.webp"); background-size: cover; background-position: center; opacity: .3; mix-blend-mode: luminosity; z-index: 0; }

.sct-tpl-zone .sct-hero::before { content: ""; position: absolute; inset: 0; background-image: url("/images/service_1_1788703038_6a9d713e40ef6.webp"); background-size: cover; background-position: center; opacity: .3; mix-blend-mode: luminosity; z-index: 0; }

.sct-tpl-service-hub .sct-hero::before { content: ""; position: absolute; inset: 0; background-image: url("/images/service_3_1788703071_6a9d715f875e1.webp"); background-size: cover; background-position: center; opacity: .3; mix-blend-mode: luminosity; z-index: 0; }

.sct-tpl-service-hub .sct-hero::before { content: ""; position: absolute; inset: 0; background-image: url("/images/service_4_1788703087_6a9d716fd621e.webp"); background-size: cover; background-position: center; opacity: .3; mix-blend-mode: luminosity; z-index: 0; }

.sct-tpl-service-hub .sct-hero::before { content: ""; position: absolute; inset: 0; background-image: url("/images/service_5_1788703104_6a9d718035731.webp"); background-size: cover; background-position: center; opacity: .3; mix-blend-mode: luminosity; z-index: 0; }

.sct-tpl-service-city .sct-hero::before { content: ""; position: absolute; inset: 0; background-image: url("/images/service_2_1788703053_6a9d714d8c825.webp"); background-size: cover; background-position: center; opacity: .3; mix-blend-mode: luminosity; z-index: 0; }

.sct-tpl-service-hub .sct-hero::before { content: ""; position: absolute; inset: 0; background-image: url("/images/service_6_1788703125_6a9d719556281.webp"); background-size: cover; background-position: center; opacity: .3; mix-blend-mode: luminosity; z-index: 0; }

.sct-tpl-service-city .sct-hero::before { content: ""; position: absolute; inset: 0; background-image: url("/images/service_5_1788703104_6a9d718035731.webp"); background-size: cover; background-position: center; opacity: .3; mix-blend-mode: luminosity; z-index: 0; }

.sct-tpl-service-city .sct-hero::before { content: ""; position: absolute; inset: 0; background-image: url("/images/service_6_1788703125_6a9d719556281.webp"); background-size: cover; background-position: center; opacity: .3; mix-blend-mode: luminosity; z-index: 0; }

.sct-tpl-service-city .sct-hero::before { content: ""; position: absolute; inset: 0; background-image: url("/images/service_3_1788703071_6a9d715f875e1.webp"); background-size: cover; background-position: center; opacity: .3; mix-blend-mode: luminosity; z-index: 0; }

.legal-link{
  background:none;border:none;padding:0;cursor:pointer;
  font-family:inherit;font-size:inherit;color:rgba(255,255,255,.72);
}

@media (max-width:1024px){
  .footer-grid{grid-template-columns:1fr 1fr 1fr;gap:32px;}
  .trust-grid,.stats-grid,.why-grid,.process-grid{grid-template-columns:repeat(2,1fr);}
  .zones-grid{grid-template-columns:repeat(2,1fr);}
  .devis-wrap,.about-grid,.audience-grid,.hours-grid,.contact-grid{grid-template-columns:1fr;}
  .service-card{width:calc((100% - 28px)/2);}
}

@media (max-width:768px){
  .section{padding-top:70px;padding-bottom:70px;}
  .footer-grid{grid-template-columns:1fr;gap:28px;}
  .trust-grid,.stats-grid,.why-grid,.process-grid,.zones-grid{grid-template-columns:1fr;}
  .service-card{width:100%;}
  .hero{padding-top:124px;padding-bottom:92px;}
  .devis-intro,.devis-form,.contact-form-card{padding:32px 24px;}
  .form-row{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;text-align:center;}
}

.sitemap-hero{padding-top:140px;padding-bottom:92px;}

.sitemap-hero .container{text-align:center;}

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

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

.sitemap-block{margin-bottom:62px;}

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

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

.sitemap-head i{
  width:52px;height:52px;border-radius:16px;flex-shrink:0;
  background:var(--primary-light);color:var(--primary-dark);
  display:flex;align-items:center;justify-content:center;font-size:1.15rem;
}

.sitemap-head h2{font-size:clamp(1.35rem,2.4vw,1.85rem);margin:0;}

.sitemap-head span{display:block;font-size:.88rem;font-weight:600;color:var(--text);margin-top:2px;}

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

.chip{
  display:inline-flex;align-items:center;gap:10px;
  background:#fff;border:1px solid var(--border);border-radius:999px;
  padding:12px 22px;font-weight:700;font-size:.94rem;color:var(--secondary);
  box-shadow:var(--shadow-sm);
  transition:transform .25s,box-shadow .25s,border-color .25s,color .25s,background .25s;
}

.chip i{color:var(--primary);font-size:.85rem;transition:color .25s;}

.chip:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(14,159,142,.45);color:var(--primary-dark);}

.chip-accent{background:var(--primary);color:#fff;border-color:transparent;box-shadow:0 12px 26px rgba(14,159,142,.28);}

.chip-accent i{color:#fff;}

.chip-accent:hover{background:var(--primary-dark);color:#fff;}

.chip-accent:hover i{color:#fff;}

.sitemap-group{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  padding:26px 28px;margin-bottom:20px;box-shadow:var(--shadow-sm);
  transition:transform .25s,box-shadow .25s;
}

.sitemap-group:last-child{margin-bottom:0;}

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

.sitemap-group h3{
  display:flex;align-items:center;gap:10px;
  font-size:1.05rem;margin-bottom:16px;
}

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

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

.sitemap-group h3 a:hover{color:var(--primary-dark);}

.sitemap-group .chip{background:var(--bg-soft);}

.sitemap-group .chip:hover{background:#fff;}

.sitemap-intro{max-width:760px;margin-bottom:40px;}

@media (max-width:768px){
  .sitemap-hero{padding-top:118px;padding-bottom:70px;}
  .sitemap-head{gap:12px;}
  .sitemap-head i{width:44px;height:44px;font-size:1rem;}
  .sitemap-block{margin-bottom:48px;}
  .sitemap-group{padding:22px 20px;}
  .chip{padding:11px 18px;font-size:.9rem;}
  .chip-list{gap:10px;}
}