templates/Front/developper/commerciale.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     Stratégie commerciale | l'agence des Experts-comptables
  5. </div>
  6. {% endblock %}
  8. {% block description %}
  9.     Trouvez votre cap, structurez votre offre et donnez du sens à votre développement. Accompagnement stratégique sur 12 mois pour votre cabinet comptable.
  10. </div>
  11. {% endblock %}
  13. {% block meta_noindex %}
  14. <meta name="robots" content="noindex, nofollow">
  15. </div>
  16. {% endblock %}
  18. {% block body %}
  19. {{ encore_entry_link_tags('commerciale') }}
  20. <div id="commerciale-page">
  22. {# ── Hero ────────────────────────────────────────────────────── #}
  23. <section class="strat-hero">
  24.     <div class="container">
  25.         <span class="strat-hero__eyebrow" data-aos="fade-up">Définir ensemble</span>
  26.         <h1 class="strat-hero__title" data-aos="fade-up" data-aos-delay="100">
  27.             Une <em>stratégie</em> claire, alignée<br>et inspirante pour votre cabinet
  28.         </h1>
  29.         <p class="strat-hero__sub" data-aos="fade-up" data-aos-delay="200">
  30.             Trouvez votre cap, structurez votre offre et donnez du sens à votre développement.
  31.         </p>
  32.         <a href="#form__contact" class="btn regular secondary strat-hero__cta" data-aos="fade-up" data-aos-delay="300">
  33.             Réservez dès maintenant votre audit stratégie offert
  34.             <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2L7 12M7 12L2 7M7 12L12 7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
  35.         </a>
  37.     </div>
  38. </section>
  40. {# ── Logos ───────────────────────────────────────────────────── #}
  41. <section class="logo-area inline bg-secondary-light">
  42.     <div class="container-logo">
  43.         <span class="section-title__tagline" data-aos="fade-up">
  44.             <span class="text-body">+550 cabinets</span>
  45.             nous font déjà confiance
  46.         </span>
  47.         <div class="owl-carousel owl-custom" id="client-logos" data-aos="zoom-in" data-aos-delay="100">
  48.         </div>
  49.     </div>
  50. </section>
  52. {# ── Phases ──────────────────────────────────────────────────── #}
  53. <section class="strat-phases">
  54.     <div class="container">
  55.         <span class="strat-phases__eyebrow" data-aos="fade-up">Un accompagnement en deux temps</span>
  56.         <h2 class="strat-phases__title" data-aos="fade-up" data-aos-delay="100">Construire une stratégie durable</h2>
  57.         <p class="strat-phases__sub" data-aos="fade-up" data-aos-delay="150">
  58.             On vous accompagne <strong>pendant 12 mois</strong>, avec <strong>un rythme adapté et structurant</strong>,
  59.             pour faire grandir votre cabinet avec <strong>clarté, sérénité et efficacité</strong>.
  60.         </p>
  61.         <div class="strat-phases__grid" data-aos="fade-up">
  62.             <div class="phase-card">
  63.                 <div class="phase-card__icon">
  64.                     <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  65.                         <path d="M13 2L4.5 13.5H12L11 22L19.5 10.5H12L13 2Z" fill="white"/>
  66.                     </svg>
  67.                 </div>
  68.                 <h3 class="phase-card__title">Phase 1 :<br>Sprint stratégique</h3>
  69.                 <span class="phase-card__duration">3 MOIS</span>
  70.                 <hr class="phase-card__separator">
  71.                 <div class="phase-card__item">
  72.                     <svg class="phase-card__check" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" width="22" height="22">
  73.                         <circle cx="11" cy="11" r="11" fill="#FC6F1F"/>
  74.                         <path d="M6 11.5L9.5 15L16 8" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  75.                     </svg>
  76.                     <span>Un programme pour bâtir les fondations solides de votre cabinet.</span>
  77.                 </div>
  78.                 <div class="phase-card__item">
  79.                     <svg class="phase-card__check" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" width="22" height="22">
  80.                         <circle cx="11" cy="11" r="11" fill="#FC6F1F"/>
  81.                         <path d="M6 11.5L9.5 15L16 8" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  82.                     </svg>
  83.                     <span><strong>1 rendez-vous tous les 7 jours</strong> pour avancer efficacement.</span>
  84.                 </div>
  85.                 <div class="phase-card__item">
  86.                     <svg class="phase-card__check" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" width="22" height="22">
  87.                         <circle cx="11" cy="11" r="11" fill="#FC6F1F"/>
  88.                         <path d="M6 11.5L9.5 15L16 8" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  89.                     </svg>
  90.                     <span>Après 3 mois d'accompagnement, vous repartez avec <strong>un guide stratégique complet</strong> pour piloter votre développement, clarifier votre positionnement, structurer votre offre et votre pricing.</span>
  91.                 </div>
  92.             </div>
  93.             <div class="phase-card">
  94.                 <div class="phase-card__icon">
  95.                     <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  96.                         <path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  97.                     </svg>
  98.                 </div>
  99.                 <h3 class="phase-card__title">Phase 2 :<br>Consolidation et suivi</h3>
  100.                 <span class="phase-card__duration">9 MOIS</span>
  101.                 <hr class="phase-card__separator">
  102.                 <div class="phase-card__item">
  103.                     <svg class="phase-card__check" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" width="22" height="22">
  104.                         <circle cx="11" cy="11" r="11" fill="#FC6F1F"/>
  105.                         <path d="M6 11.5L9.5 15L16 8" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  106.                     </svg>
  107.                     <span>Nous affinons ensuite votre stratégie pour l'ancrer durablement dans le développement de votre cabinet.</span>
  108.                 </div>
  109.                 <div class="phase-card__item">
  110.                     <svg class="phase-card__check" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" width="22" height="22">
  111.                         <circle cx="11" cy="11" r="11" fill="#FC6F1F"/>
  112.                         <path d="M6 11.5L9.5 15L16 8" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  113.                     </svg>
  114.                     <span><strong>1 rendez-vous tous les 3 mois pour ajuster,</strong> recadrer et garantir l'alignement avec vos objectifs de croissance.</span>
  115.                 </div>
  116.             </div>
  117.         </div>
  118.         <a href="#form__contact" class="btn regular primary strat-phases__cta" data-aos="fade-up">
  119.             Je planifie un RDV "diagnostic stratégique offert"
  120.             <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 7H11M11 7L7 3M11 7L7 11" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
  121.         </a>
  122.     </div>
  123. </section>
  125. {# ── Ebook ───────────────────────────────────────────────────── #}
  126. {{ include('Front/ebook/_ebook-section.html.twig', { ebook_variant: 'marque_forte' }) }}
  128. {# ── Témoignages ─────────────────────────────────────────────── #}
  129. {{ include('Front/testimonials/_testimonial-area.html.twig') }}
  131. {# ── Méthode en 4 étapes ─────────────────────────────────────── #}
  132. <section class="strat-method">
  133.     <div class="container">
  134.         <div class="strat-method__header" data-aos="fade-up">
  135.             <h2 class="strat-method__title">Notre méthode en <span class="strat-etapes-wrap">4 étapes<svg width="175" height="11" viewBox="0 0 175 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="strat-etapes-svg"><path d="M1.99915 8.15963C75.6057 -0.0351434 114.136 1.53108 172.212 3.89176" stroke="#FC6F1F" stroke-width="4" stroke-linecap="round"/></svg></span> 🙂</h2>
  136.         </div>
  137.         <div class="strat-accordion">
  139.             <div class="strat-accordion__item is-open">
  140.                 <button class="strat-accordion__trigger" type="button">
  141.                     <span class="strat-accordion__num" data-num="1"></span>
  142.                     <span class="strat-accordion__label">Étape 1 : Donner du sens à votre stratégie</span>
  143.                     <span class="strat-accordion__chevron" aria-hidden="true">−</span>
  144.                 </button>
  145.                 <div class="strat-accordion__body">
  146.                     <p class="strat-accordion__desc">Derrière chaque stratégie, il y a une intention. On clarifie votre pourquoi, votre vision et vos valeurs pour donner du sens au développement de votre cabinet.</p>
  147.                     <span class="strat-accordion__obj-label">Objectifs</span>
  148.                     <ul class="strat-accordion__list">
  149.                         <li>Identifier le sens individuel et collectif de votre projet</li>
  150.                         <li>Définir votre vision à 3-5 ans</li>
  151.                         <li>Sélectionner 3 à 5 valeurs fondatrices et les traduire dans votre quotidien</li>
  152.                     </ul>
  153.                 </div>
  154.             </div>
  156.             <div class="strat-accordion__item">
  157.                 <button class="strat-accordion__trigger" type="button">
  158.                     <span class="strat-accordion__num" data-num="2"></span>
  159.                     <span class="strat-accordion__label">Étape 2 : Poser les fondations de votre positionnement</span>
  160.                     <span class="strat-accordion__chevron" aria-hidden="true">−</span>
  161.                 </button>
  162.                 <div class="strat-accordion__body">
  163.                     <p class="strat-accordion__desc">Une fois votre vision claire, on définit où et pour qui vous souhaitez agir.</p>
  164.                     <span class="strat-accordion__obj-label">Objectifs</span>
  165.                     <ul class="strat-accordion__list">
  166.                         <li>Identifier vos cibles prioritaires et leurs besoins</li>
  167.                         <li>Déterminer votre périmètre d'action (local, sectoriel ou digital)</li>
  168.                         <li>Choisir les zones ou niches les plus porteuses</li>
  169.                     </ul>
  170.                 </div>
  171.             </div>
  173.             <div class="strat-accordion__item">
  174.                 <button class="strat-accordion__trigger" type="button">
  175.                     <span class="strat-accordion__num" data-num="3"></span>
  176.                     <span class="strat-accordion__label">Étape 3 : Structurer votre offre et votre modèle économique</span>
  177.                     <span class="strat-accordion__chevron" aria-hidden="true">−</span>
  178.                 </button>
  179.                 <div class="strat-accordion__body">
  180.                     <p class="strat-accordion__desc">On repense votre offre pour qu'elle soit claire, lisible et cohérente avec votre positionnement et la vision de votre cabinet.</p>
  181.                     <span class="strat-accordion__obj-label">Objectifs</span>
  182.                     <ul class="strat-accordion__list">
  183.                         <li>Définir vos offres prioritaires</li>
  184.                         <li>Créer une grille simple et compréhensible</li>
  185.                         <li>Ajuster votre pricing selon votre valeur et votre marché</li>
  186.                     </ul>
  187.                 </div>
  188.             </div>
  190.             <div class="strat-accordion__item">
  191.                 <button class="strat-accordion__trigger" type="button">
  192.                     <span class="strat-accordion__num" data-num="4"></span>
  193.                     <span class="strat-accordion__label">Étape 4 : Affirmer votre posture et votre communication</span>
  194.                     <span class="strat-accordion__chevron" aria-hidden="true">−</span>
  195.                 </button>
  196.                 <div class="strat-accordion__body">
  197.                     <p class="strat-accordion__desc">Votre stratégie prend vie à travers votre communication. On définit votre ton, votre promesse et vos canaux prioritaires pour toucher vos cibles efficacement.</p>
  198.                     <span class="strat-accordion__obj-label">Objectifs</span>
  199.                     <ul class="strat-accordion__list">
  200.                         <li>Définir votre posture (style, proximité, technicité)</li>
  201.                         <li>Clarifier votre promesse client</li>
  202.                         <li>Sélectionner les leviers à activer :
  203.                             <ul>
  204.                                 <li>Local : Google My Business, réseaux d'affaires</li>
  205.                                 <li>Digital : LinkedIn, site web, newsletter</li>
  206.                                 <li>Relationnel : événements, recommandations</li>
  207.                             </ul>
  208.                         </li>
  209.                     </ul>
  210.                 </div>
  211.             </div>
  213.         </div>
  214.         <div class="strat-method__cta-wrap" data-aos="fade-up">
  215.             <a href="#form__contact" class="btn regular secondary strat-method__cta">
  216.                 Je prends rendez-vous maintenant
  217.                 <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 7H11M11 7L7 3M11 7L7 11" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
  218.             </a>
  219.         </div>
  220.     </div>
  221. </section>
  223. {# ── Formulaire ──────────────────────────────────────────────── #}
  224. <div id="form__contact"></div>
  225. <section class="contact-area">
  226.     <div class="container">
  227.         <div class="row align-items-center">
  228.             <div class="col-xl-6 col-lg-7" data-aos="fade-right">
  229.                 <div class="section-title left">
  230.                     <span class="sub-title text-green">
  231.                         JE PRENDS RENDEZ-VOUS MAINTENANT
  232.                     </span>
  233.                     <h2 class="title container-shape">
  234.                         <svg class="shape arrow" width="113" height="57" viewBox="0 0 113 57" fill="none"
  235.                              xmlns="http://www.w3.org/2000/svg">
  236.                             <path d="M2.90483 40.1211C13.7262 21.3028 41.1389 -11.1755 64.7944 8.77893C81.6316 22.9818 54.2602 67.284 39.6992 50.9064C25.1381 34.5288 64.2039 -15.5958 108.106 30.5035M96.5749 29.2609L109.697 32.4313L106.667 17.2963"
  237.                                   stroke="#FC6F1F" stroke-width="4" stroke-linecap="round"/>
  238.                         </svg>
  239.                         Prêt à construire une stratégie claire, alignée et durable pour votre cabinet ?
  240.                     </h2>
  241.                     <p>
  242.                         Passez à l'action dès maintenant. Votre cabinet mérite une vision forte et des fondations solides !
  243.                     </p>
  244.                 </div>
  245.             </div>
  246.             <div class="col-xl-6 col-lg-5" data-aos="fade-left">
  247.                 <div class="contact-form strat-form-wrap">
  248.                     <div class="strat-macaron d-none d-lg-block">
  249.                         <img src="{{ asset('/assets/images/macaron-audit-strategie.png') }}" alt="+ 1 heure pour identifier vos leviers de croissance et définir votre cap">
  250.                     </div>
  251.                     <h2 class="title text-center">
  252.                         Je réserve mon Audit stratégique
  253.                         <span class="text-green text-underline">
  254.                             offert !
  255.                             <svg width="121" height="13" viewBox="0 0 121 13" fill="none"
  256.                                  xmlns="http://www.w3.org/2000/svg">
  257.                                 <path d="M2.2998 10.07C52.459 2.41211 78.8787 2.41211 118.7 2.41211" stroke="#7CD325"
  258.                                       stroke-width="4" stroke-linecap="round"/>
  259.                             </svg>
  260.                         </span>
  261.                     </h2>
  262.                     {{ form_start(form_audit) }}
  263.                     {{ form_row(form_audit.page, { "value": title }) }}
  264.                     {{ form_widget(form_audit) }}
  265.                     <button type="submit" class="btn regular primary">
  266.                         <span>
  267.                             Envoyer votre demande
  268.                             <svg width="12" height="13" viewBox="0 0 12 13" fill="none"
  269.                                  xmlns="http://www.w3.org/2000/svg">
  270.                                 <path d="M5.88477 2.7334L10.2001 6.85261L5.88477 10.9718" stroke="white"
  271.                                       stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  272.                                 <path d="M10.1998 6.85266L1.7998 6.85266" stroke="white" stroke-width="1.5"
  273.                                       stroke-linecap="round" stroke-linejoin="round"/>
  274.                             </svg>
  275.                         </span>
  276.                     </button>
  277.                     {{ form_end(form_audit) }}
  278.                 </div>
  279.             </div>
  280.         </div>
  281.     </div>
  282. </section>
  284. {# ── Newsletter ───────────────────────────────────────────────── #}
  285. <section class="newsletter-area">
  286.     <div class="shape-agency">
  287.         <picture>
  288.             <source srcset="{{ asset('assets/images/agexv4/shapes/logo3D.webp') }}" type="image/webp">
  289.             <img src="{{ asset('assets/images/agexv4/shapes/logo3D.png') }}" alt="logo agence">
  290.         </picture>
  291.     </div>
  292.     <div class="container">
  293.         <div class="form-container">
  294.             <h2 class="main-title" data-aos="fade-left">Abonnez-vous à <br> notre newsletter</h2>
  295.             <p data-aos="fade-right" data-aos-delay="200">Un support indispensable pour les Experts-comptables !</p>
  296.             {{ form_start(form_news2) }}
  297.             <div class="input-newsletter" data-aos="fade-left" data-aos-delay="100">
  298.                 <div class="icon">
  299.                     <svg width="18" height="21" viewBox="0 0 18 21" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_434_9342)"><path d="M8.75 10.1904C10.1562 10.1644 11.3411 9.68262 12.3047 8.74512C13.2422 7.78158 13.724 6.59668 13.75 5.19043C13.724 3.78418 13.2422 2.59928 12.3047 1.63574C11.3411 0.698242 10.1562 0.216471 8.75 0.19043C7.34375 0.216471 6.15885 0.698242 5.19531 1.63574C4.25781 2.59928 3.77604 3.78418 3.75 5.19043C3.77604 6.59668 4.25781 7.78158 5.19531 8.74512C6.15885 9.68262 7.34375 10.1644 8.75 10.1904ZM8.75 1.44043C9.81771 1.46647 10.7031 1.83105 11.4062 2.53418C12.1094 3.2373 12.474 4.12272 12.5 5.19043C12.474 6.25814 12.1094 7.14355 11.4062 7.84668C10.7031 8.5498 9.81771 8.91439 8.75 8.94043C7.68229 8.91439 6.79688 8.5498 6.09375 7.84668C5.39062 7.14355 5.02604 6.25814 5 5.19043C5.02604 4.12272 5.39062 3.2373 6.09375 2.53418C6.79688 1.83105 7.68229 1.46647 8.75 1.44043ZM10.7422 12.0654H6.75781C4.85677 12.1175 3.26823 12.7816 1.99219 14.0576C0.716146 15.3337 0.0520833 16.9222 0 18.8232C0 19.2139 0.130208 19.5394 0.390625 19.7998C0.651042 20.0602 0.976562 20.1904 1.36719 20.1904H16.1328C16.5234 20.1904 16.849 20.0602 17.1094 19.7998C17.3698 19.5394 17.5 19.2139 17.5 18.8232C17.4479 16.9222 16.7839 15.3337 15.5078 14.0576C14.2318 12.7816 12.6432 12.1175 10.7422 12.0654ZM16.1328 18.9404H1.36719C1.28906 18.9404 1.25 18.9014 1.25 18.8232C1.30208 17.2607 1.83594 15.9587 2.85156 14.917C3.89323 13.9014 5.19531 13.3675 6.75781 13.3154H10.7422C12.3047 13.3675 13.6068 13.9014 14.6484 14.917C15.6641 15.9587 16.1979 17.2607 16.25 18.8232C16.25 18.9014 16.2109 18.9404 16.1328 18.9404Z" fill="#042F35"/></g><defs><clipPath id="clip0_434_9342"><rect width="17.5" height="20" fill="white" transform="matrix(1 0 0 -1 0 20.1904)"/></clipPath></defs></svg>
  300.                 </div>
  301.                 {{ form_row(form_news2.name) }}
  302.             </div>
  303.             <div class="input-newsletter" data-aos="fade-right" data-aos-delay="200">
  304.                 <div class="icon">
  305.                     <svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.125 3.44043H1.875C1.35417 3.44043 0.911458 3.62272 0.546875 3.9873C0.182292 4.35189 0 4.7946 0 5.31543V16.5654C0 17.0863 0.182292 17.529 0.546875 17.8936C0.911458 18.2581 1.35417 18.4404 1.875 18.4404H18.125C18.6458 18.4404 19.0885 18.2581 19.4531 17.8936C19.8177 17.529 20 17.0863 20 16.5654V5.31543C20 4.7946 19.8177 4.35189 19.4531 3.9873C19.0885 3.62272 18.6458 3.44043 18.125 3.44043ZM18.125 4.69043C18.1641 4.69043 18.2031 4.69368 18.2422 4.7002C18.2812 4.70671 18.3203 4.71647 18.3594 4.72949L10 11.9951L1.64062 4.72949C1.67969 4.71647 1.71875 4.70671 1.75781 4.7002C1.79688 4.69368 1.83594 4.69043 1.875 4.69043H18.125ZM18.125 17.1904H1.875C1.70573 17.1904 1.55924 17.1286 1.43555 17.0049C1.31185 16.8812 1.25 16.7347 1.25 16.5654V6.05762L9.58984 13.2842C9.65495 13.3363 9.72005 13.3753 9.78516 13.4014C9.85026 13.4274 9.92188 13.4404 10 13.4404C10.0781 13.4404 10.1497 13.4274 10.2148 13.4014C10.2799 13.3753 10.3451 13.3363 10.4102 13.2842L18.75 6.05762V16.5654C18.75 16.7347 18.6882 16.8812 18.5645 17.0049C18.4408 17.1286 18.2943 17.1904 18.125 17.1904Z" fill="#042F35"/></svg>
  306.                 </div>
  307.                 {{ form_row(form_news2.email) }}
  308.             </div>
  309.             <button type="submit" class="btn regular black" data-aos="fade-up" data-aos-delay="300">
  310.                 <span>Je m'incris à la newsletter</span>
  311.             </button>
  312.             {{ form_end(form_news2) }}
  313.         </div>
  314.     </div>
  315. </section>
  317. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  318. <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  319. <script src="{{ asset('/assets/js/carouselLogo.js') }}"></script>
  320. <script>
  321.     // Accordion
  322.     document.addEventListener('DOMContentLoaded', () => {
  323.         document.querySelectorAll('.strat-accordion__trigger').forEach(trigger => {
  324.             trigger.addEventListener('click', () => {
  325.                 const item = trigger.closest('.strat-accordion__item');
  326.                 const isOpen = item.classList.contains('is-open');
  327.                 document.querySelectorAll('.strat-accordion__item').forEach(i => {
  328.                     i.classList.remove('is-open');
  329.                     const chev = i.querySelector('.strat-accordion__chevron');
  330.                     if (chev) chev.textContent = '+';
  331.                 });
  332.                 if (!isOpen) {
  333.                     item.classList.add('is-open');
  334.                     const chev = item.querySelector('.strat-accordion__chevron');
  335.                     if (chev) chev.textContent = '−';
  336.                 }
  337.             });
  338.         });
  339.         // Set initial state
  340.         const openItem = document.querySelector('.strat-accordion__item.is-open');
  341.         if (openItem) {
  342.             const chev = openItem.querySelector('.strat-accordion__chevron');
  343.             if (chev) chev.textContent = '−';
  344.         }
  345.         document.querySelectorAll('.strat-accordion__item:not(.is-open) .strat-accordion__chevron').forEach(c => c.textContent = '+');
  346.     });
  347. </script>
  348. </div>
  349. {% endblock %}