/* ==========================================================================
   thankslucas.com : couche base partagee
   Extraite le 31/07/2026 du CSS colle dans les widgets HTML d'Elementor.
   52 regles, presentes sur au moins 10 des 54 pages concernees.
   Une valeur modifiee ici change sur toutes ces pages a la fois.
   Les regles propres a une page sont restees dans la page.
   ========================================================================== */

.section-subtitle{font-size:1.1rem;color:var(--gray-500);max-width:620px;line-height:1.8}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:50px;font-family:'Inter',sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:var(--transition);background:var(--gradient-accent);color:var(--white);box-shadow:var(--shadow-blue)}
.btn:hover{transform:translateY(-2px);box-shadow:0 15px 50px rgba(59,130,246,.35)}
.btn--hero-alt{background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.25);box-shadow:none;color:var(--white)}
.btn--hero-alt:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);box-shadow:none}
.hero__bg{position:absolute;inset:0;pointer-events:none}
.hero__glow--1{width:600px;height:600px;background:var(--blue-accent);top:-250px;left:50%;transform:translateX(-30%)}
.hero__glow--2{width:400px;height:400px;background:var(--cyan);bottom:-100px;right:-80px}
.hero__dot-grid{position:absolute;width:350px;height:350px;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px;top:8%;right:4%}
.hero__float-shape{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.06)}
.hero__float-shape--1{width:500px;height:500px;top:-15%;right:-15%;animation:float 10s ease-in-out infinite}
.hero__float-shape--2{width:300px;height:300px;bottom:5%;left:-10%;animation:float 7s ease-in-out infinite reverse}
.hero__fade{position:absolute;bottom:0;left:0;right:0;height:220px;background:linear-gradient(to bottom,transparent 0%,var(--white) 100%);z-index:3;pointer-events:none}
.hero__content{animation:fadeInUp .8s ease-out}
.hero__badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);padding:8px 20px;border-radius:50px;font-size:.8rem;font-weight:500;color:rgba(255,255,255,.9);margin-bottom:28px;border:1px solid rgba(255,255,255,.1)}
.hero__title-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero__buttons{display:flex;gap:16px;flex-wrap:wrap}
.toc{position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid var(--gray-200);transition:box-shadow .3s ease}
.toc.scrolled{box-shadow:var(--shadow-md)}
.toc__inner{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:14px 0;-ms-overflow-style:none;scrollbar-width:none}
.toc__inner::-webkit-scrollbar{display:none}
.toc__link{padding:8px 18px;border-radius:50px;font-size:.8rem;font-weight:600;color:var(--gray-500);white-space:nowrap;transition:var(--transition);border:1px solid transparent}
.toc__link:hover{color:#1D4ED8;background:var(--blue-light)}
.toc__link.active{color:#1D4ED8;background:var(--blue-light);border-color:var(--blue-accent)}
.result-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition)}
.faq__layout{display:grid;grid-template-columns:4fr 8fr;gap:60px;align-items:start;margin-top:48px}
.faq__sidebar{position:sticky;top:80px}
.faq__sidebar-cta{margin-top:28px;padding:28px;background:var(--gradient-hero);border-radius:var(--radius-lg);color:var(--white);position:relative;overflow:hidden}
.faq__sidebar-cta::after{content:'';position:absolute;width:200px;height:200px;background:var(--cyan);border-radius:50%;filter:blur(80px);opacity:.1;bottom:-60px;right:-40px}
.faq__grid{display:flex;flex-direction:column;gap:12px}
.faq-item{border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition);background:var(--white)}
.faq-item__answer{max-height:0;overflow:hidden;transition:max-height .4s ease}
.final-cta{padding:100px 0;background:var(--gradient-hero);position:relative;overflow:hidden}
.final-cta__bg{position:absolute;inset:0}
.final-cta__glow{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(100px);opacity:.1}
.final-cta__glow--1{background:var(--cyan);top:-200px;left:-100px}
.final-cta__glow--2{background:var(--blue-accent);bottom:-200px;right:-100px}
.final-cta__inner{position:relative;z-index:2;text-align:center;max-width:720px;margin:0 auto}
.final-cta__title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--white);margin-bottom:20px;line-height:1.2}
.final-cta__text{font-size:1.1rem;color:rgba(255,255,255,.7);margin-bottom:40px;line-height:1.8}
.final-cta__buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.final-cta__trust{display:flex;gap:32px;justify-content:center;margin-top:40px;flex-wrap:wrap}
.final-cta__trust-item{display:flex;align-items:center;gap:8px;font-size:.82rem;color:rgba(255,255,255,.6)}
.final-cta__trust-check{color:#00E676;display:flex;align-items:center}
.faq-item.active .faq-item__answer{max-height:500px}
img{max-width:100%;height:auto;}
.btn--primary{background:var(--gradient-accent);color:var(--white);box-shadow:var(--shadow-blue);}
.btn--outline{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.3);}
.btn--outline:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6);}
.btn--dark{background:var(--navy);color:var(--white);}
.btn--dark:hover{background:var(--navy-light);transform:translateY(-2px);box-shadow:var(--shadow-lg);}
.faq{padding:100px 0;}