/* ================================================================
   GO TO MARKET — Styles specifiques
   ================================================================ */

/* Override accent color to green */
.hero-svc .pretitle { color:var(--green); }
.hero-svc h1 .accent { color:var(--green); }
.hero-svc .hs-img { object-position:center 40%; }

/* Green sketch underline */
.sketch-underline::after {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10'%3E%3Cpath d='M2,7 C40,6 80,4 120,3.5 C160,3 185,4.5 198,4' stroke='%2368E88D' stroke-width='2.2' fill='none' opacity='0.55' stroke-linecap='round'/%3E%3C/svg%3E");
}
.fig-label { color:var(--green); }
sup.r { font-size:0.28em;vertical-align:super;opacity:0.5; }

/* ===== INTRODUCTION ===== */
.probleme { padding:100px 0; }
.probleme-grid { display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center; }
.probleme-text .fig-label { margin-bottom:8px; }
.probleme-text h2 { font-size:clamp(28px,3vw,38px);margin-bottom:18px; }
.probleme-text p { color:var(--gray);font-size:17px;line-height:1.8;margin-bottom:14px; }
.probleme-hand { font-family:'Caveat',cursive;font-size:17px;color:var(--green);opacity:0.8;display:inline-block;transform:rotate(-0.5deg);margin-top:6px; }

/* Override tilt-frame for this page */
.tilt-frame { border-radius:10px;padding:0; }
.tilt-cap { position:absolute;bottom:8px;left:12px;font-family:'Caveat',cursive;font-size:15px;color:rgba(255,255,255,0.3); }

/* ===== GANTT ===== */
.gantt-section { padding:100px 0; }
.gantt-header { text-align:center;margin-bottom:32px; }
.gantt-header h2 { font-size:clamp(28px,3vw,38px);margin-bottom:8px; }
.gantt-header p { color:var(--gray);font-size:16px; }
.gantt { background:var(--black-light);border-radius:14px;padding:18px 22px;border:2px solid rgba(255,255,255,0.06);overflow-x:auto; }
.gr { display:grid;grid-template-columns:260px 1fr;align-items:center;min-height:26px; }
.g-head { border-bottom:1px solid rgba(255,255,255,0.08);padding-bottom:6px;margin-bottom:2px; }
.g-head .gl { font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--gray); }
.g-months { display:grid;grid-template-columns:repeat(12,1fr);font-family:'Caveat',cursive;font-size:16px;color:rgba(255,255,255,0.25);text-align:center; }
.g-grp { margin-bottom:3px; }
.g-ph { background:rgba(255,255,255,0.02);border-radius:5px;padding:8px 12px;margin:3px 0 0;border-left:3px solid var(--gc); }
.g-ph .gl { font-size:14px;line-height:1.35; } .g-ph .gl strong { font-size:15px; }
.g-ph .gl .g-sub { display:block;font-size:11px;color:var(--gray);margin-left:0;margin-top:2px;font-weight:300;font-style:italic; }
.gb { position:relative;height:36px; }
.g-bar { position:absolute;top:12px;height:12px;border-radius:6px;opacity:0.85; }
.g-bar:hover { opacity:1; }
.g-note { text-align:center;margin-top:12px;font-family:'Caveat',cursive;font-size:17px;color:var(--gray);opacity:0.7; }

/* ===== PILIERS ===== */
.piliers { padding:100px 0; }
.piliers-header { text-align:center;max-width:680px;margin:0 auto 40px; }
.piliers-header h2 { font-size:clamp(28px,3vw,38px);margin-bottom:8px; }
.piliers-header p { color:var(--gray);font-size:17px; }
.piliers-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.pilier-card { background:var(--black-light);border-radius:14px;padding:28px 24px;border:2px solid rgba(255,255,255,0.06);position:relative;transition:transform 0.4s,border-color 0.4s,box-shadow 0.4s,filter 0.4s; }
.pilier-card:hover { transform:translateY(-6px);border-color:rgba(104,232,141,0.35);box-shadow:0 8px 40px rgba(104,232,141,0.12);filter:brightness(1.06); }
.pilier-card::before { content:'';position:absolute;inset:-1px;border-radius:15px;background:var(--green);opacity:0;transition:opacity 0.4s;pointer-events:none;filter:blur(30px); }
.pilier-card:hover::before { opacity:0.10; }
.pilier-card:hover { box-shadow:0 8px 40px rgba(104,232,141,0.14); }
.pilier-icon { width:44px;height:44px;border-radius:10px;background:rgba(104,232,141,0.1);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:22px; }
.pilier-card h3 { font-size:17px;font-weight:700;margin-bottom:8px; }
.pilier-card ul { list-style:none;margin:0;padding:0; }
.pilier-card li { font-size:15px;color:var(--gray);padding:3px 0;padding-left:16px;position:relative;line-height:1.6; }
.pilier-card li::before { content:'↳';position:absolute;left:0;color:var(--green);font-family:'Caveat',cursive; }

/* ===== FAQ override: green toggle ===== */
.fi.open .ft { background:var(--green); }

/* ===== CTA: accent vert (image dégradée conservée depuis components.css) ===== */
.cta-hand { color:var(--green); }
.cta-section { padding:100px 0 80px; }

/* ===== Button overrides: green ===== */
.btn-primary { background:var(--green); }
.btn-primary:hover { box-shadow:0 8px 30px rgba(104,232,141,0.35); }
.btn-outline:hover { border-color:var(--green);color:var(--green); }
.cta-btns { display:flex;gap:16px;justify-content:center;flex-wrap:wrap; }

/* ===== Footer override: green hover ===== */
.footer-col a:hover { color:var(--green); }

/* ===== RESPONSIVE ===== */
@media (max-width:900px) {
  .probleme-grid { grid-template-columns:1fr; }
  .piliers-grid { grid-template-columns:1fr 1fr; }
  .hs-ct { padding:0 40px 30px; }
  nav { padding:14px 24px; }
  .hs-wrap { margin:0 20px; }
  .gr { grid-template-columns:160px 1fr; }
}
@media (max-width:600px) {
  .piliers-grid { grid-template-columns:1fr; }
  .cta-btns { flex-direction:column;align-items:center; }
  .gr { grid-template-columns:130px 1fr; }
  .g-ph .gl { font-size:11px; }
  .g-ph .gl .g-sub { display:block;margin-left:0; }
}