/* ═══════════════════════════════════════════
   RESET & VARIABLES
   ═══════════════════════════════════════════ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --teal:#6BADA1;--teal-dark:#4A9488;--teal-deeper:#3D7D73;
  --teal-light:#D4EDEA;--teal-pale:#EBF6F4;
  --peach:#E2BFA0;--peach-light:#F5E8DA;--peach-dark:#C9A07A;
  --sand:#FAF7F2;--cream:#FFFCF8;
  --white:#FFFFFF;
  --charcoal:#262F2F;--slate:#3A4747;
  --gray:#5E6D6D;--gray-light:#94A3A3;--gray-pale:#C8D2D2;
  --border:#E2EAE9;--border-light:#F0F4F3;
  --shadow-sm:0 1px 3px rgba(43,51,51,0.04),0 1px 2px rgba(43,51,51,0.06);
  --shadow:0 4px 16px rgba(43,51,51,0.06),0 1px 3px rgba(43,51,51,0.04);
  --shadow-lg:0 12px 40px rgba(43,51,51,0.08),0 4px 12px rgba(43,51,51,0.04);
  --shadow-xl:0 24px 64px rgba(43,51,51,0.1),0 8px 24px rgba(43,51,51,0.06);
  --radius:12px;--radius-lg:20px;--radius-xl:28px;
  --font-display:'Playfair Display',Georgia,serif;
  --font-body:'DM Sans',system-ui,-apple-system,sans-serif;
  --ease:cubic-bezier(0.4,0,0.2,1);
  --ease-out:cubic-bezier(0,0,0.2,1);
  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);
}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{
  font-family:var(--font-body);color:var(--charcoal);
  background:var(--white);line-height:1.7;font-size:16px;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{transition:all 0.25s var(--ease)}

/* Scroll reveal animations */
.reveal{opacity:0;transform:translateY(32px);transition:opacity 0.7s var(--ease-out),transform 0.7s var(--ease-out)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-40px);transition:opacity 0.7s var(--ease-out),transform 0.7s var(--ease-out)}
.reveal-left.visible{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(40px);transition:opacity 0.7s var(--ease-out),transform 0.7s var(--ease-out)}
.reveal-right.visible{opacity:1;transform:translateX(0)}
.reveal-scale{opacity:0;transform:scale(0.92);transition:opacity 0.6s var(--ease-out),transform 0.6s var(--ease-spring)}
.reveal-scale.visible{opacity:1;transform:scale(1)}
.stagger-1{transition-delay:0.1s}.stagger-2{transition-delay:0.2s}
.stagger-3{transition-delay:0.3s}.stagger-4{transition-delay:0.4s}.stagger-5{transition-delay:0.5s}

/* ═══════════════════════════════════════════
   NAVIGATION
   ═══════════════════════════════════════════ */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(255,255,255,0);backdrop-filter:blur(0px);
  transition:all 0.4s var(--ease);
}
.nav.scrolled{
  background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);
}
.nav-inner{
  max-width:1200px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:0.7rem 2rem;transition:padding 0.3s var(--ease);
}
.nav.scrolled .nav-inner{padding:0.5rem 2rem}

.nav-logo{display:flex;align-items:center;gap:0.85rem;text-decoration:none;color:var(--charcoal)}
.nav-logo svg{width:44px;height:auto;transition:transform 0.3s var(--ease-spring)}
.nav-logo:hover svg{transform:scale(1.05) rotate(-3deg)}
.nav-logo-text{font-family:Marianne, sans-serif;font-size:1.1rem;font-weight:600;line-height:1.3;letter-spacing:0.06em;color:var(--teal)}
.nav-logo-text span{display:block;font-size:0.82rem;color:var(--slate);font-family:var(--font-body);font-weight:500;letter-spacing:0.02em;margin-top:1px}

.nav-links{display:flex;gap:0.15rem;align-items:center}
.nav-links a{
  text-decoration:none;color:var(--gray);font-size:0.87rem;font-weight:500;
  padding:0.5rem 1.05rem;border-radius:8px;transition:all 0.2s var(--ease);
  position:relative;
}
.nav-links a::after{
  content:'';position:absolute;bottom:4px;left:50%;width:0;height:2px;
  background:var(--teal);border-radius:1px;transform:translateX(-50%);
  transition:width 0.25s var(--ease);
}
.nav-links a:hover{color:var(--teal-dark)}
.nav-links a:hover::after,.nav-links a.active::after{width:60%}
.nav-links a.active{color:var(--teal-dark)}

.nav-cta{
  background:var(--teal)!important;color:var(--white)!important;
  padding:0.55rem 1.3rem!important;border-radius:8px!important;
  font-weight:600!important;box-shadow:0 2px 8px rgba(107,173,161,0.25);
}
.nav-cta::after{display:none!important}
.nav-cta:hover{background:var(--teal-dark)!important;transform:translateY(-1px);box-shadow:0 4px 16px rgba(107,173,161,0.35)!important}

.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:0.5rem;position:relative;width:40px;height:40px}
.nav-burger span{display:block;width:22px;height:2px;background:var(--charcoal);border-radius:2px;position:absolute;left:9px;transition:all 0.3s var(--ease)}
.nav-burger span:nth-child(1){top:12px}
.nav-burger span:nth-child(2){top:19px}
.nav-burger span:nth-child(3){top:26px}
.nav-burger.open span:nth-child(1){transform:rotate(45deg);top:19px}
.nav-burger.open span:nth-child(2){opacity:0;transform:translateX(10px)}
.nav-burger.open span:nth-child(3){transform:rotate(-45deg);top:19px}

/* ═══════════════════════════════════════════
   HERO
   ═══════════════════════════════════════════ */
.hero{
  min-height:100vh;display:flex;align-items:center;
  padding:4.5rem 2.5rem 4rem;position:relative;overflow:hidden;
  background:var(--cream);
}
.hero-bg{
  position:absolute;inset:0;overflow:hidden;
}
.hero-bg .blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.4;animation:blobFloat 20s ease-in-out infinite}
.blob-1{width:500px;height:500px;background:var(--teal-light);top:-10%;right:-5%;animation-delay:0s}
.blob-2{width:400px;height:400px;background:var(--peach-light);bottom:-5%;left:-5%;animation-delay:-7s}
.blob-3{width:300px;height:300px;background:var(--teal-pale);top:40%;left:30%;animation-delay:-14s}
@keyframes blobFloat{
  0%,100%{transform:translate(0,0) scale(1)}
  33%{transform:translate(30px,-20px) scale(1.05)}
  66%{transform:translate(-20px,15px) scale(0.95)}
}

.hero-inner{
  max-width:1240px;margin:0 auto;width:100%;
  display:grid;grid-template-columns:1.5fr 0.85fr;gap:4rem;align-items:center;
  position:relative;z-index:1;
}
.hero-badge{
  display:inline-flex;align-items:center;gap:0.5rem;
  background:var(--white);border:1px solid var(--border);
  padding:0.4rem 1rem 0.4rem 0.5rem;border-radius:100px;
  font-size:0.78rem;color:var(--gray);font-weight:500;margin-bottom:1.5rem;
  box-shadow:var(--shadow-sm);
}
.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--teal);animation:pulse 2s ease-in-out infinite}
.hero-badge {margin-top: 10px }
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.3)}}

/* Bloc nom + rôle dans le hero (comme la maquette) */
.hero-seo-h1{
  margin:0.3rem 0 1.1rem 0;font-weight:400;
  display:flex;flex-direction:column;
}
.hero-name{
  font-family:var(--font-display);font-size:clamp(2rem, 1.4rem + 1.6vw, 3.6rem);font-weight:600;
  line-height:1.05;color:var(--teal);letter-spacing:0.01em;
}
.hero-role{
  display:block;margin:0;padding-bottom:0.5rem;position:relative;height:3px;
}
.hero-role::after{
  content:'';position:absolute;left:0;bottom:0;width:88px;height:3px;
  background:linear-gradient(90deg,var(--peach-dark),var(--sand));border-radius:2px;
}
/* "à Strasbourg – Alsace" : lu par Google, invisible à l'écran */
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.hero-tagline{
  font-family:var(--font-display);font-size:clamp(1rem, 0.9rem + 0.35vw, 1.35rem);font-weight:450;
  line-height:1.35;color:var(--charcoal);margin-bottom:1.4rem;
  margin-top:1.4rem;
  /* no "ff" ligature — the two f's must look identical */
  font-variant-ligatures:none;
  font-feature-settings:"liga" 0,"clig" 0,"dlig" 0;
}
.hero-tagline .green-part{color:var(--teal-deeper)}
.hero-tagline .peach-part{color:var(--peach-dark)}
.hero-text h1 em{font-style:italic;color:var(--teal-dark);position:relative}
.hero-text h1 em::after{
  content:'';position:absolute;bottom:2px;left:0;right:0;height:8px;
  background:var(--teal-light);border-radius:4px;z-index:-1;
}
.hero-desc{font-size:clamp(0.92rem, 0.88rem + 0.15vw, 1.05rem);color:var(--gray);line-height:1.8;margin-bottom:1.3rem;margin-top: 1.3rem; max-width:600px}
.hero-roles{display:flex;flex-direction:column;gap:0.55rem;margin-bottom:2.4rem}
.hero-roles .roles-row{display:flex;flex-wrap:wrap;gap:0.55rem}

.hero-roles span{
  background:var(--white);border:1px solid var(--border);
  padding:0.45rem 1.1rem;border-radius:100px;font-size:0.82rem;
  color:var(--slate);font-weight:500;
  transition:all 0.2s var(--ease);
}
.hero-roles span:hover{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-pale)}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap}

.btn{
  display:inline-flex;align-items:center;gap:0.55rem;
  padding:0.9rem 2rem;border-radius:10px;font-weight:600;
  text-decoration:none;font-size:0.95rem;font-family:var(--font-body);
  transition:all 0.3s var(--ease);border:none;cursor:pointer;
}
.btn-primary{
  background:var(--teal);color:var(--white);
  box-shadow:0 2px 8px rgba(107,173,161,0.2);
}
.btn-primary:hover{
  background:var(--teal-dark);transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(107,173,161,0.3);
}
.btn-secondary{
  background:var(--white);color:var(--charcoal);
  border:1.5px solid var(--border);
}
.btn-secondary:hover{border-color:var(--teal);color:var(--teal-dark);transform:translateY(-2px);box-shadow:var(--shadow)}
.btn svg{width:18px;height:18px;flex-shrink:0}

.hero-visual{display:flex;justify-content:center;align-items:center;position:relative;overflow:visible}
.hero-logo-wrap{
  position:relative;width:100%;
  display:flex;align-items:center;justify-content:center;
  overflow:visible;
}
.hero-logo-wrap svg{
  width:auto;height:clamp(340px, 26vw, 580px);max-width:100%;overflow:visible;
  filter:drop-shadow(0 16px 48px rgba(107,173,161,0.18));
  animation:heroLogoIn 1s var(--ease-out) 0.3s both;
}
@keyframes heroLogoIn{from{opacity:0;transform:scale(0.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}



/* ═══════════════════════════════════════════
   TRUST BAR / STATS
   ═══════════════════════════════════════════ */
.trust{
  background:var(--white);padding:3.5rem 2rem;
  border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);
}
.trust-inner{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;
}
.trust-item{text-align:center;padding:1rem}
.trust-number{
  font-family:var(--font-display);font-size:2.4rem;font-weight:600;
  color:var(--teal-dark);line-height:1;margin-bottom:0.4rem;
}
.trust-label{font-size:0.85rem;color:var(--gray);font-weight:500}

/* ═══════════════════════════════════════════
   SECTIONS SHARED
   ═══════════════════════════════════════════ */
section{padding:6rem 2rem}
.section-inner{max-width:1200px;margin:0 auto}
.section-header{text-align:center;max-width:680px;margin:0 auto 4rem}
.section-label{
  display:inline-flex;align-items:center;gap:0.5rem;
  font-size:0.85rem;font-weight:700;letter-spacing:0.14em;
  text-transform:uppercase;color:var(--teal);margin-bottom:1rem;
}
.section-label::before,.section-label::after{content:'';width:20px;height:1.5px;background:var(--teal);border-radius:1px}
.section-title{
  font-family:var(--font-display);font-size:2.2rem;font-weight:500;
  line-height:1.2;margin-bottom:1rem;
}
.section-desc{color:var(--gray);font-size:1.02rem;line-height:1.8}

/* ═══════════════════════════════════════════
   SERVICES / PRESTATIONS
   ═══════════════════════════════════════════ */
#prestations{background:var(--sand)}

.services-tabs{display:flex;gap:0.5rem;justify-content:center;margin-bottom:3.5rem}
.tab-btn{
  padding:0.7rem 1.8rem;border-radius:100px;border:1.5px solid var(--border);
  background:var(--white);font-family:var(--font-body);font-size:0.88rem;
  font-weight:600;color:var(--gray);cursor:pointer;transition:all 0.25s var(--ease);
}
.tab-btn:hover{border-color:var(--teal);color:var(--teal-dark)}
.tab-btn.active{background:var(--teal);color:var(--white);border-color:var(--teal);box-shadow:0 4px 12px rgba(107,173,161,0.25)}

.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem}
.service-card{
  background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:2.25rem;transition:all 0.35s var(--ease);position:relative;overflow:hidden;
}
.service-card::after{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--teal),var(--peach));
  transform:scaleX(0);transform-origin:left;transition:transform 0.4s var(--ease);
}
.service-card:hover{
  border-color:transparent;box-shadow:var(--shadow-lg);transform:translateY(-4px);
}
.service-card:hover::after{transform:scaleX(1)}
.service-icon{
  width:52px;height:52px;border-radius:14px;
  background:linear-gradient(135deg,var(--teal-pale),var(--teal-light));
  display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;
}
.service-icon svg{width:24px;height:24px;color:var(--teal-dark)}
.service-card h3{font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin-bottom:0.85rem;line-height:1.35}
.service-card p{color:var(--gray);font-size:0.9rem;line-height:1.75}
.service-card ul{color:var(--gray);font-size:0.9rem;line-height:1.8;padding-left:1.2rem;margin-top:0.5rem}
.service-card ul li{margin-bottom:0.25rem}
.service-card ul li::marker{color:var(--teal)}

.tab-content{display:none;animation:fadeTab 0.4s var(--ease-out)}
.tab-content.active{display:block}
@keyframes fadeTab{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* ═══════════════════════════════════════════
   ABOUT / PRESENTATION
   ═══════════════════════════════════════════ */
#presentation{background:var(--white)}
.about-grid{display:grid;grid-template-columns:0.85fr 1.25fr;gap:4rem;align-items:center}
.about-visual{position:relative;margin-bottom:2rem}
@media(max-width:1024px){.about-visual{margin-bottom:4.5rem}}
/* Carte de visite : l'image exacte, ratio conservé */
.business-card-img{
  display:block;width:100%;height:auto;
  border-radius:24px;
  box-shadow:0 24px 60px rgba(61,125,115,0.16);
}

.about-visual-card{
  width:100%;aspect-ratio:4/3;border-radius:var(--radius-xl);
  background:linear-gradient(145deg,var(--teal-light) 0%,var(--peach-light) 100%);
  display:flex;align-items:center;justify-content:center;
  box-shadow:var(--shadow-lg);overflow:hidden;position:relative;
}
.about-visual-card svg{width:auto;height:82%;max-width:80%;position:relative;z-index:1}
.about-visual-card::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(107,173,161,0.08) 0%,rgba(226,191,160,0.08) 100%);
}
.about-visual-float{
  position:absolute;bottom:-72px;right:-14px;
  background:var(--white);border-radius:var(--radius);padding:0.85rem 1.25rem;
  box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:0.75rem;
  z-index:2;
}
@media(max-width:768px){
  .about-visual-float{bottom:-72px;right:50%;transform:translateX(50%);padding:0.7rem 1rem;white-space:nowrap}
  .about-visual-float .avf-icon{width:34px;height:34px}
  .about-visual-float .avf-text{font-size:0.76rem}
}

.about-visual-float .avf-icon{
  width:40px;height:40px;border-radius:10px;background:var(--teal-light);
  display:flex;align-items:center;justify-content:center;
}
.about-visual-float .avf-icon svg{width:20px;height:20px;color:var(--teal-dark)}
.about-visual-float .avf-text{font-size:0.82rem;font-weight:600;color:var(--charcoal)}
.about-visual-float .avf-text span{display:block;font-weight:400;color:var(--gray);font-size:0.75rem}

.about-content p{color:var(--gray);margin-bottom:1.1rem;line-height:1.85;font-size:0.95rem; padding-left: 30px;
   padding-right: 30px;}
.about-content strong{color:var(--charcoal)}
.about-badges{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.badge{
  display:flex;align-items:center;gap:0.5rem;
  background:var(--sand);border:1px solid var(--border);
  padding:0.6rem 1.15rem;border-radius:10px;font-size:0.8rem;
  color:var(--gray);font-weight:500;transition:all 0.2s var(--ease);
}
.badge:hover{border-color:var(--teal);background:var(--teal-pale)}
.badge svg{width:16px;height:16px;color:var(--teal);flex-shrink:0}



/* ═══════════════════════════════════════════
   APPROACH / POURQUOI
   ═══════════════════════════════════════════ */
#approche{background:var(--sand)}
.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.approach-grid-4{grid-template-columns:repeat(4,1fr);gap:1.5rem}
.approach-card{
  background:var(--white);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center;
  transition:all 0.35s var(--ease);
}
.approach-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}
.approach-icon{
  width:64px;height:64px;border-radius:50%;margin:0 auto 1.5rem;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--teal-pale),var(--teal-light));
  transition:transform 0.3s var(--ease-spring);
}
.approach-card:hover .approach-icon{transform:scale(1.1)}
.approach-icon svg{width:28px;height:28px;color:var(--teal-dark)}
.approach-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin-bottom:0.75rem}
.approach-card p{color:var(--gray);font-size:0.88rem;line-height:1.75}

/* ═══════════════════════════════════════════
   FAQ
   ═══════════════════════════════════════════ */
#faq{background:var(--white)}
.faq-grid{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:0.75rem}
.faq-hidden{display:none}
.faq-grid.show-all .faq-hidden{display:block}
.faq-item{
  background:var(--sand);border:1px solid var(--border);
  border-radius:var(--radius);overflow:hidden;
  transition:all 0.3s var(--ease);
}
.faq-item.open{background:var(--white);border-color:var(--teal-light);box-shadow:var(--shadow)}
.faq-q{
  padding:1.25rem 1.5rem;cursor:pointer;display:flex;justify-content:space-between;
  align-items:center;gap:1rem;font-weight:600;font-size:0.95rem;
  color:var(--charcoal);user-select:none;
}
.faq-q svg{width:20px;height:20px;color:var(--gray);transition:transform 0.3s var(--ease);flex-shrink:0}
.faq-item.open .faq-q svg{transform:rotate(45deg);color:var(--teal)}
.faq-a{
  max-height:0;overflow:hidden;transition:max-height 0.4s var(--ease),padding 0.3s var(--ease);
}
.faq-item.open .faq-a{max-height:300px}
.faq-a-inner{padding:0 1.5rem 1.25rem;color:var(--gray);font-size:0.9rem;line-height:1.8}

/* ═══════════════════════════════════════════
   CONTACT
   ═══════════════════════════════════════════ */
#contact{
  background:linear-gradient(180deg,var(--sand) 0%,var(--white) 100%);
}
.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem}
.contact-info{display:flex;flex-direction:column;gap:1.5rem}
.contact-info-card{
  background:var(--white);border-radius:var(--radius-lg);padding:2.5rem;
  border:1px solid var(--border);box-shadow:var(--shadow-sm);
}
.contact-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}
.contact-item:last-child{margin-bottom:0}
.ci-icon{
  width:44px;height:44px;border-radius:12px;
  background:linear-gradient(135deg,var(--teal-pale),var(--teal-light));
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.ci-icon svg{width:20px;height:20px;color:var(--teal-dark)}
.ci-text{font-size:0.92rem}
.ci-text strong{display:block;margin-bottom:0.15rem;color:var(--charcoal);font-weight:600}
.ci-text span,.ci-text a{color:var(--gray);text-decoration:none}
.ci-text a:hover{color:var(--teal-dark)}

.doctolib-banner{
  background:linear-gradient(135deg,var(--teal) 0%,var(--teal-dark) 100%);
  border-radius:var(--radius-lg);padding:2rem 2.5rem;color:var(--white);
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
}
.doctolib-banner h3{font-family:var(--font-display);font-size:1.2rem;font-weight:500;margin-bottom:0.3rem}
.doctolib-banner p{font-size:0.85rem;opacity:0.85}
.doctolib-banner .btn{
  background:var(--white);color:var(--teal-dark);flex-shrink:0;
  font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,0.1);
}
.doctolib-banner .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.15)}

.map-embed{
  border-radius:var(--radius-lg);overflow:hidden;
  box-shadow:var(--shadow-sm);border:1px solid var(--border);
}
.map-embed iframe{width:100%;height:220px;display:block}

.contact-form-card{
  background:var(--white);border-radius:var(--radius-lg);padding:2.5rem;
  border:1px solid var(--border);box-shadow:var(--shadow-sm);
}
.contact-form-card h3{font-family:var(--font-display);font-size:1.3rem;font-weight:600;margin-bottom:0.4rem}
.contact-form-card>p{font-size:0.88rem;color:var(--gray);margin-bottom:1.5rem}
.contact-form{display:flex;flex-direction:column;gap:1rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-group{display:flex;flex-direction:column;gap:0.35rem}
.form-group label{font-size:0.8rem;font-weight:600;color:var(--slate);letter-spacing:0.02em}
.form-group input,.form-group select,.form-group textarea{
  padding:0.75rem 1rem;border:1.5px solid var(--border);border-radius:10px;
  font-family:var(--font-body);font-size:0.9rem;color:var(--charcoal);
  background:var(--white);transition:all 0.2s var(--ease);outline:none;
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{
  border-color:var(--teal);box-shadow:0 0 0 3px rgba(107,173,161,0.1);
}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray-pale)}
.form-group textarea{resize:vertical;min-height:110px}

/* ═══════════════════════════════════════════
   FLOATING CTA
   ═══════════════════════════════════════════ */
.floating-cta{
  position:fixed;bottom:2rem;right:2rem;z-index:900;
  display:flex;flex-direction:column;gap:0.75rem;align-items:flex-end;
}
.float-btn{
  width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all 0.3s var(--ease-spring);box-shadow:var(--shadow-lg);
}
.float-btn:hover{transform:scale(1.1)}
.float-btn svg{width:22px;height:22px}
.float-btn-top{background:var(--white);color:var(--charcoal);opacity:0;pointer-events:none;transform:scale(0.8) translateY(10px)}
.float-btn-top.visible{opacity:1;pointer-events:all;transform:scale(1) translateY(0)}
.float-btn-top svg{width:20px;height:20px;stroke:var(--charcoal);fill:none;stroke-width:2.5}
.float-btn-doctolib{background:var(--teal);color:var(--white)}
.float-btn-doctolib svg{stroke:var(--white)}
.float-btn-doctolib::before{
  content:'';position:absolute;inset:-4px;border-radius:50%;
  border:2px solid var(--teal);opacity:0;animation:floatPing 2s var(--ease) infinite;
}
@keyframes floatPing{0%{opacity:0.5;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}

/* ═══════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════ */
.footer{background:var(--charcoal);color:rgba(255,255,255,0.6);padding:4rem 2rem 2rem}
.footer-inner{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:3rem;
}
.footer-brand p{font-size:0.85rem;line-height:1.7;margin-top:1.25rem}
.footer-logo{display:flex;align-items:center;gap:0.75rem}
.footer-logo svg{width:40px;height:auto;opacity:0.75}
.footer-logo-name{font-family:var(--font-display);font-size:1.05rem;color:var(--white);font-weight:500}
.footer h4{color:var(--white);font-size:0.82rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:1.25rem}
.footer-links{list-style:none}
.footer-links li{margin-bottom:0.5rem}
.footer-links a{color:rgba(255,255,255,0.55);text-decoration:none;font-size:0.88rem;transition:color 0.2s}
.footer-links a:hover{color:var(--teal-light)}
.footer-legal{font-size:0.78rem;color:rgba(255,255,255,0.3);line-height:1.7}
.footer-bottom{
  max-width:1200px;margin:2.5rem auto 0;padding-top:1.5rem;
  border-top:1px solid rgba(255,255,255,0.07);
  display:flex;justify-content:space-between;align-items:center;
  font-size:0.82rem;
}
.footer-socials{display:flex;gap:0.6rem;margin-top:1.5rem}
.footer-socials a{
  width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,0.06);
  display:flex;align-items:center;justify-content:center;transition:all 0.2s var(--ease);
}
.footer-socials a:hover{background:var(--teal);transform:translateY(-2px)}
.footer-socials a svg{width:18px;height:18px;fill:rgba(255,255,255,0.65)}

/* ═══════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════ */
@media(max-width:1024px){
  .hero{min-height:auto;align-items:flex-start}
  .hero-inner{grid-template-columns:1fr;text-align:center;gap:1.5rem}
  .hero-desc{margin-left:auto;margin-right:auto}
  .hero-roles{justify-content:center}
  .hero-btns{justify-content:center}
  .hero-badge{margin-left:auto;margin-right:auto}
  .hero-logo-wrap svg{height:220px}
  .hero-visual{order:-1}
  .about-grid{grid-template-columns:1fr;gap:3rem}
  .approach-grid{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr 1fr;gap:2rem}
}
@media(max-width:860px){
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);flex-direction:column;padding:1.5rem;border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg)}
  .nav-links.open{display:flex}
  .nav-burger{display:block}
  .trust-inner{grid-template-columns:1fr 1fr;gap:1.5rem}
  .services-grid{grid-template-columns:1fr;padding-left: 40px;padding-right: 40px}
  .approach-grid{grid-template-columns:1fr;padding-left: 40px;padding-right: 40px}
  .faq-grid{padding-left: 40px;padding-right: 40px}
  .profile-chooser{padding-left: 40px;padding-right: 40px}
  .contact-grid{padding-left: 40px;padding-right: 40px}
  .form-row{grid-template-columns:1fr}
  section{padding:4rem 1.5rem}
  .section-title{font-size:1.9rem}
  .hero{padding:5rem 1.5rem 3rem}
  .hero-logo-wrap svg{height:150px}
  .doctolib-banner{flex-direction:column;text-align:center}
  .footer-inner{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:1rem;text-align:center}
  .floating-cta{bottom:1.25rem;right:1.25rem}
  .about-visual {width: 70%; margin-left: auto;margin-right: auto;
}
}
@media(max-width:480px){
  .hero{min-height:auto;padding:5rem 1rem 2.5rem}
  section{padding:3rem 1rem}
  .section-title{font-size:1.5rem}
  .trust-inner{grid-template-columns:1fr 1fr}
  .trust-number{font-size:1.8rem}
  .services-grid{padding-left: 20px;padding-right: 20px}
  .approach-grid{padding-left: 20px;padding-right: 20px}
  .faq-grid{padding-left: 20px;padding-right: 20px}
  .profile-chooser{padding-left: 20px;padding-right: 20px}
  .contact-grid{padding-left: 20px;padding-right: 20px}
}
/* ═══════════════════════════════════════════
   LEGAL MODALS
   ═══════════════════════════════════════════ */
.modal-overlay{
  position:fixed;inset:0;z-index:2000;
  background:rgba(38,47,47,0.6);backdrop-filter:blur(8px);
  display:none;align-items:center;justify-content:center;
  padding:2rem;opacity:0;transition:opacity 0.3s var(--ease);
}
.modal-overlay.active{display:flex;opacity:1}
.modal-box{
  background:var(--white);border-radius:var(--radius-xl);
  max-width:780px;width:100%;max-height:85vh;
  display:flex;flex-direction:column;
  box-shadow:var(--shadow-xl);
  transform:translateY(20px) scale(0.97);
  transition:transform 0.35s var(--ease-spring);
}
.modal-overlay.active .modal-box{transform:translateY(0) scale(1)}
.modal-header{
  display:flex;justify-content:space-between;align-items:center;
  padding:1.75rem 2rem 1.25rem;border-bottom:1px solid var(--border-light);
  flex-shrink:0;
}
.modal-header h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600}
.modal-close{
  width:38px;height:38px;border-radius:10px;border:1px solid var(--border);
  background:var(--sand);display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all 0.2s var(--ease);flex-shrink:0;
}
.modal-close:hover{background:var(--teal-light);border-color:var(--teal)}
.modal-close svg{width:18px;height:18px;stroke:var(--charcoal);fill:none;stroke-width:2}
.modal-body{
  padding:2rem;overflow-y:auto;color:var(--gray);font-size:0.9rem;line-height:1.85;
}
.modal-body h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--charcoal);margin:1.75rem 0 0.6rem}
.modal-body h3:first-child{margin-top:0}
.modal-body p{margin-bottom:0.75rem}
.modal-body strong{color:var(--charcoal)}
.modal-body ul{padding-left:1.25rem;margin-bottom:0.75rem}
.modal-body ul li{margin-bottom:0.3rem}
@media(max-width:768px){
  .modal-overlay{padding:1rem}
  .modal-box{max-height:90vh;border-radius:var(--radius-lg)}
  .modal-header{padding:1.25rem 1.5rem 1rem}
  .modal-body{padding:1.5rem}
}

/* Profile chooser */
.profile-chooser{display:flex;gap:1rem;justify-content:center;max-width:760px;margin:0 auto 3rem;flex-wrap:wrap}
.profile-btn{
  flex:1;min-width:260px;display:flex;align-items:center;gap:0.85rem;
  padding:1.1rem 1.5rem;border-radius:var(--radius-lg);
  border:1.5px solid var(--border);background:var(--white);cursor:pointer;
  font-family:var(--font-body);font-size:0.92rem;font-weight:600;color:var(--slate);
  transition:all 0.25s var(--ease);text-align:left;
}
.profile-btn svg{width:26px;height:26px;color:var(--gray-light);flex-shrink:0;transition:color 0.25s}
.profile-btn:hover{border-color:var(--teal);box-shadow:var(--shadow)}
.profile-btn.active{border-color:var(--teal);background:var(--teal-pale);color:var(--teal-deeper)}
.profile-btn.active svg{color:var(--teal-dark)}
.profile-info .pi-title{font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin-bottom:0.85rem;color:var(--charcoal)}
.profile-info p{font-size:0.9rem;color:var(--gray);line-height:1.75;margin-bottom:0.85rem}
@media(max-width:768px){.profile-btn{min-width:100%}}


/* Anti-bot form protections */
.hp-field{position:absolute!important;left:-9999px!important;top:-9999px!important;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.captcha-box{
  display:flex;align-items:center;gap:0.85rem;
  background:var(--white);border:1.5px solid var(--border);
  border-radius:10px;padding:0.75rem 1rem;cursor:pointer;
  transition:all 0.2s var(--ease);user-select:none;max-width:320px;position:relative;
}
.captcha-box:hover{border-color:var(--gray-pale)}
.captcha-box.verifying{cursor:progress}
.captcha-box.verified{border-color:var(--teal);background:var(--teal-pale);cursor:default}
.captcha-check{
  width:26px;height:26px;border:2px solid var(--gray-pale);border-radius:5px;
  flex-shrink:0;display:flex;align-items:center;justify-content:center;
  background:var(--white);transition:all 0.2s var(--ease);
}
.captcha-check svg{width:20px;height:20px;display:none}
.captcha-box.verifying .captcha-check{border-color:var(--teal)}
.captcha-box.verifying .cap-spinner{display:block;color:var(--teal);animation:capSpin 0.7s linear infinite}
.captcha-box.verified .captcha-check{border-color:var(--teal);background:var(--teal)}
.captcha-box.verified .cap-tick{display:block;color:var(--white)}
@keyframes capSpin{to{transform:rotate(360deg)}}
.captcha-text{font-size:0.9rem;font-weight:500;color:var(--slate);flex:1}
.captcha-brand{font-size:0.6rem;color:var(--gray-light);text-align:center;line-height:1.2;letter-spacing:0.02em;text-transform:uppercase}
.form-error{background:#FDECEC;border:1px solid #F5C6C6;color:#B23A3A;padding:0.7rem 1rem;border-radius:10px;font-size:0.85rem;font-weight:500}
.form-success{background:var(--teal-pale);border:1px solid var(--teal-light);color:var(--teal-deeper);padding:0.7rem 1rem;border-radius:10px;font-size:0.85rem;font-weight:500}


/* Service card "+" button and links */
.service-card{position:relative;padding-bottom:3.5rem}
.card-plus{
  position:absolute;bottom:1.25rem;right:1.25rem;
  width:36px;height:36px;border-radius:50%;
  border:1.5px solid var(--border);background:var(--white);
  color:var(--teal-dark);font-size:1.35rem;font-weight:400;line-height:1;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:all 0.22s var(--ease);
}
.card-plus:hover{background:var(--teal);color:var(--white);border-color:var(--teal);transform:scale(1.08)}
.formations-link{
  display:inline-flex;align-items:center;gap:0.4rem;margin-top:0.85rem;
  color:var(--teal-dark);font-weight:600;font-size:0.9rem;text-decoration:none;
  border-bottom:1.5px solid var(--teal-light);padding-bottom:2px;transition:all 0.2s var(--ease);
}
.formations-link:hover{border-color:var(--teal-dark);gap:0.6rem}
.card-note{margin-top:0.85rem;font-size:0.86rem}
.doctolib-link{color:var(--teal-dark);font-weight:600;text-decoration:none;border-bottom:1px solid var(--teal-light);transition:all 0.2s}
.doctolib-link:hover{border-color:var(--teal-dark)}
/* Doctolib brand wordmark */
.doctolib-word{
  font-family:'Brush Script MT','Segoe Script','Bradley Hand',cursive;
  font-size:1.18em;font-weight:400;letter-spacing:0.3px;
  color:#0596DE;
}
.btn-doctolib{background:#0596DE;color:#fff;border:none}
.btn-doctolib:hover{background:#0480c0}
.btn-doctolib .doctolib-word{color:#fff;font-size:1.25em}
/* Doctolib floating button */
.float-btn-doctolib{background:#0596DE!important;color:#fff}
.float-btn-doctolib .dl-mark{
  font-family:'Brush Script MT','Segoe Script','Bradley Hand',cursive;
  font-size:1.6rem;color:#fff;line-height:1;font-weight:400;
}


/* Canva formations modal — sized to the design's portrait ratio (no black bars) */
.modal-box-wide{
  width:auto;max-width:none;
  display:inline-flex;flex-direction:column;
}
.modal-body-embed{
  padding:0;display:flex;flex-direction:column;align-items:center;
  background:var(--white);
}
.canva-frame{
  /* A4-portrait ratio, matches the Canva design so it fills the frame edge to edge */
  aspect-ratio:1 / 1.414;
  height:min(74vh,780px);
  width:auto;max-width:92vw;
  border:0;display:block;background:var(--white);
}
@media(max-width:768px){
  .canva-frame{height:auto;width:min(92vw,520px)}
}
/* Indicateur de chargement Canva */
.modal-body-embed{position:relative}
.canva-loading{
  position:absolute;inset:0;z-index:2;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.9rem;
  background:var(--cream);border-radius:0 0 var(--radius-lg) var(--radius-lg);
  text-align:center;padding:2rem;
}
.canva-loading .canva-spinner{
  width:46px;height:46px;border-radius:50%;
  border:4px solid var(--teal-light);border-top-color:var(--teal);
  animation:canvaSpin 0.8s linear infinite;
}
.canva-loading p{margin:0;font-weight:600;color:var(--charcoal);font-size:1rem}
.canva-loading span{font-size:0.85rem;color:var(--gray)}
@keyframes canvaSpin{to{transform:rotate(360deg)}}
.canva-fallback{
  font-size:0.82rem;color:var(--gray-light);text-align:center;padding:0.85rem 1rem 0;
}
.canva-fallback a{color:var(--teal-dark);font-weight:600;text-decoration:none;border-bottom:1px solid var(--teal-light)}
/* the formations link is now a button — keep it looking like a link */
button.formations-link{
  border:none;background:none;padding:0;cursor:pointer;font-family:var(--font-body);
  border-bottom:1.5px solid var(--teal-light);
}


/* Doctolib floating pill button */
.float-doctolib{
  display:inline-flex;align-items:center;justify-content:center;
  padding:0.75rem 1.5rem;border-radius:999px;
  background:#0596DE;color:#fff;text-decoration:none;
  box-shadow:0 6px 20px rgba(5,150,222,0.35);
  transition:all 0.25s var(--ease);
  white-space:nowrap;
}
.float-doctolib:hover{background:#0480c0;transform:translateY(-2px);box-shadow:0 10px 26px rgba(5,150,222,0.45)}
.float-doctolib .dl-word{
  font-family:'Brush Script MT','Segoe Script','Bradley Hand',cursive;
  font-size:1.5rem;line-height:1;color:#fff;font-weight:400;letter-spacing:0.5px;
}
@media(max-width:600px){
  .float-doctolib{padding:0.6rem 1.15rem}
  .float-doctolib .dl-word{font-size:1.25rem}
}


.canva-notice{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;
  min-height:340px;padding:2.5rem 2rem;text-align:center;
}
.canva-notice h3{font-family:var(--font-display);font-size:1.25rem;color:var(--charcoal);margin:0}
.canva-notice p{color:var(--gray);font-size:0.92rem;line-height:1.7;margin:0;max-width:520px}
.canva-notice code{background:var(--sand);padding:0.15rem 0.4rem;border-radius:4px;font-size:0.85em}


/* Nav text scales down on narrower laptops so it never collides with the menu */
@media(max-width:1200px){
  .nav-logo-text{font-size:1.15rem}
  .nav-logo-text span{font-size:0.8rem}
  .nav-logo svg{width:46px}
  .nav-links a{padding:0.5rem 0.75rem;font-size:0.84rem}
}
@media(max-width:1050px){
  .nav-logo-text{font-size:1.05rem}
  .nav-logo-text span{font-size:0.73rem}
  .nav-links a{padding:0.5rem 0.55rem;font-size:0.8rem}
}
@media(max-width:960px) and (min-width:861px){
  .nav-logo-text{font-size:0.95rem;letter-spacing:0.03em}
  .nav-logo-text span{font-size:0.66rem}
  .nav-logo svg{width:40px}
  .nav-links a{padding:0.45rem 0.4rem;font-size:0.76rem}
  .nav-cta{padding:0.5rem 0.9rem;font-size:0.8rem}
}


/* Accessibilité : lien d'évitement */
.skip-link{
  position:absolute;left:-9999px;top:0;z-index:5000;
  background:var(--teal-deeper);color:#fff;padding:0.75rem 1.25rem;
  border-radius:0 0 8px 0;font-weight:600;text-decoration:none;
}
.skip-link:focus{left:0}
/* Focus visible pour la navigation au clavier */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:3px solid var(--teal);outline-offset:2px;
}


/* Nom + rôle responsive */
@media(max-width:840px){ .hero-role::after{left:50%;transform:translateX(-50%)} }


/* ═══ Grands écrans : agrandir et aérer (évite l'effet "condensé au milieu") ═══ */
@media(min-width:1600px){
  .hero-inner{max-width:1500px;gap:5rem}
  .hero-badge{font-size:1rem;padding:0.5rem 1.2rem 0.5rem 0.6rem}
  .hero-btns .btn{font-size:1.05rem;padding:1.05rem 2.2rem}
  .nav-inner{max-width:1500px}
  .section-inner{max-width:1400px}
}
@media(min-width:2000px){
  .hero-inner{max-width:1720px}
  .nav-inner{max-width:1720px}
  .section-inner{max-width:1560px}
}


/* ═══ Modales de prestations : plus douces (fond aquarelle + titre vert + tige) ═══ */
.modal-box.modal-presta{
  background-color:#F7F0E8;
  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201084%201207%27%3E%3Cpath%20d%3D%27M458.17%20609.336C473.52%20621.966%20485.95%20635.626%20497.97%20649.696C509.98%20663.736%20519.4%20679.466%20528.88%20699.796C532.03%20658.116%20534.62%20620.356%20537.87%20582.656C538.99%20569.686%20530.22%20566.386%20521.39%20561.496C454.51%20524.476%20411.59%20469.816%20399.24%20392.956C395.64%20370.536%20402.34%20364.386%20424.54%20371.936C479.68%20390.676%20516.73%20429.196%20540.65%20481.476C542.36%20485.226%20543.9%20489.046%20547.51%20497.506C550.25%20468.246%20549.28%20443.946%20548.77%20419.636C548.62%20412.746%20546.31%20402.686%20556.95%20402.186C566.1%20401.756%20564.83%20411.466%20566.5%20417.646C575.17%20449.686%20567.31%20481.376%20564.24%20513.136C562.41%20532.106%20560.06%20551.026%20559.46%20570.696C569.29%20548.116%20579.67%20525.826%20593.61%20505.736C620.78%20466.596%20652.73%20432.996%20701.24%20420.846C725.64%20414.736%20730.14%20419.796%20723.44%20444.796C706.94%20506.396%20667.53%20551.236%20617.56%20587.336C538.22%20644.646%20551.09%20631.606%20549.21%20721.576C548.31%20764.756%20548.6%20807.926%20550.76%20851.066C550.85%20852.776%20551.53%20854.466%20553.15%20861.306C557.1%20850.056%20559.53%20842.996%20562.07%20835.976C584.18%20774.906%20626.95%20733.936%20685.79%20708.946C692.8%20705.966%20701.23%20700.096%20708.35%20706.096C716.57%20713.006%20713.43%20723.786%20710.89%20732.186C697.6%20776.206%20675.68%20815.066%20638.77%20843.646C622.73%20856.066%20606.17%20868.166%20588.52%20878.036C563.51%20892.026%20553.51%20912.626%20553.78%20940.406C554.03%20965.676%20553.64%20990.996%20550.07%201016.11C549.03%201023.43%20547.96%201030.76%20546.51%201038.01C545.13%201044.92%20541.02%201049.58%20533.57%201047.79C526.69%201046.13%20526.16%201040.01%20527.51%201034.3C534.81%201003.36%20532.78%20971.756%20534.77%20940.416C538.11%20887.836%20528.98%20835.856%20529.2%20783.486C529.22%20778.576%20529.18%20773.656%20528.8%20768.776C525.86%20730.186%20522.05%20721.896%20490.06%20712.736C444.58%20699.716%20403.97%20679.806%20376.47%20638.946C368.13%20626.556%20361.14%20613.646%20356.29%20599.596C349.38%20579.586%20355.83%20570.666%20376.67%20573.916C406.23%20578.526%20433.63%20589.236%20458.17%20609.336ZM528.8%20542.876C532.02%20543.586%20535.05%20547.736%20538.57%20543.546C526.83%20455.936%20461.06%20397.106%20417.18%20392.606C431.42%20459.926%20466.8%20509.636%20528.8%20542.876ZM687.68%20444.716C626.67%20475.566%20594.61%20528.566%20572.97%20594.076C593.06%20584.606%20606.73%20572.106%20620.96%20560.706C656.12%20532.556%20683.54%20498.296%20699.43%20455.556C702.69%20446.786%20704.87%20438.396%20687.68%20444.716ZM660.42%20794.396C673.36%20774.796%20685.44%20754.856%20689.21%20729.316C634.54%20745.796%20574.24%20818.626%20576.25%20862.816C605.01%20848.626%20636.45%20823.416%20660.42%20794.396ZM421.41%20607.256C407.46%20601.786%20393.96%20594.126%20377.83%20597.086C386.5%20639.856%20444.75%20689.996%20503%20693.916C486.26%20655.916%20457.42%20630.016%20421.41%20607.256Z%27%20fill%3D%27%23BBDFD6%27%20fill-opacity%3D%270.4%27%2F%3E%3Cpath%20d%3D%27M535.16%20303.356C526.06%20320.156%20516.7%20308.256%20514.46%20301.986C500.19%20261.956%20463.8%20246.976%20432.54%20225.956C393.15%20199.476%20359.18%20168.016%20340.19%20123.006C336.78%20114.926%20334.48%20106.816%20334.51%2097.9959C334.57%2076.3959%20346.94%2065.4759%20367.89%2071.0459C422.87%2085.6759%20471.32%20110.366%20500.46%20162.836C501%20163.816%20502.27%20164.386%20503.3%20165.236C509.39%20164.056%20507.63%20158.696%20508.38%20155.006C518.93%20102.946%20540.83%2056.8559%20579.47%2019.7559C590.9%208.7759%20603.04%20-4.8341%20620.81%201.7059C638.63%208.2659%20642.85%2025.6159%20643.69%2042.8259C645.04%2070.5059%20647.51%2097.9859%20650.9%20125.526C653.95%20150.346%20643.37%20172.536%20626.88%20191.366C622.46%20196.406%20617.7%20201.156%20613.21%20205.916C616%20212.136%20620.93%20209.726%20624.71%20209.916C662.67%20211.776%20693.91%20243.526%20689.37%20275.856C683.92%20314.616%20645.21%20341.016%20606.61%20332.876C580.95%20327.456%20560.15%20311.006%20535.16%20303.356ZM520.32%20226.336C520.82%20232.276%20518.89%20238.646%20524.57%20245.516C558.13%20225.656%20592.76%20207.146%20617.3%20175.336C628.41%20160.936%20635.29%20143.356%20632.04%20125.136C627.57%20100.126%20625.95%2075.1559%20625.08%2049.8859C624.73%2039.6459%20626.29%2024.9359%20613.36%2021.2459C602.04%2018.0159%20595.44%2030.0159%20588.29%2037.2059C537.11%2088.6259%20522.18%20153.476%20520.32%20226.336ZM355.74%2093.0959C351.62%20102.646%20355.43%20111.326%20359.16%20119.746C370.62%20145.616%20388.82%20166.526%20409.4%20185.286C436.91%20210.366%20470.48%20226.506%20502.2%20250.926C500.54%20201.506%20488.84%20160.646%20451.99%20132.016C424.38%20110.576%20395.14%2090.8459%20355.74%2093.0959ZM569.45%20244.006C554.73%20251.536%20537.52%20255.896%20529.32%20273.726C534.7%20277.446%20538.52%20280.486%20542.7%20282.906C553.83%20289.336%20564.89%20295.926%20576.38%20301.656C592.36%20309.626%20608.77%20316.226%20627.35%20314.316C652.8%20311.696%20673.4%20288.616%20670.23%20265.846C666.77%20240.986%20639.88%20223.296%20614%20229.706C599.79%20233.226%20585.99%20238.396%20569.45%20244.006Z%27%20fill%3D%27%23BBDFD6%27%20fill-opacity%3D%270.4%27%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(135deg, #F5E9DC 0%, #FBF7F2 48%, #E4F0EB 100%);
  background-repeat:no-repeat, no-repeat;
  background-position:right -70px bottom -30px, center;
  background-size:300px, cover;
  border:1px solid rgba(255,255,255,0.7);
}
.modal-box.modal-presta .modal-header{border-bottom:1px solid rgba(107,173,161,0.25)}
.modal-box.modal-presta .modal-header h2{color:var(--teal-deeper)}
.modal-box.modal-presta .modal-close{background:rgba(255,255,255,0.75)}
.modal-box.modal-presta .modal-body h3{color:var(--teal-dark)}